@charset "UTF-8";
@import url("../../css/old/reset.css");
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body,
html {
  width: 100%;
  margin: 0 auto;
  max-width: 768px;
  font-size: 50px; }

.wrapper .g-top-banner {
  width: 100%;
  height: 4.1rem;
  background: url("../image/3x/bg_xiaoketang1@3x.png") center center no-repeat;
  background-size: 100% 100%; }
.wrapper .g-main-video {
  width: 100%;
  height: 4.44rem;
  background: url("../image/3x/bg_xiaoketang2@3x.png") center center no-repeat;
  background-size: 100% 100%; }
  .wrapper .g-main-video .m-video {
    padding-top: 0.32rem;
    margin: 0 auto;
    width: 6.86rem;
    height: 4.06rem;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    overflow: hidden; }
  .wrapper .g-main-video video {
    display: block;
    width: 100%;
    border-radius: 0.24rem; }
.wrapper .g-footer .m-wenzi {
  margin-top: -2px;
  width: 100%;
  height: 4.04rem;
  background: url("../image/3x/bg_xiaoketang3@3x.png") center center no-repeat;
  background-size: 100% 100%; }
.wrapper .g-footer .m-phone {
  padding-top: 0.44rem;
  font-size: 0.24rem;
  color: #2A509F;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  height: 3rem;
  background: url("../image/3x/bg_xiaoketang4@3x.png") center center no-repeat;
  background-size: 100% 100%; }
  .wrapper .g-footer .m-phone a {
    color: #2A509F;
    text-decoration: underline; }

