:root{--xpm-radius-s:4px;--xpm-radius-sm:6px;--xpm-radius-m:8px;--xpm-radius-l:12px;--xpm-font-size-1:9px;--xpm-font-size-2:10px;--xpm-font-size-3:11px;--xpm-font-size-4:12px;--xpm-font-size-5:13px;--xpm-font-size-6:14px;--xpm-font-size-7:15px;--xpm-font-size-8:16px;--xpm-font-size-9:17px;--xpm-font-size-10:18px;--xpm-line-height-2:18px;--xpm-line-height-4:20px;--xpm-line-height-7:23px;--xpm-line-height-8:24px;--xpm-line-height-10:26px;--xpm-color-primary:rgba(0,0,0,.9);--xpm-color-primary-icon:#8cb654;--xpm-color-success:#8cb654;--xpm-color-warning:#f58900;--xpm-color-danger:#ff4d4f;--xpm-color-text:rgba(0,0,0,.9);--xpm-color-text-secondary:rgba(0,0,0,.6);--xpm-color-weak:rgba(0,0,0,.4);--xpm-color-light:rgba(0,0,0,.25);--xpm-color-border:rgba(0,0,0,.1);--xpm-color-background:#fff;--xpm-color-white:#fff;--xpm-color-black:#000;--xpm-color-box:rgba(0,0,0,.03);--xpm-color-text-light-solid:var(--xpm-color-white);--xpm-color-text-dark-solid:#000;--xpm-color-fill-content:var(--xpm-color-box);--xpm-font-size-main:var(--xpm-font-size-5);--xpm-font-family:"PingFang SC",-apple-system,system-ui,blinkmacsystemfont,sans-serif;--xpm-border-color:var(--xpm-color-border);--xpm-button-icon-width:24px;--xpm-button-icon-height:24px;--xpm-dark-color-background:#000;--xpm-dark-color-background-weak:#121316;--xpm-dark-color-background-weaker:#1a1b1f;--xpm-dark-color-text:hsla(0,0%,100%,.9);--xpm-dark-color-text-secondary:hsla(0,0%,100%,.6);--xpm-dark-color-weak:hsla(0,0%,100%,.6);--xpm-dark-color-light:hsla(0,0%,100%,.4);--xpm-dark-color-border:hsla(0,0%,100%,.15);--xpm-dark-border-color:hsla(0,0%,100%,.25);--xpm-dark-color-fill-content:var(--xpm-dark-color-background);--xpm-dark-color-primary:hsla(0,0%,100%,.9);--xpm-dark-color-primary-icon:#7ea34b;--xpm-dark-color-success:#7ea34b;--xpm-dark-color-warning:#dc7b00;--xpm-dark-color-danger:#e54547;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:var(--xpm-color-text);font-size:var(--xpm-font-size-main);font-family:var(--xpm-font-family)}a,button{cursor:pointer}a{color:var(--xpm-color-primary);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}a:active{opacity:.8}.xpm-plain-anchor{color:unset;-webkit-transition:none;transition:none}.xpm-plain-anchor:active{opacity:unset}body.xpm-overflow-hidden{overflow:hidden!important}div.xpm-px-tester{--size:1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;right:-100vw;bottom:-100vh;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.xpm-loading{--loading-z-index:var(--xpm-loading-z-index,1000);--loading-icon-width:var(--xpm-loading-icon-width,32px);--loading-icon-height:var(--xpm-loading-icon-height,10px);--loading-font-size:var(--xpm-loading-font-size,12px);--loading-line-height:var(--xpm-loading-line-height,20px);--loading-text-color:var(--xpm-loading-text-color,var(--xpm-color-success));--loading-gap:var(--xpm-loading-gap,4px)}.xpm-loading-dark{--loading-text-color:var(--xpm-loading-text-color,var(--xpm-dark-color-success))}.xpm-loading__content{font-size:0}.xpm-loading__content.disabled .xpm-loading__content--label{color:#fff}.xpm-loading__content.center-horizontal{position:absolute;left:50%;z-index:var(--loading-z-index);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.xpm-loading__content.center-vertical{position:absolute;top:50%;z-index:var(--loading-z-index);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.xpm-loading__content.center{position:absolute;top:50%;left:50%;z-index:var(--loading-z-index);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.xpm-loading__content--single{width:var(--loading-icon-width);height:var(--loading-icon-height)}.xpm-loading__content--container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xpm-loading__content--inner{width:var(--loading-icon-width);height:var(--loading-icon-height)}.xpm-loading__content--label{margin-left:var(--loading-gap);color:var(--loading-text-color);font-size:var(--loading-font-size);line-height:var(--loading-line-height)}.xpm-loading__content--label.reverse{margin-right:var(--loading-gap);margin-left:0}.xpm-loading__mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--loading-z-index);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.xpm-loading__mask.center-horizontal{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.xpm-loading__mask.center-vertical{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xpm-loading__mask.center,.xpm-loading__wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xpm-loading__wrapper{position:fixed;top:0;left:0;z-index:calc(var(--loading-z-index) - 1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.013333rem dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.026667rem;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 10vw;
}

