.SmartphoneBox {
    padding: 60px 0px;
    background: url(../webimages/Smartphone_01.jpg) no-repeat center;
    background-size: cover;
}
.smartphone_container dl dt{padding-left:calc((100% - 1200px) / 2);}
.smartphone_container dl dd{padding-right:calc((100% - 1200px) / 2);}
.SmartphoneBox dl {
    display: flex;
    flex-wrap: wrap;
}

.SmartphoneBox dl dt {
    width: 50%;
}

.SmartphoneBox dl dt .phoneModel {
    width: 200px;
    position: relative;
    margin-left: 90px;
}

.SmartphoneBox dl dt .phoneModelImg {
    /* width: 100%; */
    display: block;
}

.SmartphoneBox dl dt ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.SmartphoneBox dl dt ul li {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.SmartphoneBox dl dt ul li i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(19, 253, 247, 0.1);
    border-radius: 100%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    animation: ripple 1.5s infinite linear;
    -webkit-animation: ripple 1.5s infinite linear;
}

.SmartphoneBox dl dt ul li img {
    display: block;
    width: 100%;
    background: rgba(45, 61, 79, 0.5);
    border: 1px solid #68b8af;
    border-radius: 100%;
    position: relative;
    z-index: 40;
}

.SmartphoneBox dl dt ul li i:nth-child(2) {
    animation-delay: .3s;
}

.SmartphoneBox dl dt ul li:nth-child(1) {
    left: 47%;
    top: -4%;
}

/* .SmartphoneBox dl dt ul li:nth-child(2){left: -7%; top: 30%;} */
.SmartphoneBox dl dt ul li:nth-child(2) {
    left: 95%;
    top: 24%;
}

.SmartphoneBox dl dt ul li:nth-child(3) {
    left: 67%;
    top: 49%;
}

.SmartphoneBox dl dt ul li:nth-child(4) {
    left: 40%;
    top: 72%;
}

.SmartphoneBox dl dt ul li:nth-child(5) {
    left: 40%;
    top: 94%;
}

.SmartphoneBox dl dt ul li:nth-child(6) {
    left: 18%;
    top: 4%;
}

.SmartphoneBox dl dt ul li:nth-child(7) {
    left: 39%;
    top: 49%;
}

.SmartphoneBox dl dt ul li:nth-child(8){left: 20%;top: 30%;}

.SmartphoneBox dl dd {
    width: 50%;
    padding-left: 80px;
}

.SmartphoneTab h3 {
    font-size: 26px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 10px;
}

.SmartphoneTab .desc {
    font-size: 16px;
    line-height: 22px;
    padding: 5px 0px 30px;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.SmartphoneTab .RelatedProducts a {
    padding: 10px 20px;
    width: auto;
    color: #fff;
    border-radius: 54px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.SmartphoneTab .RelatedProducts a:hover {
    background: #37bbb8;
    border-color: #37bbb8;
}

.SmartphoneTab .RelatedProducts p {
    padding-top: 15px;
}

.SmartphoneTab .RelatedProducts h4 {
    font-size: 18px;
    color: #fff;
    padding-top: 20px;
}

.SmartphoneTab {
    display: none;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    80% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0;
    }
}

@-webkit-keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    80% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0;
    }
}

.Smartphone_main {
    padding-top: 60px;
}

.phoneModel .phxian {
    position: absolute;
    transition: all 1s;
    z-index: 10;
    left: 100%;
    overflow: hidden;
    width: 0;
    bottom: 17px;
}

.phoneModel .phxian svg {
    width: 100%;
    height: 100%;
}

.phoneModel .phxian::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 9px;
    background: #1defea;
    box-sizing: content-box;
    border-radius: 50%;
    border: 5px solid #1a6a81;
    opacity: 0;
}

.phoneModel .phxian1::after {
    bottom: 0;
    top: initial;
}

.phoneModel li.active .phxian::after {
    opacity: 1;
    transition-delay: 0.5s;
}

.phoneModel .linebox {
    position: absolute;
    height: 1px;
    background: #1defea;
    bottom: 0;
}

.phoneModel .linebox::before,
.phoneModel .phxian::before {
    display: block;
    content: "";
    background: #1defea;
    position: absolute;
}


.phoneModel .phxian1 {
    top: 18px;
    bottom: initial;
}

.phoneModel .phxian1 .linebox {
    width: 300px;
    bottom: initial;
}