.prod-wrapper {
  background: -webkit-linear-gradient(top, #E2EDF9 0%, #ffffff 100%);
  background: linear-gradient(top, #E2EDF9 0%, #ffffff 100%);
  overflow: hidden; }
  .prod-wrapper .g-bg-container {
    position: relative; }
    .prod-wrapper .g-bg-container:before {
      content: '';
      position: absolute;
      left: -0.16rem/50pxrem;
      top: 1.44rem;
      width: 2.88rem;
      height: 4.8rem;
      background: url("../image/2x/bg_01.png") center center no-repeat;
      background-size: 100%;
      z-index: 1; }
    .prod-wrapper .g-bg-container:after {
      position: absolute;
      right: 0;
      bottom: 0;
      content: '';
      width: 1.92rem;
      height: 3.16rem;
      background: url("../image/2x/bg_02.png") center center no-repeat;
      background-size: 100%;
      z-index: 1; }
  .prod-wrapper .g-service {
    position: relative;
    margin: 0.4rem auto 0;
    width: 7.2rem;
    height: 8rem;
    background: url("../image/2x/bg_04.png") center center no-repeat;
    background-size: 100%;
    z-index: 2; }
    .prod-wrapper .g-service .u-title {
      padding: 0.4rem 0.4rem;
      font-size: 0.32rem;
      color: #9699A8;
      font-weight: bold; }
  .prod-wrapper .u-icon-1 {
    margin-right: 0.2rem;
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url("../image/3x/icon_chanpinjieshao3@3x.png") center center no-repeat;
    background-size: 100%;
    vertical-align: text-bottom; }
  .prod-wrapper .u-icon-success,
  .prod-wrapper .u-icon-fail {
    display: inline-block;
    width: 0.56rem;
    height: 0.56rem; }
  .prod-wrapper .u-icon-fail {
    background: url("../image/2x/icon_02.png") center center no-repeat;
    background-size: 100%; }
  .prod-wrapper .u-icon-success {
    background: url("../image/2x/icon_01.png") center center no-repeat;
    background-size: 100%; }
  .prod-wrapper .g-tabel {
    margin: 0 0.12rem;
    font-size: 0.24rem;
    color: #606370; }
    .prod-wrapper .g-tabel table {
      width: 100%; }
      .prod-wrapper .g-tabel table tr {
        border-bottom: 1px solid #EAEBEB; }
      .prod-wrapper .g-tabel table th {
        height: 0.54rem;
        border-right: 1px solid #DFE0E3;
        font-weight: bold;
        vertical-align: middle; }
        .prod-wrapper .g-tabel table th:first-child {
          padding-top: 1px;
          font-size: 0.22rem;
          color: #FDFEFD;
          border: none; }
        .prod-wrapper .g-tabel table th:last-child {
          border: none; }
      .prod-wrapper .g-tabel table td {
        padding: 0 0.2rem;
        height: 0.9rem;
        border-right: 1px solid #EAEBEB;
        text-align: center; }
        .prod-wrapper .g-tabel table td:first-child {
          text-align: left; }
        .prod-wrapper .g-tabel table td:last-child {
          border: none; }
      .prod-wrapper .g-tabel table thead tr {
        background-color: #F1F2F4;
        color: #606370;
        border: none; }
      .prod-wrapper .g-tabel table .u-ta1 {
        background: #D5D6E0; }
      .prod-wrapper .g-tabel table .u-ta2 {
        background: #C9CBD6; }
  .prod-wrapper .g-car-list {
    position: relative;
    padding: 0 0.36rem;
    font-size: 0.24rem;
    color: #74778A;
    background: url("../image/2x/bg_03.png") left top no-repeat;
    background-size: 5.2rem 7.2rem; }
    .prod-wrapper .g-car-list li {
      position: relative;
      padding-left: 0.24rem; }
    .prod-wrapper .g-car-list .u-title {
      font-size: 0.28rem;
      color: #4D505C;
      font-weight: bold; }
    .prod-wrapper .g-car-list .u-text {
      margin: 0.08rem 0 0.3rem;
      line-height: 0.38rem; }
    .prod-wrapper .g-car-list .u-icon-line,
    .prod-wrapper .g-car-list .u-icon-line2 {
      position: absolute;
      left: -0.12rem;
      top: 0.02rem;
      width: 0.32rem;
      height: 0.32rem;
      background: url("../image/2x/icon_03.png") center center no-repeat;
      background-size: 100%; }
    .prod-wrapper .g-car-list .u-icon-line2 {
      background: url("../image/2x/icon_04.png") center center no-repeat;
      background-size: 100%; }
    .prod-wrapper .g-car-list .u-line {
      margin: 0.5rem 0;
      width: 100%;
      height: 0.02rem;
      background-color: #DDD; }
  .prod-wrapper .g-footer {
    margin: 0.7rem 0 1.2rem;
    font-size: 0.24rem;
    color: #BBBBBB;
    text-align: center; }
    .prod-wrapper .g-footer a {
      color: #327cbf;
      text-decoration: underline;
      font-weight: bold; }

/*用户协议 start*/
.u-b {
  background-image: linear-gradient(-180deg, #E9F4FE 0%, #FFFFFF 66%); }

.user-agreement {
  font-family: PingFangSC-Regular;
  padding: 0.44rem 0;
  margin: 0 0.48rem;
  border-bottom: 1px solid  #EAEDEF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .user-agreement .u-h {
    font-size: 0.26rem;
    color: #1C0000;
    letter-spacing: 0;
    text-align: justify;
    line-height: 19px;
    padding: 0.16rem 0; }
  .user-agreement .u-p {
    font-size: 0.24rem;
    color: #74778A;
    letter-spacing: 0;
    text-align: justify;
    line-height: 19px;
    padding: 0.1rem 0; }
  .user-agreement .u-0 {
    color: #1C0000; }

.u-f {
  padding: 0.92rem 0 0.98rem 0; }
  .u-f .u-l {
    width: 56px;
    height: 32px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url("../image/image_lanbenjia.png");
    background-image: -webkit-image-set(url("../image/image_lanbenjia.png") 1x, url("../image/image_lanbenjia@2x.png") 2x, url("../image/image_lanbenjia@3x.png") 3x);
    background-image: image-set(url("../image/image_lanbenjia.png") 1x, url("../image/image_lanbenjia@2x.png") 2x, url("../image/image_lanbenjia@3x.png") 3x); }
  .u-f .u-f-p {
    font-size: 0.22rem;
    color: #C5C6C9;
    letter-spacing: 14px;
    text-align: center; }

/*数据简介 start*/
.d-c {
  font-family: PingFangSC-Regular;
  padding: 0.48rem 0.32rem;
  background-image: linear-gradient(-135deg, #6A8EDC 0%, #2948C2 100%); }
  .d-c .d-c-title {
    width: 2.8rem;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.28rem;
    color: #FDFEFD;
    background-image: linear-gradient(-180deg, #A9C2FF 4%, #6E9AFD 91%);
    box-shadow: 0 10px 6px 0 rgba(0, 47, 194, 0.15);
    border-radius: 17px 17px 17px 0px;
    position: relative;
    -webkit-transform: translate(-0.16rem, 0);
    -moz-transform: translate(-0.16rem, 0);
    -ms-transform: translate(-0.16rem, 0);
    -o-transform: translate(-0.16rem, 0);
    transform: translate(-0.16rem, 0); }
    .d-c .d-c-title:before {
      content: '';
      display: inline-block;
      margin-left: 0.28rem;
      margin-right: 0.12rem;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #FDFEFD; }
  .d-c .d-c-p {
    font-size: 0.24rem;
    color: #FDFEFD;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.39rem;
    margin-top: 0.31rem; }
  .d-c .d-c-f {
    margin-top: 0.68rem;
    padding-top: 70px;
    padding-bottom: 14px;
    background: #FDFEFD;
    box-shadow: 0 7px 14px 0 rgba(94, 96, 110, 0.15);
    border-radius: 12px;
    position: relative; }
    .d-c .d-c-f .d-c-f-t {
      font-size: 0.28rem;
      color: #FDFEFD;
      position: absolute;
      left: 0;
      top: 0.4rem;
      width: 190px;
      height: 34px;
      line-height: 34px;
      background-image: linear-gradient(-179deg, #FCD569 1%, #F5962D 94%);
      box-shadow: 0 8px 6px 0 rgba(247, 161, 62, 0.34);
      border-radius: 17px 17px 17px 0px;
      -webkit-transform: translate(-0.16rem, 0);
      -moz-transform: translate(-0.16rem, 0);
      -ms-transform: translate(-0.16rem, 0);
      -o-transform: translate(-0.16rem, 0);
      transform: translate(-0.16rem, 0); }
      .d-c .d-c-f .d-c-f-t:before {
        content: '';
        display: inline-block;
        margin-left: 0.28rem;
        margin-right: 0.12rem;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #FDFEFD; }
    .d-c .d-c-f .d-c-f-icon {
      width: 102px;
      height: 102px;
      position: absolute;
      right: 0;
      top: -34px;
      background-repeat: no-repeat;
      background-image: url("../image/icon_shuju06.png");
      background-image: -webkit-image-set(url("../image/icon_shuju06.png") 1x, url("../image/icon_shuju06@2x.png") 2x, url("../image/icon_shuju06@3x.png") 3x);
      background-image: image-set(url("../image/icon_shuju06.png") 1x, url("../image/icon_shuju06@2x.png") 2x, url("../image/icon_shuju06@3x.png") 3x); }
    .d-c .d-c-f .d-c-f-l {
      overflow: hidden;
      padding: 0 0.4rem; }
      .d-c .d-c-f .d-c-f-l > li {
        height: 50px;
        line-height: 50px;
        padding-left: 52px;
        position: relative;
        border-bottom: 1px solid #F5F5F5; }
        .d-c .d-c-f .d-c-f-l > li h6 {
          font-size: 0.36rem;
          color: #DCDCE0;
          display: none; }
        .d-c .d-c-f .d-c-f-l > li p {
          font-size: 0.24rem;
          color: #777B91; }
        .d-c .d-c-f .d-c-f-l > li .d-c-f-i-i {
          position: absolute;
          left: 0;
          top: 2px;
          width: 44px;
          height: 44px; }
        .d-c .d-c-f .d-c-f-l > li:last-child {
          border-bottom: none; }
      .d-c .d-c-f .d-c-f-l > li:nth-child(1) .d-c-f-i-i {
        background-repeat: no-repeat;
        background-image: url("../image/icon_shuju01.png");
        background-image: -webkit-image-set(url("../image/icon_shuju01.png") 1x, url("../image/icon_shuju01@2x.png") 2x, url("../image/icon_shuju01@3x.png") 3x);
        background-image: image-set(url("../image/icon_shuju01.png") 1x, url("../image/icon_shuju01@2x.png") 2x, url("../image/icon_shuju01@3x.png") 3x); }
      .d-c .d-c-f .d-c-f-l > li:nth-child(2) .d-c-f-i-i {
        background-repeat: no-repeat;
        background-image: url("../image/icon_shuju02.png");
        background-image: -webkit-image-set(url("../image/icon_shuju02.png") 1x, url("../image/icon_shuju02@2x.png") 2x, url("../image/icon_shuju02@3x.png") 3x);
        background-image: image-set(url("../image/icon_shuju02.png") 1x, url("../image/icon_shuju02@2x.png") 2x, url("../image/icon_shuju02@3x.png") 3x); }
      .d-c .d-c-f .d-c-f-l > li:nth-child(3) .d-c-f-i-i {
        background-repeat: no-repeat;
        background-image: url("../image/icon_shuju03.png");
        background-image: -webkit-image-set(url("../image/icon_shuju03.png") 1x, url("../image/icon_shuju03@2x.png") 2x, url("../image/icon_shuju03@3x.png") 3x);
        background-image: image-set(url("../image/icon_shuju03.png") 1x, url("../image/icon_shuju03@2x.png") 2x, url("../image/icon_shuju03@3x.png") 3x); }
      .d-c .d-c-f .d-c-f-l > li:nth-child(4) .d-c-f-i-i {
        background-repeat: no-repeat;
        background-image: url("../image/icon_shuju04.png");
        background-image: -webkit-image-set(url("../image/icon_shuju04.png") 1x, url("../image/icon_shuju04@2x.png") 2x, url("../image/icon_shuju04@3x.png") 3x);
        background-image: image-set(url("../image/icon_shuju04.png") 1x, url("../image/icon_shuju04@2x.png") 2x, url("../image/icon_shuju04@3x.png") 3x); }
      .d-c .d-c-f .d-c-f-l > li:nth-child(5) .d-c-f-i-i {
        background-repeat: no-repeat;
        background-image: url("../image/icon_shuju005.png");
        background-image: -webkit-image-set(url("../image/icon_shuju005.png") 1x, url("../image/icon_shuju005@2x.png") 2x, url("../image/icon_shuju005@3x.png") 3x);
        background-image: image-set(url("../image/icon_shuju005.png") 1x, url("../image/icon_shuju005@2x.png") 2x, url("../image/icon_shuju005@3x.png") 3x); }
  .d-c .d-c-c {
    width: 178px;
    height: 106px;
    margin: 13px auto 0px;
    background-repeat: no-repeat;
    background-image: url("../image/icon_shuju07.png");
    background-image: -webkit-image-set(url("../image/icon_shuju07.png") 1x, url("../image/icon_shuju07@2x.png") 2x, url("../image/icon_shuju07@3x.png") 3x);
    background-image: image-set(url("../image/icon_shuju07.png") 1x, url("../image/icon_shuju07@2x.png") 2x, url("../image/icon_shuju07@3x.png") 3x);
    opacity: 0.5; }
  .d-c .d-c-b {
    margin: 12px 0 1.2rem;
    font-size: 0.24rem;
    color: #CAD3F0;
    text-align: center; }
    .d-c .d-c-b a {
      color: #ffffff;
      text-decoration: underline;
      font-weight: bold; }

/*数据简介 end*/

/*# sourceMappingURL=activity5-vin.css.map */