.xpm-loading .xpm-loading__content .xpm-loading__content--inner,
.xpm-loading__wrapper .xpm-loading__content .xpm-loading__content--inner {
  width: 0.853333rem;
  height: 0.266667rem;
}

.xpm-loading .xpm-loading__content .xpm-loading__content--label,
.xpm-loading__wrapper .xpm-loading__content .xpm-loading__content--label {
  font-size: 0.32rem;
  line-height: 0.533333rem;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body {
  padding-bottom: 34PX;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-title {
  color: #ff4d4f;
  font-weight: bold;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-content {
  font-family: "PingFang SC";
  color: rgba(0,0,0,.9);
  font-weight: 400;
  text-align: center;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-content .bold {
  font-weight: bold;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row .xpm-button {
  width: 195PX;
  padding: 8PX 20PX;
  color: #fff;
  background: #000;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
  border-radius: 8PX;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row>* {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.page {
  min-height: 100vh;
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/a65bb92677aa8dc53369.png) no-repeat;
  background-size: cover;
}

.page .plutojs_video_videoContainer video {
  background: #f2f6ff;
}

.page.page-lcc {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/fb4186941097968e570e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g3 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/1cd67655cc71595f6228.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-p5 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/87a0989df8ce0dc04f3e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/73ddff82e084196f00fb.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/f8a04fdea98c4e2b20e8.png) no-repeat;
  background-size: cover;
}

.page.page-fsp {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/a584dd9d4b76f0d604b5.png) no-repeat;
  background-size: cover;
}

.page.page-apa {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/1eaca19c8c81ba584902.png) no-repeat;
  background-size: cover;
}

.page.page-cngp {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/edccb409c1d838534fa1.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/cc029b90a92f52572756.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/c02eb4ba31aa4730fddb.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/eb0b34771cd74934651e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/23684a2f8cc4092ba564.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/0be0b552926fb0fa8bad.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/b63b623b0b6c4e5725dc.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/0be0b552926fb0fa8bad.png) no-repeat;
  background-size: cover;
}

.page.page-apa-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/80657f1f09aec2b9886b.png) no-repeat;
  background-size: cover;
}

.page.page-apa-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/bc9b9fb193413202508b.png) no-repeat;
  background-size: cover;
}

.page.page-apa-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/337decbff65bf208f080.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/e3ea06e4ae10ddc3db98.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/d4efc89a17cf767e99b2.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/26fc794b1055ed721a4a.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/3a221a47c04078627972.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/242a1d00f9ef9991892e.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/fad9870ba61edfc60ca8.png) no-repeat;
  background-size: cover;
}

.dialog-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}

.dialog-wrap .dialog-bg {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.dialog-wrap .dialog-bg.show {
  opacity: 1;
}

.dialog-wrap .dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  width: calc(100% - 1.28rem - 1.28rem);
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  background: #fff;
  border-radius: 0.213333rem;
  opacity: 0;
}

