html {  box-sizing: border-box;vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;text-size-adjust: 100%;min-width: 200px;
}
*,*::before,*::after { box-sizing: inherit;margin: 0;padding: 0;-webkit-tap-highlight-color: transparent;box-sizing: border-box;outline: 0 none;vertical-align: baseline;appearance: none;vertical-align: baseline;    -webkit-font-smoothing: antialiased!important;    user-select: none;-webkit-rtl-ordering: logical;
     -webkit-font-smoothing: antialiased !important;}
a{text-decoration: none;vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;}
input, select, button, textarea {vertical-align: baseline;
-webkit-transform: translate3d(0, 0, 0);-webkit-user-select:text !important;
    -webkit-font-smoothing: antialiased !important;border-radius: 0;border: 0;background: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
blockquote,dl,dd,figure,h1,h2,h3,h4,h5,h6,p,pre { margin: 0; vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;font-weight: normal;}
button { background: transparent;border: 0;padding: 0;vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important; }
button:focus { outline: 1px none;outline: none;vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important; }
fieldset { border: 0;margin: 0;padding: 0; vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;}
iframe { border: 0; vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;}
ol,ul { list-style: none; margin: 0;padding: 0;vertical-align: baseline;
    -webkit-font-smoothing: antialiased !important;}
.all_center{display: flex;align-items: center;justify-content: center;flex-direction: row;}
video{width: 100%;}
.videos{width: 100%;height: 100%}
body{max-width: 1920px;margin: 0 auto;}
::-webkit-input-placeholder{
    color: #6c717a;
}

/* NeueHaasGroteskTextPro55Roman  SweetSansProLight  SweetSansPro-Bold SweetSansPro-M*/
@font-face{
    font-family: 'sweetSansPro-Regular';
    src: url('./fonts/SweetSansPro-Regular.ttf') format('truetype');
    /* src: url('https://cdn.8525533.xyz/assets/fonts/SweetSansPro-Regular.ttf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'sweetSans';

    src: url('https://use.typekit.net/af/59a1b6/00000000000000007735c62f/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n8&v=3');
    /* src: url('https://use.typekit.net/af/e74318/00000000000000007735c620/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n5&v=3'); */
    /* src: url('https://cdn.8525533.xyz/assets/fonts/SweetSansPro-Regular.ttf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
}
/* ITCAvantGardePro-Bold.otf */
@font-face{
    font-family: 'times';
    src: url('./fonts/times.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'NeueHaasUnicaW1G-Regular';
    src: url('./fonts/NeueHaasUnicaW1G-Regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'NeueHaasGroteskTextPro55Roman';
    src: url('./fonts/neue-haas-grotesk-text-pro-55-roman.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'NHaasGroteskTXPro-55Rg';
    src: url('./fonts/NHaasGroteskTXPro-55Rg.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'ITCAvantGardePro-Bold';
    src: url('./fonts/ITCAvantGardePro-Bold.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'SourceHanSansCN-Bold';
    src: url('./fonts/NotoSansHant-Bold.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('./fonts/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Caslon540LTStd-Italic';
    src: url('./fonts/Caslon540LTStd-Italic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* font-family: 'KingsCaslon-Regular'; */
    font-family: 'KingsCaslon-Regular';
    src: url('./fonts/KingsCaslon-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'l';
    src: url('https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sweet';
    src: url('./fonts/SweetSansPro-Regular.ttf') format('truetype');
    font-weight: 800;
    /* src: url('./fonts/NHaasGroteskTXPro-55Rg-Regular.ttf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NHaasGroteskTXPro-MG';
    src: url('https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweetSansProLight';
    /* src: url('./fonts/sweet.otf') format('truetype'); */
    src: url('./fonts/SweetSansProLight.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NHaasGroteskTXPro';
    /* src: url('./fonts/sweet.otf') format('truetype'); */
    src: url('./fonts/NHaasGroteskTXPro-55Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweetSansPro-M';
    /* src: url('./fonts/SweetSansPro-Medium.otf') format('truetype'); */
    src: url('./fonts/SweetSansPro-Medium.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweetSansPro-Medium';
    /* src: url('./fonts/SweetSansPro-Medium.otf') format('truetype'); */
    src: url('./fonts/SweetSansPro-Regular.ttf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SweetSansPro-Bold';
    /* src: url('./fonts/SweetSansPro-Medium.otf') format('truetype'); */
    src: url('./fonts/SweetSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AGaramondPro-Regular';
    src: url('./fonts/AGaramondPro-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: "sweet-sans-pro";
  src: url('./fonts/sweet-sans-pro.woff2') format("woff2"),
  url("./fonts/sweet-sans-pro.woff") format("woff"),
  url("./fonts/sweet-sans-pro.ttf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}

/*@font-face {*/
/*  font-family: "sweet-sans-pro";*/
/*  src: url('./fonts/sweet-sans-pro.woff2') format("woff2"),*/
/*  url("./fonts/sweet-sans-pro.woff") format("woff"),*/
/*  url("./fonts/sweet-sans-pro.ttf") format("opentype");*/
/*  font-display: auto;*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  font-stretch: normal;*/
/*}*/



@font-face {
  font-family: "sweet-sans-pro";
  src: url("./fonts/sweet-sans-pro-medium.woff2") format("woff2"),url("./fonts/sweet-sans-pro-medium.woff") format("woff"),url("./fonts/sweet-sans-pro-medium.ttf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "sweet-sans-pro";
  src: url("./fonts/sweet-sans-pro-bold.woff2") format("woff2"),url("./fonts/sweet-sans-pro-bold.woff") format("woff"),url("./fonts/sweet-sans-pro-bold.ttf") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}


[v-cloak]{
    display: none
}


/* @media screen and (max-width: 750px){
  .mobile_base{display: block}
  .pc_base{display: none}
  body{padding-top: 1.15rem;}
}
@media screen and  (min-width: 751px){
  .mobile_base{display: none}
  .pc_base{display: block}
  body{padding-top: 146px;min-width: 1000px;}
} */

#app{width: 100%;overflow: hidden;}


@media screen and (max-width: 750px){
  .mobile_base{display: block}
  .pc_base{display: none}
  body{padding-top: 1.15rem;}
  #formMask{overflow-y: scroll;max-height: 90vh;}
  #indexShow{font-size: .24rem;}
}
@media screen and  (min-width: 751px){
  .mobile_base{display: none}
  .pc_base{display: block}
  body{padding-top: 108px;min-width: 1000px;}
}



.b:hover{
    background: #40464E !important;
}

.bb:hover{
    border: 1px solid #D1D4D7 !important;
}


.lw8vzirb {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzirj {
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzirl {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzirm {
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzitf {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vziry,.lw8vziro,.lw8vziu3,.lw8vziu8{
  margin-top: 20px;
  margin-bottom: 20px;
}
.lw8vzitn,.lw8z8q2l,.lw8vziu9,.lw8vziua,.lw8vziuj,.lw8vziv1{
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzis7{
  margin-top: 10px;
  margin-bottom: 20px;
}
.lw8vzirk,.lw8vziv7,.lw8vzito,.lw8vziuk,.lw8vziv2{
  margin-top: 20px;
  margin-bottom: 30px;
}
.lw8vzit6,.lw8z8q1r,.lw8vzitr,.lw8vzitv,.lw8vziub,.lw8vziun,.lw8vziut,.lw8vzirq,.lw8vzirf,.lw8vziu4,.lw8vziu4,.lw8vzitz,.lw8vziuf,.lw8vziux,.lw8vziv3{
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzirn{
  margin-top: 20px;
  margin-bottom: 0;
}
.lw8vzitp{
  margin-top: 0px;
  margin-bottom: 10px;
}
video {
  display: block;
  height: 100%;
  width: calc(100% + 1px);
}
.lw8vzirz{
  margin-top: 0px;
  margin-bottom: 25px;
}
.lw8vzirp {
  margin-top: 0px;
  margin-bottom: 25px;
}
.lw8vzirr,.lwhfifcu{
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzis3 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.lw8vzisb{
  margin-top: 25px;
  margin-bottom: 0px;
}
.lw8vzirt{
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .r-grid--center-vertically-qo4{
    display: block !important;
  }
}


.lw8vzirb {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzirj {
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzirl {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vzirm {
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzitf {
  margin-top: 0px;
  margin-bottom: 0px;
}
.lw8vziry,.lw8vziro,.lw8vziu3,.lw8vziu8,.lw8vziuk,.lw8vziv2{
  margin-top: 20px;
  margin-bottom: 20px;
}
.lw8vzitn,.lw8z8q2l,.lw8vziu9,.lw8vziua,.lw8vziuj,.lw8vziv1{
  margin-top: 20px;
  margin-bottom: 50px;
}
.lw8vzis7{
  margin-top: 10px;
  margin-bottom: 20px;
}
.lw8vzirk,.lw8vziv7,.lw8vzito{
  margin-top: 20px;
  margin-bottom: 30px;
}
.lw8vzit6,.lw8z8q1r,.lw8vzitr,.lw8vzitv,.lw8vziub,.lw8vziun,.lw8vziut,.lw8vzirn,.lw8vzirq,.lw8vzirf,.lw8vziu4,.lw8vziu4,.lw8vzitz,.lw8vziuf,.lw8vziux,.lw8vziv3{
  margin-top: 0px;
  margin-bottom: 0px;
}
video {
  display: block;
  height: 100%;
  width: calc(100% + 1px);
}
.lw8vzirz{
  margin-top: 0px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .r-grid--center-vertically-qo4{
    display: block !important;
  }
}