.yuntai {
    margin-top: 80px;
    width: 100%;
}

.mobile-homecamera2 h5 {
    font-size: 18px;
    line-height: 1.4446;
}

.col_12 {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.first {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;

    border: 0px solid #000;
}

.first2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #000;
    text-align: center;
    margin-bottom: 66px;
    padding-left: 3%;
}

.first .title {
    width: 100%;
    font-size: 30px;
    color: #3c3c3c;
    margin-top: 66px;
    float: left;
}

.first2 .title {
    width: 100%;
    font-size: 24px;
    color: #3c3c3c;
    margin-top: 66px;
}


.container2_first {
    padding-top: 2%;
    width: 100%;
}

.fir_1 {
    margin-left: 30%;
}

.fir_2 {
    margin-left: 3%;
}

.first .first_div1 {
    width: 35%;
    float: left;
}

.first .first_div2 {
    width: 65%;
    float: left;
}

.first .first_div2 .top_text ul li {
    list-style-type: none;
    float: left;
    width: 185px;
    margin-right: 12px;
    margin-bottom: 60px;
}

.top_text {
    margin-top: 70px;
    margin-left: 70px;
}

.br-top {
    border-top: 1px solid #e0e0e0;
    margin-top: 350px;
    width: 81%;
    margin-left: 110px;
}

.color-nav {
    display: inline-block;
    text-align: center;
    list-style: none;
    margin-left: 60px;
    margin-top: 60px;
}

.color-nav li {
    display: inline-block;
    text-align: center;
    list-style: none;
}

.color-nav li span {
    display: block;
    width: 40px;
    height: 40px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 0px 10px 14px;
    border-radius: 22px;
    border: 1px solid rgb(172, 172, 172);
}

.bai {
    background-color: #eeeeee;
}

.blue_font {
    color: #1b97d7;
}


.first .first_div2 ul li .name {
    display: block;
    color: #3c3c3c;
    font-size: 25px;
    text-align: left;
}

.first .first_div2 ul li .text {
    font-size: 15px;
    color: #686868;
    margin-top: 10px;
}

.weight {
    border-top: 1px solid #e0e0e0;
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.weight_images_1 {
    float: right;
    width: 30%;
}

.weight_images_2 {
    float: right;
    width: 30%;
    margin-top: -5%;
    padding-bottom: 4%;
}

.weight_images_3 {
    float: right;
    width: 14%;
    margin-top: -5%;
    padding-bottom: 4%;
}

.weight_images_4 {
    float: left;
    width: auto;
    margin-top: 5%;
    padding-bottom: 4%;
}

.storage {
    float: left;
    width: 80%;
    margin-top:2%;
    margin-bottom: -2%;

}

.storage_txt {
    width: 100%;
    font-size: 14px;
    margin-left: 6%;
}
.hypercore {
    margin-left: -3%;
}

.battery {
    float: left;
    margin-right: 5%;
}
.batteryarea  {
    float: left;

}

/*.batterycable{
    padding-left: 2%;
    margin-left: -5%;
}*/

.cable{
    margin-right: 20%;
}

.battery img{
    /* margin-left: 20px; */
    margin-left: 9%;
    width: 61%;
    margin-bottom: 26px;
    text-align: center;
}

@media (max-width:1028px) {
    .weight_images_4 {
        float: left;
        width: 50%;
        margin-top: 5%;
        padding-bottom: 4%;
    }
    .weight_images_5 {
        float: left;
        width: 90%;
        margin-top: 5%;
        padding-bottom: 4%;
    }
    .weight_images_3 {
        float: right;
        width: 25%;
        margin-top: 2%;
        padding-bottom: 4%;
    }
    .storage_txt {
   
    font-size: 12px;
   
    }
}

.font-18 {
    font-size: 18px
}



.weight .title_long {
    width: 100%;
    font-size: 30px;
    color: #3c3c3c;
    padding-top: 5%;
    float: left;
}

.weight .title {
    width: 30%;
    font-size: 30px;
    color: #3c3c3c;
    padding-top: 2%;
    float: left;
}

.weight .name {
    width: auto;
}

.weight .param {
    font-size: 18px;
    color: #686868;
    padding-top: 3%;
    padding-bottom: 2%;
    float: left;
    width: 70%;
}

.container_first {
    padding-top: 5%;
    width: 100%;
    float: left;
    padding-left: 0%;
}

.container_first img {
    width: 80%;
}

@media (max-width:1028px) {
    .container_first {
        padding-top: 2%;
        width: 100%;
        float: left;
    }
    .weight .name {
        width: 100%;
    }
    .container_first img {
        width: 100%;
        float: left;
    }
    .weight .title {
        width: 100%;
        font-size: 25px;
        color: #3c3c3c;
        padding-top: 3%;
        float: left;
    }
    .weight .param {
        font-size: 16px;
        color: #686868;
        padding-top: 3%;
        float: left;
        width: 97%;
    }
    body {
        font-size: 12px;
    }

    .weight {
        border-top: 1px solid #e0e0e0;
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .weight .title_long {
        width: 100%;
        font-size: 25px;
        color: #3c3c3c;
        padding-top: 5%;
        float: left;
    }
    /*.overflow-a{overflow: auto}*/
    /*.weight .overflow-s{overflow: scroll;width: 450px;}*/
    .weight_images_2 {
        float: right;
        width: 50%;
        margin-top: 2%;
        padding-bottom: 4%;
    }
    .weight_images_1 {
        float: right;
        width: 50%;
        margin-top: 2%;
    }
    .font-18 {
        font-size: 16px
    }
    .storage {
        width: 80px;
        height: 60px;
    }
}

.list {
    width: 100%;
    float: left;
    font-size: 18px;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%
}

@media (max-width:1028px) {
    .list {
        width: 100%;
        float: left;
        font-size: 16px;
        padding-right: 2%;
        padding-left: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        word-wrap: break-word
    }
    .first {
        padding-left: 3%
    }
    .weight {
        padding-left: 3%
    }
    .battery img{
    /* margin-left: 20px; */
        margin-left: 3%;
        width: 71%;
        height: 15%;
        margin-bottom: 16px;
        text-align: center;
    }
    .storage {
       margin-bottom: 3%;
    }
    .cable{
    margin-right: 38%!important;
}
}

.list-20 {
    width: 20%;
    float: left;
}

.list-25 {
    width: 25%;
    float: left;
}

.list-32 {
    width: 32%;
    float: left;
}

.list-33 {
    width: 33.33%;
    float: left;
}

.list-36 {
    width: 36%;
    float: left;
}

.list-40 {
    width: 40%;
    float: left;
}

.list-80 {
    width: 80%;
    float: left;
    padding-left: 17%
}

.list-100 {
    width: 100%;
    float: left;
}

.top {
    margin-top: 3%;
}

.bord-bottom {
    border-bottom: #e0e0e0 solid 1px;
}

.padding-bottom-none {
    padding-bottom: 0
}

.wordwrap {
    word-wrap: break-word
}