.dialog-wrap .dialog-content.scale {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.dialog-wrap .dialog-content.hide {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .dialog-wrap .dialog-content {
    width: 7.466667rem;
    left: 50%;
    margin-left: -3.733333rem;
  }
}

.dialog-wrap .dialog-content-main {
  padding: 0.853333rem 0.64rem;
  text-align: center;
}

.dialog-wrap .dialog-content .title {
  color: rgba(0,0,0,.9);
  font-family: "PingFang SC";
  font-size: 0.426667rem;
  line-height: 0.64rem;
  font-weight: 500;
}

.dialog-wrap .dialog-content .subtitle {
  margin-top: 0.32rem;
  color: rgba(0,0,0,.6);
  font-family: "PingFang SC";
  font-size: 0.4rem;
  line-height: 0.613333rem;
}

.dialog-wrap .dialog-content .actions {
  width: 100%;
  height: 1.253333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.213333rem;
  background: #fff;
}

.dialog-wrap .dialog-content .btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 0.533333rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "PingFang SC";
  font-size: 0.4rem;
  color: rgba(0,0,0,.9);
  text-decoration: none;
  border: none;
  background: none;
  border-top: 0.013333rem solid rgba(0,0,0,.1);
  border-left: 0.013333rem solid rgba(0,0,0,.1);
}

.dialog-wrap .dialog-content .btn:hover,
.dialog-wrap .dialog-content .btn:active {
  opacity: .6;
}

.dialog-wrap .dialog-content .btn:first-child {
  border-left: none;
}

.dialog-wrap .dialog-content .cancel {
  color: rgba(0,0,0,.9);
}

.dialog-wrap .dialog-content .ok {
  color: #5a960a;
  font-weight: 500;
}

.dialog-wrap.error .actions .ok {
  color: #ff4d4f;
}
.xpeng_toast_lockModal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.xpeng_toast_modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.xpeng_toast_mask {
  background: rgba(0, 0, 0, 0.75);
}
.xpeng_toast_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.xpeng_toast_top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.xpeng_toast_bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.xpeng_toast_content {
  position: relative;
}

.xpeng_toast_info {
  max-width: 400px;
  padding: 20px 40px;
  border-radius: 10px;
  line-height: 1.5;
  font-size: 26px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  word-break: break-all;
}


.xpeng_toast_modal {
  height: 66vh !important;
}

