.ssec {
    position: relative;
    color: #fff;
    background-color: #000;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 auto;
    overflow: hidden;
}
.ssec .ssec-img {
    max-width: 100%;
    width: 100%;
}
.ssec.ssec-bg-white {
    color: #000;
    background-color: #fff;
}
.ssec .ssec-head {
    font-size: 2.7vw;
    font-weight: bold;
    line-height: 1.2;
}
.ssec .ssec-subhead {
    font-size: 2.5vw;
    line-height: 1;
    font-weight: bold;
    padding-top: .75vw;
}
.ssec .ssec-words {
    line-height: 1.1;
    font-size: 1.3vw;
    padding-top: 1vw;
}
.ssec-text-center {
    text-align: center;
}
.ssec-color-1 {
    background: linear-gradient(to bottom, #fff0a8 15%, #feb062);;
    -webkit-background-clip: text;
    color: transparent;
}
.ssec-color-2 {
    background: linear-gradient(to right, #5b82d1, #5edef7);
    -webkit-background-clip: text;
    color: transparent;
}
.ssec-style-1 .ssec-wrap {
    position: absolute;
    top: 4%;
    left: 20%;
    right: 20%;
}

.oukitel-footer {
    margin-top: 0;
}

.specs-table-wrap {
    padding: 2% 0;
    overflow: auto;
}
.specs-table-center {
    text-align: center;
}
.specs-table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.specs-table tr td {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding: 5px 5px;
}

.specs-note p {
    font-size: .85em;
    margin-bottom: .125em;
}
.specs-note p:last-child {
    margin-bottom: 1em;
}

.ssec-intro .ssec-wrap {
    position: absolute;
    top: 26vw;
    left: 11.56vw;
    right: 55vw;
}
.ssec-intro .ssec-logo {
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 1;
}
.ssec-intro .ssec-logo span {
    font-size: 3.5vw;
    font-weight: normal;
}
.ssec-intro .ssec-slogan {
    padding-top: 1vw;
    font-size: 2vw;
    line-height: 1.25;
}
.ssec-intro .ssec-words {
    font-size: 1.25vw;
    color: #fff;
    padding-top: 0;
}
.ssec-intro .ssec-words .sseci {
    padding-bottom: .75em;
    letter-spacing: 0.03vw;
}

.ssec-summary .ssec-i {
    position: absolute;
    font-weight: bold;
    font-size: 2vw;
    text-align: center;
}
.ssec-summary .ssec-i1 {
    top: 2.5%;
    left: 15%;
    right: 15%;
}
.ssec-summary .ssec-i2 {
    top: 34.5%;
    left: 14%;
    right: 55%;
}
.ssec-summary .ssec-i3 {
    top: 33.6%;
    left: 54.5%;
    right: 13%;
}
.ssec-summary .ssec-i4 {
    top: 51.7%;
    left: 57.3%;
    right: 16%;
}
.ssec-summary .ssec-i5 {
    top: 68.5%;
    left: 13.7%;
    right: 56%;
}
.ssec-summary .ssec-i6 {
    top: 78.6%;
    left: 50.7%;
    right: 9.7%;
}

.ssec-rugged .ssec-wrap {
    padding: 5% 20%;
}
.ssec-rugged .ssec-i {
    position: absolute;
    top: 50.3%;
    left: 23.3%;
    right: 11%;
    font-size: 3vw;
    font-weight: 500;
    text-align: left;
}
.ssec-rugged .ssec-i2 {
    top: 92.2%;
    left: 21.3%;
    right: 52%;
}
.ssec-rugged .ssec-i3 {
    top: 92.2%;
    left: 63.3%;
    right: 1%;
}

.ssec-battery .ssec-wrap {
    position: absolute;
    top: 5.5%;
    left: 20%;
    right: 20%;
}
.ssec-battery .ssec-note {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 2.1%;
    font-size: 1.2vw;
    opacity: .75;
}

.ssec-battery .ssec-f {
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    display: flex;
    justify-content: space-around;
    font-size: .9vw;
    line-height: 1;
}
.ssec-battery .ssec-f .ssec-h {
    font-size: 2vw;
    font-weight: bold;
}
.ssec-battery .ssec-f .ssec-t {
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.ssec-battery .ssec-f .ssec-m img {
    width: 4.25vw;
}

.ssec-memory .ssec-f {
    top: 27%;
    left: 25%;
    right: 25%;
    font-size: 1vw;
}
.ssec-memory .ssec-f .ssec-m img {
    width: 3.75vw;
}
.ssec-memory .ssec-f .ssec-h {
    padding-top: 1vw;
}
.ssec-memory .ssec-f .ssec-t {
    padding-top: .5vw;
    padding-bottom: 0;
}

.ssec-display .ssec-f {
    top: 28%;
    left: 22%;
    right: 22%;
    font-size: 1vw;
}
.ssec-display .ssec-f .ssec-m img {
    width: 5vw;
}
.ssec-display .ssec-f .ssec-h {
    padding-top: 1vw;
}
.ssec-display .ssec-f .ssec-t {
    padding-top: 1vw;
    padding-bottom: 0;
}

.ssec-battery .ssec-head,
.ssec-os .ssec-head,
.ssec-photo .ssec-head,
.ssec-other .ssec-head {
    font-size: 3vw;
}
.ssec-battery .ssec-subhead,
.ssec-os .ssec-subhead {
    font-size: 2.8vw;
}
.ssec-battery .ssec-words,
.ssec-os .ssec-words,
.ssec-photo .ssec-words {
    font-size: 1.5vw;
}

.ssec-os .ssec-wrap {
    top: 8%;
}
.ssec-os .ssec-note {
    bottom: 6%;
    font-size: 1.2vw;
    opacity: .75;
}

.ssec-memory .ssec-wrap,
.ssec-display .ssec-wrap,
.ssec-tools .ssec-wrap {
    top: 7%;
}

.ssec-camera .ssec-i {
    position: absolute;
    top: 29.6%;
    left: 34%;
    right: 48%;
    line-height: 1;
    font-size: 1.35vw;
}
.ssec-camera .ssec-i .ssec-h {
    font-size: 1.6vw;
    font-weight: bold;
    padding-bottom: 3px;
}
.ssec-camera .ssec-i2 {
    top: 53.5%;
    left: 77.6%;
    right: 2%;
    text-align: left;
}
.ssec-camera .ssec-i3 {
    top: 63%;
    left: 77.6%;
    right: 2%;
    text-align: left;
}

.ssec-photo .ssec-wrap {
    padding: 5% 15% 3%;
}

.ssec-photo2 .ssec-wrap {
    position: absolute;
    top: 22.6%;
    left: 65%;
    right: 6%;
}
.ssec-photo2 .ssec-wrap2 {
    position: absolute;
    top: 68.8%;
    left: 6%;
    right: 64%;
}

.ssec-gps .ssec-wrap {
    padding: 5% 15%;
}

.ssec-other .ssec-wrap {
    position: absolute;
    top: 4%;
    left: 9.5%;
    right: 5%;
}
.ssec-other .ssec-i {
    position: absolute;
    line-height: 1;
    text-align: center;
    font-size: 1.35vw;
}
.ssec-other .ssec-i .ssec-w {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.ssec-other .ssec-i .ssec-h {
    font-size: 2.5vw;
    font-weight: bold;
    padding-bottom: .7vw;
}
.ssec-other .ssec-i1 {
    top: 10.4%;
    left: 10%;
    right: 51%;
    bottom: 54.8%;
}
.ssec-other .ssec-i2 {
    top: 49%;
    left: 12%;
    right: 56%;
}
.ssec-other .ssec-i3 {
    top: 49%;
    left: 53%;
    right: 16%;
}
.ssec-other .ssec-i4 {
    top: 76%;
    left: 12%;
    right: 56%;
}
.ssec-other .ssec-i5 {
    top: 76%;
    left: 53%;
    right: 16%;
}

.ssec-colors .ssec-i {
    position: absolute;
    top: 8%;
    text-align: center;
    line-height: 1;
    font-size: 1.6vw;
    font-weight: bold;
}
.ssec-colors .ssec-i .ssec-color-o {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #fc7c01;
}
.ssec-colors .ssec-i .ssec-color-o1 {
    background-color: #01ff3c;
}
.ssec-colors .ssec-i .ssec-color-o2 {
    background-color: #232323;
}
.ssec-colors .ssec-i  .ssec-t {
    padding-top: .8vw;
}
.ssec-colors .ssec-i1 {
    left: 6%;
    right: 71%;
}
.ssec-colors .ssec-i2 {
    left: 40%;
    right: 40%;
}
.ssec-colors .ssec-i3 {
    left: 72%;
    right: 7%;
}

@media screen and (min-width: 1440px) {
    .ssec {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .ssec {
        font-size: 3.5vw;
    }
    .ssec .ssec-head {
        font-size: 5.5vw;
        line-height: 1.15;
    }
    .ssec .ssec-subhead {
        font-size: 5vw;
        padding-top: 1vw;
        line-height: 1.25;
    }
    .ssec .ssec-words {
        font-size: 3.6vw;
        padding-top: 3vw;
        line-height: 1.25;
    }
    .ssec-hide-mobile {
        display: none;
    }

    .ssec-style-1 .ssec-wrap {
        top: 6%;
        right: 10px;
        left: 10px;
    }
    .ssec .only-pc {
        display: none;
    }

    .ssec-intro .ssec-wrap {
        top: 10%;
        left: 10px;
        right: 10px;
        text-align: center;
    }
    .ssec-intro .ssec-logo,
    .ssec-intro .ssec-logo span {
        font-size: 7.5vw;
    }
    .ssec-intro .ssec-slogan {
        font-size: 3.8vw;
    }
    .ssec-intro .ssec-words {
        font-size: 4vw;
        padding-top: 2vw;
        line-height: 1.2;
    }
    .ssec-intro .ssec-words .sseci {
        padding-bottom: .1em
    }

    .ssec-summary .ssec-i {
        font-size: 2.5vw;
        text-align: center;
    }
    .ssec-summary .ssec-i1 {
        top: 4%;
        left: 5%;
        right: 5%;
    }
    .ssec-summary .ssec-i2 {
        top: 35.5%;
        left: 5%;
        right: 55%;
    }
    .ssec-summary .ssec-i3 {
        top: 34.9%;
        left: 54.5%;
        right: 6%;
    }
    .ssec-summary .ssec-i4 {
        top: 52.7%;
        left: 53.3%;
        right: 5%;
    }
    .ssec-summary .ssec-i5 {
        top: 69.5%;
        left: 5.7%;
        right: 56%;
    }
    .ssec-summary .ssec-i6 {
        top: 79.2%;
        left: 52.7%;
        right: 4.7%;
    }

    .ssec-rugged .ssec-wrap {
        padding: 5% 10px;
    }
    .ssec-rugged .ssec-i {
        top: 59%;
        left: 16.8%;
        right: 5%;
        font-size: 4vw;
    }
    .ssec-rugged .ssec-i2 {
        top: 93.7%;
        left: 13.3%;
        right: 52%;
    }
    .ssec-rugged .ssec-i3 {
        top: 93.7%;
        left: 63.3%;
        right: 1%;
    }

    .ssec-battery .ssec-wrap {
        top: 4%;
        left: 10px;
        right: 10px;
    }
    .ssec-battery .ssec-note {
        left: 10px;
        right: 10px;
        bottom: 1%;
        font-size: 2vw;
        opacity: .75;
    }

    .ssec-battery .ssec-f {
        top: 53%;
        left: 7%;
        right: 7%;
        justify-content: space-between;
        font-size: 1.9vw;
    }
    .ssec-battery .ssec-f .ssec-h {
        font-size: 4vw;
    }
    .ssec-battery .ssec-f .ssec-t {
        padding-top: 2.5vw;
        padding-bottom: 1.5vw;
    }
    .ssec-battery .ssec-f .ssec-m img {
        width: 7vw;
    }

    .ssec-memory .ssec-f {
        top: 43%;
        left: 20%;
        right: 20%;
        font-size: 2vw;
    }
    .ssec-memory .ssec-f .ssec-m img {
        width: 5.75vw;
    }
    .ssec-memory .ssec-f .ssec-h {
        padding-top: 1.2vw;
    }
    .ssec-memory .ssec-f .ssec-t {
        padding-top: .75vw;
        padding-bottom: 0;
    }

    .ssec-display .ssec-f {
        top: 40%;
        left: 5%;
        right: 5%;
        font-size: 2vw;
        justify-content: center;
        gap: 8.495145631067962vw;
    }
    .ssec-display .ssec-f .ssec-m img {
        width: 7vw;
    }
    .ssec-display .ssec-f .ssec-h {
        padding-top: 1vw;
        font-size: 3vw;
    }
    .ssec-display .ssec-f .ssec-t {
        padding-top: 1vw;
        padding-bottom: 0;
    }

    .ssec-battery .ssec-head,
    .ssec-os .ssec-head,
    .ssec-photo .ssec-head {
        font-size: 7vw;
    }
    .ssec-other .ssec-head {
        font-size: 6vw;
    }
    .ssec-battery .ssec-subhead,
    .ssec-os .ssec-subhead {
        font-size: 6vw;
    }
    .ssec-battery .ssec-words,
    .ssec-os .ssec-words,
    .ssec-photo .ssec-words {
        font-size: 3.5vw;
    }

    .ssec-os .ssec-wrap {
        top: 8%;
    }
    .ssec-os .ssec-note {
        bottom: 6%;
        font-size: 2vw;
        opacity: .75;
    }

    .ssec-memory .ssec-wrap {
        top: 4%;
    }
    .ssec-display .ssec-wrap,
    .ssec-tools .ssec-wrap {
        top: 7%;
    }

    .ssec-camera .ssec-i {
        top: 43%;
        left: 23%;
        right: 48%;
        font-size: 2.1vw;
    }
    .ssec-camera .ssec-i .ssec-h {
        font-size: 3.2vw;
        padding-bottom: 3px;
    }
    .ssec-camera .ssec-i2 {
        top: 59.5%;
        left: 77.3%;
        right: 2%;
        text-align: left;
    }
    .ssec-camera .ssec-i3 {
        top: 69%;
        left: 73.3%;
        right: 1%;
        text-align: left;
    }
    .ssec-camera .ssec-i3 .ssec-h {
        font-size: 2.8vw;
    }

    .ssec-photo .ssec-wrap {
        padding: 5% 10px 3%;
    }

    .ssec-photo2 .ssec-wrap {
        top: 16.6%;
        left: 62%;
        right: 2%;
    }
    .ssec-photo2 .ssec-wrap2 {
        top: 66.8%;
        left: 2%;
        right: 70%;
    }
    .ssec-photo .ssec-head,
    .ssec-photo2 .ssec-head {
        font-size: 4vw;
        line-height: 1.4;
    }
    .ssec-photo .ssec-words,
    .ssec-photo2 .ssec-words {
        font-size: 2.25vw;
    }

    .ssec-gps .ssec-wrap {
        padding: 5% 10px;
    }

    .ssec-other .ssec-wrap {
        top: 1.5%;
        left: 10px;
        right: 10px;
        text-align: center;
    }
    .ssec-other .ssec-i {
        font-size: 1.9vw;
    }
    .ssec-other .ssec-i .ssec-h {
        font-size: 3.5vw;
        padding-bottom: .7vw;
    }
    .ssec-other .ssec-i1 {
        top: 8.8%;
        left: 2%;
        right: 52%;
        bottom: 55.4%;
    }
    .ssec-other .ssec-i2 {
        top: 48%;
        left: 4%;
        right: 57%;
    }
    .ssec-other .ssec-i3 {
        top: 48%;
        left: 54%;
        right: 7%;
    }
    .ssec-other .ssec-i4 {
        top: 76%;
        left: 4%;
        right: 57%;
    }
    .ssec-other .ssec-i5 {
        top: 76%;
        left: 54%;
        right: 7%;
    }

    .ssec-colors .ssec-i {
        top: 8%;
        font-size: 2.3vw;
        font-weight: normal;
    }
    .ssec-colors .ssec-i .ssec-color-o {
        height: 8px;
        width: 8px;
    }
    .ssec-colors .ssec-i  .ssec-t {
        padding-top: .6vw;
    }
    .ssec-colors .ssec-i1 {
        left: 5%;
        right: 69%;
    }
    .ssec-colors .ssec-i2 {
        left: 36%;
        right: 36%;
    }
    .ssec-colors .ssec-i3 {
        left: 71%;
        right: 3%;
    }
}