.phoneModel .phxian1 .linebox::before {
    width: 1px;
    height: 14px;
    left: 100%;
    top: 0;
}

.phoneModel .phxian1::before {
    width: 150px;
    height: 1px;
    left: 300px;
    bottom: 9px;
}

.phoneModel .phxian2 .linebox {
    width: 380px;
}

.phoneModel .phxian2 .linebox::before {
    width: 1px;
    height: 99px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian2::before {
    width: 150px;
    height: 1px;
    left: 380px;
    top: 9px;
}

.phoneModel .phxian3 .linebox {
    width: 205px;
}

.phoneModel .phxian3 .linebox::before {
    width: 1px;
    height: 100px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian3::before {
    width: 150px;
    height: 1px;
    left: 205px;
    top: 9px;
}

.phoneModel .phxian4 .linebox {
    width: 260px;
}

.phoneModel .phxian4 .linebox::before {
    width: 1px;
    height: 202px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian4::before {
    width: 150px;
    height: 1px;
    left: 260px;
    top: 9px;
}

.phoneModel .phxian5 .linebox {
    width: 314px;
}

.phoneModel .phxian5 .linebox::before {
    width: 1px;
    height: 296px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian5::before {
    width: 150px;
    height: 1px;
    left: 314px;
    top: 9px;
}

.phoneModel .phxian6 .linebox {
    width: 314px;
}

.phoneModel .phxian6 .linebox::before {
    width: 1px;
    height: 384px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian6::before {
    width: 150px;
    height: 1px;
    left: 314px;
    top: 9px;
}

.phoneModel .phxian7 {
    top: 25px;
    bottom: initial;
}

.phoneModel .phxian7 .linebox {
    width: 358px;
    bottom: initial;
}

.phoneModel .phxian7 .linebox::before {
    width: 1px;
    height: 18px;
    left: 100%;
    top: 0;
}

.phoneModel .phxian7::before {
    width: 150px;
    height: 1px;
    left: 358px;
    bottom: 9px;
}

.phoneModel .phxian7::after {
    top: initial;
    bottom: 0;
}

.phoneModel .phxian8 .linebox {
    width: 316px;
}

.phoneModel .phxian8 .linebox::before {
    width: 1px;
    height: 202px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian8::before {
    width: 150px;
    height: 1px;
    left: 316px;
    top: 9px;
}
.phoneModel .phxian9 .linebox {
    width: 355px;
}

.phoneModel .phxian9 .linebox::before {
    width: 1px;
    height: 126px;
    left: 100%;
    bottom: 0;
}

.phoneModel .phxian9::before {
    width: 150px;
    height: 1px;
    left: 355px;
    top: 9px;
}

.phoneModel li.active .phxian1 {
    width: 445px;
    height: 24px;
}

.phoneModel li.active .phxian2 {
    width: 544px;
    height: 109px;
}

.phoneModel li.active .phxian3 {
    width: 349px;
    height: 109px;
}

.phoneModel li.active .phxian4 {
    width: 406px;
    height: 211px;
}

.phoneModel li.active .phxian5 {
    width: 460px;
    height: 305px;
}

.phoneModel li.active .phxian6 {
    width: 459px;
    height: 394px;
}

.phoneModel li.active .phxian7 {
    width: 503px;
    height: 28px;
}

.phoneModel li.active .phxian8 {
    width: 463px;
    height: 211px;
}
.phoneModel li.active .phxian9 {
    width: 499px;
    height: 135px;
}

.details_nav.fixed {
    z-index: 90;
}

.SmartphoneTab .RelatedProducts p {
    display: flex;
}

/* 手机端产品点击弹窗 */
.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(6) .phxian7 .linebox::before{top: initial;bottom: 0;}
.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(6) .phxian7{top: initial; bottom: 17px;}
.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(6) .phxian7::before{top: 9px;bottom: initial;}
.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(6) .phxian7 .linebox{bottom: 0;}
.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(6) .phxian7::after{top: 0;bottom: initial;}
.SmartphoneBox.q_notebook .phoneModel .phxian1 .linebox{bottom: 0;}
.SmartphoneBox.q_notebook .phoneModel .phxian1{bottom: 18px;top: initial;}
.SmartphoneBox.q_notebook .phoneModel .phxian1 .linebox::before{bottom: 0;top: initial;}
.SmartphoneBox.q_notebook .phoneModel li.active .phxian5{height: 54px;width: 434px;}
.SmartphoneBox.q_notebook .phoneModel .phxian5 .linebox{width: 289px;}
.SmartphoneBox.q_notebook .phoneModel .phxian5 .linebox::before{height: 45px;}
.SmartphoneBox.q_notebook .phoneModel .phxian2 .linebox{width: 328px;}
.SmartphoneBox.q_notebook .phoneModel .phxian2::before{left: 328px;}

.SmartphoneBox.q_notebook .phoneModel li.active .phxian6{height: 232px;width: 331px;}
.SmartphoneBox.q_notebook .phoneModel .phxian6 .linebox{width: 186px;}
.SmartphoneBox.q_notebook .phoneModel .phxian6 .linebox::before{height: 222px;}
.SmartphoneBox.q_notebook .phoneModel .phxian6::before{left: 186px;}


/* 鎵嬫満绔骇鍝佺偣鍑诲脊绐� */
.Smartphone_alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

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

.Smartphone_alert .Smartphone_alertbox .Smartphone_alertcontent {
    width: 90%;
    background: #fff;
    border-radius: 8px;
    position: relative;
}

.Smartphone_alertcontent .closebtn {
    position: absolute;
    right: 0;
    top: -30px;
}

.Smartphone_alertcontent .closebtn i {
    font-size: 16px;
    color: #fff;
}

.recommended_main {
    background: none;
}

.recommended_main .hardware_content .swiperbox {
    background: #f4f6f7;
}

.recommended_main .hardware_content .swiperbox .desc {
    margin-top: 45px;
}

.recommended_main .hardware_content .swiperbox .img {
    height: 150px;
}

.phoneGetting_main .gettingWith_list .item {
    padding: 40px !important;
}



@media (max-width:1260px) {
    .phoneModel .phxian {
        display: none;
    }

    .SmartphoneBox dl dd {
        padding-left: 30px;
        padding-right: 30px;
    }

    .SmartphoneTab h3 {
        font-size: 26px;
    }

    .SmartphoneTab .desc {
        font-size: 16px;
    }
}


@media (max-width:992px) {
    .Smartphone_main {
        padding-top: 60px;
    }
}

@media (max-width:768px) {
    .recommended_main {
        padding: 40px 0;
    }

    .Smartphone_main {
        padding-top: 40px;
    }

    .SmartphoneBox dl dt {
        width: 100%;
        padding: 80px 0;
        background: url(../webimages/phone_left.jpg) center no-repeat;
        background-size: cover;
    }

    .SmartphoneBox dl dd {
        width: 100%;
        display: none !important;
    }

    .SmartphoneBox {
        background: none;
        padding: 0;
    }

    .SmartphoneBox .container1200 {
        margin: 0;
    }

    .SmartphoneBox dl dt .phoneModel {
        margin: 0 auto;
    }

    .SmartphoneBox dl dd {
        background: #182b48;
        padding: 40px 15px;
    }

    .SmartphoneTab {
        display: block !important;
        background: #182b48;
    }

    .Smartphone_alertcontent .SmartphoneTab {
        padding: 30px 15px;
    }

    .SmartphoneTab .desc {
        max-height: 50vh;
        overflow-y: auto;
    }

    .phoneGetting_main .gettingWith_list .item {
        padding: 25px !important;
    }
}

@media (max-width:520px) {
    .SmartphoneTab h3 {
        font-size: 20px;
    }

    .SmartphoneTab .RelatedProducts a {
        width: auto;
        padding: 15px 20px;
    }

    .SmartphoneTab .RelatedProducts h4 {
        font-size: 16px;
    }

    .SmartphoneTab .RelatedProducts a {
        font-size: 12px;
    }

    .SmartphoneBox dl dt .phoneModel {
        width: 55%;
    }
}

.SmartphoneBox.q_notebook dl dt .phoneModel {
    width: 430px;
    margin-left: 50px;
}





.SmartphoneBox.q_notebook dl dt ul li:nth-child(1) {
    left: 13%;
    top: 2%;
}

.SmartphoneBox.q_notebook .phoneModel li.active .phxian1 {
    width: 525px;
    height: 40px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian1::before {
    left: 380px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian1 .linebox {
    width: 380px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian1 .linebox::before {
    height: 10px;
}

.SmartphoneBox.q_notebook dl dt ul li:nth-child(2) {
    left: 25%;
    top: 36%;
}

.SmartphoneBox.q_notebook .phoneModel li.active .phxian3 {
    width: 373px;
    height: 269px;
}
.SmartphoneBox.q_notebook .phoneModel li.active .phxian2{height: 163px;width: 473px;}
.SmartphoneBox.q_notebook .phoneModel .phxian2 .linebox::before{height: 154px;}

.SmartphoneBox.q_notebook .phoneModel .phxian3::before {
    left: 229px;
    width: 150px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian3 .linebox {
    width: 229px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian3 .linebox::before {
    height: 259px;
}

.SmartphoneBox.q_notebook dl dt ul li:nth-child(3) {
    left: 48%;
    top: 61%;
}

.SmartphoneBox.q_notebook .phoneModel li.active .phxian4 {
    width: 287px;
    height: 357px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian4::before {
    left: 143px;
    width: 150px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian4 .linebox {
    width: 143px;
}

.SmartphoneBox.q_notebook .phoneModel .phxian4 .linebox::before {
    height: 348px;
}

.SmartphoneBox.q_notebook dl dt ul li:nth-child(4) {
    left: 68%;
    top: 82%;
}

.SmartphoneBox.q_notebook dl dt ul li:nth-child(5){left: 34%;top: 10%;}

.SmartphoneBox.q_notebook dl dt ul li:nth-child(6){right: 146px;bottom: 166px;top: initial;left: initial;}


.SmartphoneBox.q_notebook .phoneModel .phxian5::before {
    left: 289px;
    width: 461px;
}



.SmartphoneBox.q_tablet dl dt ul li:nth-child(1) {
    left: 47%;
    top: 1%;
}
.SmartphoneBox.q_tablet dl dt ul li:nth-child(7) {
    right: -60px;
    left: initial;
    top: 70%;
    transform: translateY(-50%);
    z-index: 99;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian1 {
    width: 448px;
    height: 19px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian1::before {
    left: 300px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian1 .linebox::before {
    height: 11px;
}

.SmartphoneBox.q_tablet dl dt ul li:nth-child(2) {
    left: 55%;
    top: 12%;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian3 {
    width: 432px;
    height: 67px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian3 .linebox {
    width: 285px;
}
.SmartphoneBox.q_tablet .phoneModel .phxian3 .linebox::before{height: 58px;}
.SmartphoneBox.q_tablet .phoneModel .phxian3::before {
    left: 285px;
}
.SmartphoneBox.q_tablet .phoneModel li .phxian3::after{}



.SmartphoneBox.q_tablet dl dt ul li:nth-child(3) {
    left: -8%;
    top: 26%;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian4 {
    width: 558px;
    height: 129px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian4 .linebox {
    width: 411px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian4::before {
    left: 411px;
}


.SmartphoneBox.q_tablet .phoneModel .phxian4 .linebox::before {
    height: 119px;
}
.SmartphoneBox.q_tablet dl dt ul li:nth-child(4) {
    left: 80%;
    top: 56%;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian5 {
    width: 382px;
    height: 262px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian5 .linebox {
    width: 235px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian5::before {
    left: 235px;
}


.SmartphoneBox.q_tablet .phoneModel .phxian5 .linebox::before {
    height: 252px;
}

.SmartphoneBox.q_tablet dl dt ul li:nth-child(5) {
    left: 50%;
    top: 76%;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian6 {
    width: 442px;
    height: 351px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian6 .linebox {
    width: 295px;
}

.SmartphoneBox.q_tablet .phoneModel .phxian6::before {
    left: 295px;
}


.SmartphoneBox.q_tablet .phoneModel .phxian6 .linebox::before {
    height: 342px;
}
.SmartphoneBox.q_tablet dl dt ul li:nth-child(6) {
    left: 50%;
    top: 89%;
}

.SmartphoneBox.q_tablet .phoneModel li.active .phxian7 {
    width: 442px;
    height: 426px;
    top: auto;
    bottom: 0;
}

.SmartphoneBox.q_tablet .phoneModel .phxian7 .linebox {
    width: 295px;
    bottom: 16px;
}
.SmartphoneBox.q_tablet .phoneModel .phxian7::after{
    top: 0;
    bottom: auto;
}

.SmartphoneBox.q_tablet .phoneModel .phxian7::before {
    left: 295px;
    top: 9px;
    bottom: 0;
}


.SmartphoneBox.q_tablet .phoneModel .phxian7 .linebox::before {
    height: 400px;
    top: auto;
    bottom: 0;
}

.SmartphoneBox.q_tablet .phoneModel .phxian8 .linebox{width: 170px;}
.SmartphoneBox.q_tablet .phoneModel li.active .phxian8{width: 317px;height: 307px;}
.SmartphoneBox.q_tablet .phoneModel .phxian8 .linebox::before{height: 296px;}
.SmartphoneBox.q_tablet .phoneModel .phxian8::before{left: 170px;}
.SmartphoneBox.q_tablet .phoneModel .phxian8::before{top: 10px;}

.SmartphoneBox.q_Sphone dl dt ul li:nth-child(6) {
    left: -7%;
    top: 30%;
}

.SmartphoneBox.q_Sphone .phoneModel li.active .phxian7 {
    width: 550px;
    height: 140px;
    top: auto;
    bottom: 0;
}

.SmartphoneBox.q_Sphone .phoneModel .phxian7 .linebox {
    width: 381px;
    bottom: 25px;
}
.SmartphoneBox.q_Sphone .phoneModel .phxian7::after{
    top: 0;
    bottom: auto;
}

.SmartphoneBox.q_Sphone .phoneModel .phxian7::before {
    left: 382px;
    top: 9px;
    bottom: 0;
}


.SmartphoneBox.q_Sphone .phoneModel .phxian7 .linebox::before {
    height: 106px;
    top: auto;
    bottom: 0;
}


/* 蓝牙耳机 */
/* .SmartphoneBox.c_hearables{padding: 100px 0;} */
.SmartphoneBox.c_hearables dl dt{padding: 35px 0;}
.SmartphoneBox.c_hearables dl dt .phoneModel{width: 270px;}
.SmartphoneBox.c_hearables dl dt ul li:nth-child(1){left: 79%;top: 1%;}
.SmartphoneBox.c_hearables dl dt ul li:nth-child(2){left: 35%;top: 26%;}
.SmartphoneBox.c_hearables dl dt ul li:nth-child(3){left: 71%;top: 24%;}

.SmartphoneBox.c_hearables .phoneModel li .phxian1{top: initial;bottom: 16px;}
.SmartphoneBox.c_hearables .phoneModel .phxian1 .linebox{bottom: 0;}
.SmartphoneBox.c_hearables .phoneModel .phxian1::before{bottom: initial;top: 8px;}
.SmartphoneBox.c_hearables .phoneModel .phxian1::after{top: 0;bottom: initial;}
.SmartphoneBox.c_hearables .phoneModel .phxian1 .linebox::before{top: initial;bottom: 0;}

.SmartphoneBox.c_hearables .phoneModel li.active .phxian1 .linebox{width: 180px;}
.SmartphoneBox.c_hearables .phoneModel .phxian1::before{left: 180px;}
.SmartphoneBox.c_hearables .phoneModel li.active .phxian1{width: 328px;height: 51px;}
.SmartphoneBox.c_hearables .phoneModel .phxian1 .linebox::before{height: 42px;}

.SmartphoneBox.c_hearables .phoneModel li.active .phxian2 .linebox{width: 299px;}
.SmartphoneBox.c_hearables .phoneModel .phxian2::before{left: 299px;}
.SmartphoneBox.c_hearables .phoneModel li.active .phxian2{width: 448px;height: 135px;}
.SmartphoneBox.c_hearables .phoneModel .phxian2 .linebox::before{height: 125px;}

.SmartphoneBox.c_hearables .phoneModel li.active .phxian3 .linebox{width: 202px;}
.SmartphoneBox.c_hearables .phoneModel .phxian3::before{left: 202px;}
.SmartphoneBox.c_hearables .phoneModel li.active .phxian3{width: 349px;height: 129px;}
.SmartphoneBox.c_hearables .phoneModel .phxian3 .linebox::before{height: 119px;}

/* 智能手表 */
.SmartphoneBox.c_wearables{padding: 0 !important;}
.SmartphoneBox.c_wearables dl dt .phoneModelImg{width: 100%;}
.SmartphoneBox.c_wearables dl dt .phoneModel{width: 100%;margin: 0;}
.SmartphoneBox.c_wearables dl dd{padding-top: 130px;padding-right: calc((100vw - 1200px) / 2);}
.SmartphoneBox.c_wearables dl dt ul{width: 500px;height: 460px;top: 50%;transform: translate(-50%,-50%);left: 50%;max-width: 100%;max-height: 100%;}

.SmartphoneBox.c_wearables dl dt ul li:nth-child(1){left: 11%;top: 1%;}
.SmartphoneBox.c_wearables dl dt ul li:nth-child(2){left: -7%;top: 50%;}
.SmartphoneBox.c_wearables dl dt ul li:nth-child(3){left: 29%;top: 87%;}
.SmartphoneBox.c_wearables dl dt ul li:nth-child(4){left: 75%;top: 8%;}
.SmartphoneBox.c_wearables dl dt ul li:nth-child(5){left: 55%;top: 38%;}
.SmartphoneBox.c_wearables dl dt ul li:nth-child(6){left: 72%;top: 64%;}

.SmartphoneBox.c_wearables .phoneModel .phxian1 .linebox{bottom: 9px;}
.SmartphoneBox.c_wearables .phoneModel .phxian1 .linebox::before{height: 0;}
.SmartphoneBox.c_wearables .phoneModel li.active .phxian1{height: 19px;width: 688px;}
.SmartphoneBox.c_wearables .phoneModel .phxian1::before{width: 441px;}
.SmartphoneBox.c_wearables .phoneModel .phxian1{top: 17px;}

.SmartphoneBox.c_wearables .phoneModel li.active .phxian2{width: 768px;height: 238px;}
.SmartphoneBox.c_wearables .phoneModel .phxian2 .linebox{width: 630px;}
.SmartphoneBox.c_wearables .phoneModel .phxian2 .linebox::before{height: 228px;}
.SmartphoneBox.c_wearables .phoneModel .phxian2::before{left: 630px;}

.SmartphoneBox.c_wearables .phoneModel li.active .phxian3{width:589px;height: 409px;}
.SmartphoneBox.c_wearables .phoneModel .phxian3 .linebox{width: 450px;}
.SmartphoneBox.c_wearables .phoneModel .phxian3::before{left: 450px;}
.SmartphoneBox.c_wearables .phoneModel .phxian3 .linebox::before{height: 400px;}

.SmartphoneBox.c_wearables .phoneModel .phxian4 .linebox{width: 220px;}
.SmartphoneBox.c_wearables .phoneModel .phxian4 .linebox::before{height: 36px;}
.SmartphoneBox.c_wearables .phoneModel li.active .phxian4 {width: 360px;height: 45px;}
.SmartphoneBox.c_wearables .phoneModel .phxian4::before{left: 220px;}

.SmartphoneBox.c_wearables .phoneModel .phxian5 .linebox{width: 320px;}
.SmartphoneBox.c_wearables .phoneModel .phxian5 .linebox::before{height: 174px;}
.SmartphoneBox.c_wearables .phoneModel li.active .phxian5 {width: 461px;height: 183px;}
.SmartphoneBox.c_wearables .phoneModel .phxian5::before{left: 320px;}

.SmartphoneBox.c_wearables .phoneModel .phxian6 .linebox{width: 235px;}
.SmartphoneBox.c_wearables .phoneModel .phxian6 .linebox::before{height: 294px;}
.SmartphoneBox.c_wearables .phoneModel .phxian6::before{width: 172px;left: 235px;}
.SmartphoneBox.c_wearables .phoneModel li.active .phxian6{height: 303px;}
.SmartphoneBox.c_wearables .phoneModel li.active .phxian6{width: 376px;}


.SmartphoneBox.c_wearablesTwo dl dt .phoneModel{width: 250px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li::after{display: block;content: "";position: absolute;top: 40px;height: 1px;background: rgba(255, 255, 255, 0.2);width: 40px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(1)::after{top: 52px;right: -45px;transform: rotate(45deg);width: 60px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(2)::after{top: 23px; right: -48px;transform: rotate(10deg); width: 50px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(3)::after{top: -6px;right: -62px;transform: rotate(-30deg);width: 68px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(4)::after{top: 46px;left: -77px;transform: rotate(-30deg);width: 84px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(5)::after{display: none;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(6)::after{top: -4px; left: -55px;transform: rotate(33deg);width: 60px;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(7)::after{top: 13px;left: -48px;transform: rotate(9deg);width: 50px;}



.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(1) {left: -10%;top: 5%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(2) {left: -32%;top: 50%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(3) {left: -16%;top: auto;bottom:5%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(4) {left: auto;top: 12%;right: -27%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(5) {left: auto;top: 41%;right: 15%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(6) {left: auto;top: auto;right: -16%;bottom: 13%;}
.SmartphoneBox.c_wearablesTwo dl dt ul li:nth-child(7) {left: auto;top: 38%;right: -30%;}

.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1 .linebox{width: 425px;}
.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian1{width: 567px;height: 34px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1::before{left: 425px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1 .linebox::before{height: 25px;}

.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian2{width: 622px;height: 214px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian2 .linebox { width: 480px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian2::before{left: 480px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian2 .linebox::before{height: 205px;}

.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian3{width: 582px;height: 361px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian3 .linebox { width: 440px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian3::before{left: 440px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian3 .linebox::before{height: 351px;}

.SmartphoneBox.c_wearablesTwo .phoneModel .phxian4 .linebox{width: 115px;}
.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian4{width: 260px;height: 61px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian4::before{left: 115px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian4 .linebox::before{height: 51px;}

.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian5{width: 365px;height: 178px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian5 .linebox { width: 223px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian5::before{left: 223px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian5 .linebox::before{height: 168px;}

.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian6{width: 287px;height: 328px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian6 .linebox { width: 145px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian6::before{left: 145px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian6 .linebox::before{height: 318px;}

.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian7{top: initial;bottom: 17px;}
.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian7 .linebox{bottom: 0;}
.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian7 .linebox::before{top: initial;bottom: 0;}
.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian7::before{top: 9px;bottom:initial}
.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian7::after{top: 0;}
.SmartphoneBox.c_wearablesTwo .phoneModel li.active .phxian7{width: 252px;height: 166px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian7 .linebox { width: 107px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian7::before{left: 107px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian7 .linebox::before{height: 156px;}


.SmartphoneBox.q_tablet .phoneModel li .phxian1{top: initial;bottom: 16px;}
.SmartphoneBox.q_tablet .phoneModel .phxian1 .linebox{bottom: 0;}
.SmartphoneBox.q_tablet .phoneModel .phxian1::before{bottom: initial;top: 8px;}
.SmartphoneBox.q_tablet .phoneModel .phxian1::after{top: 0;bottom: initial;}
.SmartphoneBox.q_tablet .phoneModel .phxian1 .linebox::before{top: initial;bottom: 0;}

.SmartphoneBox.c_wearablesTwo .phoneModel li .phxian1{top: initial;bottom: 16px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1 .linebox{bottom: 0;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1::before{bottom: initial;top: 8px;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1::after{top: 0;bottom: initial;}
.SmartphoneBox.c_wearablesTwo .phoneModel .phxian1 .linebox::before{top: initial;bottom: 0;}






@media (max-width:1440px) {
    .smartphone_container dl dt{padding-left: 30px;}
    .SmartphoneBox dl dd{padding-right: 30px;}
    

    .SmartphoneBox.c_wearables dl dt ul{width: 400px;height: 350px;}
    .SmartphoneBox.c_wearables dl dd{padding-top: 80px;padding-bottom: 50px;}
    .SmartphoneBox.c_wearables dl dt .phoneModel{height: 100%;}
    .SmartphoneBox.c_wearables dl dt .phoneModelImg{height: 100%;}
    .SmartphoneTab .RelatedProducts a{padding: 10px 20px;}
    .SmartphoneTab h3{font-size: 30px;}
    .SmartphoneBox.c_wearables dl dt ul{left: initial;right: 115px;    transform: translate(0,-56%);}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian1{width: 486px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian2 .linebox{width: 425px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian2{height: 184px;width: 550px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian2::before{left: 426px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian2 .linebox::before{height: 176px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian3 .linebox{width: 279px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian3 .linebox::before {height: 305px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian3{height: 313px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian3::before {left: 280px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian3{width: 406px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian4 .linebox{width: 95px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian4::before {left: 95px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian4{width: 222px;height: 37px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian4 .linebox::before {height: 29px; }
    .SmartphoneBox.c_wearables .phoneModel .phxian5 .linebox {width: 175px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian5::before {left: 174px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian5 {width: 302px;height: 142px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian5 .linebox::before {height: 134px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian6 .linebox {width: 107px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian6::before {left: 107px;}
    .SmartphoneBox.c_wearables .phoneModel li.active .phxian6 {width: 235px;height: 233px;}
    .SmartphoneBox.c_wearables .phoneModel .phxian6 .linebox::before {height: 225px;}
}
@media (max-width:1366px) {



}

@media (max-width:1260px) {
    .SmartphoneBox.c_wearables dl dd{padding-top: 40px;}
    .SmartphoneBox.c_wearables dl dd{padding-right: 15px;}
}

@media (max-width:768px) {
    .SmartphoneBox{padding: 0 !important;}
    .SmartphoneBox dl dt .phoneModel{margin: 0 auto !important;}
    .SmartphoneBox dl dt .phoneModel{max-width: 70% !important;}
    .SmartphoneBox.onlyMobileoPhones dl dt .phoneModel{max-width: 50% !important;}
    .SmartphoneBox.c_wearables dl dt .phoneModel{max-width: 100% !important;}
    .SmartphoneBox.c_wearables dl dt{padding: 0 !important;}
    /* .SmartphoneBox dl dt ul{max-width: 60%;max-height: 60%;} */
    .SmartphoneTab h3{font-size: 20px;}
    .SmartphoneTab .desc{font-size: 14px;}
    .SmartphoneBox.c_wearablesTwo dl dt ul{max-width: initial;max-height: initial;}
    .Smartphone_alertcontent .closebtn{right: 15px;top:15px;}
    .SmartphoneBox.q_notebook dl dt .phoneModel{max-width: 70% !important;}
    .SmartphoneBox.q_notebook dl dt{padding: 40px 0;}
    .SmartphoneTab .RelatedProducts a {
        padding: 5px 10px;
    }
    .SmartphoneTab .RelatedProducts p{padding-top: 8px;}
}

@media (max-width:580px) {
    .SmartphoneBox dl dt{padding: 40px 0;}
    .SmartphoneTab .RelatedProducts h4{font-size: 14px !important;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(5){left: 39%;top: 9%;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(2){left: 28%;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(3) {left: 46%;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(4) {left: 65%;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(1){top: 4%;}
    .SmartphoneBox.c_wearablesTwo dl dt ul li::after{display: none;}
    .SmartphoneBox.c_hearables dl dt .phoneModel{width: 50% !important;}
    .SmartphoneBox.q_tablet dl dt .phoneModel{width: 40% !important;}
    .SmartphoneBox.c_wearablesTwo dl dt .phoneModel{width: 40% !important;}
}






.q_notebook .zhudongbi_box{position: absolute;top: 180px;right: 121px;}
.q_notebook .zhudongbi_box .bipng{width: 110px;}

.q_tablet .zhudongbi_box{position: absolute;top: 55%;right: -70px;transform: translateY(-50%);}
.q_tablet .zhudongbi_box .bipng{width: 110px;}

.onlyMobileoPhones .zhudongbi_box{position: absolute;bottom:22px;right: -110px;}
.onlyMobileoPhones .zhudongbi_box .bipng{width: 190px;}

.onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(8){left: initial;top: initial;right: -71px;bottom: 79px;}
.onlyMobileoPhones .phoneModel .phxian9 .linebox{width: 170px;}
.onlyMobileoPhones .phoneModel .phxian9::before{left: 170px;}
.onlyMobileoPhones .phoneModel li.active .phxian9{height: 304px;width: 308px;}
.onlyMobileoPhones .phoneModel .phxian9 .linebox::before{height: 294px;}

@media (max-width:580px) {
    .q_notebook .zhudongbi_box .bipng {width: 70px;}
    .q_notebook .zhudongbi_box{top: 120px;right: 84px;}
    .SmartphoneBox.q_notebook dl dt ul li:nth-child(6){right: 83px;bottom: 104px;}
    .q_tablet .zhudongbi_box .bipng{width: 80px;}
    .q_tablet .zhudongbi_box{right: -45px;}
    .SmartphoneBox.q_tablet dl dt ul li:nth-child(7){right: -44px;}
    .onlyMobileoPhones .zhudongbi_box .bipng{width: 140px;}
    .onlyMobileoPhones .zhudongbi_box{right: -75px;}
    .onlyMobileoPhones.SmartphoneBox dl dt ul li:nth-child(8){right: -59px;bottom: 46px;}
    .q_tablet.SmartphoneBox dl dt{padding-right: 28px !important;}
    .onlyMobileoPhones.SmartphoneBox dl dt .phoneModel{max-width: 40% !important;}
    .onlyMobileoPhones.SmartphoneBox dl dt{padding-right: 30px !important;}

    .SmartphoneBox.q_notebook dl dt .phoneModel{width: 290px;max-width: 100% !important;}
}