.xpeng_toast_info {
  max-width: 5.333333rem;
  padding: 0.266667rem 0.533333rem;
  border-radius: 0.133333rem;
  line-height: 1.5;
  font-size: 0.346667rem;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  text-align: center;
  word-break: break-all;
}
.header {
  padding: 0.453333rem 0.48rem 0 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .logo {
  width: 0.693333rem;
  height: 0.36rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAcCAYAAAFZgKwmAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAANKADAAQAAAABAAAAHAAAAACsDonGAAAD1ElEQVRYCc2Xv2sUQRTHVwkWESUWophKbOSqlPYBwQj+BUo6ixTqn3BaiZBKi/ijUxQEFSwFIaJVujTpzKWIIhFEVAQlGL+fzb7l7dzM3F1uBb/wbt6837s782auKIpiXhRD14Q7YiDwTGR8KZitBF+qsaFsTGRwqDIqrolJAq/TlRZ+Z5+bVGw5lPIwB5paVrpLcKW0j/9sVQ7blsbM6igmCMaG/f4qimUMbMuSGrpuaJGZd6TrTuhnRWRlNdI75wPif1Xz2sYcGyVURiZjnKxk9fBDnDe4G8wv1ZaO8Q7w5wOn3862ZL3DmUD5xjk/N933SnjDBInRyp9BPy3ymW4nnEYRH5Mxj2NxN73zolOYAeM5b5ThVxP+SZevCQeS/hQdqTxvZuywZcHVqBdRLdllWCunRLxWT5d31cU9jfCfRI9EH0UfHG2Iz4J361+b57elI6nHA028jed73tDz3sj46KL2To5n4xPcfG1cMJt3TvnEhC2MvPo/Fptv1BWBp6K1kmvvh4Y9JVonJGvcHpO1z3caF+xFi8lYf1s+tFdsaU6LGxUcAT4O/FwYJDRgziYcBmzqmD9NoA+TksSMkXHGxsCZmPJZiTmYrJNxJCDdANAd6BKpJHSXgWDvpAIgXxqgp2P3YaJPUhQPJXsr8q3nhOYXRcdFHrQi33rg33uDHM8Szz0Rq8hff2K2s7kE6HqimCMy+poHTxxuC++b3I8cn97QeI7YHDiSzTYc6X8NLGgWGvUk6zNseDUnqUVUW82I80lYNdwu9wruET4e94sSJqTT0nHbAieBxeaEKPgxgY0kfSxqM7HCtQJqorb6CBJvdZcPRBY+k13VTOlHdNdF43w6ue8J5CT3oPp4hj7EFrl/MON78qQhjbL4+5IlBMQkNjksX26k5iwImGoRqcDL8glv7NkkgRLfZVEqfkxOjSO9UBrixohJSEyTvS+qLyPiQ6DDJteQYw+BbEOUbNbSDQTHyqDjKZUcOccWxxcEn7PN6aiBWrKIHeKhw2sJuN0dFB0VHRaxUW30vMkuSG8HPlcY5tyH7c+O2PI/yEuNbPZvwRjKtqTnGtQaOM3sj2juLaZ0S/IP/3enbGNyclPD2OgoApfAWJJBMt7oLZH/KvDIcpfOXFxqoaaRMSmPFVEueEz3Qj5cw4cFtvjEYuVk1EaNQ2FRVrlgXrcq27mhog5nRCxi+hw5nlqTINigNvpZNldFNIl/DXKQi5y5h6LmxkvlTNhMONEq74jG6vvybwPUQC2pI4RnmKaVzotOigxsvFeiNRP8p2NHdZ0VTbn61v8CDttZ0KdnIZMAAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
}

.header .user {
  color: #3e3e3e;
  line-height: 0.506667rem;
  font-size: 0.373333rem;
}

.header .user .name {
  color: #6da23a;
  font-weight: bold;
  font-size: 0.4rem;
}

.header .user .welcome {
  font-size: 0.4rem;
}
.plutojs_video_lockModal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.plutojs_video_modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@-webkit-keyframes plutojs_video_popUpBg {
  from {
    background: transparent;
  }
  to {
    background: rgba(0, 0, 0, 0.75);
  }
}
@keyframes plutojs_video_popUpBg {
  from {
    background: transparent;
  }
  to {
    background: rgba(0, 0, 0, 0.75);
  }
}
.plutojs_video_mask {
  -webkit-animation: plutojs_video_popUpBg 0.5s;
          animation: plutojs_video_popUpBg 0.5s;
  background: rgba(0, 0, 0, 0.75);
}
@-webkit-keyframes plutojs_video_popUpContent {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes plutojs_video_popUpContent {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes plutojs_video_slideOutContent {
  from {
    -webkit-transform: opacity(0);
            transform: opacity(0);
  }
  to {
    -webkit-transform: opacity(1);
            transform: opacity(1);
  }
}
@keyframes plutojs_video_slideOutContent {
  from {
    -webkit-transform: opacity(0);
            transform: opacity(0);
  }
  to {
    -webkit-transform: opacity(1);
            transform: opacity(1);
  }
}
.plutojs_video_content {
  position: relative;
}
.plutojs_video_popUp {
  -webkit-animation: plutojs_video_popUpContent 0.5s;
          animation: plutojs_video_popUpContent 0.5s;
}
.plutojs_video_slideOut {
  -webkit-animation: plutojs_video_slideOutContent 0.5s;
          animation: plutojs_video_slideOutContent 0.5s;
}
.plutojs_video_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.plutojs_video_top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.plutojs_video_bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.plutojs_video_container {
  width: 100%;
  position: relative;
}
.plutojs_video_fullscreenContainer {
  width: 100%;
}
.plutojs_video_coverIcon {
  width: 250px;
  height: 250px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAA3lBMVEUAAAAAAAD///////////+np6cZGRnZ2dn////////////Q0ND////w8PD+/v7+/v7l5eUmJib////d3d3///+bm5v////////////////w8PC3t7f4+PhaWlr4+Pjn5+f////7+/vz8/Pu7u6vr6+dnZ2VlZVzc3NRUVH///+8vLz////5+fn////////w8PD////////////////////////////////Hx8f///////98fHz////////////////////s7Ow8PDz19fXq6ur19fXi4uLV1dWOjo7///8TE85tAAAASXRSTlMnAP367VYqieAqxn5Vv/TqoCyZkWNPSTYcB75i2DfcpvDlx7ddUU0+NMJm9eLSy8G7ubKspaKLe3FrS0JAOBQSBLIwz62/m4VIqPZYMgAABCVJREFUaN68mNd22kAQQIdFEkiA6c30jjGY3msSp8z//1B21pBgG7BWhfugw4POuYfZnSbwyJLVg/Pp0Oj5Fa9X8feM4XQe1LMeWeTE+nLsZ3gB5h8vdY/AcfEuMQnjTcKTxM5pcTY48qIJvKNg1kFxOlY+i2q3Hwnk1Oa6EI0W1k01F4j0u2fxL8fSDok3AzzxEPI1onCBaMMXesATg40D4pSBR/JxVYMbaGo8j0eMlE1x+uV0cSJJMEEycrqAL2kb4n2MoaDa0cAkWqeKAhbbWxUnFBSEVJBCDaFASVgSZ55QUEuCNMkaCp4y8uKVgkSxDpaoF5FQVpLiw4yJ9PFpYBHNJ9KLzQ4y4oyBRKgFNmiFkDAy5sW6X5Q/H9jEJ8qsXzcr3orjrahgG7UiDnprTpx6Rs5jGxyg/Yic55QZcVDEpwQOURKnFvxanBLeODhGXJhTX4m3FGcWAAcJMIr29rZYV8i7AEdZkFnRb4kzIo8C4DABkVWZ6+KDIXG+0udsHK6KZzL3Wf5uz66JV4zyF1yB8pmtLoszCtWrNrhCu0IXLHNR/ET5poJLqF7qz5fECeT4wDV8yEl8Fu8p0CFwkRAFe/9JHKO+3wIXadFkEPsoTjOJQNsINkt/ENP8XNTAVbQizdvvxSnk1MFl6mRJvRMbNMeC69Qopc7FG+QkwXWS5NmciQcStdJ25Rz8F6eRo8IdUMmUFuJTDlfhLlQpl0/iLO37HbgLHa4qZ4/iIO2/GtwFjfbn4FE84r8jYJLcaykHNohw2ehNvPNK5NICOT//2Mso747Eoh/mwSRFJLy/voNV8tQdhXgiM+AxfKOysDP4TYQ4LJPE+I9q03oqh0msUyPW5MXIIm2wgEZtWefipdTkgeeEA1YnkSUXj6UmAHzPj4a1eWDMxbS1NKyKkZUKIEmD9hkPZBkii1oUE4psvKNkzALdrS5YFhN5FaTo0u0CKtR9e2Jkr1Lx7lO5hjkValtiovxbkyvXc5jKLcR4jXxdal2ewpA/c7bFxLeW2QbHXx6CQQXTvljmAyQVTQN6/Nl0QkwUTcWuyd/sAdWPtTNiomaiX66pggAtiQWnxObWggKVHaDxI+qgmH39l6M0Svzt3oxtAIRhIChR0tFmBCpWiNh/J6pIlDGxfW8mQIqC8/6/xz7sftR98qi9L1c/Ji8X9jthAwQbmdgjgT2LmBDApA8m9ih5iwl6bIXBljZqTcUWc7sVcTtZEXbzZXMyX+x2U+/nst2EGWyYpUiZqLxtnGOUj3F5KUQDmWHIrhH/JAZeKhFfWqipE+MmBddKUX0KnKCFY8QDKHrITTBkpIhVRYJkquhcFCyojEdGAKHqCKw39FsBc3YEu+ug7C94v1nh/Tbg/Wp1hcWCRs1KytcSTu3akbVo9Y9qmX+ZDqsPPjddX7CXhzCDAAAAAElFTkSuQmCC) no-repeat;
  background-size: 80px 80px;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.plutojs_video_cover {
  width: 100%;
}
.plutojs_video_videoContainer video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 888;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
}
.plutojs_video_hidden {
  visibility: hidden;
}
.plutojs_video_displayHidden {
  display: none;
}
.plutojs_video_content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.plutojs_video_close {
  padding: 30px 0;
  width: 90%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.plutojs_video_tips {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 32px;
  text-align: center;
  color: #fff;
}
.plutojs_video_closeIcon {
  margin: 0 40px;
  width: 40px;
  height: 40px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bmF2YmFyX2ljb25fY2xvc2Vfd2hpdGU8L3RpdGxlPgogICAgPGcgaWQ9IummlumhteWKoOi1hOiuryIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue7hOS7tiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2MTMuMDAwMDAwLCAtMjg1My4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE2MTUuNTg5NTQsMjg1My40NjkwMyBMMTYyNS40ODQsMjg2My4zNjQgTDE2MzUuMzg5NTQsMjg1My40NTgwMyBDMTYzNS45Nzk3MiwyODUyLjkwMDA2IDE2MzYuOTA2NzgsMjg1Mi45MTMxNyAxNjM3LjQ4MDk1LDI4NTMuNDg3NiBDMTYzOC4wNTUxMSwyODU0LjA2MjA0IDE2MzguMDY3NzksMjg1NC45ODkxMSAxNjM3LjUwOTU0LDI4NTUuNTc5MDMgTDE2MjcuNjA0LDI4NjUuNDg0IEwxNjM3LjUwOTU0LDI4NzUuMzg5MDMgQzE2MzguMDY3NzksMjg3NS45Nzg5NCAxNjM4LjA1NTExLDI4NzYuOTA2MDEgMTYzNy40ODA5NSwyODc3LjQ4MDQ1IEMxNjM2LjkwNjc4LDI4NzguMDU0ODggMTYzNS45Nzk3MiwyODc4LjA2Nzk5IDE2MzUuMzg5NTQsMjg3Ny41MTAwMyBMMTYyNS40ODQsMjg2Ny42MDUgTDE2MTUuNTg5NTQsMjg3Ny40OTkwMyBDMTYxNS4yMTQzNiwyODc3Ljg5NTQ5IDE2MTQuNjUzNDIsMjg3OC4wNTY4NiAxNjE0LjEyNDkyLDI4NzcuOTIwMzUgQzE2MTMuNTk2NDEsMjg3Ny43ODM4NCAxNjEzLjE4Mzc4LDI4NzcuMzcxMDIgMTYxMy4wNDc1MywyODc2Ljg0MjQ1IEMxNjEyLjkxMTI3LDI4NzYuMzEzODggMTYxMy4wNzI5LDI4NzUuNzUzMDIgMTYxMy40Njk1NCwyODc1LjM3ODAzIEwxNjIzLjM2MywyODY1LjQ4NCBMMTYxMy40Njk1NCwyODU1LjU5MDAzIEMxNjEzLjA3MjksMjg1NS4yMTUwMyAxNjEyLjkxMTI3LDI4NTQuNjU0MTcgMTYxMy4wNDc1MywyODU0LjEyNTYgQzE2MTMuMTgzNzgsMjg1My41OTcwMyAxNjEzLjU5NjQxLDI4NTMuMTg0MjEgMTYxNC4xMjQ5MiwyODUzLjA0NzcgQzE2MTQuNjUzNDIsMjg1Mi45MTEyIDE2MTUuMjE0MzYsMjg1My4wNzI1NiAxNjE1LjU4OTU0LDI4NTMuNDY5MDMgWiIgaWQ9Im5hdmJhcl9pY29uX2Nsb3NlX3doaXRlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
  background-size: contain;
}
.plutojs_video_videoContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
}


.plutojs_video_fullscreenContainer .plutojs_video_videoContent {
  padding-bottom: 1.066667rem;
}

.plutojs_video_container div .plutojs_video_coverIcon {
  width: 3.333333rem;
  height: 3.333333rem;
  background-size: 1.066667rem 1.066667rem;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.013333rem dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.026667rem;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 10vw;
}

.xpm-loading .xpm-loading__content .xpm-loading__content--inner,
.xpm-loading__wrapper .xpm-loading__content .xpm-loading__content--inner {
  width: 0.853333rem;
  height: 0.266667rem;
}

.xpm-loading .xpm-loading__content .xpm-loading__content--label,
.xpm-loading__wrapper .xpm-loading__content .xpm-loading__content--label {
  font-size: 0.32rem;
  line-height: 0.533333rem;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body {
  padding-bottom: 34PX;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-title {
  color: #ff4d4f;
  font-weight: bold;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-content {
  font-family: "PingFang SC";
  color: rgba(0,0,0,.9);
  font-weight: 400;
  text-align: center;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-content .bold {
  font-weight: bold;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row .xpm-button {
  width: 195PX;
  padding: 8PX 20PX;
  color: #fff;
  background: #000;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
  border-radius: 8PX;
}

.xpm-dialog .xpm-center-popup-wrap .xpm-dialog-body .xpm-dialog-footer .xpm-dialog-action-row>* {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.page {
  min-height: 100vh;
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/a65bb92677aa8dc53369.png) no-repeat;
  background-size: cover;
}

.page .plutojs_video_videoContainer video {
  background: #f2f6ff;
}

.page.page-lcc {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/fb4186941097968e570e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g3 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/1cd67655cc71595f6228.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-p5 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/87a0989df8ce0dc04f3e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/73ddff82e084196f00fb.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/f8a04fdea98c4e2b20e8.png) no-repeat;
  background-size: cover;
}

.page.page-fsp {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/a584dd9d4b76f0d604b5.png) no-repeat;
  background-size: cover;
}

.page.page-apa {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/1eaca19c8c81ba584902.png) no-repeat;
  background-size: cover;
}

.page.page-cngp {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/edccb409c1d838534fa1.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/cc029b90a92f52572756.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/c02eb4ba31aa4730fddb.png) no-repeat;
  background-size: cover;
}

.page.page-ngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/eb0b34771cd74934651e.png) no-repeat;
  background-size: cover;
}

.page.page-lcc-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/23684a2f8cc4092ba564.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/0be0b552926fb0fa8bad.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/b63b623b0b6c4e5725dc.png) no-repeat;
  background-size: cover;
}

