@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; }

.hide-all {
  display: none !important; }

@media only screen and (min-width: 1081px) {
  .section {
    width: 66.66667vw;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 0.10417vw solid #eaeaea;
    font-family: NewOPPOSansMedium; }
  .sec-title {
    width: 9.2vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.30208vw;
    line-height: 1.5625vw;
    color: #333333; }
  .sec-title span {
    width: 100%;
    word-break: break-all;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .sec-textlist {
    width: 57.8125vw;
    height: auto;
    margin-left: 9.2vw;
    padding: 3.07292vw 0 1.04167vw;
    border-left: 0.10417vw solid #eaeaea;
    position: relative; }
  .sec-textlist li {
    width: 100%;
    min-height: 2.86458vw;
    height: auto;
    margin-bottom: 0.91146vw;
    overflow: hidden; }
  .sec-textlist li p {
    float: left;
    font-size: 1.04167vw;
    color: #333333;
    line-height: 1.30208vw;
    padding-right: 1.04167vw;
    opacity: 0.5; }
  .sec-textlist li p:nth-child(1) {
    width: 10.72917vw;
    padding-left: 1.04167vw; }
  .sec-textlist li p:nth-child(2) {
    width: 15.41667vw; }
  .sec-textlist li p:nth-child(3) {
    width: 15.41667vw; }
  .sec-textlist li p:nth-child(4) {
    width: 15.02604vw; }
  .sec-textlist-two li p:nth-child(2) {
    width: 45.83333vw; }
  .sec-textlist li.li-four p:nth-child(2) {
    width: 15.41667vw; }
  .oppo-wacth1 {
    width: 9.19271vw;
    height: 10.41667vw;
    margin-bottom: 1.04167vw; }
  .oppo-wacth2 {
    width: 9.21875vw;
    height: 10.41667vw;
    margin-bottom: 1.04167vw; }
  .oppo-wacth3 {
    width: 10.88542vw;
    height: 10.41667vw;
    margin-bottom: 1.04167vw; }
  .section1 {
    padding-top: 5vw; }
  .sec1-box {
    position: relative; }
  .section1 .sec-textlist {
    overflow: hidden; }
  .section1 .sec-textlist li {
    float: left;
    margin-bottom: 0;
    position: relative; }
  .section1 .sec-textlist li:nth-child(1) {
    width: 10.72917vw; }
  .section1 .sec-textlist li:nth-child(2) {
    width: 15.41667vw; }
  .section1 .sec-textlist li:nth-child(3) {
    width: 15.41667vw; }
  .section1 .sec-textlist li:nth-child(4) {
    width: 15.02604vw; }
  .section1 .sec-textlist li .sec-itext {
    font-size: 1.25vw;
    color: #333333;
    line-height: 2.03125vw;
    position: relative;
    z-index: 22;
    opacity: 1; }
  .section7 {
    margin-bottom: 8vw;
    border: 0; }
  .section7 .sec-textlist .sec-onediv {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  .section7 .sec-textlist .sec-onediv span {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .section7 .sec-textlist p:nth-child(1) {
    padding-top: 7vw; }
  .section7 .sec-textlist p span {
    display: inline-block;
    width: 100%;
    min-height: 2.86458vw;
    height: auto;
    overflow: hidden; } }

@media only screen and (max-width: 1080px) {
  .section {
    width: 92vw;
    height: auto;
    margin: 0 auto;
    border-bottom: 0.19531vw solid #eaeaea;
    font-family: NewOPPOSansMedium; }
  .sec-title {
    width: 17vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.75781vw;
    line-height: 2.24609vw;
    color: #333333; }
  .sec-title span {
    width: 100%;
    word-break: break-all;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .sec-textlist {
    width: 73.73047vw;
    height: auto;
    margin-left: 17vw;
    padding: 5.76172vw 0 1.95312vw;
    border-left: 0.19531vw solid #eaeaea; }
  .sec-textlist li {
    width: 100%;
    min-height: 5.37109vw;
    height: auto;
    margin-bottom: 1.70898vw;
    *zoom: 1; }
  .sec-textlist li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .sec-textlist li p {
    float: left;
    font-size: 1.36719vw;
    color: #333333;
    line-height: 1.95312vw;
    padding-right: 0.97656vw;
    opacity: 0.5; }
  .sec-textlist li p:nth-child(1) {
    width: 16.60156vw;
    padding-left: 0.97656vw; }
  .sec-textlist li p:nth-child(2) {
    width: 18.84766vw; }
  .sec-textlist li p:nth-child(3) {
    width: 18.84766vw; }
  .sec-textlist li p:nth-child(4) {
    width: 18.84766vw; }
  .sec-textlist-two li p:nth-child(2) {
    width: 56.15234vw; }
  .sec-textlist li.li-four p:nth-child(2) {
    width: 19.04297vw; }
  .oppo-wacth1 {
    width: 12.20703vw;
    height: 13.91602vw;
    margin-bottom: 1.95312vw; }
  .oppo-wacth2 {
    width: 12.25586vw;
    height: 13.91602vw;
    margin-bottom: 1.95312vw; }
  .oppo-wacth3 {
    width: 13.62305vw;
    height: 13.91602vw;
    margin-bottom: 1.95312vw; }
  .section1 {
    padding-top: 5vw; }
  .sec1-box {
    position: relative; }
  .section1 .sec-title {
    padding-top: 21.63086vw;
    display: block; }
  .section1 .sec-textlist {
    overflow: hidden; }
  .section1 .sec-textlist li {
    float: left;
    margin-bottom: 0;
    position: relative; }
  .section1 .sec-textlist li:nth-child(1) {
    width: 15.625vw; }
  .section1 .sec-textlist li:nth-child(2) {
    width: 18.84766vw; }
  .section1 .sec-textlist li:nth-child(3) {
    width: 18.84766vw; }
  .section1 .sec-textlist li:nth-child(4) {
    width: 18.84766vw; }
  .section1 .sec-textlist li .sec-itext {
    font-size: 1.66016vw;
    color: #333333;
    line-height: 2.63672vw;
    position: relative;
    z-index: 22;
    opacity: 1; }
  .section7 {
    margin-bottom: 8vw;
    border: 0; }
  .section7 .sec-textlist p:nth-child(1) {
    padding-top: 9vw; }
  .section7 .sec-textlist p span {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 2vw; } }

@media only screen and (max-width: 767px) {
  .block-360 {
    display: block !important; }
  .sec-title {
    line-height: 4vw; }
  .sec-textlist li p {
    line-height: 3.6vw; }
  .section1 .sec-textlist li .sec-itext {
    line-height: 4vw; } }