@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
      flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

@charset "UTF-8";
.hidden {
  display: none;
  font-size: 0;
  text-indent: -999em; }

html, body {
  width: 100%;
  overflow: auto;
  margin: 0 auto; }

picture {
  display: block; }

picture img {
  width: 100%;
  height: 100%;
  background-size: 100% 100%; }

br {
  opacity: 0;
  font-size: 0; }

/* IOS禁止微信调整字体大小 */
body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important; }

.section {
  position: relative;
  z-index: 3;
  margin: 0 auto; }

.oc-footer {
  background-color: #FFFFFF; }

#product-nav {
  position: fixed;
  top: 0; }

.anchor-side {
  position: relative; }

.section-zw {
  width: 100%;
  height: 1.07rem;
  position: absolute;
  top: -1.07rem;
  left: 0;
  opacity: 0;
  pointer-events: none; }

@media (max-width: 1080px) {
  .section-zw {
    height: 1.28rem;
    top: -1.28rem; } }

@media only screen and (min-width: 1441px) {
  /* convenience Start */
  .convenience-wrap .wrapper {
    width: 66.77083vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .convenience-wrap .sec-title {
    width: 100%;
    font-size: 2.5vw;
    color: #333333;
    line-height: 3.1vw;
    margin: 0 auto 0.9vw;
    font-family: NewOPPOSansBold; }
  .convenience-wrap .sec-tit {
    width: 100%;
    font-size: 1.5625vw;
    color: #333333;
    line-height: 1.8vw;
    margin: 0 auto 2vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-text {
    width: 100%;
    font-size: 1.09375vw;
    color: #868686;
    line-height: 1.76vw;
    margin: 0 auto 5vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-tip {
    width: 100%;
    font-size: 0.9375vw;
    color: #a1a1a1;
    line-height: 1.25vw;
    font-family: NewOPPOSans;
    position: relative; }
  .convenience-wrap .sec-tip p {
    padding-left: 1.6vw;
    position: relative; }
  .convenience-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .convenience-wrap .sec-tip span {
    display: inline-block;
    width: 1.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .sec-data-box {
    width: 100%; }
  .convenience-wrap .sec-data {
    width: 9vw;
    display: inline-block;
    vertical-align: top; }
  .convenience-wrap .data-text {
    font-size: 0.83333vw;
    color: #fefefe;
    line-height: 1.04167vw;
    font-family: NewOPPOSans;
    text-align: center; }
  .convenience-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-1 .wrapper {
    width: 66.77083vw;
    height: 100%; }
  .convenience-wrap .section-1 .sec-title {
    padding-top: 10.6vw;
    margin: 0 auto 1.8vw; }
  .convenience-wrap .section-1 .change-box {
    width: 36vw;
    height: 50.4vw;
    position: relative; }
  .convenience-wrap .section-1 .change-box.on {
    opacity: 1; }
  .convenience-wrap .section-1 .change-box1.fade-in {
    opacity: 1; }
  .convenience-wrap .section-1 .change-box1 .sec-title {
    padding-top: 10.5vw; }
  .convenience-wrap .section-1 .change-box1 .sec-text {
    margin: 0 auto 3vw;
    min-height: 12vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip {
    width: 42vw;
    padding-left: 3vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip span {
    width: 3vw; }
  .convenience-wrap .section-1 .sec1-cimg1 {
    width: 23.98438vw;
    height: 42.34375vw;
    position: absolute;
    top: 2.7vw;
    left: 43.9vw;
    opacity: 1; }
  .convenience-wrap .section-1 .change-box2 {
    width: 37vw;
    padding-top: 7vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tit {
    width: 15.98958vw;
    height: 1.79687vw;
    background: url(../png/sec2-tit-8e4c859563a106a81a87c1c5d7a3f359.png) no-repeat;
    background-size: 100%;
    margin: 0 0 1.9vw; }
  .convenience-wrap .section-1 .change-box2 .sec-title {
    width: 39vw;
    padding-top: 0;
    letter-spacing: -0.15625vw; }
  .convenience-wrap .section-1 .change-box2 .sec-text {
    margin: 0 auto 2vw; }
  .convenience-wrap .section-1 .change-box2 .sec-data-box {
    width: 31.92708vw;
    height: 3.59375vw;
    margin-bottom: 4vw;
    background: url(../png/icon-datac2-5d7c20164c952f2ac4eb71d8c587c390.png) no-repeat;
    background-size: 31.92708vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip {
    padding-left: 3vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip span {
    width: 3vw; }
  .convenience-wrap .section-1 .sec1-cimg2 {
    width: 22.8125vw;
    height: 40.36458vw;
    position: absolute;
    top: 2.7vw;
    left: 43.9vw;
    opacity: 1; }
  .convenience-wrap .section-1 .change-box3 {
    width: 33vw; }
  .convenience-wrap .section-1 .sec1-cimg3 {
    width: 40.57292vw;
    height: 40.07812vw;
    position: absolute;
    top: 2.6vw;
    left: 34.1vw;
    opacity: 1; }
  .convenience-wrap .section-2 {
    width: 100%;
    height: 51.27604vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-2 .wrapper {
    padding-top: 9vw; }
  .convenience-wrap .section-2 .sec-title {
    width: 46vw;
    color: #ffffff;
    margin: 0 0 1.6vw; }
  .convenience-wrap .section-2 .sec-text {
    width: 46vw;
    color: #ffffff;
    margin: 0 0 2.2vw; }
  .convenience-wrap .section-2 .sec-tip {
    width: 50vw;
    position: absolute;
    bottom: 2.3vw;
    left: 0;
    color: #d4d4d4;
    padding-left: 3vw; }
  .convenience-wrap .section-2 .sec-tip span {
    width: 3vw;
    position: absolute; }
  .convenience-wrap .section-2 .sec-data-box {
    width: 48vw;
    height: 8.6vw;
    margin: 0; }
  .convenience-wrap .section-2 .sec-data {
    width: 5.8vw;
    height: 8vw;
    vertical-align: top; }
  .convenience-wrap .section-2 .data-text {
    text-align: left;
    font-family: NewOPPOSansMedium;
    font-size: 0.72917vw;
    line-height: 1.09375vw; }
  .convenience-wrap .section-2 .icon-data {
    width: 2.65625vw;
    height: 2.8125vw;
    background: url(../png/icon-data5-0e5cd46ca6050321cd0933476ee7b061.png) no-repeat;
    background-size: 46.35417vw; }
  .convenience-wrap .section-2 .icon-data1 {
    background-position: 0 0; }
  .convenience-wrap .section-2 .icon-data2 {
    background-position: -6.27604vw 0; }
  .convenience-wrap .section-2 .icon-data3 {
    background-position: -12.26562vw 0; }
  .convenience-wrap .section-2 .icon-data4 {
    background-position: -18.4375vw 0; }
  .convenience-wrap .section-2 .icon-data5 {
    background-position: -24.45312vw 0; }
  .convenience-wrap .section-2 .icon-data6 {
    background-position: -30.23438vw 0; }
  .convenience-wrap .section-2 .icon-data7 {
    background-position: -36.01562vw 0; }
  .convenience-wrap .section-2 .icon-data8 {
    background-position: -42.21354vw 0; }
  .convenience-wrap .section-2 .convenience-bg2 {
    width: 100vw;
    height: 51.27604vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-3 .wrapper {
    padding-bottom: 12vw; }
  .convenience-wrap .section-3 .sec3-box {
    width: 38vw;
    height: 40.4vw;
    position: relative; }
  .convenience-wrap .section-3 .sec-title {
    padding-top: 13.6vw;
    margin: 0 auto 1.8vw; }
  .convenience-wrap .section-3 .sec3-cimg {
    width: 22.68229vw;
    height: 40.07812vw;
    position: absolute;
    top: 5.8vw;
    left: 43.95vw;
    opacity: 1; }
  /* convenience End */
  /* design Start */
  .design-wrap .wrapper {
    width: 66.66667vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .design-wrap .sec-title {
    width: 100%;
    font-size: 2.5vw;
    color: #333333;
    line-height: 3.1vw;
    padding-top: 5vw;
    margin-bottom: 2.3vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .sec-tit {
    width: 100%;
    font-size: 1.5625vw;
    color: #333333;
    line-height: 1.8vw;
    margin-bottom: 2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-text {
    width: 100%;
    font-size: 1.09375vw;
    color: #868686;
    line-height: 1.76vw;
    margin-bottom: 4.2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-tip {
    width: 100%;
    font-size: 0.9375vw;
    color: #a1a1a1;
    line-height: 1.25vw;
    font-family: NewOPPOSans;
    position: relative; }
  .design-wrap .sec-tip p {
    padding-left: 3vw;
    position: relative; }
  .design-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .design-wrap .sec-tip span {
    display: inline-block;
    width: 1.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .sec-data-box {
    width: 100%; }
  .design-wrap .sec-data {
    width: 12vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .data-desc {
    font-size: 2.5vw;
    line-height: 2.60417vw;
    color: #63c45d;
    margin-bottom: 0.5vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .data-desc span {
    font-size: 1.30208vw;
    line-height: 1.45833vw;
    color: #333333;
    padding-left: 0.8vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .data-text {
    font-size: 1.09375vw;
    color: #333333;
    line-height: 1.35417vw;
    font-family: NewOPPOSans;
    padding-bottom: 0.4vw; }
  .design-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-1 .wrapper {
    padding-bottom: 12vw; }
  .design-wrap .section-1 .sec-title {
    margin-bottom: 0.9vw; }
  .design-wrap .section-1 .sec-text {
    width: 37vw; }
  .design-wrap .section-1 .sec-title1 {
    width: 37vw;
    padding-top: 0;
    color: #63c45d;
    margin-bottom: 0.2vw; }
  .design-wrap .section-1 .sec-text1 {
    color: #333333;
    font-family: NewOPPOSans;
    margin-bottom: 3vw; }
  .design-wrap .section-1 .sec-tip {
    width: 37vw;
    color: #a1a1a1;
    position: absolute;
    bottom: 4vw;
    left: 0; }
  .design-wrap .sec1-dimg {
    width: 45.05208vw;
    height: 42.83854vw;
    position: absolute;
    bottom: 0vw;
    left: 53.6vw; }
  .design-wrap .section-2 {
    width: 100%;
    height: 57.10937vw;
    background-color: #89aece;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-2 .wrapper {
    width: 34vw;
    position: absolute;
    top: 0;
    left: 51.5vw; }
  .design-wrap .section-2 .sec-title {
    color: #ffffff;
    margin-bottom: 1.8vw; }
  .design-wrap .section-2 .sec-text {
    color: #ffffff;
    margin-bottom: 3.8vw; }
  .design-wrap .sec2-dimg {
    width: 11.22396vw;
    height: 24.53125vw;
    background: url(../png/sec2-dimg-fb4aa6f2bb55e597a408b3b7c58276fc.png) no-repeat;
    background-size: 100%; }
  .design-wrap .design-bg2 {
    width: 100vw;
    height: 57.10937vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-3 .sec-text {
    width: 36vw;
    color: #333333;
    margin-bottom: 5.2vw; }
  .design-wrap .sec3-main {
    width: 100vw;
    height: 30vw;
    position: relative;
    margin-left: -16.66667vw;
    margin-bottom: 4vw; }
  .design-wrap .sec3-dbg {
    width: 16.77083vw;
    height: 29.73958vw;
    background: url(../png/sec3-dbg-449b451f5bcb423367754d7c2c3c8d04.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 53.7vw; }
  .design-wrap .sec3-dmask {
    width: 16.77083vw;
    height: 29.73958vw;
    background: url(../png/sec3-dmask-d79e0603502ad27557a1cf6de1217e23.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 53.7vw;
    z-index: 22;
    pointer-events: none; }
  .design-wrap .sec3-swiper {
    width: 121vw;
    height: 16.35417vw;
    position: absolute;
    top: 6.5vw;
    left: 0;
    z-index: 11; }
  .design-wrap .sec3-swiper .swiper-slide {
    width: 13.85417vw;
    height: 16.35417vw;
    margin: 0 0.70312vw; }
  .design-wrap .sec3-swiper .swiper-slide-active {
    width: 16.77083vw; }
  .design-wrap .sec3-swiper .sec3-dimg {
    width: 13.85417vw;
    height: 16.35417vw;
    margin: 0 auto;
    cursor: pointer; }
  .design-wrap .sec3-swiper .sec3-dimg1 {
    background: url(../png/sec3-dimg1-acaeccc5648968d7993ac605f57ad9c2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg2 {
    background: url(../png/sec3-dimg2-2fc7bd120788b5a75e5c85679480d2b2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg3 {
    background: url(../png/sec3-dimg3-2e56128c2c937189521369f157f05da7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg4 {
    background: url(../png/sec3-dimg4-ebcd4bc8f1991c812b44d2108e826238.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg5 {
    background: url(../png/sec3-dimg5-f96d003c915f0dd264090a1c5b3986c9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg6 {
    background: url(../png/sec3-dimg6-a71c2b9bd7a8bf3372cfae65884ec5ab.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg7 {
    background: url(../png/sec3-dimg7-fefca222ad5b2533f46c83b4f09a7c45.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg8 {
    background: url(../png/sec3-dimg8-957590e0de0244566317bf92b708539e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg9 {
    background: url(../png/sec3-dimg9-dfc7f622d82323f278a93ec05f01fcd3.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg10 {
    background: url(../png/sec3-dimg10-66940ae604b20a77e8fc9f35b2f3ebdb.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg11 {
    background: url(../png/sec3-dimg11-27d47f47feba1ea3ca91ad23df6d1ff6.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 {
    width: 100%;
    height: 56.45833vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec4-dimg1 {
    width: 22.00521vw;
    height: 20.88542vw;
    position: absolute;
    top: 19vw;
    left: -3.6vw;
    background: url(../png/sec4-dimg1-cc6039ed7d1c0dedd43745a9bbbb2eb7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg2 {
    width: 22.76042vw;
    height: 23.75vw;
    position: absolute;
    top: 21.4vw;
    left: 4.9vw;
    background: url(../png/sec4-dimg2-27b6624bb075d2aa4f98ab47e504d3a5.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg3 {
    width: 19.92188vw;
    height: 24.63542vw;
    position: absolute;
    top: 23vw;
    left: 18.6vw;
    background: url(../png/sec4-dimg3-c2d48116ee3345c1c2c9f838fd52ce1d.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg4 {
    width: 18.22917vw;
    height: 26.92708vw;
    position: absolute;
    top: 20.4vw;
    left: 33.3vw;
    background: url(../png/sec4-dimg4-e22dcd7f5873f6cfae08ba9771f2a483.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg5 {
    width: 22.57812vw;
    height: 26.14583vw;
    position: absolute;
    top: 15.6vw;
    left: 47.7vw;
    background: url(../png/sec4-dimg5-8f70014c3d881f76b340c66f9f129d84.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 .sec-tip {
    position: absolute;
    bottom: 5.3vw;
    left: 0; }
  .design-wrap .section-5 {
    width: 100%;
    height: 67.00521vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec5-swiper {
    width: 66.66667vw;
    height: 67.00521vw; }
  .design-wrap .sec5-swiper .swiper-slide {
    width: 100%; }
  .design-wrap .section-5 .sec-title {
    text-align: center;
    margin-bottom: 1.8vw; }
  .design-wrap .section-5 .sec-text {
    text-align: center;
    height: 10.8vw;
    margin-bottom: 0; }
  .design-wrap .section-5 .sec-tip {
    text-align: center; }
  .design-wrap .sec5-dimg1 {
    width: 66.66667vw;
    height: 36.45833vw;
    background: url(../jpg/sec5-dimg1-b65a6d8ae87b8f1924cc8b01f8495775.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .sec5-dimg2 {
    width: 66.66667vw;
    height: 36.45833vw;
    background: url(../jpg/sec5-dimg2-cb1c92ebf66caad021737a22a8753045.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .section-5 .swiper-pagination {
    width: 100%;
    bottom: 48vw; }
  .design-wrap .section-5 .swiper-pagination span {
    background: #cccccc;
    margin: 0 1vw;
    opacity: 1;
    outline: none; }
  .design-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #666666; }
  .design-wrap .section-5 .swiper-button-prev {
    width: 2vw;
    height: 3.4375vw;
    background: url(../png/swiper-button-720ed5325bd526eaa046a2e44d9b7ebd.png) no-repeat;
    background-size: 10.75521vw;
    margin-top: 4.5vw;
    background-position: 0 0;
    outline: none; }
  .design-wrap .section-5 .swiper-button-next {
    width: 2vw;
    height: 3.4375vw;
    background: url(../png/swiper-button-720ed5325bd526eaa046a2e44d9b7ebd.png) no-repeat;
    background-size: 10.75521vw;
    margin-top: 4.5vw;
    background-position: -8.95833vw 0;
    outline: none; }
  .design-wrap .section-6 {
    width: 100%;
    height: 50.78125vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-6 .sec-text {
    color: #333333; }
  .design-wrap .section-6 .sec-tip {
    position: absolute;
    bottom: 2.4vw;
    left: 0; }
  .design-wrap .design-bg6 {
    width: 100vw;
    height: 50.78125vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* design End */
  /* batterylife Start */
  .batterylife-wrap .clearfix:after, .batterylife-wrap .clearfix:before {
    content: "";
    display: table; }
  .batterylife-wrap .clearfix:after {
    clear: both; }
  .batterylife-wrap .clearfix {
    *zoom: 1; }
  .batterylife-wrap .section-1 {
    width: 100%;
    height: 51.97917vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .wrapper {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .batterylife-wrap .section-1 .batterylife-pic {
    width: 99.94792vw;
    height: 51.97917vw;
    display: block;
    margin: 0 auto; }
  .batterylife-wrap .section-1 .txtbox {
    width: 40vw;
    height: 46.61458vw;
    position: absolute;
    top: 5.39062vw;
    right: 9vw; }
  .batterylife-wrap .section-1 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 2.5vw;
    color: #ffffff;
    text-align: left;
    line-height: 3.38542vw;
    width: 95%; }
  .batterylife-wrap .section-1 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 1.09375vw;
    color: #ffffff;
    text-align: left;
    line-height: 1.82292vw;
    padding: 1.90104vw 0 3.98437vw 0; }
  .batterylife-wrap .section-1 .timeul {
    width: 100%;
    height: 5.59896vw; }
  .batterylife-wrap .section-1 .timeul li {
    width: 19vw;
    height: 100%;
    float: left;
    padding-right: 1vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 {
    font-size: 1.30208vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    line-height: 1.5vw;
    margin-bottom: 0.5vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 2.60417vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-1 .timeul li .txt2 {
    font-size: 1.09375vw;
    color: #ffffff;
    font-family: 'NewOPPOSans';
    line-height: 1.35vw; }
  .batterylife-wrap .section-1 .notetip {
    font-size: 0.9375vw;
    color: #d6d6d6;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 3vw;
    padding-left: 2.89062vw;
    line-height: 1.5625vw; }
  .batterylife-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .batterylife-wrap .section-2 {
    width: 100%;
    height: 50.85937vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-2 .watchpic {
    width: 46.22396vw;
    height: 50.85937vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3; }
  .batterylife-wrap .section-2 .txtbox {
    width: 34.375vw;
    height: 46.61458vw;
    position: absolute;
    top: 5.39062vw;
    right: 14.32292vw; }
  .batterylife-wrap .section-2 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 2.5vw;
    color: #333333;
    text-align: left;
    line-height: 3.38542vw;
    width: 95%; }
  .batterylife-wrap .section-2 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 1.09375vw;
    color: #868686;
    text-align: left;
    line-height: 1.82292vw;
    padding: 1.90104vw 0 3.98437vw 0; }
  .batterylife-wrap .section-2 .timeul {
    width: 100%;
    height: 5.59896vw; }
  .batterylife-wrap .section-2 .timeul li {
    width: 17vw;
    height: 100%;
    float: left;
    padding-right: 1vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 {
    font-size: 1.30208vw;
    color: #333333;
    font-family: 'NewOPPOSansMedium';
    line-height: 1.5vw;
    margin-bottom: 0.5vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 2.60417vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-2 .timeul li .txt2 {
    font-size: 1.09375vw;
    color: #333333;
    font-family: 'NewOPPOSans';
    line-height: 1.35vw; }
  .batterylife-wrap .section-2 .notetip {
    font-size: 0.9375vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 3vw;
    padding-left: 3.125vw;
    line-height: 1.5625vw; }
  .batterylife-wrap .section-2 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  /* batterylife End */
  /* workout Start */
  .workout-wrap .m br {
    display: none; }
  .workout-wrap .clearfix:after, .workout-wrap .clearfix:before {
    content: "";
    display: table; }
  .workout-wrap .clearfix:after {
    clear: both; }
  .workout-wrap .clearfix {
    *zoom: 1; }
  .workout-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-1 .watchpic {
    width: 100vw;
    height: 61.22396vw;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
  .workout-wrap .section-1 .wrapper {
    width: 61.22396vw;
    padding-bottom: 40vw;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .workout-wrap .section-1 .title {
    font-size: 2.5vw;
    color: #ffffff;
    font-family: 'NewOPPOSansBold';
    padding-top: 5.46875vw;
    padding-bottom: 1.19792vw; }
  .workout-wrap .section-1 .small-title1 {
    font-size: 1.95312vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 2.34375vw; }
  .workout-wrap .section-1 .small-title2 {
    font-size: 1.09375vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 2.34375vw;
    line-height: 1.82292vw; }
  .workout-wrap .section-1 .notetip {
    font-size: 0.9375vw;
    line-height: 1.2vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 2.39583vw;
    left: 0;
    width: 100%;
    padding-left: 3vw; }
  .workout-wrap .section-1 .notetip span {
    display: inline-block;
    width: 3vw;
    position: absolute;
    top: 0;
    left: 0; }
  .workout-wrap .section-2 {
    width: 100%;
    height: 45.98958vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-2 .watchpic1 {
    width: 28.4375vw;
    height: 32.60417vw;
    background-size: 100%;
    position: absolute;
    right: 5.44271vw;
    top: 5.70312vw; }
  .workout-wrap .section-2 .watchpic2 {
    width: 8.25521vw;
    height: 22.57812vw;
    background-size: 100%;
    position: absolute;
    right: 29.6875vw;
    top: 7.23958vw; }
  .workout-wrap .section-2 .watchpic3 {
    width: 10.36458vw;
    height: 23.35938vw;
    background-size: 100%;
    position: absolute;
    right: 37.42188vw;
    top: 7.23958vw; }
  .workout-wrap .section-2 .watchpic4 {
    width: 10.10417vw;
    height: 15.02604vw;
    background-size: 100%;
    position: absolute;
    right: 48.28125vw;
    top: 13.93229vw; }
  .workout-wrap .section-2 .watchpic5 {
    width: 10.10417vw;
    height: 24.47917vw;
    background-size: 100%;
    position: absolute;
    right: 59.375vw;
    top: 7.23958vw; }
  .workout-wrap .section-2 .watchpic6 {
    width: 3.80208vw;
    height: 5.23438vw;
    background-size: 100%;
    position: absolute;
    right: 70.3125vw;
    top: 15.70313vw; }
  .workout-wrap .section-2 .watchpic7 {
    width: 10vw;
    height: 26.61458vw;
    background-size: 100%;
    position: absolute;
    right: 74.42708vw;
    top: 7.23958vw; }
  .workout-wrap .section-2 .watchpic8 {
    width: 10.28646vw;
    height: 20.23438vw;
    background-size: 100%;
    position: absolute;
    left: 3.64583vw;
    top: 12.94271vw; }
  .workout-wrap .section-2 .watchtip-txt {
    font-size: 0.85938vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    position: absolute; }
  .workout-wrap .section-2 .watchtip-txt1 {
    top: 5.625vw;
    left: 14.11458vw; }
  .workout-wrap .section-2 .watchtip-txt2 {
    top: 8.98438vw;
    left: 27.08333vw; }
  .workout-wrap .section-2 .watchtip-txt3 {
    top: 5.625vw;
    left: 35.67708vw; }
  .workout-wrap .section-2 .watchtip-txt4 {
    top: 5.625vw;
    left: 51.82292vw; }
  .workout-wrap .section-2 .watchtip-txt5 {
    top: 5.625vw;
    left: 64.84375vw; }
  .workout-wrap .section-3 {
    background: #ffffff;
    width: 100%;
    height: 88.85417vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-3 .center {
    width: 66.66667vw;
    height: 100%;
    margin: 0 auto;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .title {
    font-size: 2.5vw;
    color: #333333;
    text-align: center;
    padding: 5.20833vw 0 2.08333vw 0; }
  .workout-wrap .section-3 .small-title {
    font-size: 1.09375vw;
    color: #868686;
    text-align: center;
    font-family: 'NewOPPOSansMedium';
    display: block;
    margin: 0 auto;
    width: 57.29167vw;
    line-height: 1.82292vw; }
  .workout-wrap .section-3 .workout-ul {
    width: 62.5vw;
    height: 10.41667vw;
    display: block;
    margin: 3.64583vw auto 0; }
  .workout-wrap .section-3 .workout-ul li {
    float: left;
    width: 10.15625vw;
    height: auto; }
  .workout-wrap .section-3 .workout-ul li .txt {
    font-size: 0.9375vw;
    text-align: center;
    font-family: 'NewOPPOSans';
    color: #868686;
    padding-top: 1.97917vw; }
  .workout-wrap .section-3 .workout-ul li .icon {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    width: 6.45833vw;
    height: 5.52083vw; }
  .workout-wrap .section-3 .swcont {
    width: 66.71875vw;
    height: 52.29167vw;
    display: block;
    margin: 4.58333vw auto 0; }
  .workout-wrap .section-3 .swcont .workout-pic {
    width: 66.66667vw;
    height: 36.45833vw;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-txt1 {
    font-size: 1.875vw;
    color: #333333;
    text-align: center;
    width: 100%;
    padding: 4.32292vw 0 2.99479vw 0;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .swcont .workout-txt2 {
    font-size: 1.09375vw;
    color: #868686;
    text-align: center;
    width: 90%;
    font-family: 'NewOPPOSans';
    display: block;
    margin: 0 auto;
    line-height: 1.5625vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination {
    position: absolute;
    left: 0;
    top: 38.25521vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination .swiper-pagination-bullet {
    background: #666666;
    margin-left: 1.14583vw;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-next {
    background: url(../png/right-f3ee00cc2add837b490d5f9bc60070db.png) no-repeat;
    width: 1.79687vw;
    height: 3.38542vw;
    background-size: 100%;
    position: absolute;
    right: 1.30208vw;
    top: 18vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-prev {
    background: url(../png/left-aa9e4cd1acdeeaf1f13f7c3e605570f0.png) no-repeat;
    width: 1.79687vw;
    height: 3.38542vw;
    background-size: 100%;
    position: absolute;
    left: 1.30208vw;
    top: 18vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .swiper-button-disabled {
    opacity: 0.1; }
  /* workout End */
  /* health Start */
  .health-wrap .section-1 {
    width: 100%;
    height: 64vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-1 .wrapper {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-top: 4.94792vw; }
  .health-wrap .swipercont {
    width: 66.74479vw;
    height: 51.27604vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watch-title br {
    display: none !important; }
  .health-wrap .swipercont .watch-title {
    font-size: 2.5vw;
    color: #333333;
    text-align: center;
    width: 100%;
    font-family: 'NewOPPOSansBold'; }
  .health-wrap .swipercont .watch-samll-title {
    width: 57.29167vw;
    height: 15vw;
    display: block;
    margin: 0 auto;
    font-size: 1.09375vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    text-align: center;
    line-height: 1.875vw;
    padding-top: 2.60417vw; }
  .health-wrap .swipercont .watchpic {
    width: 66.66667vw;
    height: 36.45833vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watchpic1 {
    background: url(../jpg/watch-pic1-67807237ae45a23233b940fe4e332bec.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic2 {
    background: url(../jpg/watch-pic2-f26b84f0a89710af5142361f763f038e.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic3 {
    background: url(../jpg/watch-pic3-249fa6877883d45b9b35edc682cb91ec.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic4 {
    background: url(../jpg/watch-pic4-4bf443e64cb7ca286a0f2976088bf1f1.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .watchsw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAACCCAMAAAAnvvUXAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFxQlFkpLKRUuLCc2MDwxLSYqOToyM0MoPQk1QD4/KwcvBEE0O0IGCDg3BQEDAk0Af/VmAQAAAjBJREFUaN7F2glywjAMBdB0gUKhdF+gC3SjQBbd/3albRiHxI4lfU3DAd4MIdjy/06I6GSUEfZJtshxscpQ5ahXFCiTJD8IyiTvRYEzST7aMTnyXPJ1yaxz5DcyYLaKAfOj4MyvAjN/CuWrkhnlgEIZxOwUx8xyQIEYpyBMRaHsqmTec0DRM3uKmtlXKLtWMTWlwqSA4pjbFFBUTFOh7EPMeBR6FTM+xTE3KaCIGb8iZQKKYyYpoNDmTMAEFRETVhwzTgGFNg9cpk3hM62KYxYpoFQYRKHNE4eJKTwmqrCYuOKYAaLQMspwFFo+l8w5okQZnhJjmIpjhojSzrAVWj6WzAuitDECheZBRqKEGZFC8zc/I1Mcc4koAUaq0JePESuO6SMKfX02GIXimHtEaTIqpcHolDqjVBxziig0rTJqhaZ3JXOBKFUGUCqMiXLY9TcyebpVRK1MLd66/VcX/Teedr0ymKxSTUSzejcRYCfpAzuJF+lkhw0gwskjgPz/FDS3mMhMpsM2hD81tyHiCX5ocZoYdn2yiSIcJY5ITp8Di5PwoOtTOQ+JpRU8hJmcLCxSnAWQ4vCjoLZ0i48wkrYxkLSJ4rqQIkNiaegESENNklkx4lPkiEdRIJ4k/8MgyVchwYZDhNTbFlW/UW9+lIh9C6VHqu2cHjFuCiFkp2BIqYBI2SxjXW6t5R4BLbdJ427S/lsglMwMEEqOejiyfS7bKyfYxQqyu7lCdDBDb9F8AySJUHJrQUEmAAAAAElFTkSuQmCC) no-repeat;
    width: 1.79687vw;
    height: 3.38542vw;
    background-size: 100%;
    position: absolute;
    right: 1.40625vw;
    top: 67%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .watchsw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAB6CAMAAADXlM4ZAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFwpESiYVJ0ssLhYtOUMqMSk2KDwzCT06MjA3NTRAKzg/LwQHQT47QggGAwUCAU0AwWrEpAAAAjlJREFUWMOl2dlawkAMBeC44q6guIHivmDbvP/bWbQdaDszSU644PL/vkI7Tc4hxj/FbK/+JgdwX+3seYQaqFYEuYCqGh2RD6iqMSgU4wZYLMkHnCyx36GYrQFI6ACIEICbFQAIPcAuFPMuYBYGgFUIwEcLGIUyAC8MCTHAJJRXEcAixAGDkAD0QnnbAj8MCQG47AFaIQ0ohQygE8rzBrgeAiohC2iEPKAQyrssIAsBeI8DoiACkiADkvAsAoIQgG/GhBZ4ygBZQQXkBB2QEQ51QFrQAknhuAEeJCAl6IGEYADiwkELvDImmICY8NgAbyogIhiBoWAFBkIAvhgT7EBPOGuATz3QFRCgI0DApnABARsCCKwFFAjCBAVaoQVOp4wJDuBf2HcAf4ILWAk+oBZ2G2B7C1v7yAswTXzXsLqKcC9NUcFxO4Z/88JFEHsJYi9BnuOp83SfeZ/uNfGGnjDQq6J/0prfd8PTHiOIvQSxlyDP+BJ9+9sJ8oxxiSnIShB7CfKM1OmJ1ESQZ7XITeYGgthLkGfNE7YkxaopCIp1V9r1lASxlyD2EuSJP1TpgUyICYZIyClKJorSJjkCoUmT8oQq0coSulQtEU1akr0MoU0X04Q64UwS+pR1niD0SW8xdya90cTdKERSf6sQJ2zJf7/9sAsxwtyAdFogROhUWZgwIJA26j40cqDQI7BWbpMAm8ENAm0nA1HADemiIWZ4S/tPjAhvipeLv5rX01bXRA14BF6Oa4B/AR2lkllgjyp/AAAAAElFTkSuQmCC) no-repeat;
    width: 1.79687vw;
    height: 3.38542vw;
    background-size: 100%;
    position: absolute;
    left: 1.40625vw;
    top: 67%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .swipercont .swiper-pagination {
    position: absolute;
    height: 2vw;
    top: 15vw;
    left: 0; }
  .health-wrap .swipercont .swiper-pagination .swiper-pagination-bullet {
    background: #000000;
    margin-left: 1.17188vw;
    outline: none; }
  .health-wrap .swipercont .swiper-button-disabled {
    opacity: 0.1; }
  .health-wrap .section-2 {
    width: 100%;
    height: 53.98437vw;
    background: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-2 .wrapper {
    width: 64.86979vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .health-wrap .section-2 .icon {
    width: 4.6875vw;
    height: 4.6875vw;
    background-size: 100%;
    display: block;
    margin: 8.46354vw 0 1.66667vw 0; }
  .health-wrap .section-2 .title {
    font-size: 2.5vw;
    color: #333333;
    width: 34.25vw;
    font-family: 'NewOPPOSansBold';
    line-height: 3.125vw; }
  .health-wrap .section-2 .samll-title {
    font-size: 1.09375vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    width: 32.55208vw;
    line-height: 1.5625vw;
    padding: 2.29167vw 0 4.79167vw 0; }
  .health-wrap .section-2 .samll-title2 {
    font-size: 0.83333vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSansMedium';
    width: 27.86458vw;
    line-height: 1.5625vw;
    position: relative;
    padding-left: 2.94271vw; }
  .health-wrap .section-2 .samll-title2 span {
    position: absolute;
    left: 0;
    top: 0; }
  .health-wrap .section-2 .phonewatch {
    width: 27.42188vw;
    height: 43.04688vw;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  .health-wrap .section-9 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding-bottom: 6vw; }
  .health-wrap .notes-list {
    width: 66.92708vw;
    margin: 0 auto;
    padding-top: 4.8vw; }
  .health-wrap .notes-list li {
    font-size: 1.04167vw;
    color: #959595;
    line-height: 1.9vw;
    padding-left: 2vw;
    position: relative;
    opacity: 0.4;
    font-family: NewOPPOSansMedium; }
  .health-wrap .notes-list li.li-notes {
    padding-left: 0; }
  .health-wrap .notes-list li span {
    width: 1.04167vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* health End */ }

@media only screen and (min-width: 1221px) and (max-width: 1440px) {
  /* convenience Start */
  .convenience-wrap .wrapper {
    width: 91.11111vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .convenience-wrap .sec-title {
    width: 100%;
    font-size: 2.5vw;
    color: #333333;
    line-height: 3.1vw;
    margin: 0 auto 0.9vw;
    font-family: NewOPPOSansBold; }
  .convenience-wrap .sec-tit {
    width: 100%;
    font-size: 1.5625vw;
    color: #333333;
    line-height: 1.8vw;
    margin: 0 auto 3.02083vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-text {
    width: 100%;
    font-size: 0.90278vw;
    color: #868686;
    line-height: 1.76vw;
    margin: 0 auto 8.92361vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-tip {
    width: 100%;
    font-size: 0.83333vw;
    color: #a1a1a1;
    line-height: 1.66667vw;
    font-family: NewOPPOSans;
    position: relative; }
  .convenience-wrap .sec-tip p {
    padding-left: 1.5vw;
    position: relative; }
  .convenience-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .convenience-wrap .sec-tip span {
    display: inline-block;
    width: 1.5vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .sec-data-box {
    width: 100%; }
  .convenience-wrap .sec-data {
    width: 9vw;
    display: inline-block;
    vertical-align: top; }
  .convenience-wrap .data-text {
    font-size: 1.11111vw;
    color: #fefefe;
    line-height: 1.38889vw;
    font-family: NewOPPOSans;
    text-align: center; }
  .convenience-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-1 .wrapper {
    padding-bottom: 6vw; }
  .convenience-wrap .section-1 .change-box {
    width: 51.73611vw;
    height: 48.99306vw;
    position: relative; }
  .convenience-wrap .section-1 .change-box1 {
    height: 54vw; }
  .convenience-wrap .section-1 .change-box1 .sec-title {
    padding-top: 15.4vw; }
  .convenience-wrap .section-1 .change-box1 .sec-text {
    min-height: 11vw;
    margin-bottom: 3vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip {
    width: 37vw;
    padding-left: 2.8vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip span {
    width: 2.8vw; }
  .convenience-wrap .section-1 .change-box1 .sec1-cimg1 {
    width: 23.99306vw;
    height: 42.36111vw;
    position: absolute;
    top: 7.39583vw;
    left: 59.9vw; }
  .convenience-wrap .section-1 .change-box2 {
    padding-top: 10vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tit {
    width: 21.31944vw;
    height: 2.39583vw;
    background: url(../png/sec2-tit-8e4c859563a106a81a87c1c5d7a3f359.png) no-repeat;
    background-size: 100%;
    margin: 0 0 1.9vw; }
  .convenience-wrap .section-1 .change-box2 .sec-title {
    padding-top: 0; }
  .convenience-wrap .section-1 .change-box2 .sec-text {
    margin: 0 auto 3vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip {
    width: 37vw;
    padding-left: 2.8vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip span {
    width: 2.8vw; }
  .convenience-wrap .section-1 .change-box2 .sec-data-box {
    width: 42.56944vw;
    height: 4.79167vw;
    background: url(../png/icon-datac2-5d7c20164c952f2ac4eb71d8c587c390.png) no-repeat;
    background-size: 42.56944vw;
    margin-bottom: 3vw; }
  .convenience-wrap .section-1 .change-box1.fade-in {
    opacity: 1; }
  .convenience-wrap .section-1 .change-box.on {
    opacity: 1; }
  .convenience-wrap .section-1 .sec1-cimg2 {
    width: 22.84722vw;
    height: 40.38194vw;
    position: absolute;
    top: 5.6vw;
    left: 60.2vw; }
  .convenience-wrap .section-1 .change-box3 .sec-title {
    padding-top: 13.6vw;
    margin: 0 auto 1.8vw; }
  .convenience-wrap .section-1 .change-box3 .sec-text {
    min-height: 8vw;
    margin-bottom: 3vw; }
  .convenience-wrap .section-1 .sec1-cimg3 {
    width: 40.59028vw;
    height: 40.10417vw;
    position: absolute;
    top: 5.6vw;
    left: 50.59028vw; }
  .convenience-wrap .section-2 {
    width: 100%;
    height: 46.875vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-2 .wrapper {
    width: 60vw;
    position: absolute;
    top: 0;
    left: 4.40972vw;
    padding-top: 7.2vw;
    z-index: 2; }
  .convenience-wrap .section-2 .sec-title {
    color: #ffffff;
    margin: 0 auto 2.4vw; }
  .convenience-wrap .section-2 .sec-text {
    color: #ffffff;
    margin: 0 auto 2.8vw; }
  .convenience-wrap .section-2 .sec-tip {
    width: 37vw;
    color: #d4d4d4;
    position: absolute;
    bottom: 3vw;
    padding-left: 2.8vw; }
  .convenience-wrap .section-2 .sec-tip span {
    width: 2.8vw;
    position: absolute; }
  .convenience-wrap .section-2 .sec-data-box {
    width: 65vw;
    height: 8.6vw;
    margin: 0; }
  .convenience-wrap .section-2 .sec-data {
    width: 7.3vw;
    height: 8vw;
    vertical-align: top; }
  .convenience-wrap .section-2 .data-text {
    width: 7vw;
    text-align: left;
    font-family: NewOPPOSansMedium;
    font-size: 0.97222vw;
    line-height: 1.45833vw; }
  .convenience-wrap .section-2 .icon-data {
    width: 3.54167vw;
    height: 3.75vw;
    background: url(../png/icon-data5-0e5cd46ca6050321cd0933476ee7b061.png) no-repeat;
    background-size: 61.80556vw; }
  .convenience-wrap .section-2 .icon-data1 {
    background-position: 0 0; }
  .convenience-wrap .section-2 .icon-data2 {
    background-position: -8.36806vw 0; }
  .convenience-wrap .section-2 .icon-data3 {
    background-position: -16.35417vw 0; }
  .convenience-wrap .section-2 .icon-data4 {
    background-position: -24.58333vw 0; }
  .convenience-wrap .section-2 .icon-data5 {
    background-position: -32.60417vw 0; }
  .convenience-wrap .section-2 .icon-data6 {
    background-position: -40.3125vw 0; }
  .convenience-wrap .section-2 .icon-data7 {
    background-position: -48.02083vw 0; }
  .convenience-wrap .section-2 .icon-data8 {
    background-position: -56.28472vw 0; }
  .convenience-wrap .section-2 .convenience-bg2 {
    width: 100vw;
    height: 46.875vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-3 .wrapper {
    padding: 6vw 0; }
  .convenience-wrap .section-3 .sec-title {
    padding-top: 8vw; }
  .convenience-wrap .section-3 .sec-text {
    min-height: 9vw;
    margin-bottom: 3vw; }
  .convenience-wrap .section-3 .sec3-box {
    width: 46vw;
    height: 40.4vw;
    position: relative; }
  .convenience-wrap .section-3 .sec3-cimg {
    width: 22.70833vw;
    height: 40.06944vw;
    position: absolute;
    top: 0;
    left: 60.38194vw; }
  /* convenience End */
  /* design Start */
  .design-wrap .wrapper {
    width: 89.61806vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .design-wrap .sec-title {
    width: 100%;
    font-size: 2.5vw;
    color: #333333;
    line-height: 3.1vw;
    padding-top: 5vw;
    margin-bottom: 2.3vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .sec-tit {
    width: 100%;
    font-size: 1.5625vw;
    color: #333333;
    line-height: 1.8vw;
    margin-bottom: 2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-text {
    width: 100%;
    font-size: 0.90278vw;
    color: #868686;
    line-height: 1.76vw;
    margin-bottom: 4.2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-tip {
    width: 100%;
    font-size: 0.83333vw;
    color: #a1a1a1;
    line-height: 1.38889vw;
    font-family: NewOPPOSans;
    position: relative; }
  .design-wrap .sec-tip p {
    padding-left: 3vw;
    position: relative; }
  .design-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .design-wrap .sec-tip span {
    display: inline-block;
    width: 1.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .sec-data-box {
    width: 100%; }
  .design-wrap .sec-data {
    width: 15vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .data-desc {
    font-size: 3.33333vw;
    line-height: 3.47222vw;
    color: #63c45d;
    margin-bottom: 0.5vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .data-desc span {
    font-size: 1.73611vw;
    line-height: 1.94444vw;
    color: #333333;
    padding-left: 0.8vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .data-text {
    font-size: 1.45833vw;
    color: #333333;
    line-height: 1.80556vw;
    font-family: NewOPPOSans; }
  .design-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-1 .wrapper {
    padding-bottom: 17vw; }
  .design-wrap .section-1 .sec-title {
    margin-bottom: 0.9vw; }
  .design-wrap .section-1 .sec-text {
    width: 48.61111vw; }
  .design-wrap .section-1 .sec-title1 {
    padding-top: 0;
    color: #63c45d;
    margin-bottom: 0.2vw; }
  .design-wrap .section-1 .sec-text1 {
    color: #333333;
    font-family: NewOPPOSans;
    margin-bottom: 3vw; }
  .design-wrap .section-1 .sec-tip {
    width: 39vw;
    color: #a1a1a1;
    position: absolute;
    bottom: 3.47222vw;
    left: 0; }
  .design-wrap .sec1-dimg {
    width: 45.03472vw;
    height: 42.8125vw;
    position: absolute;
    bottom: 0;
    left: 53.2vw; }
  .design-wrap .section-2 {
    width: 100%;
    height: 55.76389vw;
    background-color: #89aece;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-2 .wrapper {
    width: 46vw;
    position: absolute;
    top: 0;
    left: 51.5vw; }
  .design-wrap .section-2 .sec-title {
    color: #ffffff;
    margin-bottom: 1.8vw; }
  .design-wrap .section-2 .sec-title br {
    display: none; }
  .design-wrap .section-2 .sec-text {
    color: #ffffff;
    margin-bottom: 4.8vw; }
  .design-wrap .sec2-dimg {
    width: 13.125vw;
    height: 28.61111vw;
    background: url(../png/sec2-dimg-ff440a0c58f0fa907e197fe4aa7d9a6e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .design-bg2 {
    width: 100vw;
    height: 55.76389vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-3 .wrapper {
    padding-bottom: 5vw; }
  .design-wrap .section-3 .sec-text {
    width: 51vw;
    color: #333333;
    margin-bottom: 5.2vw; }
  .design-wrap .sec3-main {
    width: 100vw;
    height: 30vw;
    position: relative;
    margin-left: -5.5vw; }
  .design-wrap .sec3-dbg {
    width: 16.77083vw;
    height: 29.75694vw;
    background: url(../png/sec3-dbg-449b451f5bcb423367754d7c2c3c8d04-2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 53.7vw; }
  .design-wrap .sec3-dmask {
    width: 16.77083vw;
    height: 29.75694vw;
    background: url(../png/sec3-dmask-d79e0603502ad27557a1cf6de1217e23-2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 53.7vw;
    z-index: 22;
    pointer-events: none; }
  .design-wrap .sec3-swiper {
    width: 120.6vw;
    height: 21.80556vw;
    position: absolute;
    top: 6.5vw;
    left: 0;
    z-index: 11; }
  .design-wrap .sec3-swiper .swiper-slide {
    width: 12.70833vw;
    height: 15.03472vw;
    margin: 0 0.9375vw; }
  .design-wrap .sec3-swiper .swiper-slide-active {
    width: 16.14583vw; }
  .design-wrap .sec3-swiper .sec3-dimg {
    width: 12.70833vw;
    height: 15.03472vw;
    margin: 0 auto;
    cursor: pointer; }
  .design-wrap .sec3-swiper .sec3-dimg1 {
    background: url(../png/sec3-dimg1-acaeccc5648968d7993ac605f57ad9c2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg2 {
    background: url(../png/sec3-dimg2-2fc7bd120788b5a75e5c85679480d2b2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg3 {
    background: url(../png/sec3-dimg3-2e56128c2c937189521369f157f05da7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg4 {
    background: url(../png/sec3-dimg4-ebcd4bc8f1991c812b44d2108e826238.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg5 {
    background: url(../png/sec3-dimg5-f96d003c915f0dd264090a1c5b3986c9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg6 {
    background: url(../png/sec3-dimg6-a71c2b9bd7a8bf3372cfae65884ec5ab.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg7 {
    background: url(../png/sec3-dimg7-fefca222ad5b2533f46c83b4f09a7c45.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg8 {
    background: url(../png/sec3-dimg8-957590e0de0244566317bf92b708539e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg9 {
    background: url(../png/sec3-dimg9-dfc7f622d82323f278a93ec05f01fcd3.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg10 {
    background: url(../png/sec3-dimg10-66940ae604b20a77e8fc9f35b2f3ebdb.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg11 {
    background: url(../png/sec3-dimg11-27d47f47feba1ea3ca91ad23df6d1ff6.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 {
    width: 100%;
    height: 56.18056vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec4-dimg1 {
    width: 22.01389vw;
    height: 20.90278vw;
    position: absolute;
    top: 18.92361vw;
    left: 12.46528vw;
    background: url(../png/sec4-dimg1-cc6039ed7d1c0dedd43745a9bbbb2eb7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg2 {
    width: 22.8125vw;
    height: 23.75vw;
    position: absolute;
    top: 21.25vw;
    left: 21.11111vw;
    background: url(../png/sec4-dimg2-27b6624bb075d2aa4f98ab47e504d3a5.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg3 {
    width: 19.96528vw;
    height: 24.65278vw;
    position: absolute;
    top: 22.8125vw;
    left: 35.13889vw;
    background: url(../png/sec4-dimg3-c2d48116ee3345c1c2c9f838fd52ce1d.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg4 {
    width: 18.26389vw;
    height: 26.94444vw;
    position: absolute;
    top: 20.48611vw;
    left: 50vw;
    background: url(../png/sec4-dimg4-e22dcd7f5873f6cfae08ba9771f2a483.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg5 {
    width: 22.60417vw;
    height: 26.14583vw;
    position: absolute;
    top: 15.55556vw;
    left: 64.61806vw;
    background: url(../png/sec4-dimg5-8f70014c3d881f76b340c66f9f129d84.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 .sec-tip {
    position: absolute;
    bottom: 5.3vw;
    left: 0; }
  .design-wrap .section-5 {
    width: 100%;
    height: 65.83333vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec5-swiper {
    width: 66.63194vw;
    height: 65.83333vw; }
  .design-wrap .sec5-swiper .swiper-slide {
    width: 100%; }
  .design-wrap .section-5 .sec-title {
    text-align: center;
    margin-bottom: 1.8vw; }
  .design-wrap .section-5 .sec-text {
    text-align: center;
    height: 10.8vw;
    margin-bottom: 0; }
  .design-wrap .section-5 .sec-tip {
    text-align: center; }
  .design-wrap .sec5-dimg1 {
    width: 66.66667vw;
    height: 36.45833vw;
    background: url(../jpg/sec5-dimg1-b65a6d8ae87b8f1924cc8b01f8495775.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .sec5-dimg2 {
    width: 66.66667vw;
    height: 36.45833vw;
    background: url(../jpg/sec5-dimg2-cb1c92ebf66caad021737a22a8753045.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .section-5 .swiper-pagination {
    width: 100%;
    bottom: 47vw; }
  .design-wrap .section-5 .swiper-pagination span {
    background: #cccccc;
    margin: 0 1vw;
    opacity: 1;
    outline: none; }
  .design-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #666666; }
  .design-wrap .section-5 .swiper-button-prev {
    width: 2vw;
    height: 4.58333vw;
    background: url(../png/swiper-button-720ed5325bd526eaa046a2e44d9b7ebd.png) no-repeat;
    background-size: 14.34028vw;
    margin-top: 5vw;
    background-position: 0 0;
    outline: none; }
  .design-wrap .section-5 .swiper-button-next {
    width: 2vw;
    height: 4.58333vw;
    background: url(../png/swiper-button-720ed5325bd526eaa046a2e44d9b7ebd.png) no-repeat;
    background-size: 14.34028vw;
    margin-top: 5vw;
    background-position: -12.4vw 0;
    outline: none; }
  .design-wrap .section-6 {
    width: 100%;
    height: 50.79861vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-6 .sec-text {
    color: #333333; }
  .design-wrap .section-6 .sec-tip {
    position: absolute;
    bottom: 2.4vw;
    left: 0; }
  .design-wrap .design-bg6 {
    width: 100vw;
    height: 50.79861vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* design End */
  /* batterylife Start */
  .batterylife-wrap .clearfix:after, .batterylife-wrap .clearfix:before {
    content: "";
    display: table; }
  .batterylife-wrap .clearfix:after {
    clear: both; }
  .batterylife-wrap .clearfix {
    *zoom: 1; }
  .batterylife-wrap .section-1 {
    width: 100%;
    height: 58.05556vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .wrapper {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .batterylife-wrap .section-1 .batterylife-pic {
    width: 100vw;
    height: 58.05556vw;
    display: block;
    margin: 0 auto; }
  .batterylife-wrap .section-1 .txtbox {
    width: 46.875vw;
    height: 49.09722vw;
    position: absolute;
    top: 7.70833vw;
    right: 5.83333vw; }
  .batterylife-wrap .section-1 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 2.5vw;
    color: #ffffff;
    text-align: left;
    line-height: 3.81944vw;
    width: 93%; }
  .batterylife-wrap .section-1 .txtbox .title br {
    display: none; }
  .batterylife-wrap .section-1 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 0.90278vw;
    color: #ffffff;
    text-align: left;
    line-height: 1.73611vw;
    padding: 2.39583vw 0 3.57639vw 0; }
  .batterylife-wrap .section-1 .timeul {
    width: 100%;
    height: 7.46528vw; }
  .batterylife-wrap .section-1 .timeul li {
    width: 20vw;
    height: 100%;
    float: left; }
  .batterylife-wrap .section-1 .timeul li .txt1 {
    font-size: 1.31944vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 0.5vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 2.60417vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-1 .timeul li .txt2 {
    font-size: 1.11111vw;
    color: #ffffff;
    font-family: 'NewOPPOSans';
    line-height: 1.4vw; }
  .batterylife-wrap .section-1 .notetip {
    font-size: 0.83333vw;
    color: #d6d6d6;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 3vw;
    padding-left: 2.56944vw;
    line-height: 1.73611vw; }
  .batterylife-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .batterylife-wrap .section-2 {
    width: 100%;
    height: 50.83333vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-2 .watchpic {
    width: 46.25vw;
    height: 50.83333vw;
    position: absolute;
    left: -5vw;
    top: 0;
    z-index: 3; }
  .batterylife-wrap .section-2 .txtbox {
    width: 48.61111vw;
    height: 43.12vw;
    position: absolute;
    top: 7.46528vw;
    right: 5.03472vw; }
  .batterylife-wrap .section-2 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 2.5vw;
    color: #333333;
    text-align: left;
    line-height: 3.47222vw;
    width: 100%; }
  .batterylife-wrap .section-2 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 0.90278vw;
    color: #868686;
    text-align: left;
    line-height: 1.94444vw;
    padding: 2.95139vw 0 3.26389vw 0; }
  .batterylife-wrap .section-2 .timeul {
    width: 100%;
    height: 7.46528vw; }
  .batterylife-wrap .section-2 .timeul li {
    width: 20vw;
    height: 100%;
    float: left; }
  .batterylife-wrap .section-2 .timeul li .txt1 {
    font-size: 1.31944vw;
    color: #333333;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 0.5vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 2.60417vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-2 .timeul li .txt2 {
    font-size: 1.11111vw;
    color: #333333;
    font-family: 'NewOPPOSans';
    line-height: 1.4vw; }
  .batterylife-wrap .section-2 .notetip {
    font-size: 0.83333vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 3vw;
    padding-left: 2.77778vw;
    line-height: 1.73611vw; }
  .batterylife-wrap .section-2 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  /* batterylife End */
  /* workout Start */
  .workout-wrap .m br {
    display: none; }
  .workout-wrap .clearfix:after, .workout-wrap .clearfix:before {
    content: "";
    display: table; }
  .workout-wrap .clearfix:after {
    clear: both; }
  .workout-wrap .clearfix {
    *zoom: 1; }
  .workout-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-1 .watchpic {
    width: 100vw;
    height: 61.21528vw;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
  .workout-wrap .section-1 .wrapper {
    width: 47.04861vw;
    padding-bottom: 37vw;
    margin-left: 3.95833vw;
    position: relative;
    z-index: 11; }
  .workout-wrap .section-1 .title {
    font-size: 2.5vw;
    color: #ffffff;
    font-family: 'NewOPPOSansBold';
    padding-top: 7.29167vw;
    padding-bottom: 1.59722vw; }
  .workout-wrap .section-1 .small-title1 {
    font-size: 1.5625vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 3.125vw; }
  .workout-wrap .section-1 .small-title2 {
    font-size: 0.90278vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 3.125vw;
    line-height: 1.73611vw; }
  .workout-wrap .section-1 .notetip {
    font-size: 0.83333vw;
    line-height: 1.2vw;
    color: #a1a1a1;
    text-align: center;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 2.2vw;
    left: 4.54861vw; }
  .workout-wrap .section-2 {
    width: 100%;
    height: 46.5625vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-2 .watchpic1 {
    width: 28.47222vw;
    height: 32.63889vw;
    background-size: 100%;
    position: absolute;
    right: 5.45139vw;
    top: 8.09028vw; }
  .workout-wrap .section-2 .watchpic2 {
    width: 8.26389vw;
    height: 22.63889vw;
    background-size: 100%;
    position: absolute;
    right: 29.6875vw;
    top: 9.27083vw; }
  .workout-wrap .section-2 .watchpic3 {
    width: 10.38194vw;
    height: 23.40278vw;
    background-size: 100%;
    position: absolute;
    right: 37.43056vw;
    top: 9.27083vw; }
  .workout-wrap .section-2 .watchpic4 {
    width: 9.27083vw;
    height: 15.06944vw;
    background-size: 100%;
    position: absolute;
    right: 48.36806vw;
    top: 15.97222vw; }
  .workout-wrap .section-2 .watchpic5 {
    width: 10.13889vw;
    height: 24.51389vw;
    background-size: 100%;
    position: absolute;
    right: 58.29861vw;
    top: 9.27083vw; }
  .workout-wrap .section-2 .watchpic6 {
    width: 3.81944vw;
    height: 5.27778vw;
    background-size: 100%;
    position: absolute;
    right: 69.20139vw;
    top: 17.77778vw; }
  .workout-wrap .section-2 .watchpic7 {
    width: 10vw;
    height: 26.66667vw;
    background-size: 100%;
    position: absolute;
    right: 73.4375vw;
    top: 9.27083vw; }
  .workout-wrap .section-2 .watchpic8 {
    width: 10.3125vw;
    height: 20.27778vw;
    background-size: 100%;
    position: absolute;
    left: 4.34028vw;
    top: 14.75694vw; }
  .workout-wrap .section-2 .watchtip-txt {
    font-size: 0.83333vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    position: absolute; }
  .workout-wrap .section-2 .watchtip-txt1 {
    top: 7.74306vw;
    left: 15.79861vw; }
  .workout-wrap .section-2 .watchtip-txt2 {
    top: 11.18056vw;
    left: 28.99306vw; }
  .workout-wrap .section-2 .watchtip-txt3 {
    top: 7.74306vw;
    left: 37.84722vw; }
  .workout-wrap .section-2 .watchtip-txt4 {
    top: 7.74306vw;
    left: 52.36111vw; }
  .workout-wrap .section-2 .watchtip-txt5 {
    top: 7.74306vw;
    left: 65.625vw; }
  .workout-wrap .section-3 {
    background: #ffffff;
    width: 100%;
    height: 92.5vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-3 .center {
    width: 66.66667vw;
    height: 100%;
    margin: 0 auto;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .title {
    font-size: 2.5vw;
    color: #333333;
    text-align: center;
    padding: 7.56944vw 0 1.5625vw 0; }
  .workout-wrap .section-3 .small-title {
    font-size: 0.90278vw;
    color: #868686;
    text-align: center;
    font-family: 'NewOPPOSansMedium';
    display: block;
    margin: 0 auto;
    width: 56.25vw;
    line-height: 1.52778vw; }
  .workout-wrap .section-3 .workout-ul {
    width: 65.97222vw;
    height: 9.61806vw;
    display: block;
    margin: 4.86111vw auto 0; }
  .workout-wrap .section-3 .workout-ul li {
    float: left;
    width: 10.72917vw;
    height: auto; }
  .workout-wrap .section-3 .workout-ul li .txt {
    font-size: 0.9375vw;
    text-align: center;
    font-family: 'NewOPPOSans';
    color: #868686;
    padding-top: 1.73611vw; }
  .workout-wrap .section-3 .workout-ul li .icon {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    width: 6.45833vw;
    height: 5.59028vw; }
  .workout-wrap .section-3 .swcont {
    width: 66.66667vw;
    height: 55.55556vw;
    display: block;
    margin: 2.84722vw auto 0; }
  .workout-wrap .section-3 .swcont .workout-pic {
    width: 66.66667vw;
    height: 36.45833vw;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-txt1 {
    font-size: 1.875vw;
    color: #333333;
    text-align: center;
    width: 100%;
    padding: 4.86111vw 0 2.53472vw 0;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .swcont .workout-txt2 {
    font-size: 1.11111vw;
    color: #868686;
    text-align: center;
    width: 90%;
    font-family: 'NewOPPOSans';
    display: block;
    margin: 0 auto;
    line-height: 2.08333vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination {
    position: absolute;
    left: 0;
    top: 38.19444vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination .swiper-pagination-bullet {
    background: #666666;
    margin-left: 1.52778vw;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-next {
    background: url(../png/right-f3ee00cc2add837b490d5f9bc60070db.png) no-repeat;
    width: 2.39583vw;
    height: 4.51389vw;
    background-size: 100%;
    position: absolute;
    right: 1.73611vw;
    top: 15.76389vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-prev {
    background: url(../png/left-aa9e4cd1acdeeaf1f13f7c3e605570f0.png) no-repeat;
    width: 2.39583vw;
    height: 4.51389vw;
    background-size: 100%;
    position: absolute;
    left: 1.73611vw;
    top: 15.76389vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .swiper-button-disabled {
    opacity: 0.1; }
  /* workout End */
  /* health Start */
  .health-wrap .section-1 {
    width: 100%;
    height: 64.13194vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-1 .wrapper {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-top: 4vw; }
  .health-wrap .swipercont {
    width: 66.66667vw;
    height: 49.30556vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watch-title {
    font-size: 2.5vw;
    color: #333333;
    text-align: center;
    width: 100%;
    font-family: 'NewOPPOSansBold'; }
  .health-wrap .swipercont .watch-title br {
    display: none !important; }
  .health-wrap .swipercont .watch-samll-title {
    width: 58vw;
    height: 13vw;
    display: block;
    margin: 0 auto;
    font-size: 0.90278vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    text-align: center;
    line-height: 1.38889vw;
    padding-top: 2.43056vw; }
  .health-wrap .swipercont .watchpic {
    width: 66.66667vw;
    height: 36.49306vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watchpic1 {
    background: url(../jpg/watch-pic1-26890e861d0d29ae393d5583a3274cbc.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic2 {
    background: url(../jpg/watch-pic2-b681587d8630dce05dea4c0af952a822.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic3 {
    background: url(../jpg/watch-pic3-29032c1c742926e6ccdd7612db9943e4.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic4 {
    background: url(../jpg/watch-pic4-d1fcb05558f8f3f6e4728b4d1210e513.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .watchsw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAACCCAMAAAAnvvUXAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFxQlFkpLKRUuLCc2MDwxLSYqOToyM0MoPQk1QD4/KwcvBEE0O0IGCDg3BQEDAk0Af/VmAQAAAjBJREFUaN7F2glywjAMBdB0gUKhdF+gC3SjQBbd/3albRiHxI4lfU3DAd4MIdjy/06I6GSUEfZJtshxscpQ5ahXFCiTJD8IyiTvRYEzST7aMTnyXPJ1yaxz5DcyYLaKAfOj4MyvAjN/CuWrkhnlgEIZxOwUx8xyQIEYpyBMRaHsqmTec0DRM3uKmtlXKLtWMTWlwqSA4pjbFFBUTFOh7EPMeBR6FTM+xTE3KaCIGb8iZQKKYyYpoNDmTMAEFRETVhwzTgGFNg9cpk3hM62KYxYpoFQYRKHNE4eJKTwmqrCYuOKYAaLQMspwFFo+l8w5okQZnhJjmIpjhojSzrAVWj6WzAuitDECheZBRqKEGZFC8zc/I1Mcc4koAUaq0JePESuO6SMKfX02GIXimHtEaTIqpcHolDqjVBxziig0rTJqhaZ3JXOBKFUGUCqMiXLY9TcyebpVRK1MLd66/VcX/Teedr0ymKxSTUSzejcRYCfpAzuJF+lkhw0gwskjgPz/FDS3mMhMpsM2hD81tyHiCX5ocZoYdn2yiSIcJY5ITp8Di5PwoOtTOQ+JpRU8hJmcLCxSnAWQ4vCjoLZ0i48wkrYxkLSJ4rqQIkNiaegESENNklkx4lPkiEdRIJ4k/8MgyVchwYZDhNTbFlW/UW9+lIh9C6VHqu2cHjFuCiFkp2BIqYBI2SxjXW6t5R4BLbdJ427S/lsglMwMEEqOejiyfS7bKyfYxQqyu7lCdDBDb9F8AySJUHJrQUEmAAAAAElFTkSuQmCC) no-repeat;
    width: 2.39583vw;
    height: 4.51389vw;
    background-size: 100%;
    position: absolute;
    right: 1.875vw;
    top: 66%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .watchsw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAB6CAMAAADXlM4ZAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFwpESiYVJ0ssLhYtOUMqMSk2KDwzCT06MjA3NTRAKzg/LwQHQT47QggGAwUCAU0AwWrEpAAAAjlJREFUWMOl2dlawkAMBeC44q6guIHivmDbvP/bWbQdaDszSU644PL/vkI7Tc4hxj/FbK/+JgdwX+3seYQaqFYEuYCqGh2RD6iqMSgU4wZYLMkHnCyx36GYrQFI6ACIEICbFQAIPcAuFPMuYBYGgFUIwEcLGIUyAC8MCTHAJJRXEcAixAGDkAD0QnnbAj8MCQG47AFaIQ0ohQygE8rzBrgeAiohC2iEPKAQyrssIAsBeI8DoiACkiADkvAsAoIQgG/GhBZ4ygBZQQXkBB2QEQ51QFrQAknhuAEeJCAl6IGEYADiwkELvDImmICY8NgAbyogIhiBoWAFBkIAvhgT7EBPOGuATz3QFRCgI0DApnABARsCCKwFFAjCBAVaoQVOp4wJDuBf2HcAf4ILWAk+oBZ2G2B7C1v7yAswTXzXsLqKcC9NUcFxO4Z/88JFEHsJYi9BnuOp83SfeZ/uNfGGnjDQq6J/0prfd8PTHiOIvQSxlyDP+BJ9+9sJ8oxxiSnIShB7CfKM1OmJ1ESQZ7XITeYGgthLkGfNE7YkxaopCIp1V9r1lASxlyD2EuSJP1TpgUyICYZIyClKJorSJjkCoUmT8oQq0coSulQtEU1akr0MoU0X04Q64UwS+pR1niD0SW8xdya90cTdKERSf6sQJ2zJf7/9sAsxwtyAdFogROhUWZgwIJA26j40cqDQI7BWbpMAm8ENAm0nA1HADemiIWZ4S/tPjAhvipeLv5rX01bXRA14BF6Oa4B/AR2lkllgjyp/AAAAAElFTkSuQmCC) no-repeat;
    width: 2.39583vw;
    height: 4.51389vw;
    background-size: 100%;
    position: absolute;
    left: 1.875vw;
    top: 66%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .swipercont .swiper-pagination {
    position: absolute;
    height: 1vw;
    top: 13vw;
    left: 0; }
  .health-wrap .swipercont .swiper-pagination .swiper-pagination-bullet {
    background: #000000;
    margin-left: 1.5625vw;
    outline: none; }
  .health-wrap .swipercont .swiper-button-disabled {
    opacity: 0.1; }
  .health-wrap .section-2 {
    width: 100%;
    height: 58.05556vw;
    background: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-2 .wrapper {
    width: 76.90972vw;
    height: 100%;
    margin-left: 4.34028vw;
    position: relative;
    z-index: 11; }
  .health-wrap .section-2 .icon {
    width: 4.6875vw;
    height: 4.6875vw;
    background-size: 100%;
    display: block;
    margin: 7.70833vw 0 1.66667vw 0; }
  .health-wrap .section-2 .title {
    font-size: 2.5vw;
    color: #333333;
    width: 39vw;
    font-family: 'NewOPPOSansBold';
    line-height: 4.16667vw; }
  .health-wrap .section-2 .samll-title {
    font-size: 0.90278vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    width: 45.48611vw;
    line-height: 1.38889vw;
    padding: 2.15278vw 0 8.64583vw 0; }
  .health-wrap .section-2 .samll-title2 {
    font-size: 0.83333vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSansMedium';
    width: 45.48611vw;
    line-height: 1.38889vw;
    position: relative;
    padding-left: 2.60417vw; }
  .health-wrap .section-2 .samll-title2 span {
    position: absolute;
    left: 0;
    top: 0; }
  .health-wrap .section-2 .phonewatch {
    width: 27.46528vw;
    height: 42.88194vw;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  .health-wrap .section-9 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding-bottom: 6vw; }
  .health-wrap .notes-list {
    width: 90.97222vw;
    margin: 0 auto;
    padding-top: 7.43056vw; }
  .health-wrap .notes-list li {
    font-size: 0.76389vw;
    color: #959595;
    line-height: 1.9vw;
    padding-left: 1.5vw;
    position: relative;
    opacity: 0.4;
    font-family: NewOPPOSansMedium; }
  .health-wrap .notes-list li.li-notes {
    padding-left: 0; }
  .health-wrap .notes-list li span {
    width: 1.5vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* health End */ }

@media only screen and (min-width: 1024px) and (max-width: 1220px) {
  /* convenience Start */
  .convenience-wrap .wrapper {
    width: 87.59766vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .convenience-wrap .sec-title {
    width: 100%;
    font-size: 4.78516vw;
    color: #333333;
    line-height: 6vw;
    margin: 0 auto 1.8vw;
    font-family: NewOPPOSansBold; }
  .convenience-wrap .sec-tit {
    width: 100%;
    font-size: 3.02734vw;
    color: #333333;
    line-height: 6.8vw;
    margin: 0 auto 4.24805vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-text {
    width: 100%;
    font-size: 2.34375vw;
    color: #868686;
    line-height: 3.76vw;
    margin: 0 auto 12.54883vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-tip {
    width: 100%;
    font-size: 1.75781vw;
    color: #a1a1a1;
    line-height: 2.34375vw;
    font-family: NewOPPOSans;
    position: relative; }
  .convenience-wrap .sec-tip p {
    padding-left: 2.2vw;
    position: relative; }
  .convenience-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .convenience-wrap .sec-tip span {
    display: inline-block;
    width: 2.2vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .sec-data-box {
    width: 100%; }
  .convenience-wrap .sec-data {
    width: 9vw;
    display: inline-block;
    vertical-align: top; }
  .convenience-wrap .data-text {
    font-size: 1.5625vw;
    color: #ffffff;
    line-height: 1.95312vw;
    font-family: NewOPPOSans;
    text-align: center; }
  .convenience-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-1 .wrapper {
    width: 89.24vw;
    margin: 0 auto; }
  .convenience-wrap .section-1 .change-box1 {
    padding-top: 8vw; }
  .convenience-wrap .section-1 .sec-text {
    margin: 0 auto 6vw; }
  .convenience-wrap .section-1 .change-box {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 15vw; }
  .convenience-wrap .section-1 .change-box1 .sec1-cimg {
    width: 37.59766vw;
    height: 66.45508vw;
    display: block;
    margin: 0 auto 7vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip {
    padding-left: 5.8vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip span {
    width: 5.8vw;
    position: absolute; }
  .convenience-wrap .section-1 .sec1-cimg1 {
    width: 37.59766vw;
    height: 66.45508vw;
    margin: 0 auto 6vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tit {
    width: 33.88672vw;
    height: 3.90625vw;
    background: url(../png/sec2-tit-9900bcef91f77200a001c5e59dd6c500.png) no-repeat;
    background-size: 33.88672vw;
    margin: 0 0 3vw; }
  .convenience-wrap .section-1 .change-box2 .sec-title {
    margin-bottom: 4vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip {
    padding-left: 5.8vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip span {
    width: 5.8vw;
    position: absolute; }
  .convenience-wrap .section-1 .change-box2 .sec-data-box {
    width: 59.86328vw;
    height: 6.73828vw;
    background: url(../png/icon-datac2-5d7c20164c952f2ac4eb71d8c587c390.png) no-repeat;
    background-size: 59.86328vw;
    margin-bottom: 8vw; }
  .convenience-wrap .section-1 .sec1-cimg2 {
    width: 33.05664vw;
    height: 58.34961vw;
    margin: 0 auto 6vw; }
  .convenience-wrap .section-1 .change-box3 .sec-tip {
    width: 80%;
    padding-left: 5.8vw; }
  .convenience-wrap .section-1 .sec1-cimg3 {
    width: 62.59766vw;
    height: 59.96094vw;
    margin: 0 auto 6vw; }
  .convenience-wrap .section-2 {
    width: 100%;
    height: 112.40234vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-2 .wrapper {
    width: 85vw;
    height: 100%;
    margin: 0 auto;
    padding-top: 8vw;
    z-index: 2;
    position: relative; }
  .convenience-wrap .section-2 .sec-title {
    color: #ffffff;
    margin: 0 auto 1.6vw; }
  .convenience-wrap .section-2 .sec-text {
    color: #ffffff;
    margin: 0 auto 4.2vw; }
  .convenience-wrap .section-2 .sec-tip {
    bottom: 5vw;
    position: absolute;
    padding-left: 5.8vw; }
  .convenience-wrap .section-2 .sec-tip span {
    width: 5.8vw;
    position: absolute; }
  .convenience-wrap .section-2 .sec-data-box {
    width: 64vw;
    height: 32vw;
    margin: 0; }
  .convenience-wrap .section-2 .sec-data {
    width: 14.6vw;
    height: 16vw;
    vertical-align: top; }
  .convenience-wrap .section-2 .data-text {
    width: 12vw;
    text-align: left;
    font-family: NewOPPOSansMedium;
    font-size: 1.75781vw;
    line-height: 2.24609vw; }
  .convenience-wrap .section-2 .icon-data {
    width: 8vw;
    height: 8vw;
    background: url(../png/icon-datac32-d17fad41862992fc50003719df6e2a93.png) no-repeat;
    background-size: 56.73828vw; }
  .convenience-wrap .section-2 .icon-data1 {
    background-position: 0 0; }
  .convenience-wrap .section-2 .icon-data2 {
    background-position: -15.23438vw 0; }
  .convenience-wrap .section-2 .icon-data3 {
    background-position: -29.88281vw 0; }
  .convenience-wrap .section-2 .icon-data4 {
    background-position: -44.9707vw 0; }
  .convenience-wrap .section-2 .icon-data5 {
    background-position: 0 -16.1vw; }
  .convenience-wrap .section-2 .icon-data6 {
    background-position: -15.18555vw -16.1vw; }
  .convenience-wrap .section-2 .icon-data7 {
    background-position: -29.83398vw -16.1vw; }
  .convenience-wrap .section-2 .icon-data8 {
    background-position: -44.9707vw -16.1vw; }
  .convenience-wrap .convenience-bg2 {
    width: 100vw;
    height: 143.35938vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-3 .wrapper {
    padding: 8vw 0 15vw; }
  .convenience-wrap .section-3 .sec-text {
    margin: 0 auto 8vw; }
  .convenience-wrap .section-3 .sec-tip {
    width: 66vw; }
  .convenience-wrap .section-3 .sec3-cimg {
    width: 33.49609vw;
    height: 59.17969vw;
    margin: 0 auto 6vw; }
  /* convenience End */
  /* design Start */
  .design-wrap .sec-title {
    width: 100%;
    font-size: 4.78516vw;
    color: #333333;
    line-height: 7.1vw;
    padding-top: 5vw;
    margin-bottom: 2.3vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .sec-tit {
    width: 100%;
    font-size: 3.02734vw;
    color: #333333;
    line-height: 5.8vw;
    margin-bottom: 2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-text {
    width: 100%;
    font-size: 2.34375vw;
    color: #868686;
    line-height: 3.76vw;
    margin-bottom: 4.2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-tip {
    width: 100%;
    font-size: 1.75781vw;
    color: #a1a1a1;
    line-height: 1.95312vw;
    font-family: NewOPPOSans;
    position: relative; }
  .design-wrap .sec-tip p {
    padding-left: 5vw;
    position: relative; }
  .design-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .design-wrap .sec-tip span {
    display: inline-block;
    width: 1.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .sec-data-box {
    width: 100%; }
  .design-wrap .sec-data {
    width: 15vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .data-desc {
    font-size: 4.6875vw;
    line-height: 4.88281vw;
    color: #63c45d;
    margin-bottom: 0.5vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .data-desc span {
    font-size: 2.44141vw;
    line-height: 2.73438vw;
    color: #333333;
    padding-left: 0.8vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .data-text {
    font-size: 2.05078vw;
    color: #333333;
    line-height: 2.53906vw;
    font-family: NewOPPOSans; }
  .design-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-1 .wrapper {
    width: 82.37305vw;
    padding-bottom: 60vw;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    margin-left: 6.05469vw; }
  .design-wrap .section-1 .sec-data-box {
    height: 14vw; }
  .design-wrap .section-1 .sec-data {
    width: 27vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .section-1 .sec-title {
    margin-bottom: 0.9vw; }
  .design-wrap .section-1 .sec-text {
    width: 68.35938vw; }
  .design-wrap .section-1 .sec-title1 {
    padding-top: 0;
    color: #63c45d;
    margin-bottom: 0.2vw; }
  .design-wrap .section-1 .sec-text1 {
    color: #333333;
    font-family: NewOPPOSans;
    margin-bottom: 3vw; }
  .design-wrap .section-1 .sec-tip {
    width: 76vw;
    color: #a1a1a1; }
  .design-wrap .sec1-dimg {
    width: 57.37305vw;
    height: 53.71094vw;
    position: absolute;
    bottom: 0;
    left: 19.3vw; }
  .design-wrap .section-2 {
    width: 100%;
    height: 138.7207vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-2 .wrapper {
    width: 85.35156vw;
    position: absolute;
    top: 0;
    left: 6.05469vw;
    z-index: 9; }
  .design-wrap .section-2 .sec-title {
    color: #ffffff;
    margin-bottom: 2.24609vw;
    padding-top: 8.54492vw; }
  .design-wrap .section-2 .sec-title br {
    display: none; }
  .design-wrap .section-2 .sec-text {
    color: #ffffff;
    margin-bottom: 4.8vw; }
  .design-wrap .sec2-dimg {
    width: 24.70703vw;
    height: 54.29688vw;
    background: url(../png/sec2-dimg-ff440a0c58f0fa907e197fe4aa7d9a6e.png) no-repeat;
    background-size: 100%;
    display: block;
    margin: 55vw auto 0; }
  .design-wrap .design-bg2 {
    width: 100vw;
    height: 119.0918vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-3 .wrapper {
    width: 90vw;
    margin: 0 auto;
    padding-bottom: 5vw; }
  .design-wrap .section-3 .sec-text {
    color: #333333;
    margin-bottom: 5.2vw; }
  .design-wrap .sec3-main {
    width: 100vw;
    height: 40.52734vw;
    position: relative;
    margin-left: -5vw; }
  .design-wrap .sec3-dbg {
    width: 22.85156vw;
    height: 40.52734vw;
    background: url(../png/sec3-dbg-449b451f5bcb423367754d7c2c3c8d04-2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 40.7vw; }
  .design-wrap .sec3-dmask {
    width: 22.85156vw;
    height: 40.52734vw;
    background: url(../png/sec3-dmask-d79e0603502ad27557a1cf6de1217e23-2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 40.7vw;
    z-index: 22;
    pointer-events: none; }
  .design-wrap .sec3-swiper {
    width: 100vw;
    height: 30.66406vw;
    position: absolute;
    top: 6.5vw;
    left: -0.6vw;
    z-index: 11;
    padding-left: 0vw;
    margin-top: 3vw; }
  .design-wrap .sec3-swiper .swiper-slide {
    width: 17.28516vw;
    height: 20.45898vw;
    margin: 0 1.31836vw; }
  .design-wrap .sec3-swiper .swiper-slide-active {
    width: 22.70508vw; }
  .design-wrap .sec3-swiper .sec3-dimg {
    width: 17.87109vw;
    height: 21.14258vw;
    margin: 0 auto;
    cursor: pointer; }
  .design-wrap .sec3-swiper .sec3-dimg1 {
    background: url(../png/sec3-dimg1-acaeccc5648968d7993ac605f57ad9c2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg2 {
    background: url(../png/sec3-dimg2-2fc7bd120788b5a75e5c85679480d2b2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg3 {
    background: url(../png/sec3-dimg3-2e56128c2c937189521369f157f05da7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg4 {
    background: url(../png/sec3-dimg4-ebcd4bc8f1991c812b44d2108e826238.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg5 {
    background: url(../png/sec3-dimg5-f96d003c915f0dd264090a1c5b3986c9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg6 {
    background: url(../png/sec3-dimg6-a71c2b9bd7a8bf3372cfae65884ec5ab.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg7 {
    background: url(../png/sec3-dimg7-fefca222ad5b2533f46c83b4f09a7c45.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg8 {
    background: url(../png/sec3-dimg8-957590e0de0244566317bf92b708539e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg9 {
    background: url(../png/sec3-dimg9-dfc7f622d82323f278a93ec05f01fcd3.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg10 {
    background: url(../png/sec3-dimg10-66940ae604b20a77e8fc9f35b2f3ebdb.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg11 {
    background: url(../png/sec3-dimg11-27d47f47feba1ea3ca91ad23df6d1ff6.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 {
    width: 100%;
    height: 88.96484vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-4 .sec-title {
    margin-left: 6.34766vw; }
  .design-wrap .section-4 .sec-text {
    margin-left: 6.34766vw; }
  .design-wrap .sec4-dimg1 {
    width: 24.36523vw;
    height: 35.20508vw;
    position: absolute;
    top: 26.61133vw;
    left: 0;
    background: url(../png/sec4-dimg1-a9a47db6bbb21d526e789f74c2755949.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg2 {
    width: 38.42773vw;
    height: 39.99023vw;
    position: absolute;
    top: 29.88281vw;
    left: 1.51367vw;
    background: url(../png/sec4-dimg2-0e01d21db4490c209d06bf1235d584bc.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg3 {
    width: 33.64258vw;
    height: 41.55273vw;
    position: absolute;
    top: 32.08008vw;
    left: 24.95117vw;
    background: url(../png/sec4-dimg3-719c09fb1c1b80fdfd325fa5f47c6727.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg4 {
    width: 30.76172vw;
    height: 45.36133vw;
    position: absolute;
    top: 28.80859vw;
    left: 51.26953vw;
    background: url(../png/sec4-dimg4-bf5174114132d08cb06250d1cfb74e86.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg5 {
    width: 25.3418vw;
    height: 44.0918vw;
    position: absolute;
    top: 21.875vw;
    right: 0;
    background: url(../png/sec4-dimg5-7899a69044d95187e567c68e6a57972d.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 .sec-tip {
    position: absolute;
    bottom: 5.3vw;
    left: 6.34766vw; }
  .design-wrap .section-5 {
    width: 100%;
    height: 104.49219vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec5-swiper {
    width: 87.45117vw;
    height: 104.49219vw; }
  .design-wrap .sec5-swiper .swiper-slide {
    width: 100%; }
  .design-wrap .section-5 .sec-title {
    text-align: center;
    margin-bottom: 1.8vw; }
  .design-wrap .section-5 .sec-text {
    text-align: center;
    height: 21vw;
    margin-bottom: 0; }
  .design-wrap .section-5 .sec-text br {
    display: none; }
  .design-wrap .section-5 .sec-tip {
    text-align: center; }
  .design-wrap .sec5-dimg1 {
    width: 87.45117vw;
    height: 58.74023vw;
    background: url(../jpg/sec5-dimg1-b46a1e2f2e874deea15045d33225b6f8.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .sec5-dimg2 {
    width: 87.45117vw;
    height: 58.74023vw;
    background: url(../jpg/sec5-dimg2-3b4b604ebf31b4d99b4622f2cb17d30e.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .section-5 .swiper-pagination {
    width: 100%;
    bottom: 72vw; }
  .design-wrap .section-5 .swiper-pagination span {
    background: #cccccc;
    margin: 0 1vw;
    opacity: 1;
    outline: none; }
  .design-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #666666; }
  .design-wrap .section-5 .swiper-button-prev {
    width: 1.95312vw;
    height: 3.51562vw;
    background: url(../png/pre-25f9907fc10622b273bdb432745bcf04.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1vw;
    top: 58vw; }
  .design-wrap .section-5 .swiper-button-next {
    width: 1.95312vw;
    height: 3.51562vw;
    background: url(../png/next-0278bfeef8832f1cc6863d6a4bb10990.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1vw;
    top: 58vw; }
  .design-wrap .section-6 {
    width: 100%;
    height: 98.38867vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-6 .wrapper {
    width: 87.89062vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    margin-left: 6.05469vw; }
  .design-wrap .section-6 .sec-text {
    color: #333333; }
  .design-wrap .section-6 .sec-text br {
    display: none; }
  .design-wrap .section-6 .sec-tip {
    position: absolute;
    bottom: 2.4vw;
    left: 0; }
  .design-wrap .design-bg6 {
    width: 100vw;
    height: 98.38867vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* design End */
  /* batterylife Start */
  .batterylife-wrap .clearfix:after, .batterylife-wrap .clearfix:before {
    content: "";
    display: table; }
  .batterylife-wrap .clearfix:after {
    clear: both; }
  .batterylife-wrap .clearfix {
    *zoom: 1; }
  .batterylife-wrap .section-1 {
    width: 100%;
    height: 124.16992vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .wrapper {
    width: 140.625vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .batterylife-wrap .section-1 .batterylife-pic {
    width: w(2047/2v);
    height: 124.16992vw;
    display: block;
    margin: 0 auto; }
  .batterylife-wrap .section-1 .txtbox {
    width: 83.9vw;
    height: 115vw;
    position: absolute;
    top: 8.78906vw;
    left: 5.95703vw; }
  .batterylife-wrap .section-1 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 4.78516vw;
    color: #ffffff;
    text-align: left;
    line-height: 5.37109vw;
    width: 93%; }
  .batterylife-wrap .section-1 .txtbox .title br {
    display: none; }
  .batterylife-wrap .section-1 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 2.34375vw;
    color: #ffffff;
    text-align: left;
    line-height: 3.4vw;
    padding: 3.36914vw 0 5.0293vw 0; }
  .batterylife-wrap .section-1 .timeul {
    width: 51.36719vw;
    height: auto; }
  .batterylife-wrap .section-1 .timeul li {
    width: 100%;
    height: 100%;
    margin-bottom: 4.63867vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 {
    font-size: 2.58789vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 0.6vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 4.88281vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-1 .timeul li .txt2 {
    font-size: 2.09961vw;
    color: #ffffff;
    font-family: 'NewOPPOSans';
    line-height: 2.4vw; }
  .batterylife-wrap .section-1 .notetip {
    font-size: 1.75781vw;
    color: #d6d6d6;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 5vw;
    padding-left: 5.4vw;
    line-height: 2.44141vw; }
  .batterylife-wrap .section-1 .notetip br {
    display: none; }
  .batterylife-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .batterylife-wrap .section-2 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-2 .watchpic {
    width: 65.03906vw;
    height: 71.48438vw;
    position: absolute;
    left: 0vw;
    bottom: 16vw;
    z-index: 3; }
  .batterylife-wrap .section-2 .txtbox {
    width: 90vw;
    height: auto;
    padding: 10.49805vw 0 90vw 5.95703vw; }
  .batterylife-wrap .section-2 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 4.78516vw;
    color: #333333;
    text-align: left;
    line-height: 4.88281vw;
    width: 100%;
    line-height: 7vw; }
  .batterylife-wrap .section-2 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 2.34375vw;
    color: #868686;
    text-align: left;
    line-height: 4vw;
    padding: 2.68555vw 0 2.68555vw 0; }
  .batterylife-wrap .section-2 .timeul {
    width: 100%;
    height: 10.49805vw; }
  .batterylife-wrap .section-2 .timeul li {
    width: 25.4vw;
    height: 100%;
    float: left; }
  .batterylife-wrap .section-2 .timeul li .txt1 {
    font-size: 2.58789vw;
    color: #333333;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 0.6vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 4.88281vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-2 .timeul li .txt2 {
    font-size: 2.09961vw;
    color: #333333;
    font-family: 'NewOPPOSans';
    line-height: 2.4vw; }
  .batterylife-wrap .section-2 .notetip {
    font-size: 1.75781vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4vw;
    line-height: 2.44141vw;
    padding-left: 5.9vw; }
  .batterylife-wrap .section-2 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  /* batterylife End */
  /* workout Start */
  .workout-wrap .m br {
    display: block; }
  .workout-wrap .clearfix:after, .workout-wrap .clearfix:before {
    content: "";
    display: table; }
  .workout-wrap .clearfix:after {
    clear: both; }
  .workout-wrap .clearfix {
    *zoom: 1; }
  .workout-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-1 .watchpic {
    width: 100vw;
    height: 114.0625vw;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
  .workout-wrap .section-1 .wrapper {
    width: 90vw;
    padding-bottom: 74vw;
    margin-left: 5.56641vw;
    position: relative;
    z-index: 11; }
  .workout-wrap .section-1 .title {
    font-size: 4.78516vw;
    color: #ffffff;
    font-family: 'NewOPPOSansBold';
    padding-top: 7.86133vw;
    padding-bottom: 2.58789vw; }
  .workout-wrap .section-1 .small-title1 {
    font-size: 3.02734vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 2.58789vw; }
  .workout-wrap .section-1 .small-title2 {
    font-size: 2.34375vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 2.58789vw;
    line-height: 4vw; }
  .workout-wrap .section-1 .notetip {
    font-size: 1.75781vw;
    color: #a1a1a1;
    text-align: left;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4.6875vw;
    left: 0;
    padding-left: 5.5vw; }
  .workout-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .workout-wrap .section-2 {
    width: 100%;
    height: 61.13281vw;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-2 .watchpic1 {
    width: 29.88281vw;
    height: 34.375vw;
    background-size: 100%;
    position: absolute;
    right: 2.73438vw;
    top: 15.52734vw; }
  .workout-wrap .section-2 .watchpic2 {
    width: 8.69141vw;
    height: 27.73438vw;
    background-size: 100%;
    position: absolute;
    right: 27.7832vw;
    top: 13.52539vw; }
  .workout-wrap .section-2 .watchpic3 {
    width: 10.9375vw;
    height: 24.6582vw;
    background-size: 100%;
    position: absolute;
    right: 36.2793vw;
    top: 17.48047vw; }
  .workout-wrap .section-2 .watchpic4 {
    width: 9.76562vw;
    height: 15.86914vw;
    background-size: 100%;
    position: absolute;
    right: 47.55859vw;
    top: 23.92578vw; }
  .workout-wrap .section-2 .watchpic5 {
    width: 10.64453vw;
    height: 32.32422vw;
    background-size: 100%;
    position: absolute;
    right: 58.1543vw;
    top: 10.40039vw; }
  .workout-wrap .section-2 .watchpic6 {
    width: 4.10156vw;
    height: 5.56641vw;
    background-size: 100%;
    position: absolute;
    right: 69.48242vw;
    top: 26.2207vw; }
  .workout-wrap .section-2 .watchpic7 {
    width: 10.54688vw;
    height: 29.39453vw;
    background-size: 100%;
    position: absolute;
    right: 74.26758vw;
    top: 15.38086vw; }
  .workout-wrap .section-2 .watchpic8 {
    width: 10.83984vw;
    height: 21.38672vw;
    background-size: 100%;
    position: absolute;
    left: 3.32031vw;
    top: 22.80273vw; }
  .workout-wrap .section-2 .watchtip-txt {
    font-size: 1.17188vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    position: absolute; }
  .workout-wrap .section-2 .watchtip-txt1 {
    top: 12.8vw;
    left: 13.2vw; }
  .workout-wrap .section-2 .watchtip-txt2 {
    top: 18vw;
    left: 24.7vw; }
  .workout-wrap .section-2 .watchtip-txt3 {
    top: 8.5vw;
    left: 37.2vw; }
  .workout-wrap .section-2 .watchtip-txt4 {
    top: 14.8vw;
    left: 51.6vw; }
  .workout-wrap .section-2 .watchtip-txt5 {
    top: 11.5vw;
    left: 67.2vw; }
  .workout-wrap .section-3 {
    background: #ffffff;
    width: 100%;
    height: 244.14062vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-3 .center {
    width: 93.75vw;
    height: 100%;
    margin: 0 auto;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .title {
    font-size: 4.78516vw;
    width: 47.85156vw;
    display: block;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    padding: 10.64453vw 0 2.19727vw 0;
    line-height: 6vw; }
  .workout-wrap .section-3 .small-title {
    font-size: 2.34375vw;
    color: #868686;
    text-align: center;
    font-family: 'NewOPPOSansMedium';
    display: block;
    margin: 0 auto;
    width: 83.00781vw;
    line-height: 3.8vw; }
  .workout-wrap .section-3 .workout-ul {
    width: 75.6vw;
    height: 48.82812vw;
    display: block;
    margin: 6.83594vw auto 0; }
  .workout-wrap .section-3 .workout-ul li {
    float: left;
    width: 24.60938vw;
    height: auto;
    margin-bottom: 3vw; }
  .workout-wrap .section-3 .workout-ul li .txt {
    font-size: 2.05078vw;
    text-align: center;
    font-family: 'NewOPPOSans';
    color: #868686;
    padding-top: 4.88281vw; }
  .workout-wrap .section-3 .workout-ul li .icon {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    width: 15.38086vw;
    height: 13.37891vw; }
  .workout-wrap .section-3 .swcont {
    width: 87.5vw;
    height: 144.72656vw;
    display: block;
    margin: 4.00391vw auto 0; }
  .workout-wrap .section-3 .swcont .workout-pic {
    width: 87.5vw;
    height: 104.15039vw;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-txt1 {
    font-size: 4.39453vw;
    color: #333333;
    text-align: center;
    width: 100%;
    padding: 6.83594vw 0 3.56445vw 0;
    font-family: 'NewOPPOSansBold';
    line-height: 6vw; }
  .workout-wrap .section-3 .swcont .workout-txt2 {
    font-size: 2.05078vw;
    color: #868686;
    text-align: center;
    width: 90%;
    font-family: 'NewOPPOSans';
    display: block;
    margin: 0 auto;
    line-height: 3vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination {
    position: absolute;
    left: 0;
    top: 106.7vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination .swiper-pagination-bullet {
    background: #666666;
    margin-left: 2.14844vw;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-next {
    background: url(../png/right-f3ee00cc2add837b490d5f9bc60070db.png) no-repeat;
    width: 3.36914vw;
    height: 6.34766vw;
    background-size: 100%;
    position: absolute;
    right: 2.44141vw;
    top: 49.2vw;
    z-index: 99; }
  .workout-wrap .section-3 .swcont .workout-sw-prev {
    background: url(../png/left-aa9e4cd1acdeeaf1f13f7c3e605570f0.png) no-repeat;
    width: 3.36914vw;
    height: 6.34766vw;
    background-size: 100%;
    position: absolute;
    left: 2.44141vw;
    top: 49.2vw;
    z-index: 99; }
  .workout-wrap .section-3 .swcont .swiper-button-disabled {
    opacity: 0.1; }
  /* workout End */
  /* health Start */
  .health-wrap .section-1 {
    width: 100%;
    height: 110vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-1 .wrapper {
    width: 86.62109vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-top: 8.20312vw; }
  .health-wrap .swipercont {
    width: 86.62109vw;
    height: 91.99219vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watch-title {
    font-size: 4.78516vw;
    color: #333333;
    text-align: center;
    width: 100%;
    font-family: 'NewOPPOSansBold'; }
  .health-wrap .swipercont .watch-title br {
    display: none !important; }
  .health-wrap .swipercont .watch-samll-title {
    height: 29vw;
    display: block;
    margin: 0 auto;
    font-size: 2.34375vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    text-align: center;
    line-height: 2.9vw;
    padding-top: 3.41797vw; }
  .health-wrap .swipercont .watchpic {
    width: 87.5vw;
    height: 58.64258vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watchpic1 {
    background: url(../jpg/watch-pic1-97d2733eaccbe6b10cb879965f97aff1.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic2 {
    background: url(../jpg/watch-pic2-d300443844fe55a4bfab61ed7afa12d8.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic3 {
    background: url(../jpg/watch-pic3-8699c6b57ec6412f662899d76d401fc3.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic4 {
    background: url(../jpg/watch-pic4-d469d6033eb40f7861d71847a57dd85c.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .watchsw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAACCCAMAAAAnvvUXAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFxQlFkpLKRUuLCc2MDwxLSYqOToyM0MoPQk1QD4/KwcvBEE0O0IGCDg3BQEDAk0Af/VmAQAAAjBJREFUaN7F2glywjAMBdB0gUKhdF+gC3SjQBbd/3albRiHxI4lfU3DAd4MIdjy/06I6GSUEfZJtshxscpQ5ahXFCiTJD8IyiTvRYEzST7aMTnyXPJ1yaxz5DcyYLaKAfOj4MyvAjN/CuWrkhnlgEIZxOwUx8xyQIEYpyBMRaHsqmTec0DRM3uKmtlXKLtWMTWlwqSA4pjbFFBUTFOh7EPMeBR6FTM+xTE3KaCIGb8iZQKKYyYpoNDmTMAEFRETVhwzTgGFNg9cpk3hM62KYxYpoFQYRKHNE4eJKTwmqrCYuOKYAaLQMspwFFo+l8w5okQZnhJjmIpjhojSzrAVWj6WzAuitDECheZBRqKEGZFC8zc/I1Mcc4koAUaq0JePESuO6SMKfX02GIXimHtEaTIqpcHolDqjVBxziig0rTJqhaZ3JXOBKFUGUCqMiXLY9TcyebpVRK1MLd66/VcX/Teedr0ymKxSTUSzejcRYCfpAzuJF+lkhw0gwskjgPz/FDS3mMhMpsM2hD81tyHiCX5ocZoYdn2yiSIcJY5ITp8Di5PwoOtTOQ+JpRU8hJmcLCxSnAWQ4vCjoLZ0i48wkrYxkLSJ4rqQIkNiaegESENNklkx4lPkiEdRIJ4k/8MgyVchwYZDhNTbFlW/UW9+lIh9C6VHqu2cHjFuCiFkp2BIqYBI2SxjXW6t5R4BLbdJ427S/lsglMwMEEqOejiyfS7bKyfYxQqyu7lCdDBDb9F8AySJUHJrQUEmAAAAAElFTkSuQmCC) no-repeat;
    width: 3.36914vw;
    height: 6.34766vw;
    background-size: 100%;
    position: absolute;
    right: 2.63672vw;
    top: 70%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer; }
  .health-wrap .watchsw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAB6CAMAAADXlM4ZAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFwpESiYVJ0ssLhYtOUMqMSk2KDwzCT06MjA3NTRAKzg/LwQHQT47QggGAwUCAU0AwWrEpAAAAjlJREFUWMOl2dlawkAMBeC44q6guIHivmDbvP/bWbQdaDszSU644PL/vkI7Tc4hxj/FbK/+JgdwX+3seYQaqFYEuYCqGh2RD6iqMSgU4wZYLMkHnCyx36GYrQFI6ACIEICbFQAIPcAuFPMuYBYGgFUIwEcLGIUyAC8MCTHAJJRXEcAixAGDkAD0QnnbAj8MCQG47AFaIQ0ohQygE8rzBrgeAiohC2iEPKAQyrssIAsBeI8DoiACkiADkvAsAoIQgG/GhBZ4ygBZQQXkBB2QEQ51QFrQAknhuAEeJCAl6IGEYADiwkELvDImmICY8NgAbyogIhiBoWAFBkIAvhgT7EBPOGuATz3QFRCgI0DApnABARsCCKwFFAjCBAVaoQVOp4wJDuBf2HcAf4ILWAk+oBZ2G2B7C1v7yAswTXzXsLqKcC9NUcFxO4Z/88JFEHsJYi9BnuOp83SfeZ/uNfGGnjDQq6J/0prfd8PTHiOIvQSxlyDP+BJ9+9sJ8oxxiSnIShB7CfKM1OmJ1ESQZ7XITeYGgthLkGfNE7YkxaopCIp1V9r1lASxlyD2EuSJP1TpgUyICYZIyClKJorSJjkCoUmT8oQq0coSulQtEU1akr0MoU0X04Q64UwS+pR1niD0SW8xdya90cTdKERSf6sQJ2zJf7/9sAsxwtyAdFogROhUWZgwIJA26j40cqDQI7BWbpMAm8ENAm0nA1HADemiIWZ4S/tPjAhvipeLv5rX01bXRA14BF6Oa4B/AR2lkllgjyp/AAAAAElFTkSuQmCC) no-repeat;
    width: 3.36914vw;
    height: 6.34766vw;
    background-size: 100%;
    position: absolute;
    left: 2.63672vw;
    top: 70%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer; }
  .health-wrap .swipercont .swiper-pagination {
    position: absolute;
    height: 1.4vw;
    top: 30vw;
    left: 0; }
  .health-wrap .swipercont .swiper-pagination .swiper-pagination-bullet {
    background: #000000;
    margin-left: 2.19727vw;
    outline: none; }
  .health-wrap .swipercont .swiper-button-disabled {
    opacity: 0.1; }
  .health-wrap .section-2 {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-2 .wrapper {
    width: 89.11133vw;
    padding-bottom: 98vw;
    margin-left: 6.15234vw;
    position: relative;
    z-index: 11; }
  .health-wrap .section-2 .icon {
    width: 11.47461vw;
    height: 11.47461vw;
    background-size: 100%;
    display: block;
    margin: 10.83984vw 0 2.34375vw 0; }
  .health-wrap .section-2 .title {
    font-size: 4.78516vw;
    color: #333333;
    width: 82.9vw;
    font-family: 'NewOPPOSansBold';
    line-height: 5.85938vw; }
  .health-wrap .section-2 .title br {
    display: none; }
  .health-wrap .section-2 .samll-title {
    font-size: 2.34375vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    width: 83.9vw;
    line-height: 3.9vw;
    padding-top: 3.02734vw; }
  .health-wrap .section-2 .samll-title2 {
    font-size: 1.75781vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSansMedium';
    width: 83.9vw;
    line-height: 2.8vw;
    position: absolute;
    bottom: 5vw;
    padding-left: 5.6vw; }
  .health-wrap .section-2 .samll-title2 span {
    position: absolute;
    left: 0;
    top: 0; }
  .health-wrap .section-2 .phonewatch {
    width: 46.5332vw;
    height: 72.99805vw;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: 20vw;
    left: 14.7vw; }
  .health-wrap .section-9 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding-bottom: 6vw; }
  .health-wrap .notes-list {
    width: 90.9668vw;
    padding-top: 8.74023vw;
    margin-left: 5.41992vw; }
  .health-wrap .notes-list li {
    font-size: 1.75781vw;
    color: #959595;
    line-height: 2.9vw;
    padding-left: 2.8vw;
    position: relative;
    opacity: 0.4;
    font-family: NewOPPOSansMedium; }
  .health-wrap .notes-list li.li-notes {
    padding-left: 0; }
  .health-wrap .notes-list li span {
    width: 1.95312vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* health End */ }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* convenience Start */
  .convenience-wrap .wrapper {
    width: 83.33333vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .convenience-wrap .sec-title {
    width: 100%;
    font-size: 5.46875vw;
    color: #333333;
    line-height: 8.4vw;
    padding-top: 12vw;
    margin: 0 auto 4vw;
    font-family: NewOPPOSansBold; }
  .convenience-wrap .sec-tit {
    width: 100%;
    font-size: 4.29688vw;
    color: #333333;
    line-height: 4.5vw;
    margin: 0 auto 5vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-text {
    width: 100%;
    font-size: 3.125vw;
    color: #868686;
    line-height: 4.5vw;
    margin: 0 auto 8vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-tip {
    width: 100%;
    font-size: 1.5625vw;
    color: #a1a1a1;
    line-height: 2.6vw;
    font-family: NewOPPOSans;
    position: relative; }
  .convenience-wrap .sec-tip p {
    padding-left: 2.4vw;
    position: relative; }
  .convenience-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .convenience-wrap .sec-tip span {
    display: inline-block;
    width: 2.4vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .sec-data-box {
    width: 100%; }
  .convenience-wrap .sec-data {
    width: 9vw;
    display: inline-block;
    vertical-align: top; }
  .convenience-wrap .data-text {
    font-size: 2.08333vw;
    color: #ffffff;
    line-height: 2.60417vw;
    font-family: NewOPPOSans;
    text-align: center; }
  .convenience-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-1 .wrapper {
    padding-bottom: 20vw; }
  .convenience-wrap .section-1 .change-box {
    position: relative; }
  .convenience-wrap .section-1 .change-box1 .sec-tip span {
    width: 5.4vw;
    position: relative; }
  .convenience-wrap .section-1 .sec1-cimg1 {
    width: 37.63021vw;
    height: 66.40625vw;
    margin: 0 auto 8vw; }
  .convenience-wrap .section-1 .change-box2 .sec-data-box {
    width: 83.33333vw;
    height: 9.375vw;
    margin-bottom: 5.8vw;
    background: url(../png/icon-datac2-239918473a329d6bcf452bfe5600ef57.png) no-repeat;
    background-size: 83.33333vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip span {
    width: 5.4vw;
    position: relative; }
  .convenience-wrap .section-1 .sec1-cimg2 {
    width: 33.00781vw;
    height: 58.33333vw;
    margin: 0 auto 8vw; }
  .convenience-wrap .section-1 .sec1-cimg3 {
    width: 62.63021vw;
    height: 59.89583vw;
    margin: 0 auto 8vw; }
  .convenience-wrap .section-2 {
    width: 100%;
    height: 183.91927vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-2 .wrapper {
    padding-top: 12.8vw; }
  .convenience-wrap .section-2 .sec-tit {
    width: 39.97396vw;
    height: 4.49219vw;
    background: url(../png/sec2-tit-a21fba30f74292149166f13abe460d7a.png) no-repeat;
    background-size: 100%;
    margin: 0 0 1.2vw; }
  .convenience-wrap .section-2 .sec-title {
    padding-top: 0;
    color: #ffffff;
    margin: 0 auto 2.6vw;
    font-size: 4.81771vw; }
  .convenience-wrap .section-2 .sec-text {
    color: #ffffff; }
  .convenience-wrap .section-2 .sec-tip {
    bottom: 6vw;
    position: absolute;
    padding-left: 5.4vw; }
  .convenience-wrap .section-2 .sec-tip span {
    width: 5.4vw;
    position: absolute; }
  .convenience-wrap .convenience-bg2 {
    width: 100vw;
    height: 183.91927vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .section-2 .sec-data-box {
    width: 64vw;
    height: 46.8vw;
    margin: 0; }
  .convenience-wrap .section-2 .sec-data {
    width: 13.9vw;
    height: 17.4vw;
    vertical-align: top; }
  .convenience-wrap .section-2 .data-text {
    font-family: NewOPPOSansMedium;
    font-size: 1.69271vw;
    text-align: left; }
  .convenience-wrap .section-2 .icon-data {
    width: 12vw;
    height: 10vw;
    background: url(../png/icon-datac32-4d72720ba9305d2ad6e3302b07a13d7b.png) no-repeat;
    background-size: 52.92969vw; }
  .convenience-wrap .section-2 .icon-data1 {
    background-position: 0 2.5vw; }
  .convenience-wrap .section-2 .icon-data2 {
    background-position: -14.0625vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data3 {
    background-position: -27.27865vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data4 {
    background-position: -40.88542vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data5 {
    background-position: 0 -14.4vw; }
  .convenience-wrap .section-2 .icon-data6 {
    background-position: -14.1276vw -14.4vw; }
  .convenience-wrap .section-2 .icon-data7 {
    background-position: -27.27865vw -14.4vw; }
  .convenience-wrap .section-2 .icon-data8 {
    background-position: -40.88542vw -14.4vw; }
  .convenience-wrap .section-3 {
    width: 100%;
    height: auto;
    margin-bottom: 6vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-3 .wrapper {
    padding-bottom: 10vw; }
  .convenience-wrap .section-3 .sec3-cimg {
    width: 33.46354vw;
    height: 59.11458vw;
    margin: 0 auto 8vw; }
  /* convenience End */
  /* design Start */
  .design-wrap .sec-title {
    width: 100%;
    font-size: 5.46875vw;
    color: #333333;
    line-height: 7.1vw;
    padding-top: 5vw;
    margin-bottom: 2.3vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .sec-tit {
    width: 100%;
    font-size: 4.29688vw;
    color: #333333;
    line-height: 5.8vw;
    margin-bottom: 2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-text {
    width: 100%;
    font-size: 3.125vw;
    color: #868686;
    line-height: 3.76vw;
    margin-bottom: 4.2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-tip {
    width: 100%;
    font-size: 1.75781vw;
    color: #a1a1a1;
    line-height: 2.60417vw;
    font-family: NewOPPOSans;
    position: relative; }
  .design-wrap .sec-tip p {
    padding-left: 5.3vw;
    position: relative; }
  .design-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .design-wrap .sec-tip span {
    display: inline-block;
    width: 1.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .sec-data-box {
    width: 100%; }
  .design-wrap .sec-data {
    width: 15vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .data-desc {
    font-size: 5.20833vw;
    line-height: 6.51042vw;
    color: #63c45d;
    margin-bottom: 0.5vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .data-desc span {
    font-size: 2.60417vw;
    line-height: 3.64583vw;
    color: #333333;
    padding-left: 0.8vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .data-text {
    font-size: 2.08333vw;
    color: #333333;
    line-height: 3.38542vw;
    font-family: NewOPPOSans; }
  .design-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-1 .wrapper {
    width: 84vw;
    padding-bottom: 78vw;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .design-wrap .section-1 .sec-data-box {
    height: 15vw; }
  .design-wrap .section-1 .sec-data {
    width: 27vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .section-1 .sec-title {
    margin-bottom: 0.9vw;
    padding-top: 17.2526vw; }
  .design-wrap .section-1 .sec-title1 {
    padding-top: 0;
    color: #63c45d;
    margin-bottom: 0.2vw; }
  .design-wrap .section-1 .sec-text1 {
    color: #333333;
    font-family: NewOPPOSans;
    margin-bottom: 3vw; }
  .design-wrap .section-1 .sec-tip {
    width: 76vw;
    color: #a1a1a1; }
  .design-wrap .sec1-dimg {
    width: 75.39062vw;
    height: 71.74479vw;
    position: absolute;
    bottom: 0;
    left: 14.3vw; }
  .design-wrap .section-2 {
    width: 100%;
    height: 167.05729vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-2 .wrapper {
    width: 86.06771vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9; }
  .design-wrap .section-2 .sec-title {
    color: #ffffff;
    margin-bottom: 3.58073vw;
    padding-top: 11.39323vw; }
  .design-wrap .section-2 .sec-title br {
    display: none; }
  .design-wrap .section-2 .sec-text {
    color: #ffffff;
    margin-bottom: 4.8vw; }
  .design-wrap .sec2-dimg {
    width: 24.67448vw;
    height: 54.23177vw;
    background: url(../png/sec2-dimg-2395f3e653dafeb4416fdac003b10468.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: 0vw;
    left: 50%;
    margin-left: -12.33724vw; }
  .design-wrap .design-bg2 {
    width: 100vw;
    height: 141.27604vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-3 .wrapper {
    padding-bottom: 6vw;
    position: relative;
    z-index: 11; }
  .design-wrap .section-3 .sec-title {
    width: 84vw;
    margin: 0 auto 2.3vw; }
  .design-wrap .section-3 .sec-text {
    width: 84vw;
    color: #333333;
    margin: 0 auto 5.2vw; }
  .design-wrap .sec3-main {
    width: 100vw;
    height: 40.49479vw;
    position: relative; }
  .design-wrap .sec3-dbg {
    width: 22.78646vw;
    height: 40.49479vw;
    background: url(../png/sec3-dbg-0cb538755e165d30aab7365729e1491b.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 38.9vw; }
  .design-wrap .sec3-dmask {
    width: 22.78646vw;
    height: 40.49479vw;
    background: url(../png/sec3-dmask-a5eb68749f2f6708d67120a2523f4d0c.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 38.9vw;
    z-index: 22;
    pointer-events: none; }
  .design-wrap .sec3-swiper {
    width: 100vw;
    height: 40.88542vw;
    position: absolute;
    top: 6.5vw;
    left: 0;
    z-index: 11;
    padding-left: 0vw;
    margin-top: 3vw; }
  .design-wrap .sec3-swiper .swiper-slide {
    width: 17.3vw;
    height: 27.27865vw;
    margin: 0 1.75781vw; }
  .design-wrap .sec3-swiper .swiper-slide-active {
    width: 18.3vw; }
  .design-wrap .sec3-swiper .sec3-dimg {
    width: 17.31771vw;
    height: 20.44271vw;
    margin: 0 auto;
    cursor: pointer; }
  .design-wrap .sec3-swiper .sec3-dimg1 {
    background: url(../png/sec3-dimg1-acaeccc5648968d7993ac605f57ad9c2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg2 {
    background: url(../png/sec3-dimg2-2fc7bd120788b5a75e5c85679480d2b2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg3 {
    background: url(../png/sec3-dimg3-2e56128c2c937189521369f157f05da7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg4 {
    background: url(../png/sec3-dimg4-ebcd4bc8f1991c812b44d2108e826238.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg5 {
    background: url(../png/sec3-dimg5-f96d003c915f0dd264090a1c5b3986c9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg6 {
    background: url(../png/sec3-dimg6-a71c2b9bd7a8bf3372cfae65884ec5ab.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg7 {
    background: url(../png/sec3-dimg7-fefca222ad5b2533f46c83b4f09a7c45.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg8 {
    background: url(../png/sec3-dimg8-957590e0de0244566317bf92b708539e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg9 {
    background: url(../png/sec3-dimg9-dfc7f622d82323f278a93ec05f01fcd3.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg10 {
    background: url(../png/sec3-dimg10-66940ae604b20a77e8fc9f35b2f3ebdb.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg11 {
    background: url(../png/sec3-dimg11-27d47f47feba1ea3ca91ad23df6d1ff6.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 {
    width: 100%;
    height: 104.6vw;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-4 .sec-title {
    width: 84vw;
    margin: 0 auto; }
  .design-wrap .section-4 .sec-text {
    width: 84vw;
    margin: 0 auto; }
  .design-wrap .sec4-dimg1 {
    width: 24.34896vw;
    height: 35.15625vw;
    position: absolute;
    top: 35.48177vw;
    left: 0;
    background: url(../png/sec4-dimg1-837959c58298512fb6bb40905d1c3739.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg2 {
    width: 38.41146vw;
    height: 39.97396vw;
    position: absolute;
    top: 39.84375vw;
    left: 0.91146vw;
    background: url(../png/sec4-dimg2-bb8a7fc991157cbabe6f2db53ae9bcf5.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg3 {
    width: 33.59375vw;
    height: 41.47135vw;
    position: absolute;
    top: 42.77344vw;
    left: 24.47917vw;
    background: url(../png/sec4-dimg3-4df8555e0dfd89d6bdf0dab42e170a6e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg4 {
    width: 30.72917vw;
    height: 45.3125vw;
    position: absolute;
    top: 38.41146vw;
    left: 49.80469vw;
    background: url(../png/sec4-dimg4-80fb6da25ff96fcf0c30463fb6269a1a.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg5 {
    width: 25.32552vw;
    height: 44.07552vw;
    position: absolute;
    top: 29.16667vw;
    right: 0;
    background: url(../png/sec4-dimg5-73d0481f6251e828d0ed4018142b4de2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 .sec-tip {
    position: absolute;
    bottom: 5.3vw;
    left: 8.46354vw; }
  .design-wrap .section-5 {
    width: 100%;
    height: 125vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec5-swiper {
    width: 87.5vw;
    height: 114.51823vw; }
  .design-wrap .sec5-swiper .swiper-slide {
    width: 100%; }
  .design-wrap .section-5 .sec-title {
    text-align: left;
    margin-bottom: 4.03646vw; }
  .design-wrap .section-5 .sec-text {
    text-align: left;
    height: 30vw;
    margin-bottom: 0; }
  .design-wrap .section-5 .sec-text br {
    display: none; }
  .design-wrap .section-5 .sec-tip {
    text-align: center; }
  .design-wrap .sec5-dimg1 {
    width: 87.5vw;
    height: 58.65885vw;
    background: url(../jpg/sec5-dimg1-86edcf00272af2a12529bdc609cb78b7.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw; }
  .design-wrap .sec5-dimg2 {
    width: 87.5vw;
    height: 58.65885vw;
    background: url(../jpg/sec5-dimg2-3d718415f2cefd9435b89296154fd124.jpg) no-repeat;
    background-size: 100%;
    margin-bottom: 1.2vw;
    background-position-y: 0; }
  .design-wrap .section-5 .swiper-pagination {
    width: 100%;
    bottom: 71vw; }
  .design-wrap .section-5 .swiper-pagination span {
    background: #cccccc;
    margin: 0 1vw;
    opacity: 1;
    outline: none; }
  .design-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #666666; }
  .design-wrap .section-5 .swiper-button-prev {
    width: 2.60417vw;
    height: 4.6875vw;
    background: url(../png/pre-25f9907fc10622b273bdb432745bcf04.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4vw;
    top: 78vw;
    outline: none; }
  .design-wrap .section-5 .swiper-button-next {
    width: 2.60417vw;
    height: 4.6875vw;
    background: url(../png/next-0278bfeef8832f1cc6863d6a4bb10990.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 2vw;
    top: 78vw;
    outline: none; }
  .design-wrap .section-6 {
    width: 100%;
    height: 122.78646vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-6 .wrapper {
    width: 84.63542vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    margin-left: 8.20312vw; }
  .design-wrap .section-6 .sec-title {
    width: 70%;
    margin-bottom: 7vw; }
  .design-wrap .section-6 .sec-text {
    color: #333333; }
  .design-wrap .section-6 .sec-text br {
    display: none; }
  .design-wrap .section-6 .sec-tip {
    position: absolute;
    bottom: 7.4vw;
    left: 0; }
  .design-wrap .design-bg6 {
    width: 100vw;
    height: 122.78646vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* design End */
  /* batterylife Start */
  .batterylife-wrap .clearfix:after, .batterylife-wrap .clearfix:before {
    content: "";
    display: table; }
  .batterylife-wrap .clearfix:after {
    clear: both; }
  .batterylife-wrap .clearfix {
    *zoom: 1; }
  .batterylife-wrap .section-1 {
    width: 100%;
    height: 154.49219vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .wrapper {
    width: 187.5vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .batterylife-wrap .section-1 .batterylife-pic {
    width: w(1536/2v);
    height: 154.49219vw;
    display: block;
    margin: 0 auto; }
  .batterylife-wrap .section-1 .txtbox {
    width: 83.9vw;
    height: 143vw;
    position: absolute;
    top: 11.71875vw;
    left: 7.94271vw; }
  .batterylife-wrap .section-1 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 5.46875vw;
    color: #ffffff;
    text-align: left;
    line-height: 7.16146vw;
    width: 93%; }
  .batterylife-wrap .section-1 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 3.125vw;
    color: #ffffff;
    text-align: left;
    line-height: 4.4vw;
    padding: 4.49219vw 0 6.70573vw 0; }
  .batterylife-wrap .section-1 .timeul {
    width: 68.48958vw;
    height: auto; }
  .batterylife-wrap .section-1 .timeul li {
    width: 42%;
    height: 100%;
    margin-bottom: 6.1849vw;
    float: left; }
  .batterylife-wrap .section-1 .timeul li .txt1 {
    font-size: 2.60417vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    line-height: 2.7vw;
    margin-bottom: 1.9vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 5.20833vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-1 .timeul li .txt2 {
    font-size: 2.08333vw;
    color: #ffffff;
    font-family: 'NewOPPOSans';
    line-height: 2.4vw; }
  .batterylife-wrap .section-1 .notetip {
    font-size: 1.5625vw;
    color: #d6d6d6;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4vw;
    padding-left: 5.4vw;
    line-height: 3.25521vw; }
  .batterylife-wrap .section-1 .notetip br {
    display: none; }
  .batterylife-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .batterylife-wrap .section-2 {
    width: 100%;
    height: 173.76302vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-2 .watchpic {
    width: 66.01562vw;
    height: 67.57812vw;
    position: absolute;
    left: 0vw;
    bottom: 18vw;
    z-index: 3; }
  .batterylife-wrap .section-2 .txtbox {
    width: 84.4401vw;
    height: 159.5vw;
    position: absolute;
    top: 13.9974vw;
    left: 8.20312vw; }
  .batterylife-wrap .section-2 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 5.46875vw;
    color: #333333;
    text-align: left;
    width: 85%;
    line-height: 7vw; }
  .batterylife-wrap .section-2 .txtbox .title br {
    display: none; }
  .batterylife-wrap .section-2 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 3.125vw;
    color: #868686;
    text-align: left;
    line-height: 5vw;
    padding: 3.58073vw 0 5.92448vw 0; }
  .batterylife-wrap .section-2 .timeul {
    width: 100%;
    height: 13.9974vw; }
  .batterylife-wrap .section-2 .timeul li {
    width: 25.4vw;
    height: 100%;
    float: left; }
  .batterylife-wrap .section-2 .timeul li .txt1 {
    font-size: 2.60417vw;
    color: #333333;
    font-family: 'NewOPPOSansMedium';
    line-height: 2.7vw;
    margin-bottom: 1.9vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 5.20833vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-2 .timeul li .txt2 {
    font-size: 2.08333vw;
    color: #333333;
    font-family: 'NewOPPOSans';
    line-height: 2.4vw; }
  .batterylife-wrap .section-2 .notetip {
    font-size: 1.5625vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4vw;
    padding-left: 5.4vw;
    line-height: 3.25521vw; }
  .batterylife-wrap .section-2 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  /* batterylife End */
  /* workout Start */
  .workout-wrap .m br {
    display: block; }
  .workout-wrap .clearfix:after, .workout-wrap .clearfix:before {
    content: "";
    display: table; }
  .workout-wrap .clearfix:after {
    clear: both; }
  .workout-wrap .clearfix {
    *zoom: 1; }
  .workout-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-1 .watchpic {
    width: 100vw;
    height: 146.41927vw;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 4vw; }
  .workout-wrap .section-1 .wrapper {
    width: 84vw;
    padding-bottom: 84vw;
    margin-left: 7.42188vw;
    position: relative;
    z-index: 11; }
  .workout-wrap .section-1 .title {
    font-size: 5.46875vw;
    color: #ffffff;
    font-family: 'NewOPPOSansBold';
    padding-top: 11.58854vw;
    padding-bottom: 2.34375vw;
    width: 69%;
    list-style: height 7vw; }
  .workout-wrap .section-1 .small-title1 {
    font-size: 4.29688vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 3.45052vw;
    width: 80%; }
  .workout-wrap .section-1 .small-title2 {
    font-size: 3.125vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 3.45052vw;
    line-height: 4vw; }
  .workout-wrap .section-1 .notetip {
    font-size: 1.5625vw;
    color: #a1a1a1;
    text-align: left;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 3vw;
    left: 0;
    width: 100%;
    line-height: 2.4vw;
    padding-left: 5.2vw; }
  .workout-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .workout-wrap .section-2 {
    width: 100%;
    height: 72.3vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-2 .watchpic1 {
    width: 29.88281vw;
    height: 34.3099vw;
    background-size: 100%;
    position: absolute;
    right: 3.64583vw;
    top: 19.53125vw; }
  .workout-wrap .section-2 .watchpic2 {
    width: 7.35677vw;
    height: 27.66927vw;
    background-size: 100%;
    position: absolute;
    right: 28.125vw;
    top: 17.51302vw; }
  .workout-wrap .section-2 .watchpic3 {
    width: 10.9375vw;
    height: 24.60938vw;
    background-size: 100%;
    position: absolute;
    right: 33.9vw;
    top: 21.15885vw; }
  .workout-wrap .section-2 .watchpic4 {
    width: 9.70052vw;
    height: 15.82031vw;
    background-size: 100%;
    position: absolute;
    right: 45.3vw;
    top: 28.0599vw; }
  .workout-wrap .section-2 .watchpic5 {
    width: 10.61198vw;
    height: 32.29167vw;
    background-size: 100%;
    position: absolute;
    right: 56vw;
    top: 16.27604vw; }
  .workout-wrap .section-2 .watchpic6 {
    width: 4.03646vw;
    height: 5.53385vw;
    background-size: 100%;
    position: absolute;
    right: 67.4vw;
    top: 30.59896vw; }
  .workout-wrap .section-2 .watchpic7 {
    width: 10.48177vw;
    height: 29.36198vw;
    background-size: 100%;
    position: absolute;
    right: 72.3vw;
    top: 20.57292vw; }
  .workout-wrap .section-2 .watchpic8 {
    width: 10.80729vw;
    height: 21.28906vw;
    background-size: 100%;
    position: absolute;
    left: 5.20833vw;
    top: 27.34375vw; }
  .workout-wrap .section-2 .watchtip-txt {
    font-size: 1.5625vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    position: absolute; }
  .workout-wrap .section-2 .watchtip-txt1 {
    top: 17.8vw;
    left: 13.2vw; }
  .workout-wrap .section-2 .watchtip-txt2 {
    top: 23.1vw;
    left: 22.7vw; }
  .workout-wrap .section-2 .watchtip-txt3 {
    top: 13.5vw;
    left: 38.2vw; }
  .workout-wrap .section-2 .watchtip-txt4 {
    top: 17.8vw;
    left: 52.6vw; }
  .workout-wrap .section-2 .watchtip-txt5 {
    top: 14.5vw;
    left: 66.2vw; }
  .workout-wrap .section-3 {
    background: #ffffff;
    width: 100%;
    height: 279.94792vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-3 .center {
    width: 88.41146vw;
    height: 100%;
    margin: 0 auto;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .title {
    font-size: 5.46875vw;
    width: 63.80208vw;
    display: block;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    padding: 14.19271vw 0 5.66406vw 0;
    line-height: 9vw; }
  .workout-wrap .section-3 .small-title {
    font-size: 3.125vw;
    color: #868686;
    text-align: center;
    font-family: 'NewOPPOSansMedium';
    display: block;
    margin: 0 auto;
    width: 82.55208vw;
    line-height: 4.8vw; }
  .workout-wrap .section-3 .workout-ul {
    width: 75.6vw;
    height: 52.1vw;
    display: block;
    margin: 9.11458vw auto 0; }
  .workout-wrap .section-3 .workout-ul li {
    float: left;
    width: 24.8vw;
    height: auto;
    margin-bottom: 3vw; }
  .workout-wrap .section-3 .workout-ul li .txt {
    font-size: 2.08333vw;
    text-align: center;
    font-family: 'NewOPPOSans';
    color: #868686;
    padding-top: 6.51042vw; }
  .workout-wrap .section-3 .workout-ul li .icon {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    width: 15.42969vw;
    height: 13.41146vw; }
  .workout-wrap .section-3 .swcont {
    width: 87.5vw;
    height: 153.77604vw;
    display: block;
    margin: 5.33854vw auto 0; }
  .workout-wrap .section-3 .swcont .workout-pic {
    width: 87.5vw;
    height: 104.16667vw;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-txt1 {
    font-size: 4.42708vw;
    color: #333333;
    text-align: center;
    width: 100%;
    padding: 9.11458vw 0 4.7526vw 0;
    font-family: 'NewOPPOSansBold';
    line-height: 6vw; }
  .workout-wrap .section-3 .swcont .workout-txt2 {
    font-size: 2.08333vw;
    color: #868686;
    text-align: center;
    width: 90%;
    font-family: 'NewOPPOSans';
    display: block;
    margin: 0 auto;
    line-height: 3vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination {
    position: absolute;
    left: 0;
    top: 106.7vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination .swiper-pagination-bullet {
    background: #666666;
    margin-left: 2.86458vw;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA2CAMAAADnEdnLAAAABGdBTUEAALGPC/xhBQAAALRQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAGKpBrgAAADx0Uk5TeARydj9wsEBBqqlXWEJOR0svKSt1OzpTNipWSlACQzlJLq5NSDBGLUVMMjFENyxUT1E1q60zsayvsrMAKabZ1gAAARFJREFUOMt91Wk3w0AUxvFrrV3RoohailJLi0TN/f7fS+8kmEnmn7z9nZMzy32eEc2WLxU/WRJXsMuKc654Rh7OF/5NLlr6mFhfvN8Tt7mxnnofEes7ecmVXxFrfmN+Tlx5l1jzT/NHYn3yfkuc8pB18mU+JdY7czclrvyCWK+9z4hr3mB98H5CrK8f5m/EoadYj7yfEevg19Osg03zbWI93DLfIa6WJ60KP/87GmGdwcaCY0/wQXCpTY5GosHxQNV54sdxD8ahPqwxN6IgrRpxIoYB54kQ/3My4hLrCAJc1ss+xJ/KSQIdQ/VwMRofz7F2pVUX3PcKlS79ddNdKuye6QbWfdZzRYcfC83WVvmp+QHnlmfJqViN7QAAAABJRU5ErkJggg==) no-repeat;
    width: 1.75781vw;
    height: 3.1901vw;
    background-size: 100%;
    position: absolute;
    right: 3.25521vw;
    top: 49.2vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAxCAMAAAAcPSI3AAAABGdBTUEAALGPC/xhBQAAAQJQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA+/SfpwAAAFZ0Uk5Td3I/QLBCQ4UoFmFrbWgrIKWdX1xvXqdqWyonH2dibpo9PAM6RDgdrTWeqktPMzBRo1ckSCFURZ+uF2UiG6EuKaYlLByrZKAyTlkCdaSsGbGorwGyswBHQJSAAAABMklEQVQ4y3XU51bCQBQE4LWi2LBhV4q9F6yoYAWJEoWd938VczcRN9kJf79Dkt0zMwr8V/RaUJzKg9prcdv60Vr3UdsV8vuZHRkaYu9r3ATU3QSx4x2hKxB7/BK6ALFnQwcgNvkq1ASx2n5A+hDERr6FTkDsydAliJ0bOgOxal7oA8QqdaFFEJv6FJoHsW1DWRB7ORV6A7H7B6E7EGu/C612iLWvhRYcCux2T2jcJajRaaE5QlAZoY0Si5QKH7lO/xd9yhh7398RJth39o7Ozpd2ZdF9hle9Rg0rBmeooZITnKWGaj0ZCSsvTpTsnCUjGMvncjy68VzHI5/ow5JdlWSP7Io5/bOq6fb2v9Kk770pYDsRTsgwtWh6BviemcnyC3zPyoJeyg4Wfa1SdhAoeCX8AkJboiUMRbvNAAAAAElFTkSuQmCC) no-repeat;
    width: 1.75781vw;
    height: 3.1901vw;
    background-size: 100%;
    position: absolute;
    left: 3.25521vw;
    top: 49.2vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .swiper-button-disabled {
    opacity: 0.1; }
  /* workout End */
  /* health Start */
  .health-wrap .section-1 {
    width: 100%;
    height: 138vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-1 .wrapper {
    width: 87.69531vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-top: 10.80729vw; }
  .health-wrap .swipercont {
    width: 86.84896vw;
    height: 122.65625vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watch-title {
    font-size: 5.46875vw;
    color: #333333;
    text-align: center;
    width: 100%;
    font-family: 'NewOPPOSansBold'; }
  .health-wrap .swipercont .watch-title br {
    display: none !important; }
  .health-wrap .swipercont .watch-samll-title {
    height: 42vw;
    display: block;
    margin: 0 auto;
    font-size: 3.125vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    text-align: center;
    line-height: 4.8vw;
    padding-top: 4.55729vw; }
  .health-wrap .swipercont .watchpic {
    width: 86.84896vw;
    height: 58.65885vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watchpic1 {
    background: url(../jpg/watch-pic1-263c66b7a9647c9f967c03577da042c9.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic2 {
    background: url(../jpg/watch-pic2-3c8e1cc2c1666a79b8d38b44401e04de.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic3 {
    background: url(../jpg/watch-pic3-f3c7443949821e188b47e096cd7da120.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic4 {
    background: url(../jpg/watch-pic4-08963129f2bb5e1db58b622a1ff49016.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .watchsw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA2CAMAAADnEdnLAAAABGdBTUEAALGPC/xhBQAAAFRQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAX074MwAAABx0Uk5TAjEBHBkzSSMgFCUSISQfFx0YHhMWIhVMSktNAB9rulMAAADQSURBVDjLndXdAoIwCAVgsizLfkwza7z/e2Y6dRMOlrv9brYBB2LebBkeotQ1BebUOcNp97ac+N55idj0lnt3JWK+Qe/Y+xUxdM/80H1g7xli3Sf2fkbMz5fwkL3XiKXHLHzGfIx9zt4PiLkKXbL3C+LQNeZ8dJU533/9hHh0wIOv4+HyZKrOlfmw4FsVDotCQGtQkrghyNT/mkm0ctzIYhBCVsZEDFG2agT1ACBTfwsPGF1k6hR7TWmGZgFC04zkpcBeiPukXRZ4mRAn1qr5AEdJo4UOoWNbAAAAAElFTkSuQmCC) no-repeat;
    width: 1.95312vw;
    height: 3.51562vw;
    background-size: 100%;
    position: absolute;
    right: 3.51562vw;
    top: 70%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .watchsw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA2CAMAAADnEdnLAAAABGdBTUEAALGPC/xhBQAAAF1QTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAmsJumgAAAB90Uk5TNAIBMhQzICMlF0kkHBIdIR8eGxYTIhgZFRpKS0xNACcwUJAAAADvSURBVDjLndVLAoIwDATQAiIqKoIiojT3P6bQUulnkoVs3wKaZgZF7DMUOSlWx0mXuRJU60JJOnUMd1aZd1sdCfPZKWSrA2G+LvoxCtjXlK0+CXMbaMytDjTim9EjYU40YKt3wrxP1eMG6MZG3y/CjNVxj3VlTi1b3RHmyuiDMNe8ziwpqcOipwv9xyT6/GmSLwerxYNJbofKDma9kooZq7vQXrxQzrdlgu6tIloYf5EbcZHRKochSjyKYByjOMCRJ/EPI5yWR+CgevyCQMXllQ+svc1xaf6Kj6lcV5tcYa+ly9a98VL8WaiMZxrLjL5Kf7Xst8kRvQAAAABJRU5ErkJggg==) no-repeat;
    width: 1.95312vw;
    height: 3.51562vw;
    background-size: 100%;
    position: absolute;
    left: 3.51562vw;
    top: 70%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .swipercont .swiper-pagination {
    position: absolute;
    height: 2vw;
    top: 42vw;
    left: 0; }
  .health-wrap .swipercont .swiper-pagination .swiper-pagination-bullet {
    background: #000000;
    margin-left: 2.92969vw;
    outline: none; }
  .health-wrap .swipercont .swiper-button-disabled {
    opacity: 0.1; }
  .health-wrap .section-2 {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-2 .wrapper {
    width: 79.55729vw;
    margin-left: 7.61719vw;
    position: relative;
    z-index: 11;
    padding-bottom: 101vw; }
  .health-wrap .section-2 .icon {
    width: 11.45833vw;
    height: 11.45833vw;
    background-size: 100%;
    display: block;
    margin: 14.45312vw 0 3.125vw 0; }
  .health-wrap .section-2 .title {
    font-size: 5.46875vw;
    color: #333333;
    width: 82.9vw;
    font-family: 'NewOPPOSansBold';
    line-height: 7.8125vw; }
  .health-wrap .section-2 .samll-title {
    font-size: 3.125vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    width: 83.9vw;
    line-height: 4.9vw;
    padding: 4.03646vw 0 0vw 0; }
  .health-wrap .section-2 .samll-title2 {
    font-size: 1.5625vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSansMedium';
    width: 83.9vw;
    line-height: 2.8vw;
    position: absolute;
    bottom: 3vw;
    left: 0;
    padding-left: 4.88281vw; }
  .health-wrap .section-2 .samll-title2 span {
    position: absolute;
    left: 0;
    top: 0; }
  .health-wrap .section-2 .phonewatch {
    width: 46.61458vw;
    height: 73.04688vw;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: 21vw;
    left: 14.2vw; }
  .health-wrap .section-9 {
    width: 83.33333vw;
    margin: 0 auto;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .notes-list {
    width: 100%;
    margin: 0 auto;
    padding: 12.4vw 0 18vw; }
  .health-wrap .notes-list li {
    font-size: 0.95486vw;
    color: #868686;
    line-height: 2.4vw;
    padding-left: 3.4vw;
    position: relative;
    opacity: 0.4;
    font-family: NewOPPOSans;
    margin-bottom: 0.1vw; }
  .health-wrap .notes-list li.li-notes {
    padding-left: 0; }
  .health-wrap .notes-list li span {
    width: 3.4vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* health End */ }

@media only screen and (max-width: 767px) {
  /* convenience Start */
  .convenience-wrap .hide-360 {
    display: none !important; }
  .convenience-wrap .wrapper {
    width: 88.88889vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .convenience-wrap .sec-title {
    width: 100%;
    font-size: 6.94444vw;
    color: #333333;
    line-height: 8.7vw;
    padding-top: 15.4vw;
    margin: 0 auto 5.2vw;
    font-family: NewOPPOSansBold; }
  .convenience-wrap .sec-tit {
    width: 100%;
    font-size: 4.35185vw;
    color: #333333;
    line-height: 4.5vw;
    margin: 0 auto 6vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-text {
    width: 100%;
    font-size: 3.7037vw;
    color: #868686;
    line-height: 6.6vw;
    margin: 0 auto 9vw;
    font-family: NewOPPOSansMedium; }
  .convenience-wrap .sec-tip {
    width: 100%;
    font-size: 1.85185vw;
    color: #a1a1a1;
    line-height: 3.4vw;
    font-family: NewOPPOSans;
    position: relative; }
  .convenience-wrap .sec-tip p {
    padding-left: 2.6vw;
    position: relative; }
  .convenience-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .convenience-wrap .sec-tip span {
    display: inline-block;
    width: 2.6vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .sec-data-box {
    width: 100%; }
  .convenience-wrap .sec-data {
    width: 9vw;
    display: inline-block;
    vertical-align: top; }
  .convenience-wrap .data-text {
    font-size: 4.44444vw;
    color: #ffffff;
    line-height: 5.55556vw;
    font-family: NewOPPOSans;
    text-align: center; }
  .convenience-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-1 .wrapper {
    padding-bottom: 18vw; }
  .convenience-wrap .section-1 .change-box {
    position: relative; }
  .convenience-wrap .section-1 .change-box1 .sec-tip {
    padding-left: 6vw; }
  .convenience-wrap .section-1 .change-box1 .sec-tip span {
    width: 6vw; }
  .convenience-wrap .section-1 .sec1-cimg1 {
    width: 88.88889vw;
    height: 66.57407vw;
    margin: 0 auto 9vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip {
    padding-left: 6vw; }
  .convenience-wrap .section-1 .change-box2 .sec-tip span {
    width: 6vw; }
  .convenience-wrap .section-1 .change-box2 .sec-data-box {
    width: 82.96296vw;
    height: 9.62963vw;
    margin-bottom: 9vw;
    background: url(../png/icon-datac2-63c18f4946c77ba6564a5523849b0afc.png) no-repeat;
    background-size: 82.96296vw; }
  .convenience-wrap .section-1 .sec1-cimg2 {
    width: 88.88889vw;
    height: 66.57407vw;
    margin: 0 auto 9vw; }
  .convenience-wrap .section-1 .sec1-cimg3 {
    width: 88.88889vw;
    height: 60vw;
    margin: 0 auto 9vw; }
  .convenience-wrap .section-2 {
    width: 100%;
    height: 194.25926vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-2 .wrapper {
    padding-top: 15.4vw; }
  .convenience-wrap .section-2 .sec-tit {
    width: 56.85185vw;
    height: 6.38889vw;
    background: url(../png/sec2-tit-87061109cce2769af7882721866976ef.png) no-repeat;
    background-size: 100%;
    margin: 0 0 3.2vw; }
  .convenience-wrap .section-2 .sec-title {
    padding-top: 0;
    color: #ffffff;
    margin: 0 auto 5.3vw; }
  .convenience-wrap .section-2 .sec-text {
    color: #ffffff;
    margin: 0 auto 5.5vw; }
  .convenience-wrap .convenience-bg2 {
    width: 100vw;
    height: 194.25926vw;
    position: absolute;
    top: 0;
    left: 0; }
  .convenience-wrap .section-2 .sec-tip {
    position: absolute;
    bottom: 7.5vw;
    padding-left: 6vw; }
  .convenience-wrap .section-2 .sec-tip span {
    width: 6vw;
    position: absolute; }
  .convenience-wrap .section-2 .sec-data-box {
    width: 76vw;
    height: 51vw;
    margin: 0; }
  .convenience-wrap .section-2 .sec-data {
    width: 17.8vw;
    height: 18.8vw;
    vertical-align: top; }
  .convenience-wrap .section-2 .data-text {
    text-align: left;
    font-family: NewOPPOSansMedium;
    font-size: 2.03704vw;
    line-height: 2.8vw; }
  .convenience-wrap .section-2 .icon-data {
    width: 12vw;
    height: 11.6vw;
    background: url(../png/icon-data5-4b43dd0c07b8e802ce99bbbf6b06bb62.png) no-repeat;
    background-size: 63.61111vw; }
  .convenience-wrap .section-2 .icon-data1 {
    background-position: 0 2.5vw; }
  .convenience-wrap .section-2 .icon-data2 {
    background-position: -16.94444vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data3 {
    background-position: -32.77778vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data4 {
    background-position: -49.16667vw 2.5vw; }
  .convenience-wrap .section-2 .icon-data5 {
    background-position: 0 -18.4vw; }
  .convenience-wrap .section-2 .icon-data6 {
    background-position: -16.94444vw -18.4vw; }
  .convenience-wrap .section-2 .icon-data7 {
    background-position: -32.77778vw -18.4vw; }
  .convenience-wrap .section-2 .icon-data8 {
    background-position: -49.16667vw -18.4vw; }
  .convenience-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .convenience-wrap .section-3 .wrapper {
    padding-bottom: 15.4vw; }
  .convenience-wrap .section-3 .sec3-cimg {
    width: 88.88889vw;
    height: 59.25926vw;
    margin: 0 auto 9vw; }
  /* convenience End */
  /* design Start */
  .design-wrap .hide-360 {
    display: none !important; }
  .design-wrap .wrapper {
    width: 88.88889vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .design-wrap .sec-title {
    width: 100%;
    font-size: 6.94444vw;
    color: #333333;
    line-height: 9vw;
    padding-top: 15.4vw;
    margin-bottom: 2.3vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .sec-tit {
    width: 100%;
    font-size: 4.35185vw;
    color: #333333;
    line-height: 4.4vw;
    margin-bottom: 6vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-text {
    width: 100%;
    font-size: 3.7037vw;
    color: #868686;
    line-height: 6.6vw;
    margin-bottom: 6.2vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .sec-tip {
    width: 100%;
    font-size: 2.03704vw;
    color: #a1a1a1;
    line-height: 2.8vw;
    font-family: NewOPPOSans;
    position: relative; }
  .design-wrap .sec-tip p {
    padding-left: 7vw;
    position: relative; }
  .design-wrap .sec-tip p.notes-p {
    padding-left: 0; }
  .design-wrap .sec-tip span {
    display: inline-block;
    width: 7vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .sec-data-box {
    width: 100%;
    height: 16.5vw; }
  .design-wrap .sec-data {
    width: 28vw;
    display: inline-block;
    vertical-align: top; }
  .design-wrap .data-desc {
    font-size: 5.18519vw;
    line-height: 5.2vw;
    color: #63c45d;
    margin-bottom: 1.2vw;
    font-family: NewOPPOSansBold; }
  .design-wrap .data-desc span {
    font-size: 2.59259vw;
    line-height: 2.6vw;
    color: #333333;
    padding-left: 0.8vw;
    font-family: NewOPPOSansMedium; }
  .design-wrap .data-text {
    font-size: 2.03704vw;
    color: #333333;
    line-height: 2.2vw;
    font-family: NewOPPOSans; }
  .design-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-1 .wrapper {
    padding-bottom: 70vw; }
  .design-wrap .section-1 .sec-title1 {
    font-size: 5.18519vw;
    line-height: 5.4vw;
    padding-top: 0;
    color: #63c45d;
    margin-bottom: 1vw; }
  .design-wrap .section-1 .sec-text1 {
    font-size: 2.03704vw;
    line-height: 2.2vw;
    color: #333333;
    font-family: NewOPPOSans;
    margin-bottom: 4vw; }
  .design-wrap .sec1-dimg {
    width: 100vw;
    height: 60.92593vw;
    position: absolute;
    bottom: -1vw;
    left: 0; }
  .design-wrap .section-2 {
    width: 100%;
    height: 165.83333vw;
    background-color: #89aece;
    position: relative;
    overflow: visible;
    z-index: 4; }
  .design-wrap .section-2 .sec-title {
    color: #ffffff;
    margin-bottom: 5.2vw; }
  .design-wrap .section-2 .sec-text {
    color: #ffffff;
    margin-bottom: 60vw; }
  .design-wrap .sec2-dimg {
    width: 24.81481vw;
    height: 54.35185vw;
    margin: 0 auto;
    background: url(../png/sec2-dimg-7dcbf0e889dba2d92321a5623f508e74.png) no-repeat;
    background-size: 100%; }
  .design-wrap .design-bg2 {
    width: 100vw;
    height: 165.83333vw;
    position: absolute;
    top: 0;
    left: 0; }
  .design-wrap .section-3 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-3 .wrapper {
    padding-bottom: 10vw; }
  .design-wrap .section-3 .sec-title {
    width: 94vw;
    padding-top: 35vw;
    margin-bottom: 5.3vw; }
  .design-wrap .section-3 .sec-text {
    margin-bottom: 9vw; }
  .design-wrap .sec3-main {
    width: 100%;
    height: 40.74074vw;
    position: relative; }
  .design-wrap .sec3-dbg {
    width: 22.96296vw;
    height: 40.74074vw;
    background: url(../png/sec3-dbg-449b451f5bcb423367754d7c2c3c8d04.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .design-wrap .sec3-dmask {
    width: 22.96296vw;
    height: 40.74074vw;
    background: url(../png/sec3-dmask-d79e0603502ad27557a1cf6de1217e23.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 22;
    pointer-events: none; }
  .design-wrap .sec3-swiper {
    width: 110vw;
    height: 22.22222vw;
    position: absolute;
    top: 9.5vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 11; }
  .design-wrap .sec3-swiper .swiper-slide {
    width: 22.96296vw;
    height: 22.22222vw; }
  .design-wrap .sec3-swiper .swiper-slide-active {
    width: 22.96296vw; }
  .design-wrap .sec3-swiper .sec3-dimg {
    width: 18.88889vw;
    height: 22.22222vw;
    margin: 0 auto;
    cursor: pointer; }
  .design-wrap .sec3-swiper .sec3-dimg1 {
    background: url(../png/sec3-dimg1-acaeccc5648968d7993ac605f57ad9c2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg2 {
    background: url(../png/sec3-dimg2-2fc7bd120788b5a75e5c85679480d2b2.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg3 {
    background: url(../png/sec3-dimg3-2e56128c2c937189521369f157f05da7.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg4 {
    background: url(../png/sec3-dimg4-ebcd4bc8f1991c812b44d2108e826238.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg5 {
    background: url(../png/sec3-dimg5-f96d003c915f0dd264090a1c5b3986c9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg6 {
    background: url(../png/sec3-dimg6-a71c2b9bd7a8bf3372cfae65884ec5ab.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg7 {
    background: url(../png/sec3-dimg7-fefca222ad5b2533f46c83b4f09a7c45.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg8 {
    background: url(../png/sec3-dimg8-957590e0de0244566317bf92b708539e.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg9 {
    background: url(../png/sec3-dimg9-dfc7f622d82323f278a93ec05f01fcd3.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg10 {
    background: url(../png/sec3-dimg10-66940ae604b20a77e8fc9f35b2f3ebdb.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec3-swiper .sec3-dimg11 {
    background: url(../png/sec3-dimg11-27d47f47feba1ea3ca91ad23df6d1ff6.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 {
    width: 100%;
    height: 116.66667vw;
    background-color: #fafafa;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-4 .sec-title {
    padding-top: 6.5vw;
    margin-bottom: 5vw; }
  .design-wrap .sec4-dimg1 {
    width: 37.12963vw;
    height: 35.18519vw;
    position: absolute;
    top: 44vw;
    left: -18vw;
    background: url(../png/sec4-dimg1-09a8f820e7e6dfa85239fdbbd37b8e9c.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg2 {
    width: 38.51852vw;
    height: 40.09259vw;
    position: absolute;
    top: 48vw;
    left: -3.1vw;
    background: url(../png/sec4-dimg2-f84b0584fb2acde6bc82737605be0df9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg3 {
    width: 33.7037vw;
    height: 41.57407vw;
    position: absolute;
    top: 50.4vw;
    left: 19vw;
    background: url(../png/sec4-dimg3-d5f63d9898d54607d855a20cb43a5aa9.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg4 {
    width: 30.83333vw;
    height: 45.37037vw;
    position: absolute;
    top: 46.4vw;
    left: 44.3vw;
    background: url(../png/sec4-dimg4-45fa28d19731afea4ad6e721ba850653.png) no-repeat;
    background-size: 100%; }
  .design-wrap .sec4-dimg5 {
    width: 38.14815vw;
    height: 44.16667vw;
    position: absolute;
    top: 38.8vw;
    left: 68.4vw;
    background: url(../png/sec4-dimg5-282777f223a9e6befe539e261f9c61fe.png) no-repeat;
    background-size: 100%; }
  .design-wrap .section-4 .sec-tip {
    position: absolute;
    bottom: 9.3vw;
    left: 0; }
  .design-wrap .section-5 {
    width: 100%;
    height: 137.03704vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .sec5-swiper {
    width: 88.14815vw;
    height: 130vw; }
  .design-wrap .sec5-swiper .swiper-slide {
    width: 100%; }
  .design-wrap .section-5 .sec-title {
    padding-top: 6vw;
    margin-bottom: 2.9vw; }
  .design-wrap .section-5 .sec-text {
    height: 40vw;
    margin-bottom: 0; }
  .design-wrap .sec5-dimg1 {
    width: 88.14815vw;
    height: 58.61111vw;
    background: url(../png/sec5-dimg1-0361d1ff52a68b292b245cbecb880a6b.png) no-repeat;
    background-size: 100%;
    margin-bottom: 2vw; }
  .design-wrap .sec5-dimg2 {
    width: 88.14815vw;
    height: 58.61111vw;
    background: url(../png/sec5-dimg2-1fd712901b5caa46bbcf04322ffe3a08.png) no-repeat;
    background-size: 100%;
    margin-bottom: 2vw; }
  .design-wrap .section-5 .swiper-pagination {
    width: 100%;
    bottom: 74vw; }
  .design-wrap .section-5 .swiper-pagination span {
    background: #cccccc;
    margin: 0 1vw;
    opacity: 1;
    outline: none; }
  .design-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active {
    background: #666666; }
  .design-wrap .section-5 .swiper-button-prev {
    width: 2vw;
    height: 3.51852vw;
    background: url(../png/swiper-button-46f61ad3f93e2fa1f56b2e06c742f386.png) no-repeat;
    background-size: 17.03704vw;
    margin-top: 20vw;
    background-position: 0 0;
    outline: none; }
  .design-wrap .section-5 .swiper-button-next {
    width: 2vw;
    height: 3.51852vw;
    background: url(../png/swiper-button-46f61ad3f93e2fa1f56b2e06c742f386.png) no-repeat;
    background-size: 17.03704vw;
    margin-top: 20vw;
    background-position: -15.09259vw 0;
    outline: none; }
  .design-wrap .section-6 {
    width: 100%;
    height: 148.98148vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .design-wrap .section-6 .sec-title {
    margin-bottom: 5.5vw; }
  .design-wrap .section-6 .sec-text {
    color: #333333; }
  .design-wrap .section-6 .sec-tip {
    position: absolute;
    bottom: 8vw;
    left: 0; }
  .design-wrap .design-bg6 {
    width: 100vw;
    height: 148.98148vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* design End */
  /* batterylife Start */
  .batterylife-wrap .clearfix:after, .batterylife-wrap .clearfix:before {
    content: "";
    display: table; }
  .batterylife-wrap .clearfix:after {
    clear: both; }
  .batterylife-wrap .clearfix {
    *zoom: 1; }
  .batterylife-wrap .section-1 {
    width: 100%;
    height: 202.31481vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-1 .batterylife-pic {
    width: 100vw;
    height: 202.31481vw;
    display: block;
    margin: 0 auto; }
  .batterylife-wrap .section-1 .txtbox {
    width: 88.88889vw;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 5.55556vw;
    z-index: 11; }
  .batterylife-wrap .section-1 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 6.94444vw;
    color: #ffffff;
    line-height: 8.7vw;
    padding-top: 15.5vw;
    margin-bottom: 5.4vw; }
  .batterylife-wrap .section-1 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 3.7037vw;
    color: #ffffff;
    margin-bottom: 6vw;
    line-height: 6.6vw; }
  .batterylife-wrap .section-1 .timeul {
    width: 100%;
    height: 30vw; }
  .batterylife-wrap .section-1 .timeul li {
    width: 100%;
    height: 12vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 {
    font-size: 2.59259vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 1.2vw; }
  .batterylife-wrap .section-1 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 5.18519vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-1 .timeul li .txt2 {
    font-size: 2.03704vw;
    color: #ffffff;
    font-family: 'NewOPPOSans';
    line-height: 2.6vw; }
  .batterylife-wrap .section-1 .notetip {
    font-size: 2.03704vw;
    color: #eeeeee;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4vw;
    padding-left: 7vw;
    line-height: 3vw; }
  .batterylife-wrap .section-1 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  .batterylife-wrap .section-2 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .batterylife-wrap .section-2 .watchpic {
    width: 100vw;
    height: 67.87037vw;
    position: absolute;
    left: 0;
    bottom: 25.2vw;
    z-index: 3;
    display: block; }
  .batterylife-wrap .section-2 .txtbox {
    width: 88.88889vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-bottom: 15vw; }
  .batterylife-wrap .section-2 .txtbox .title {
    font-family: 'NewOPPOSansBold';
    font-size: 6.94444vw;
    color: #333333;
    line-height: 8.7vw;
    padding-top: 15.5vw;
    margin-bottom: 6.4vw; }
  .batterylife-wrap .section-2 .txtbox .stitle {
    font-family: 'NewOPPOSansMedium';
    font-size: 3.7037vw;
    color: #868686;
    line-height: 6.6vw;
    margin-bottom: 6.4vw; }
  .batterylife-wrap .section-2 .timeul {
    width: 146.11111vw;
    height: 98vw; }
  .batterylife-wrap .section-2 .timeul li {
    width: 24.8vw;
    height: 100%;
    float: left; }
  .batterylife-wrap .section-2 .timeul li .txt1 {
    font-size: 2.59259vw;
    color: #333333;
    font-family: 'NewOPPOSansMedium';
    margin-bottom: 1.2vw; }
  .batterylife-wrap .section-2 .timeul li .txt1 .font {
    font-family: 'NewOPPOSansBold';
    font-size: 5.18519vw;
    font-weight: bold;
    color: #63c45d; }
  .batterylife-wrap .section-2 .timeul li .txt2 {
    font-size: 2.03704vw;
    color: #333333;
    font-family: 'NewOPPOSans';
    line-height: 2.6vw; }
  .batterylife-wrap .section-2 .notetip {
    font-size: 2.03704vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 5vw;
    padding-left: 7vw;
    line-height: 3vw; }
  .batterylife-wrap .section-2 .notetip span {
    position: absolute;
    top: 0;
    left: 0; }
  /* batterylife End */
  /* workout Start */
  .workout-wrap .m br {
    display: block; }
  .workout-wrap .clearfix:after, .workout-wrap .clearfix:before {
    content: "";
    display: table; }
  .workout-wrap .clearfix:after {
    clear: both; }
  .workout-wrap .clearfix {
    *zoom: 1; }
  .workout-wrap .section-1 {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-1 .watchpic {
    width: 100vw;
    height: 161.01852vw;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 14vw; }
  .workout-wrap .section-1 .wrapper {
    width: 88.88889vw;
    padding-bottom: 76vw;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .workout-wrap .section-1 .title {
    font-size: 6.94444vw;
    color: #ffffff;
    line-height: 10.64815vw;
    font-family: 'NewOPPOSansBold';
    padding-top: 14.62963vw;
    padding-bottom: 1.11111vw; }
  .workout-wrap .section-1 .small-title1 {
    font-size: 4.35185vw;
    line-height: 6.94444vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 4.81481vw; }
  .workout-wrap .section-1 .small-title2 {
    font-size: 3.7037vw;
    line-height: 6.01852vw;
    color: #ffffff;
    font-family: 'NewOPPOSansMedium';
    padding-bottom: 8.33333vw; }
  .workout-wrap .section-1 .notetip {
    font-size: 2.03704vw;
    color: #a1a1a1;
    text-align: left;
    font-family: 'NewOPPOSans';
    position: absolute;
    bottom: 4vw;
    left: 0;
    width: 100%;
    padding-left: 8vw;
    box-sizing: border-box;
    line-height: 4.16667vw; }
  .workout-wrap .section-1 .notetip span {
    position: absolute;
    left: 0;
    top: 0; }
  .workout-wrap .section-2 {
    width: 100%;
    height: 66.2037vw;
    background-color: #fff;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-2 .watchpic1 {
    width: 30vw;
    height: 34.44444vw;
    background-size: 100%;
    position: absolute;
    right: 2.68519vw;
    top: 14.81481vw; }
  .workout-wrap .section-2 .watchpic2 {
    width: 8.7037vw;
    height: 27.77778vw;
    background-size: 100%;
    position: absolute;
    right: 28.05556vw;
    top: 12.96296vw; }
  .workout-wrap .section-2 .watchpic3 {
    width: 11.01852vw;
    height: 24.62963vw;
    background-size: 100%;
    position: absolute;
    right: 36.38889vw;
    top: 16.66667vw; }
  .workout-wrap .section-2 .watchpic4 {
    width: 9.72222vw;
    height: 15.92593vw;
    background-size: 100%;
    position: absolute;
    right: 47.68519vw;
    top: 23.61111vw; }
  .workout-wrap .section-2 .watchpic5 {
    width: 10.74074vw;
    height: 32.40741vw;
    background-size: 100%;
    position: absolute;
    right: 58.05556vw;
    top: 10.18519vw; }
  .workout-wrap .section-2 .watchpic6 {
    width: 4.07407vw;
    height: 5.55556vw;
    background-size: 100%;
    position: absolute;
    right: 69.72222vw;
    top: 25.64815vw; }
  .workout-wrap .section-2 .watchpic7 {
    width: 10.64815vw;
    height: 29.44444vw;
    background-size: 100%;
    position: absolute;
    right: 74.07407vw;
    top: 15.37037vw; }
  .workout-wrap .section-2 .watchpic8 {
    width: 10.92593vw;
    height: 21.38889vw;
    background-size: 100%;
    position: absolute;
    left: 3.7037vw;
    top: 22.68519vw; }
  .workout-wrap .section-2 .watchtip-txt {
    font-size: 1.85185vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    position: absolute; }
  .workout-wrap .section-2 .watchtip-txt1 {
    top: 12.03704vw;
    left: 11.11111vw; }
  .workout-wrap .section-2 .watchtip-txt2 {
    top: 16.94444vw;
    left: 16.94444vw; }
  .workout-wrap .section-2 .watchtip-txt3 {
    top: 7.03704vw;
    left: 35.46296vw; }
  .workout-wrap .section-2 .watchtip-txt4 {
    top: 13.88889vw;
    left: 50.37037vw; }
  .workout-wrap .section-2 .watchtip-txt5 {
    top: 10.46296vw;
    left: 64.81481vw; }
  .workout-wrap .section-3 {
    background: #ffffff;
    width: 100%;
    height: 277.77778vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
  .workout-wrap .section-3 .center {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    font-family: 'NewOPPOSansBold'; }
  .workout-wrap .section-3 .title {
    font-size: 6.94444vw;
    color: #333333;
    text-align: center;
    padding: 6.66667vw 0 4.44444vw 0;
    line-height: 10.64815vw; }
  .workout-wrap .section-3 .small-title {
    font-size: 3.7037vw;
    color: #868686;
    text-align: center;
    font-family: 'NewOPPOSansMedium';
    display: block;
    margin: 0 auto;
    width: 93.51852vw;
    line-height: 6.01852vw; }
  .workout-wrap .section-3 .workout-ul {
    width: 74.07407vw;
    height: 50vw;
    display: block;
    margin: 12.96296vw auto 0;
    font-size: 0;
    text-align: center; }
  .workout-wrap .section-3 .workout-ul li {
    display: inline-block;
    vertical-align: top;
    width: 21.2963vw;
    height: auto;
    margin-bottom: 3.7037vw; }
  .workout-wrap .section-3 .workout-ul li .txt {
    font-size: 2.03704vw;
    text-align: center;
    font-family: 'NewOPPOSans';
    color: #868686;
    padding-top: 3.7037vw; }
  .workout-wrap .section-3 .workout-ul li .icon {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    width: 15.46296vw;
    height: 13.24074vw; }
  .workout-wrap .section-3 .swcont {
    width: 88.88889vw;
    height: 158.33333vw;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-pic {
    width: 88.88889vw;
    height: auto;
    display: block;
    margin: 0 auto; }
  .workout-wrap .section-3 .swcont .workout-txt1 {
    font-size: 4.44444vw;
    color: #333333;
    text-align: center;
    width: 100%;
    padding: 8.33333vw 0 2.77778vw 0;
    font-family: 'NewOPPOSansBold';
    line-height: 6.11111vw; }
  .workout-wrap .section-3 .swcont .workout-txt2 {
    font-size: 2.40741vw;
    color: #868686;
    text-align: center;
    width: 90%;
    font-family: 'NewOPPOSans';
    display: block;
    margin: 0 auto;
    line-height: 4.44444vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination {
    position: absolute;
    left: 0;
    top: 107.40741vw; }
  .workout-wrap .section-3 .swcont .swiper-pagination .swiper-pagination-bullet {
    background: #666666;
    width: 1.38889vw;
    height: 1.38889vw;
    outline: none;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-next {
    background: url(../png/right-f3ee00cc2add837b490d5f9bc60070db.png) no-repeat;
    width: 1.75926vw;
    height: 3.14815vw;
    background-size: 100%;
    position: absolute;
    right: 4.62963vw;
    top: 58.05556vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .workout-sw-prev {
    background: url(../png/left-aa9e4cd1acdeeaf1f13f7c3e605570f0.png) no-repeat;
    width: 1.75926vw;
    height: 3.14815vw;
    background-size: 100%;
    position: absolute;
    left: 4.62963vw;
    top: 58.05556vw;
    z-index: 99;
    outline: none; }
  .workout-wrap .section-3 .swcont .swiper-button-disabled {
    opacity: 0.1; }
  /* workout End */
  /* health Start */
  .health-wrap .section-1 {
    width: 100%;
    height: 160vw;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-1 .wrapper {
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-top: 10vw; }
  .health-wrap .swipercont {
    width: 100vw;
    height: 149.90741vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watch-title {
    font-size: 6.94444vw;
    color: #333333;
    line-height: 10vw;
    text-align: center;
    width: 100%;
    font-family: 'NewOPPOSansBold'; }
  .health-wrap .swipercont .watch-samll-title {
    width: 77.77778vw;
    height: 48vw;
    display: block;
    margin: 0 auto;
    font-size: 3.7037vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    text-align: center;
    line-height: 5.55556vw;
    padding-top: 4.25926vw; }
  .health-wrap .swipercont .watchpic {
    width: 87.5vw;
    height: 58.61111vw;
    display: block;
    margin: 0 auto; }
  .health-wrap .swipercont .watchpic1 {
    background: url(../jpg/watch-pic1-91fa3e2bf75f255092ad6bd48ce35d15.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic2 {
    background: url(../jpg/watch-pic2-21d88c1ec6c71e4a961f93a0cbfd53a6.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic3 {
    background: url(../jpg/watch-pic3-f8fc1e8707226dc4196e362a6df11483.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .swipercont .watchpic4 {
    background: url(../jpg/watch-pic4-86cd69b94e87827a30741886694b8867.jpg) no-repeat;
    background-size: 100% 100%; }
  .health-wrap .watchsw-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAACCCAMAAAAnvvUXAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFxQlFkpLKRUuLCc2MDwxLSYqOToyM0MoPQk1QD4/KwcvBEE0O0IGCDg3BQEDAk0Af/VmAQAAAjBJREFUaN7F2glywjAMBdB0gUKhdF+gC3SjQBbd/3albRiHxI4lfU3DAd4MIdjy/06I6GSUEfZJtshxscpQ5ahXFCiTJD8IyiTvRYEzST7aMTnyXPJ1yaxz5DcyYLaKAfOj4MyvAjN/CuWrkhnlgEIZxOwUx8xyQIEYpyBMRaHsqmTec0DRM3uKmtlXKLtWMTWlwqSA4pjbFFBUTFOh7EPMeBR6FTM+xTE3KaCIGb8iZQKKYyYpoNDmTMAEFRETVhwzTgGFNg9cpk3hM62KYxYpoFQYRKHNE4eJKTwmqrCYuOKYAaLQMspwFFo+l8w5okQZnhJjmIpjhojSzrAVWj6WzAuitDECheZBRqKEGZFC8zc/I1Mcc4koAUaq0JePESuO6SMKfX02GIXimHtEaTIqpcHolDqjVBxziig0rTJqhaZ3JXOBKFUGUCqMiXLY9TcyebpVRK1MLd66/VcX/Teedr0ymKxSTUSzejcRYCfpAzuJF+lkhw0gwskjgPz/FDS3mMhMpsM2hD81tyHiCX5ocZoYdn2yiSIcJY5ITp8Di5PwoOtTOQ+JpRU8hJmcLCxSnAWQ4vCjoLZ0i48wkrYxkLSJ4rqQIkNiaegESENNklkx4lPkiEdRIJ4k/8MgyVchwYZDhNTbFlW/UW9+lIh9C6VHqu2cHjFuCiFkp2BIqYBI2SxjXW6t5R4BLbdJ427S/lsglMwMEEqOejiyfS7bKyfYxQqyu7lCdDBDb9F8AySJUHJrQUEmAAAAAElFTkSuQmCC) no-repeat;
    width: 1.75926vw;
    height: 3.14815vw;
    background-size: 100%;
    position: absolute;
    right: 8.33333vw;
    top: 74%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .watchsw-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAB6CAMAAADXlM4ZAAAABGdBTUEAALGPC/xhBQAAAJBQTFRFhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGAAAAFpFtJQAAADB0Uk5TFwpESiYVJ0ssLhYtOUMqMSk2KDwzCT06MjA3NTRAKzg/LwQHQT47QggGAwUCAU0AwWrEpAAAAjlJREFUWMOl2dlawkAMBeC44q6guIHivmDbvP/bWbQdaDszSU644PL/vkI7Tc4hxj/FbK/+JgdwX+3seYQaqFYEuYCqGh2RD6iqMSgU4wZYLMkHnCyx36GYrQFI6ACIEICbFQAIPcAuFPMuYBYGgFUIwEcLGIUyAC8MCTHAJJRXEcAixAGDkAD0QnnbAj8MCQG47AFaIQ0ohQygE8rzBrgeAiohC2iEPKAQyrssIAsBeI8DoiACkiADkvAsAoIQgG/GhBZ4ygBZQQXkBB2QEQ51QFrQAknhuAEeJCAl6IGEYADiwkELvDImmICY8NgAbyogIhiBoWAFBkIAvhgT7EBPOGuATz3QFRCgI0DApnABARsCCKwFFAjCBAVaoQVOp4wJDuBf2HcAf4ILWAk+oBZ2G2B7C1v7yAswTXzXsLqKcC9NUcFxO4Z/88JFEHsJYi9BnuOp83SfeZ/uNfGGnjDQq6J/0prfd8PTHiOIvQSxlyDP+BJ9+9sJ8oxxiSnIShB7CfKM1OmJ1ESQZ7XITeYGgthLkGfNE7YkxaopCIp1V9r1lASxlyD2EuSJP1TpgUyICYZIyClKJorSJjkCoUmT8oQq0coSulQtEU1akr0MoU0X04Q64UwS+pR1niD0SW8xdya90cTdKERSf6sQJ2zJf7/9sAsxwtyAdFogROhUWZgwIJA26j40cqDQI7BWbpMAm8ENAm0nA1HADemiIWZ4S/tPjAhvipeLv5rX01bXRA14BF6Oa4B/AR2lkllgjyp/AAAAAElFTkSuQmCC) no-repeat;
    width: 1.75926vw;
    height: 3.14815vw;
    background-size: 100%;
    position: absolute;
    left: 8.33333vw;
    top: 74%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    outline: none; }
  .health-wrap .swipercont .swiper-pagination {
    position: absolute;
    height: 2vw;
    top: 60vw;
    left: 0; }
  .health-wrap .swipercont .swiper-pagination .swiper-pagination-bullet {
    background: #000000;
    margin: 0 1.66667vw;
    width: 1.38889vw;
    height: 1.38889vw;
    outline: none;
    outline: none; }
  .health-wrap .swipercont .swiper-button-disabled {
    opacity: 0.1; }
  .health-wrap .section-2 {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-2 .wrapper {
    width: 100vw;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    padding-bottom: 111vw; }
  .health-wrap .section-2 .icon {
    width: 11.48148vw;
    height: 11.48148vw;
    background-size: 100%;
    display: block;
    margin: 7.40741vw 0 2.22222vw 5.55556vw; }
  .health-wrap .section-2 .title {
    font-size: 5.55556vw;
    color: #333333;
    width: 88.88889vw;
    font-family: 'NewOPPOSansBold';
    line-height: 9.72222vw;
    margin: 0 auto; }
  .health-wrap .section-2 .samll-title {
    font-size: 3.05556vw;
    color: #868686;
    font-family: 'NewOPPOSansMedium';
    width: 88.88889vw;
    line-height: 5vw;
    padding: 3.51852vw 0 0 0;
    margin: 0 auto; }
  .health-wrap .section-2 .samll-title2 {
    font-size: 2.03704vw;
    color: #a1a1a1;
    font-family: 'NewOPPOSansMedium';
    width: 88.88889vw;
    line-height: 3.88889vw;
    position: absolute;
    bottom: 8vw;
    left: 6.38889vw;
    padding-left: 6.3vw;
    margin: 0 auto; }
  .health-wrap .section-2 .samll-title2 span {
    position: absolute;
    left: 0;
    top: 0; }
  .health-wrap .section-2 .phonewatch {
    width: 47.77778vw;
    height: 73.24074vw;
    background-size: 100%;
    position: absolute;
    bottom: 32vw;
    right: 25.55556vw; }
  .health-wrap .section-9 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden; }
  .health-wrap .section-9 .wrapper {
    width: 88.88889vw;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .health-wrap .notes-list {
    width: 100%;
    margin: 0 auto;
    padding: 16.4vw 0 20vw; }
  .health-wrap .notes-list li {
    font-size: 2.03704vw;
    color: #868686;
    line-height: 3.2vw;
    padding-left: 3.4vw;
    position: relative;
    opacity: 0.4;
    font-family: NewOPPOSansMedium;
    margin-bottom: 0.14vw; }
  .health-wrap .notes-list li.li-notes {
    padding-left: 0; }
  .health-wrap .notes-list li span {
    width: 3.4vw;
    position: absolute;
    top: 0;
    left: 0; }
  /* health End */ }