.page.page-vpa-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/0be0b552926fb0fa8bad.png) no-repeat;
  background-size: cover;
}

.page.page-apa-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/80657f1f09aec2b9886b.png) no-repeat;
  background-size: cover;
}

.page.page-apa-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/bc9b9fb193413202508b.png) no-repeat;
  background-size: cover;
}

.page.page-apa-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/337decbff65bf208f080.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/e3ea06e4ae10ddc3db98.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/d4efc89a17cf767e99b2.png) no-repeat;
  background-size: cover;
}

.page.page-xngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/26fc794b1055ed721a4a.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-g9 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/3a221a47c04078627972.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-p7i {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/242a1d00f9ef9991892e.png) no-repeat;
  background-size: cover;
}

.page.page-cngp-g7 {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/fad9870ba61edfc60ca8.png) no-repeat;
  background-size: cover;
}

.page.help {
  background: #dae3ee url(https://s.xiaopeng.com/logan-static/fe/xp-ngp/1.0.19/17d8c2edda8414b9c594.png) no-repeat;
  background-size: contain;
}

.title-field {
  margin: 2.133333rem 0.426667rem 1.92rem;
}

.title-field h1 {
  font-family: "PingFang SC";
  font-weight: normal;
  margin: 0;
  font-size: 0.853333rem;
  line-height: 1.173333rem;
  color: rgba(0,0,0,.9);
}

.title-field h2 {
  font-family: "PingFang SC";
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.106667rem 0 0;
  font-size: 0.48rem;
  line-height: 0.693333rem;
  color: rgba(0,0,0,.9);
}

.title-field .title {
  margin-left: 0.213333rem;
  padding: 0 0.106667rem;
  display: inline-block;
  line-height: 0.48rem;
  font-size: 0.266667rem;
  color: #fff;
  border-radius: 0.053333rem;
  background: rgba(90,150,10,.7);
}

.title-help-field {
  margin: 0.666667rem 0 0.8rem;
  text-align: center;
}

.title-help-field h1 {
  margin: 0 0 0.213333rem 0;
  font-size: 1.066667rem;
  color: #0f1520;
}

.title-help-field h2 {
  margin: 0 0 0.186667rem 0;
  font-size: 0.48rem;
  color: #0f1520;
}

.video-tips-field {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video-tips-field .video-tips {
  position: absolute;
  top: -1.12rem;
  padding: 0.266667rem 0.533333rem;
  border-radius: 0.133333rem;
  line-height: 1.5;
  font-size: 0.346667rem;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  text-align: center;
  word-break: break-all;
}

.video-field {
  margin: 0 0.426667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.video-field .inner {
  padding: 0.64rem 0.32rem;
  width: 9.2rem;
  border-radius: 0.106667rem;
  background: -webkit-linear-gradient(top, rgba(226, 233, 254, 0.85) 7%, rgba(226, 233, 254, 0.4) 43%, rgba(226, 233, 254, 0.41) 100%);
  background: linear-gradient(180deg, rgba(226, 233, 254, 0.85) 7%, rgba(226, 233, 254, 0.4) 43%, rgba(226, 233, 254, 0.41) 100%);
  box-sizing: border-box;
  border: 0.013333rem solid hsla(0,0%,100%,.3);
}

.video-field .inner .video {
  margin-top: 0.32rem;
  width: 100%;
  height: 4.8rem;
  border-radius: 0.08rem;
}

.video-field .inner .video .video-container {
  width: 100%;
  height: 100%;
}

.video-field .inner .video .video-container .plutojs_video_container {
  height: 100%;
}

.video-field .inner .video .video-container .plutojs_video_container video {
  background: #000;
  border-radius: 0.08rem;
}

.video-field .inner .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.333333rem;
  height: 3.333333rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video-field .inner .intro-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "PingFang SC";
  font-size: 0.426667rem;
  line-height: 0.64rem;
  color: rgba(0,0,0,.9);
}

.video-field .inner .intro-desc {
  margin-top: 0.213333rem;
  font-family: "PingFang SC";
  font-size: 0.373333rem;
  line-height: 0.586667rem;
  color: rgba(0,0,0,.6);
}

.video-field .inner .intro-num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.32rem;
  font-size: 0.4rem;
  line-height: 0.613333rem;
  color: rgba(0,0,0,.6);
}

.video-field .inner .intro-num-cur {
  font-size: 0.56rem;
  line-height: 0.773333rem;
  color: rgba(0,0,0,.9);
  font-style: normal;
}

.btn-field {
  margin-top: 0.88rem;
  padding-bottom: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-field .tip {
  font-family: "PingFang SC";
  margin-bottom: 0.213333rem;
  font-size: 0.32rem;
  line-height: 0.533333rem;
  color: rgba(0,0,0,.6);
}

.btn-field .btn {
  font-family: "PingFang SC";
  width: 7.306667rem;
  height: 1.28rem;
  border-radius: 0.106667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.4rem;
  color: #fff;
  background: #181916;
}

.btn-field .btn:hover,
.btn-field .btn:active {
  opacity: .6;
}

.btn-field .btn:not(:active) {
  opacity: 1;
}

.btn-field .btn.disabled {
  opacity: .25;
}