html,body{
    width: 100%;
    height: 100%;
    background: #F6F6F6;
}
.app{
    background: white;
    /*padding-top: 2%;*/
    height: 100%;
    /*overflow-y: auto;*/
}
.app-div{
    height: 100%;
    overflow-y: auto;
}
.appv1{
    background: #333333;
    height: 100%;
    overflow-y: auto;
}
@media only screen and (min-width: 769px){
.appv1{
    height: 100%;
    overflow-y: auto;
    background: #333333;
}
}













































































































































































































































































































.loading[data-v-764dbae6]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.loading>img[data-v-764dbae6]{
  width: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.loadDiv[data-v-764dbae6]{
  color: #ffb300;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  top: 70%;
  left: 50%;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 5px;
}
#message[data-v-764dbae6]{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* display: none; */
    z-index: 1000
}
.messageDiv[data-v-764dbae6]{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: black;
    width: 300px;
    height: 150px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    background: white;
    cursor: pointer;
}
.messageTip[data-v-764dbae6]{
    border-bottom: 2px solid rgba(0,0,0,0.1);
    text-align: center;
}
.messageCont[data-v-764dbae6]{
    padding: 30px 0;
    text-align: center;
}
.messageClose[data-v-764dbae6]{
    border: 2px solid rgba(0,0,0,0.1);
    width: 50%;
    margin: auto;
    border-radius: 20px;
}
.contentDiv[data-v-764dbae6]{
  height: 100%;
  width: 100%;
}
.productContent[data-v-764dbae6]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 101;
    top: 0;
}
.productContent-div[data-v-764dbae6]{
      width: 300px;
      height: 300px;
      z-index: 101;
      position: absolute;
      left: 50%;
      top: 50%;
      background: rgba(255,255,255,0.9);
      color: black;
      border-radius: 6px;
      padding: 7px;
      line-height: 30px;
      margin-left: -150px;
      margin-top: -150px;
}
.onlyContent[data-v-764dbae6]{
    height: 100%;
}
.contentDiv1[data-v-764dbae6]{
      height: 100%;
      width: 100%;
      margin: auto;
}
@media only screen and (min-width: 769px){
.loading>img[data-v-764dbae6]{
    width: 25%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.loadDiv[data-v-764dbae6]{
        color: #ffb300;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        top: 82%;
        left: 50%;
        position: absolute;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: 10px;
}
.onlyContent[data-v-764dbae6]{
      height: auto;
}
.productContent-div[data-v-764dbae6]{
      width: 400px;
      height: 300px;
      z-index: 101;
      position: absolute;
      left: 50%;
      top: 50%;
      background: rgba(255,255,255,0.9);
      color: black;
      border-radius: 6px;
      padding: 7px;
      line-height: 30px;
      margin-left: -150px;
      margin-top: -200px;
}
.contentDiv[data-v-764dbae6] {
      height: 100%;
      width: 60%;
      margin: auto;
}
}

.detail-top-left[data-v-46fa75e5]{
  width: 50px;
  height: 30px;
  vertical-align: inherit;
  position: absolute;
  z-index: 100000001;
  top: 2.5%;
  left: 5px;
}
.detail-top-back[data-v-46fa75e5]{
  position: absolute;
  z-index: 100000001;
  margin-left: 10px;
  height: 100%;
  vertical-align: inherit;
}

#app{
    width: 90%;
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    height: 80%;
    overflow: auto;
}
.person-content{
    background: #ffffff;
    width: 90%;
    margin: 0 auto;
    padding: 5% 5%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 15px #ccc;
    box-shadow: 1px 3px 15px #ccc;
}
.personOption {
    min-height: 50px;
    margin: 0 auto;
}
.presonicon{
    width: 24px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.presonal{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAAFIUlEQVRYR8WYXWxURRTH/2eWtnTFRAsIRgMiRAwFgh9gQgwUFU3Vlu2dOyIKRYw2aowhxheNDw0hGhITJfHFakAo1I+5c1uoQMSIQDQGKmpCIKIgakwElSIJtNC6c8y0d8vS0v0q4DztnTvnP78598w5M0sYQlNKTWLmu6zFBADFALqEwFEi2qO1PlyoNOVrWFlZWRKPx5cB9DyA8gz2BwB+u6OjY+22bdvO5TNPXlBKqbut5bUAJuUxyWEhaJnW+stcbXKGklI+CVADgFia+O8AtwLiIDPaiVAG2CkAVQG4MW1cEuA6Y8yaXMBygvI89RgRbzwvyEcAvGSM2QSALzIRSSkXAHgDoImp98z0eBjqpmxgWaGUUlOs5X0Ahkdim4SgxVrr09nElVIjrOUNAByga2eFoDu01gcz2WaFktL/AkCFEyHCZ2VlZQ81NDR0ZwNKva+rqytqb2/fwoz5Ud9OY4J5BUN5njeHSOyKBE4KQZO11n/lCpQap5QabS0fAnCt62O2c8Mw3D2YTkZPSem/D2BprxBeCcPg9XyBUuM9z3+ZCK9Fz+uMCZ4oCMr3/WPMGOOMhaDxWuvfCoVSSo2zln+NwuB4EARj84aqrl40pqio+1hkeMiY4NZCgVJ2Uvo/AJjsnru7i8Zu3vzB8YtpDvr5lFIzrOXvIqPtxgQPXAKoTwHcH3n+Nq3193lBSSnvBKit14hajdHVQ4dSmwF2idVF6UxjzDd5QSUSCyfGYsmoqFKbMXrWJYDa62CcTjIZm9TS8pFLwgNaps8Xs5ZdgnRJ82w8XjqqsbHxTKFgS5Ysuaqjo/PvlJ4QNEJrncwLyg32ff9zZtwT7ZhHgiDQhUL5vq+Y8XGktSMIgnvz3n0R1FPMeDeKq2+nTSufWV9fb/MFq6+vF/v3H2gD+PYI6ukgCN4rCEopVWot/wygJ6cUmkD7Jc5jQtDNWuvOgqAib9UyY10kYImwLAiC9bl6y/d9Z+/OYKJ3YVQbhroxk33WguyMpfTdcWNRSogIb5WWlr6aKfBdYHd2dq5kxvKUHTM2hmGwONuCcoKqqqqKFxcP1wA/mCZ4ggiuNm5KJpOHmpub/6ypqbkuFou5jL2AGa62jTw/nlqFgK+17rokUE5EKVVsLTuIPo9lE08D2t3VdbaytbW1IxebrJ5yhTSZ5FoiSAAzchEdZMxpgLcQ0YapU6duzbSLB4WSUpYDtAJAIhWkGYDcJzkVXbOuzj6ejxDRiiAIXMAPOE4PgOqNn+JVAD3b75KQYvoDwCcAtzHzvlgs9mP60biiomJYWVnZDURUTkSzmOk+gGe7AjpwUfQVYGuNMS7t9LULBtbULLxFiKS7DPQ/ppzpTQu2cfr06XvzTaBKqbFRCDwHYHw/uFNEcNVie9/uTv1wn4uZdhJhVJrRPwCtKikpeqepqenkEOKpx7TXi6OXEvHKVEKONLuJ8HAKrMdTbiXW8h4A49Jyynrm5IvNzc0nhgrT3z6RSFwjxLDVRKi90AE8yxjzUw+UlOnnHHQD/EyuF8ehAEspXwBodXrqMEbPJc/z5hGJHedf8EJjTE81vxLN8/zlRHgzNZe1VEme569x9SzqzHjLuFyQUvpbAVSmGByUC+65rkMImq21/vpyTT6Ybk2Nmi8E9+w+Zuy6ACqZHDahpeXDX640VCLx6E2x2L9H+6Ck9A0AD8C5eLx05FCOvIUuJjoqu11eAiB0gX49IOoAuzsMQ/e/wf/S3IYDxBzANvwHdFH3MmU29IoAAAAASUVORK5CYII=);
}
.phone{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAB7UlEQVRYR+1YPWsbQRB9MzK2AykioiqVq5CECOLCBBJ3IW3QarVJGRX5BcbgyiDS2WD/AEHAlRrtCXWClIEYF/4ohNO5dUjlFBKJibRjTvY5RsgymFslxV5xB3cw792bN7s7Q7i4yuXybLfbfe6cyybvfD2Z+aTT6ey0Wq3TGIPiW7FYXGDmpgge+AIejkuEYyJ6U6/X96hSqXC73T4CaG5SBP7iyFE+n39ISr17zNz/NnkC54jM9IiMMc+ck4OERL/fyzabzZ++SBUKhXuZzNRJEp+Z5gOJi3QEJRJjBiWCEmGdGHggrJjJXhGUCEoMn0uCJ4IngieuO62H6gjVcavqALBGhN++2kARzAJYGdsG+gK/Lu7IXvQ/IUFfRaTniwwRTQHyMnTlqa6Yxpi7IhK7/IVz+A64zUajsX9TGlMjcT7nOvxyNbcATgFZjKJodxyR1EgoZV4zy+cRYPUosm8nQkJr/R6grRFg21FkL50/ikxqShhjnjgnh8MgRNiw1i5PRIkYpFQqrYrg4xXAg5mZ6Ve1Wu1yMudViSS4UuopMy+K8HEul21Vq9U/qVTHP9nAlFL3mTM/AGRu+gsP33vMlBsM2LXWGwAteQAZG5II69balQGJeNqvtf5AREXncMc3GWb8AhBZaz8BkDOuTm+MsCWypwAAAABJRU5ErkJggg==);
}
.company{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAnCAYAAAB0Q6rCAAACxElEQVRYR+2ZPWgUURDH//POHAQV9QxBI4pYWQh+FBYKQtDKItzt21fYKOkV7bTLKfaSKKIBJYJo4O3bHMbGDywsTKmGNOkElWAhikISL9kdWXKXXC6X3O56uQ141+29mf/7vdmZ2VmWsPJHUkoLoLMAdtZYj/vXNEDvisXZh6Ojo9NxRajSUSmVYmbNjFxcwRB+k8x+t+u6UyFsV5gsA7Ys+xIRBuIIRfMhY4y2o/ksWC8DllK9Abi7JPQVYCeOaG0f6gKgSmtzQlC71tqLql8N/AHgwwsi3G+MuRJVcDX7bDa7PZXa9KO87nnzOwqFws+o+i3gVoSrItBKiQ2TEkqpjO/jGcCH6lU2M+aEQJ/jOHfLtk3vErZtn2fGo3qwFetfjHH2Jgacy+U6hUi9AHAkBPQsQNeM0f2rAQf93vPaflVrCVGc7+jo+DY4ODhXa5/Eiq7OoX8T4U4mk+mrBt+owKXz8JAxprfycAkC0wSAGrMEdwLYXYYUgg5qrSfL14kBrzZLKKXafZ8X52UinHMcZzguMGWz2W31is7zvGL1kB6lrUlpc3kPZup1XT0UGVgptcf3+S2AA/WAg1GPCDccx8nHaWsNAY7eh/mzMWZfYsA9PT1b0+n0U2bUfdIB/IdZXHdd/SQx4BBpsKZJ03O4BbzGK1JDii6fz4vx8YmrRHQ8aAL1Hq1C0M3Kht/0lLAsZROxDpsazBhzXedEYkUnpTwD0KuwwAB9NEYvTnZNj3AAKqW8AOBoCOgZz2u7XygMf0oswiEgW20tiEDsWaIV4fXuw60I/zcRVkqlfd8/BWALgFsA7S/d/ucAP/jXVFh8UyDazIzHFXr3gjG0tj5dXvLDbQAvPc8bGxkZ+U5S2q8BnG4U2DrqvDfGORYAB98adq3jRo2SnjLG6SLLsk4C4iIR2hul3GgdZsykUjSgtR77C4IXAVVjW0OAAAAAAElFTkSuQmCC);
}
.section{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAtCAYAAAA3BJLdAAADFElEQVRYR+1ZTWgTQRh936YBi1bRiwi2WKoiFEQoerJHPaZtZtZiwZ8iFKUIxXuhvdSDSI/ipVgPUp2dpJiLXiSIB70oUqH0YGn1Ir2Yg60as/vJpqmNkk13NioKO6cQ3nvfy8vs983uEv6jRY14FUIIAJMAtYbQWfQ8Gs5m1aMQ2JqQyGZ7e/s7Egl3HkDSoPiaZVGHUuqDAecHNLJZIcRlgG5VlBaYEWiAiPcD1OFjiXDWcZyZv2o2nZYjRP4WAJhpMJNRd4IMmGDr/YjIyZoYMMHGZk3SMsHGyZqkZYKNk61OiwjDpVLpXlAqltV0hQgTYdrcH0lWSnmeGdOmzZ2ZejIZ9dCUVx4oUUg+Z2BgYHexWJxnxt7wGrxULBY7c7ncWnjOJjKyWV9CCHEIwCgztW1IEuEkgASAr8x4XvX9W8uicaXUuyhGG0o2qKAQsgBgF4BlrZ0DUY3V4jWUbC3B2GwllTjZeM820mf/uW4wNDSUXFlZ2W7SfhKJpmUAOwF+77ruURNuoVD4lM/nS0GcwAtMSmkz4y6AbSYFG8Sueh7JoDvgQLNCSA0g3WDxKPQprZ1LRkNBCDkLoKdCesGML1Eqh+EQYQeArgp2WmvnYmSzrtvUPjs7sxSmcBSMbdvHPI9fxWajpFePEyf7uxPd0DNKNpVKtSSTyVHA6gbQvC7C7evNvfx5HrCKAHsALVsWbiqlnkU139dnn7IsXAW4tfz0C14zQIcreh8BqhzQeZUIT4hoQin1udxnhZCPAZw2KP7N89zj2Wz2tQGnDJVSdjMjD8Ay4D7Q2ukn27bbPI/9EWm6JrV2rpmShJD+A7wLhjx23dIe32yoHueLm2CDzFQPm63696/Y2Gy9vzhOtlY68Z6tc0CKLzCTntnQBSaEOAKQ/z7LX1WjrpaFzbHIjNuZjHPZxGhlWt4HcObnMR6ksjnyLYv20djYmDU392YBwEGzwpzSWufMOEA6bZ8jYv/ezmDRS61VV+VsIDqZaYoIJ0Io+Olf11rdCIGtBaF0Wo4TYQRAy9Ya9BTwBrXWi98BZ4J/Iwpn+cAAAAAASUVORK5CYII=);
}
.job{
    background-image: url(data:image/png;base64,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);
}
.email{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAhCAYAAABAxlKmAAADI0lEQVRYR+2Yz2sTURDHv/MSsypikVbRiyA9C17Uiz9i0aJgsM32UQjSKh4ED55E/BeKNw+iF60iQdndpMV66aGNIog3xatFEcVfLWIRNG13R16z22zSTZvNr1Jojvtm33zmu/Mm84awjn7ksaZSqR35/PxlIj7iONi2ljEIgT/M9FLTNt1Np9O/PJZF2GQyeYxIZAC0ryVkgO8ZZieZyWReqDWSUu5zHH4DYLvP+PcaQ7f5/M8KQQcMw/hAuq7fB+hCcZE/MvPRTCbzeS2ApZT7HYcnS78yD1uWdZF0ve8HgJ2lYDzFzPFWAytQ2+YJInSUCfXTssxdCpbVAjNeEVEU4IMFQ54SQpxS8rdC4eWgNAnwPwBnlH/LMmkJFsCoEDRo2zxOhEMu4BchKG4YxvtmApeDEmEin88nYjHtNoDBQFjLMnuklG2tBA5Q9KkQ6DMMY07X+4ZXhFVRtApY1/XDAD0rHiZaAlUcVcEqw0QisTUW2zwG8Ak3Bb4JQd2GYbxrREq4oOPFklkKGgo2CJgZ05EIddULXA1oaNhmAFcLWhOsB6xpmsWM026Zm2a2T2az2bdhUiIAdEQI9KvDFLRP1Tlb/rKUMuY4MAFOuGuzAHdblvW6GuDloJwWQgwYhmFXer9mWLdK1ATc2yu7hOBRwOvmVgetOQ38kYdV2AUdA7DF/WdcVVHPX13KepsUgB3VAKW8lCDCOdM0c/7A6gFtiLI+4IjjOA99wH8dh85ms8aEsqkXtKGwbg4vAwboOjMTEYaKnx4PhKBLKx2mhlaDSidWShmxbb5HhIEKNncsy7yi2rhqqobfpiE5G+BUNfFDAF1Ttw93nYlw0zTNG7WANjwNyqF7evo7I5GF4+q5bUefj4w8mQqrZiuUrYep4rvNSoMN2A1lm5IDizcF/TFA/Wp/78LoXcU/zcxMd+ZyuYVmOQ+zbzwej7a3d6hqsheAdxUvGXI80rTYVf98KYyDRtkW5m5ztwCcd5ufwpAjYHxkE+E7M+Yb5TzkPlEAuwFEvCZpaXykHqybwZwXtX/kyUx7fJGFFKZuc5uIvwaNPP8DnedKQCOFGq0AAAAASUVORK5CYII=);
}
.sendcode{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAC6UlEQVRIS7WVT2hcVRTGv+/eqkVcmIRKC1YiupL6ByIFEekgiAaSvJk7bwoWEUEx4EJasJuiu9adlq6UikJVBHm55zEPkqUGUVxoVFAXgiUEtbQEdCOU6bx3T7nNKNNmMpMU+pbnnfs73zvfPecRt/Dhdtmzs7N3GmMm2u32H9s9MxRer9fvJm1CqlPFswDuAHAeYGYMvPf++2GFNsGnp1t7du8O9QgE8LSq3g6wIvE1gFUAz6nq3ggluaZKIdWLyLcAQn+x6+DOuXOqOALoLpJdVX4ZFXa73XZRFJd6B02SpE8ao00gCtD9vUKxXc+LyDf/FfgfXq/XHyDN7wB/IvVMp9NpLy4u/jOqv/V66yAZUiAcJ/mJiLy4Cd5oNA4A/Jk0J0UW3ooJrVbLrq+vb+nL8vJyBUBrtdqu8fHxLmAWRBZaI+HOpfNAeH+4cv4l4u+r1WpmR/AkSR621h6Ltm0U0MdV9QBpPgNwpRc7LyInd6z8RsXOudOqONrp2H1LS9nF/vcj4UmSPGSM/RXgqTz3b94MXJVZnvvDg3p+D8BLJM6KyPxO4M65faq4QOI9EXltEzwGnGv+qYq/89w/shN4o5E6oPLGmFe99x8MhDebzTMhhNdJHhSR7/oLDOu5c81FQJ8py3J/37Dhujs8Nzf3oLX2F5I/WmsPZVnWuxXxqzYMrapybz/AOTenqm3AfJTn/uUtx3+jNe6Uqp4g7cLa2uqRlZWVbow3Go0nSM6ISDRbYyxJ0qesDUsALpdl+VhRFBeGwuO1mpiYyEMIMyS/qqrqhUFr1jkXTT99bQJUZ/I8/+JGnwaO9tTU1G2Tk5NvhxDeILlO8iXvfVQYV8JdZRk+BMJh0qwCmorID4Mmeeg+T9N0OoRwTlX3AOZdwORk+Fg13E/yc2vtK1mW/bvVihj5J3LO3auKTwE91Futl0ke9d6fHbUxR8IjIPowNjY2D5hHq6r7TlEUv40CXxOynaSbzbml8Ktd73InmPq86AAAAABJRU5ErkJggg==);
}
.personOption_inputtext{
    display: inline;
    width: 85%;
    height: 80%;
    text-align: center;
    border-bottom: 1px #8f82bc solid;
    background: #fff;
    font-size: 18px;
    padding: 0;
    color: #333333;
}
.formOption_errormsg {
    color: red;
    margin: 10px 0;
    display: block;
}
.bottomButton{
    text-align: center;
}
.sumbmiticon {
    width: 40%;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1rem;
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px;
}
h1{
    text-align: center;
    font-size: 21px;
    font-family: PingFang SC;
    font-weight: 600;
    color: rgba(35,35,36,1);
    line-height: 40px;
    padding-left: 3%;
}
@media only screen and (min-width: 769px){
#app{
    width: 400px;
    min-height: 400px;
    position: absolute;
    z-index: 101;
    top: 40%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    overflow: hidden;
    height: auto;
}
.person-content{
    background: #ffffff;
    width: 90%;
    height: 90%;
    margin: 0 auto;
    padding: 5% 5%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 15px #ccc;
    box-shadow: 1px 3px 15px #ccc;
}
.personOption {
    min-height: 50px;
    margin: 0 auto;
}
.presonicon{
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.presonal{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAAFIUlEQVRYR8WYXWxURRTH/2eWtnTFRAsIRgMiRAwFgh9gQgwUFU3Vlu2dOyIKRYw2aowhxheNDw0hGhITJfHFakAo1I+5c1uoQMSIQDQGKmpCIKIgakwElSIJtNC6c8y0d8vS0v0q4DztnTvnP78598w5M0sYQlNKTWLmu6zFBADFALqEwFEi2qO1PlyoNOVrWFlZWRKPx5cB9DyA8gz2BwB+u6OjY+22bdvO5TNPXlBKqbut5bUAJuUxyWEhaJnW+stcbXKGklI+CVADgFia+O8AtwLiIDPaiVAG2CkAVQG4MW1cEuA6Y8yaXMBygvI89RgRbzwvyEcAvGSM2QSALzIRSSkXAHgDoImp98z0eBjqpmxgWaGUUlOs5X0Ahkdim4SgxVrr09nElVIjrOUNAByga2eFoDu01gcz2WaFktL/AkCFEyHCZ2VlZQ81NDR0ZwNKva+rqytqb2/fwoz5Ud9OY4J5BUN5njeHSOyKBE4KQZO11n/lCpQap5QabS0fAnCt62O2c8Mw3D2YTkZPSem/D2BprxBeCcPg9XyBUuM9z3+ZCK9Fz+uMCZ4oCMr3/WPMGOOMhaDxWuvfCoVSSo2zln+NwuB4EARj84aqrl40pqio+1hkeMiY4NZCgVJ2Uvo/AJjsnru7i8Zu3vzB8YtpDvr5lFIzrOXvIqPtxgQPXAKoTwHcH3n+Nq3193lBSSnvBKit14hajdHVQ4dSmwF2idVF6UxjzDd5QSUSCyfGYsmoqFKbMXrWJYDa62CcTjIZm9TS8pFLwgNaps8Xs5ZdgnRJ82w8XjqqsbHxTKFgS5Ysuaqjo/PvlJ4QNEJrncwLyg32ff9zZtwT7ZhHgiDQhUL5vq+Y8XGktSMIgnvz3n0R1FPMeDeKq2+nTSufWV9fb/MFq6+vF/v3H2gD+PYI6ukgCN4rCEopVWot/wygJ6cUmkD7Jc5jQtDNWuvOgqAib9UyY10kYImwLAiC9bl6y/d9Z+/OYKJ3YVQbhroxk33WguyMpfTdcWNRSogIb5WWlr6aKfBdYHd2dq5kxvKUHTM2hmGwONuCcoKqqqqKFxcP1wA/mCZ4ggiuNm5KJpOHmpub/6ypqbkuFou5jL2AGa62jTw/nlqFgK+17rokUE5EKVVsLTuIPo9lE08D2t3VdbaytbW1IxebrJ5yhTSZ5FoiSAAzchEdZMxpgLcQ0YapU6duzbSLB4WSUpYDtAJAIhWkGYDcJzkVXbOuzj6ejxDRiiAIXMAPOE4PgOqNn+JVAD3b75KQYvoDwCcAtzHzvlgs9mP60biiomJYWVnZDURUTkSzmOk+gGe7AjpwUfQVYGuNMS7t9LULBtbULLxFiKS7DPQ/ppzpTQu2cfr06XvzTaBKqbFRCDwHYHw/uFNEcNVie9/uTv1wn4uZdhJhVJrRPwCtKikpeqepqenkEOKpx7TXi6OXEvHKVEKONLuJ8HAKrMdTbiXW8h4A49Jyynrm5IvNzc0nhgrT3z6RSFwjxLDVRKi90AE8yxjzUw+UlOnnHHQD/EyuF8ehAEspXwBodXrqMEbPJc/z5hGJHedf8EJjTE81vxLN8/zlRHgzNZe1VEme569x9SzqzHjLuFyQUvpbAVSmGByUC+65rkMImq21/vpyTT6Ybk2Nmi8E9+w+Zuy6ACqZHDahpeXDX640VCLx6E2x2L9H+6Ck9A0AD8C5eLx05FCOvIUuJjoqu11eAiB0gX49IOoAuzsMQ/e/wf/S3IYDxBzANvwHdFH3MmU29IoAAAAASUVORK5CYII=);
}
.phone{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAB7UlEQVRYR+1YPWsbQRB9MzK2AykioiqVq5CECOLCBBJ3IW3QarVJGRX5BcbgyiDS2WD/AEHAlRrtCXWClIEYF/4ohNO5dUjlFBKJibRjTvY5RsgymFslxV5xB3cw792bN7s7Q7i4yuXybLfbfe6cyybvfD2Z+aTT6ey0Wq3TGIPiW7FYXGDmpgge+AIejkuEYyJ6U6/X96hSqXC73T4CaG5SBP7iyFE+n39ISr17zNz/NnkC54jM9IiMMc+ck4OERL/fyzabzZ++SBUKhXuZzNRJEp+Z5gOJi3QEJRJjBiWCEmGdGHggrJjJXhGUCEoMn0uCJ4IngieuO62H6gjVcavqALBGhN++2kARzAJYGdsG+gK/Lu7IXvQ/IUFfRaTniwwRTQHyMnTlqa6Yxpi7IhK7/IVz+A64zUajsX9TGlMjcT7nOvxyNbcATgFZjKJodxyR1EgoZV4zy+cRYPUosm8nQkJr/R6grRFg21FkL50/ikxqShhjnjgnh8MgRNiw1i5PRIkYpFQqrYrg4xXAg5mZ6Ve1Wu1yMudViSS4UuopMy+K8HEul21Vq9U/qVTHP9nAlFL3mTM/AGRu+gsP33vMlBsM2LXWGwAteQAZG5II69balQGJeNqvtf5AREXncMc3GWb8AhBZaz8BkDOuTm+MsCWypwAAAABJRU5ErkJggg==);
}
.company{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAnCAYAAAB0Q6rCAAACxElEQVRYR+2ZPWgUURDH//POHAQV9QxBI4pYWQh+FBYKQtDKItzt21fYKOkV7bTLKfaSKKIBJYJo4O3bHMbGDywsTKmGNOkElWAhikISL9kdWXKXXC6X3O56uQ141+29mf/7vdmZ2VmWsPJHUkoLoLMAdtZYj/vXNEDvisXZh6Ojo9NxRajSUSmVYmbNjFxcwRB+k8x+t+u6UyFsV5gsA7Ys+xIRBuIIRfMhY4y2o/ksWC8DllK9Abi7JPQVYCeOaG0f6gKgSmtzQlC71tqLql8N/AHgwwsi3G+MuRJVcDX7bDa7PZXa9KO87nnzOwqFws+o+i3gVoSrItBKiQ2TEkqpjO/jGcCH6lU2M+aEQJ/jOHfLtk3vErZtn2fGo3qwFetfjHH2Jgacy+U6hUi9AHAkBPQsQNeM0f2rAQf93vPaflVrCVGc7+jo+DY4ODhXa5/Eiq7OoX8T4U4mk+mrBt+owKXz8JAxprfycAkC0wSAGrMEdwLYXYYUgg5qrSfL14kBrzZLKKXafZ8X52UinHMcZzguMGWz2W31is7zvGL1kB6lrUlpc3kPZup1XT0UGVgptcf3+S2AA/WAg1GPCDccx8nHaWsNAY7eh/mzMWZfYsA9PT1b0+n0U2bUfdIB/IdZXHdd/SQx4BBpsKZJ03O4BbzGK1JDii6fz4vx8YmrRHQ8aAL1Hq1C0M3Kht/0lLAsZROxDpsazBhzXedEYkUnpTwD0KuwwAB9NEYvTnZNj3AAKqW8AOBoCOgZz2u7XygMf0oswiEgW20tiEDsWaIV4fXuw60I/zcRVkqlfd8/BWALgFsA7S/d/ucAP/jXVFh8UyDazIzHFXr3gjG0tj5dXvLDbQAvPc8bGxkZ+U5S2q8BnG4U2DrqvDfGORYAB98adq3jRo2SnjLG6SLLsk4C4iIR2hul3GgdZsykUjSgtR77C4IXAVVjW0OAAAAAAElFTkSuQmCC);
}
.section{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAtCAYAAAA3BJLdAAADFElEQVRYR+1ZTWgTQRh936YBi1bRiwi2WKoiFEQoerJHPaZtZtZiwZ8iFKUIxXuhvdSDSI/ipVgPUp2dpJiLXiSIB70oUqH0YGn1Ir2Yg60as/vJpqmNkk13NioKO6cQ3nvfy8vs983uEv6jRY14FUIIAJMAtYbQWfQ8Gs5m1aMQ2JqQyGZ7e/s7Egl3HkDSoPiaZVGHUuqDAecHNLJZIcRlgG5VlBaYEWiAiPcD1OFjiXDWcZyZv2o2nZYjRP4WAJhpMJNRd4IMmGDr/YjIyZoYMMHGZk3SMsHGyZqkZYKNk61OiwjDpVLpXlAqltV0hQgTYdrcH0lWSnmeGdOmzZ2ZejIZ9dCUVx4oUUg+Z2BgYHexWJxnxt7wGrxULBY7c7ncWnjOJjKyWV9CCHEIwCgztW1IEuEkgASAr8x4XvX9W8uicaXUuyhGG0o2qKAQsgBgF4BlrZ0DUY3V4jWUbC3B2GwllTjZeM820mf/uW4wNDSUXFlZ2W7SfhKJpmUAOwF+77ruURNuoVD4lM/nS0GcwAtMSmkz4y6AbSYFG8Sueh7JoDvgQLNCSA0g3WDxKPQprZ1LRkNBCDkLoKdCesGML1Eqh+EQYQeArgp2WmvnYmSzrtvUPjs7sxSmcBSMbdvHPI9fxWajpFePEyf7uxPd0DNKNpVKtSSTyVHA6gbQvC7C7evNvfx5HrCKAHsALVsWbiqlnkU139dnn7IsXAW4tfz0C14zQIcreh8BqhzQeZUIT4hoQin1udxnhZCPAZw2KP7N89zj2Wz2tQGnDJVSdjMjD8Ay4D7Q2ukn27bbPI/9EWm6JrV2rpmShJD+A7wLhjx23dIe32yoHueLm2CDzFQPm63696/Y2Gy9vzhOtlY68Z6tc0CKLzCTntnQBSaEOAKQ/z7LX1WjrpaFzbHIjNuZjHPZxGhlWt4HcObnMR6ksjnyLYv20djYmDU392YBwEGzwpzSWufMOEA6bZ8jYv/ezmDRS61VV+VsIDqZaYoIJ0Io+Olf11rdCIGtBaF0Wo4TYQRAy9Ya9BTwBrXWi98BZ4J/Iwpn+cAAAAAASUVORK5CYII=);
}
.job{
    background-image: url(data:image/png;base64,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);
}
.email{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAhCAYAAABAxlKmAAADI0lEQVRYR+2Yz2sTURDHv/MSsypikVbRiyA9C17Uiz9i0aJgsM32UQjSKh4ED55E/BeKNw+iF60iQdndpMV66aGNIog3xatFEcVfLWIRNG13R16z22zSTZvNr1Jojvtm33zmu/Mm84awjn7ksaZSqR35/PxlIj7iONi2ljEIgT/M9FLTNt1Np9O/PJZF2GQyeYxIZAC0ryVkgO8ZZieZyWReqDWSUu5zHH4DYLvP+PcaQ7f5/M8KQQcMw/hAuq7fB+hCcZE/MvPRTCbzeS2ApZT7HYcnS78yD1uWdZF0ve8HgJ2lYDzFzPFWAytQ2+YJInSUCfXTssxdCpbVAjNeEVEU4IMFQ54SQpxS8rdC4eWgNAnwPwBnlH/LMmkJFsCoEDRo2zxOhEMu4BchKG4YxvtmApeDEmEin88nYjHtNoDBQFjLMnuklG2tBA5Q9KkQ6DMMY07X+4ZXhFVRtApY1/XDAD0rHiZaAlUcVcEqw0QisTUW2zwG8Ak3Bb4JQd2GYbxrREq4oOPFklkKGgo2CJgZ05EIddULXA1oaNhmAFcLWhOsB6xpmsWM026Zm2a2T2az2bdhUiIAdEQI9KvDFLRP1Tlb/rKUMuY4MAFOuGuzAHdblvW6GuDloJwWQgwYhmFXer9mWLdK1ATc2yu7hOBRwOvmVgetOQ38kYdV2AUdA7DF/WdcVVHPX13KepsUgB3VAKW8lCDCOdM0c/7A6gFtiLI+4IjjOA99wH8dh85ms8aEsqkXtKGwbg4vAwboOjMTEYaKnx4PhKBLKx2mhlaDSidWShmxbb5HhIEKNncsy7yi2rhqqobfpiE5G+BUNfFDAF1Ttw93nYlw0zTNG7WANjwNyqF7evo7I5GF4+q5bUefj4w8mQqrZiuUrYep4rvNSoMN2A1lm5IDizcF/TFA/Wp/78LoXcU/zcxMd+ZyuYVmOQ+zbzwej7a3d6hqsheAdxUvGXI80rTYVf98KYyDRtkW5m5ztwCcd5ufwpAjYHxkE+E7M+Yb5TzkPlEAuwFEvCZpaXykHqybwZwXtX/kyUx7fJGFFKZuc5uIvwaNPP8DnedKQCOFGq0AAAAASUVORK5CYII=);
}
.sendcode{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAC6UlEQVRIS7WVT2hcVRTGv+/eqkVcmIRKC1YiupL6ByIFEekgiAaSvJk7bwoWEUEx4EJasJuiu9adlq6UikJVBHm55zEPkqUGUVxoVFAXgiUEtbQEdCOU6bx3T7nNKNNmMpMU+pbnnfs73zvfPecRt/Dhdtmzs7N3GmMm2u32H9s9MxRer9fvJm1CqlPFswDuAHAeYGYMvPf++2GFNsGnp1t7du8O9QgE8LSq3g6wIvE1gFUAz6nq3ggluaZKIdWLyLcAQn+x6+DOuXOqOALoLpJdVX4ZFXa73XZRFJd6B02SpE8ao00gCtD9vUKxXc+LyDf/FfgfXq/XHyDN7wB/IvVMp9NpLy4u/jOqv/V66yAZUiAcJ/mJiLy4Cd5oNA4A/Jk0J0UW3ooJrVbLrq+vb+nL8vJyBUBrtdqu8fHxLmAWRBZaI+HOpfNAeH+4cv4l4u+r1WpmR/AkSR621h6Ltm0U0MdV9QBpPgNwpRc7LyInd6z8RsXOudOqONrp2H1LS9nF/vcj4UmSPGSM/RXgqTz3b94MXJVZnvvDg3p+D8BLJM6KyPxO4M65faq4QOI9EXltEzwGnGv+qYq/89w/shN4o5E6oPLGmFe99x8MhDebzTMhhNdJHhSR7/oLDOu5c81FQJ8py3J/37Dhujs8Nzf3oLX2F5I/WmsPZVnWuxXxqzYMrapybz/AOTenqm3AfJTn/uUtx3+jNe6Uqp4g7cLa2uqRlZWVbow3Go0nSM6ISDRbYyxJ0qesDUsALpdl+VhRFBeGwuO1mpiYyEMIMyS/qqrqhUFr1jkXTT99bQJUZ/I8/+JGnwaO9tTU1G2Tk5NvhxDeILlO8iXvfVQYV8JdZRk+BMJh0qwCmorID4Mmeeg+T9N0OoRwTlX3AOZdwORk+Fg13E/yc2vtK1mW/bvVihj5J3LO3auKTwE91Futl0ke9d6fHbUxR8IjIPowNjY2D5hHq6r7TlEUv40CXxOynaSbzbml8Ktd73InmPq86AAAAABJRU5ErkJggg==);
}
.personOption_inputtext{
    display: inline;
    width: 85%;
    height: 80%;
    text-align: center;
    border-bottom: 1px #8f82bc solid;
    background: #fff;
    font-size: 21px;
    padding: 0;
    color: #333333;
}
.formOption_errormsg {
    color: red;
    margin: 10px 0;
    display: block;
}
.bottomButton{
    text-align: center;
}
.sumbmiticon {
    width: 40%;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0.1rem;
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px;
}
}


.itemBoxWH[data-v-cf5ce652]{
  width: 40px;
  height: 40px;
}
.img[data-v-cf5ce652]{
    position: absolute;
    z-index: 100;
    bottom: 30%;
    right: 15%;
    width: 62px;
}
.productContent[data-v-cf5ce652]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 101;
    top: 0;
}
ul[data-v-cf5ce652] {
    position: absolute;
    right: 10px;
    bottom: 27%;
    z-index: 101;
}
ul li[data-v-cf5ce652] {
    margin-top: -5px;
}
ul li img[data-v-cf5ce652]{
    width: 58px;
}
.calcel[data-v-cf5ce652]{
    position: absolute;
    bottom: calc( 27% - 69px);
    z-index: 101;
    right: 4px;
    width: 69px;
}
.housemenu[data-v-cf5ce652]{
    position: absolute;
    bottom: 30%;
    right: 0%;
    text-align: center;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2E8CFF;
}
.houseItem[data-v-cf5ce652]{
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 1px 2px 10px #555;
            box-shadow: 1px 2px 10px #555;
    padding-top: 5px;
    /* font-size: 11px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: auto;
}
.houseImg[data-v-cf5ce652]{
    fill: #2E8CFF;
}
.houseText[data-v-cf5ce652]{
    margin-top: -10%;
    font-size: 0.1rem;
}
@media only screen and (min-width: 769px){
.houseItem[data-v-cf5ce652]{
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 1px 2px 10px #555;
            box-shadow: 1px 2px 10px #555;
    padding-top: 5px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: auto;
}
.houseText[data-v-cf5ce652]{
    margin-top: -2px;
    font-size: 0.1rem;
}
.img[data-v-cf5ce652]{
      position: absolute;
      z-index: 100;
      bottom: 30%;
      right: 15%;
      width: 62px;
}
.houseText[data-v-cf5ce652]{
      margin-top: -4px;
      font-size: 0.1rem;
}
.itemBoxWH[data-v-cf5ce652]{
    width: 46px;
    height: 46px;
}
}

.svg-icon {
  display: inline-block;
  fill: currentColor;
}
.svg-icon.flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.svg-icon.flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.svg-icon.spin {
  -webkit-animation: fa-spin 1s 0s infinite linear;
          animation: fa-spin 1s 0s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.option-content[data-v-7f072e19]{
    z-index: 2;
    position: absolute;
    /* width: 156px; */
    right: 2%;
    top: 2%;
    height: 44px;
}
.option-content>div[data-v-7f072e19]{
    text-align: center;
    color: white;
    width: 30px;
    height: 43px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
  /* .option-content>div>div{
    position: relative;
    width: 32px;
    height: 32px;
  } */
  /* .option-content>div>img{ */
  /* width: 80%;
    cursor: pointer;
    margin: 5% 0; */
  /* } */
.option-content>div>span[data-v-7f072e19]{
    font-size: 0.1rem;
    display: block;
}
.productContent[data-v-7f072e19]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 101;
    top: 0;
}
@media only screen and (min-width: 769px){
.option-content[data-v-7f072e19]{
    z-index: 2;
    position: absolute;
    /* width: 156px; */
    right: 2%;
    top: 2%;
    height: 44px;
}
.option-content>div[data-v-7f072e19]{
    text-align: center;
    color: white;
    margin-right: 3px;
    width: 30px;
    height: 43px;
    border-radius: 50%;
    display: inline-block;
}
  /* .option-content>div>div{
    position: relative;
    width: 32px;
    height: 32px;
  } */
.option-content>div>img[data-v-7f072e19]{
    /* width: 80%;
    cursor: pointer;
    margin: 5% 0; */
}
.option-content>div>span[data-v-7f072e19]{
    font-size: 0.1rem;
    display: block;
}
}

.yp-h-parent[data-v-59f42179]{
  max-width: 50%;
  -webkit-transform: rotate(-90deg)translateX(35%)translateY(10%);
          transform: rotate(-90deg)translateX(35%)translateY(10%);
  left: 20%;
}
.ypl-flex[data-v-59f42179]{
  position: fixed;
  z-index: 102;
  top: 12%;
  width: 80%;
  /* text-align: center; */
  left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.poster-bg[data-v-59f42179]{
  width: 100%;
  height: 100%;
  padding: 2.5%;
}
.posterName-h[data-v-59f42179]{
  font-size: 1.3rem;
}
.posterName-d[data-v-59f42179]{
   font-size: 1.5rem;
}
.posterName[data-v-59f42179]{
  position: absolute;
  top: 68%;
  text-align: center;
  color: white;
  width: 100%;
}
.posterSN[data-v-59f42179]{
  position: absolute;
  top: 67.2%;
  left: 26%;
  width: 48%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
.qr[data-v-59f42179]{
  position: absolute;
  top: 82%;
  left: 63.8%;
}
.ypl-flex-ces[data-v-59f42179]{
  position: fixed;
  z-index: 102;
  top: 10%;
  width: 80%;
  /* text-align: center; */
  left: 10%;
}
.posterName-ces[data-v-59f42179] {
  position: absolute;
  top: 70%;
  text-align: center;
  color: white;
  font-size: 1.2rem;
  width: 100%;
}
.posterSN-ces[data-v-59f42179]{
  position: absolute;
  top: 84%;
  left: 18%;
  width: 41%;
  text-align: center;
  font-size: 0.95rem;
  font-weight: bold;
  color: white;
}
.qr-ces[data-v-59f42179]{
  position: absolute;
  top: 81.5%;
  left: 64%;
}
@media only screen and (min-width: 769px){
.posterName[data-v-59f42179] {
    position: absolute;
    top: 68%;
    text-align: center;
    color: white;
    font-size: 1.5rem;
    width: 100%;
}
.poster-bg[data-v-59f42179] {
    width: auto;
    height: 100%;
    padding: 2.5%;
}
.flex-row[data-v-59f42179]{
    height: 100%;
}
.ypl-flex[data-v-59f42179]{
    position: fixed;
    z-index: 102;
    top: 10%;
    height: 80%;
    left: 38%;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
/* .contBody{
  position: absolute;
  z-index: 102;
  width: 100%;
  height: 100%;
} */
.contact[data-v-60d8a7d0] {
  text-align: center;
  margin: 0.16rem auto;
  padding: 0 0.2rem;
  height: 300px;
  width: 300px;
}
.content[data-v-60d8a7d0] {
  height: 300px;
  width: 300px;
  position: absolute;
  background: white;
  z-index: 101;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  border-radius: 10px;
}
.default[data-v-60d8a7d0]{
  background: #F6F6F6;
  height: 4px;
  width: 100%;
}
.subscribe[data-v-60d8a7d0] {
  width: 100%;
  background: white;
  padding: 2%;
}
.contact>h1[data-v-60d8a7d0] {
  text-align: center;
  font-size: 21px;
  font-family: PingFang SC;
  font-weight: 600;
  color: rgba(35,35,36,1);
  line-height: 40px;
  padding-left: 3%;
}
@media only screen and (min-width: 769px){
.content[data-v-60d8a7d0]{
    height: 400px;
    width: 400px;
    position: absolute;
    background: white;
    z-index: 101;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    border-radius: 10px;
}
.contact[data-v-60d8a7d0] {
    width: 400px;
    height: 400px;
    text-align: center;
    margin: 0.16rem auto;
    padding: 0 0.2rem;
    margin-top: 3%;
}
}
.contactphone[data-v-60d8a7d0] {
  width: 100%;
}
.contactphone>p[data-v-60d8a7d0]{
  width: 95%;
  height: 50px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(136,136,136,1);
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #efefef;
  letter-spacing: 3px;
  margin: auto;
}
.contactphone>h1[data-v-60d8a7d0]{
  width: 100%;
  height: 40px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 600;
  color: rgba(35,35,36,1);
  margin-top: 18%;
}
.contactphone>img[data-v-60d8a7d0]{
  width: 6rem;
  display: block;
  text-align: center;
  margin: 10% auto;
}

.themeImage[data-v-ae1de5a8]{
  width: 100%;
  /*margin: 0% 2.5%;*/
  border-radius: 8px;
}

.detail-top[data-v-6d259070]{
  background: white;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  font-weight: bold;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-top-left[data-v-6d259070]{
  width: 10%;
  text-align: center;
  vertical-align: inherit;
}
.detail-top-back[data-v-6d259070]{
  z-index: 1;
  height: 1.3rem;
  vertical-align: inherit;
}
/* .contBody{
  position: absolute;
  z-index: 102;
  width: 100%;
  height: 100%;
} */
.contact[data-v-642e3f45] {
  text-align: center;
  margin: 0.16rem auto;
  padding: 0 0.2rem;
  height: 300px;
  width: 300px;
}
.content[data-v-642e3f45] {
  height: 300px;
  width: 300px;
  position: absolute;
  background: white;
  z-index: 101;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  border-radius: 10px;
}
.default[data-v-642e3f45]{
  background: #F6F6F6;
  height: 4px;
  width: 100%;
}
.subscribe[data-v-642e3f45] {
  width: 100%;
  background: white;
  padding: 2%;
}
.contact>h1[data-v-642e3f45] {
  text-align: center;
  font-size: 21px;
  font-family: PingFang SC;
  font-weight: 600;
  color: rgba(35,35,36,1);
  line-height: 40px;
  padding-left: 3%;
}
@media only screen and (min-width: 769px){
.content[data-v-642e3f45]{
    height: 400px;
    width: 400px;
    position: absolute;
    background: white;
    z-index: 101;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    border-radius: 10px;
}
.contact[data-v-642e3f45] {
    width: 400px;
    height: 400px;
    text-align: center;
    margin: 0.16rem auto;
    padding: 0 0.2rem;
    margin-top: 3%;
}
}
.textinput[data-v-642e3f45]{
  width: 280px;
  height: 180px;
  background: rgba(239,239,239,1);
  border-radius: 10px;
  padding: 3%;
  margin: 3% 0px;
  font-size: 15px;
}
.sumbmiticon[data-v-642e3f45]{
  width: 60%;
  height: 35px;
  background: #49b885;
  border-radius: 23px;
  font-size: 18px;
  letter-spacing: 5px;
  line-height: 35px;
  color: #FFF;
  text-align: center;
  display: block;
  margin: auto;
}
.content-h[data-v-642e3f45]{
  -webkit-transform: rotate(-90deg)translateY(-20%);
          transform: rotate(-90deg)translateY(-20%);
}
@media only screen and (min-width: 769px){
.textinput[data-v-642e3f45] {
    width: 380px;
    height: 250px;
    background: rgba(239,239,239,1);
    border-radius: 10px;
    padding: 3%;
    margin: 3% 0px;
    font-size: 15px;
}
}

.productContent[data-v-0b49b2d8]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    position: fixed;
    z-index: 101;
    top: 0;
}
.moonPosterBg[data-v-0b49b2d8]{
   background-repeat: round;
    width: 30vh;
    height: 50vh;
    margin: auto;
    background-image: url("/static/moon/moontip.jpg");
}
#app[data-v-0b49b2d8]{
    width: 90%;
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    height: auto;
    overflow: auto;
}
.person-content[data-v-0b49b2d8]{
    background: #ffffff;
    width: 90%;
    margin: 0 auto;
    padding: 5% 5%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 15px #ccc;
    box-shadow: 1px 3px 15px #ccc;
}
.personOption[data-v-0b49b2d8] {
    min-height: 50px;
    margin: 0 auto;
}
.presonicon[data-v-0b49b2d8]{
    width: 24px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.personOption_inputtext[data-v-0b49b2d8]{
    display: inline;
    width: 85%;
    height: 80%;
    text-align: center;
    border-bottom: 1px #8f82bc solid;
    background: #fff;
    font-size: 18px;
    padding: 0;
    color: #333333;
}
.formOption_errormsg[data-v-0b49b2d8] {
    color: red;
    margin: 10px 0;
    display: block;
}
.bottomButton[data-v-0b49b2d8]{
    text-align: center;
}
.sumbmiticon[data-v-0b49b2d8] {
    width: 50%;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0.1rem;
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px;
}
h1[data-v-0b49b2d8]{
    text-align: center;
    font-size: 21px;
    font-family: PingFang SC;
    font-weight: 600;
    color: rgba(35,35,36,1);
    line-height: 40px;
    padding-left: 3%;
}
.goCommitClass[data-v-0b49b2d8]{
    color: white;
    position: absolute;
    width: 60%;
    height: 35px;
    font-size: 20px;
    line-height: 30px;
    margin: auto;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media only screen and (min-width: 769px){
#app[data-v-0b49b2d8]{
    width: 400px;
    min-height: 400px;
    position: absolute;
    z-index: 101;
    top: 40%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    overflow: hidden;
    height: auto;
}
.person-content[data-v-0b49b2d8]{
    background: #ffffff;
    width: 90%;
    height: 90%;
    margin: 0 auto;
    padding: 5% 5%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 15px #ccc;
    box-shadow: 1px 3px 15px #ccc;
}
.personOption[data-v-0b49b2d8] {
    min-height: 50px;
    margin: 0 auto;
}
.presonicon[data-v-0b49b2d8]{
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.personOption_inputtext[data-v-0b49b2d8]{
    display: inline;
    width: 85%;
    height: 80%;
    text-align: center;
    border-bottom: 1px #8f82bc solid;
    background: #fff;
    font-size: 21px;
    padding: 0;
    color: #333333;
}
.formOption_errormsg[data-v-0b49b2d8] {
    color: red;
    margin: 10px 0;
    display: block;
}
.bottomButton[data-v-0b49b2d8]{
    text-align: center;
}
.sumbmiticon[data-v-0b49b2d8] {
    width: 30%;
}
.goCommitClass[data-v-0b49b2d8]{
      width: 50%;
}
}


.ypl-flex[data-v-5995514b]{
  position: fixed;
  z-index: 102;
  top: 12%;
  width: 80%;
  /* text-align: center; */
  left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.poster-bg[data-v-5995514b]{
  width: 100%;
  height: 100%;
  padding: 2.5%;
}
.posterName[data-v-5995514b]{
  position: absolute;
  top: 68%;
  text-align: center;
  color: white;
  font-size: 1.5rem;
  width: 100%;
}
.posterSN[data-v-5995514b]{
  position: absolute;
  top: 67.2%;
  left: 26%;
  width: 48%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
.qr[data-v-5995514b]{
  position: absolute;
  top: 82%;
  left: 63.8%;
}
.ypl-flex-ces[data-v-5995514b]{
  position: fixed;
  z-index: 102;
  top: 10%;
  width: 80%;
  /* text-align: center; */
  left: 10%;
}
.posterName-ces[data-v-5995514b] {
  position: absolute;
  top: 70%;
  text-align: center;
  color: white;
  font-size: 1.2rem;
  width: 100%;
}
.posterSN-ces[data-v-5995514b]{
  position: absolute;
  top: 84%;
  left: 18%;
  width: 41%;
  text-align: center;
  font-size: 0.95rem;
  font-weight: bold;
  color: white;
}
.qr-ces[data-v-5995514b]{
  position: absolute;
  top: 81.5%;
  left: 64%;
}
@media only screen and (min-width: 769px){
.posterName[data-v-5995514b] {
    position: absolute;
    top: 68%;
    text-align: center;
    color: white;
    font-size: 1.5rem;
    width: 100%;
}
.poster-bg[data-v-5995514b] {
    width: auto;
    height: 100%;
    padding: 2.5%;
}
.flex-row[data-v-5995514b]{
    height: 100%;
}
.ypl-flex[data-v-5995514b]{
    position: fixed;
    z-index: 102;
    top: 10%;
    height: 80%;
    left: 38%;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}

.content[data-v-01db4009]{
  height: 100%;
  overflow: auto;
  width: 100%;
}
.themeImage[data-v-01db4009]{
    width: 100%;
    /*margin: 0% 2.5%;*/
    /* border-radius: 8px; */
}
.content-title[data-v-01db4009]{
    color: #2C2C2C;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;
    background: #fff;
    margin: 0;
    padding-bottom: 2%;
}
.hi[data-v-01db4009]{
    width: 100%;
    height: 6px;
    background: #F8F8F9;
}
.exhibitionContent[data-v-01db4009]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
}
.exhibitionContentV2[data-v-01db4009]{
    height: 50px;
    line-height: 20px;
}
.exhibitionContent-left[data-v-01db4009]{
    width: 15%;
    text-align: center;
}
.exhibitionContent-right-img[data-v-01db4009]{
    width: 24px;
    height: auto;
    vertical-align: middle;
}
.exhibitionContent-right[data-v-01db4009]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(136,136,136,1);
}
.exhibitionContent-right-span[data-v-01db4009]{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}
.exhibition-size[data-v-01db4009]{
    border-bottom: 1px solid rgba(143,130,188,0.2);
}
.exhibitionContent-right-title[data-v-01db4009]{
    margin-right: 0px;
}
.exhibitionContent-right-get[data-v-01db4009]{
    /* float: right; */
}
.info-content[data-v-01db4009]{
    padding: 10px 0;
    background: white;
}
.info-name[data-v-01db4009]{
    font-size: 16px;
    font-weight: 550;
    padding-left: 5%;
    font-family: PingFang SC;
    color: rgba(47,47,47,1);
    letter-spacing: 1.5px;
    padding-top: 5px;
}
.detail-info[data-v-01db4009]{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 3%;
    margin-top: 3%;
    margin-bottom: 5%;
    padding-left: 10%;
    font-family: PingFang SC;
    color: rgba(76,80,89,1);
    white-space: pre-wrap;
    word-break: break-all;
}
.showMoreMess[data-v-01db4009]{
    font-size: 14px;
    color: #2D8CFF;
    text-align: center;
    margin-bottom: 5%;
}
.infoDivContent[data-v-01db4009]{
    padding: 0% 2% 0% 2%;
    margin-bottom: 30px;
    text-align: center;
}
.infoDiv[data-v-01db4009]{
    display: inline-block;
    width: 45%;
    padding: 3% 2% 0% 3%;
    /* height: 178px; */
}
.infoDiv>img[data-v-01db4009]{
    width: 100%;
}
.infoDiv>div[data-v-01db4009]{
    text-align: center;
    font-size: 13px;
    margin: 7px 0px;
}
.divContent[data-v-01db4009]{
    background: #fff;
}
@media only screen and (min-width: 769px){
.exhibitionContent-right-title[data-v-01db4009]{
    margin-right: 50px;
}
.exhibitionContentV2[data-v-01db4009]{
     height: 35px;
     line-height: 35px;
}
.exhibitionContent-right-img[data-v-01db4009]{
    width: 26px;
    height: auto;
    vertical-align: middle;
}
.infoDivContent[data-v-01db4009]{
    padding: 0% 2% 0% 2%;
    margin-bottom: 30px;
    text-align: center;
}
.infoDiv[data-v-01db4009]{
    display: inline-block;
    width: 45%;
    padding: 3% 2% 0% 3%;
    /* height: 178px; */
}
.infoDiv>div[data-v-01db4009]{
    text-align: center;
    font-size: 16px;
    margin: 7px 0px;
    font-weight: 550;
}
.content[data-v-01db4009] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.content-title[data-v-01db4009] {
    color: #2C2C2C;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;
    background: #fff;
    margin: 0;
    padding-bottom: 2%;
}
.divContent[data-v-01db4009]{
    background: #fff;
}
.exhibitionContent[data-v-01db4009]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    line-height: 55px;
    text-align: center;
}
.exhibitionContent-left[data-v-01db4009]{
    width: 10%;
    text-align: center;
}
.exhibitionContent-left>img[data-v-01db4009]{
    /* width: auto;
    vertical-align: middle;
    height: 67%; */
    vertical-align: middle;
    height: 60%;
    margin-right: 20px;
}
.exhibitionContent-right[data-v-01db4009]{
    width: 86%;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(136,136,136,1);
    /* width: 86%;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(136,136,136,1); */
}
.info-name[data-v-01db4009]{
    font-size: 18px;
    font-weight: 550;
    padding-left: 5%;
    font-family: PingFang SC;
    color: rgba(47,47,47,1);
    letter-spacing: 1.5px;
    padding-top: 5px;
}
.detail-info[data-v-01db4009]{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 111111;
    -webkit-box-orient: vertical;
    padding: 0 3%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 5%;
    font-family: PingFang SC;
    color: rgba(76,80,89,1);
    white-space: pre-wrap;
    word-break: break-all;
    text-indent: 2em;
}
}

.option-content[data-v-1fe7e7e7]{
    z-index: 2;
    position: absolute;
    /* width: 156px; */
    right: 8px;
    top: 8px;
    height: 44px;
    /* background: #979797; */
    line-height: 22px;
}
.option-content>div[data-v-1fe7e7e7]{
    text-align: center;
    color: #666666;
    width: 30px;
    height: 43px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
  /* .option-content>div>div{
    position: relative;
    width: 32px;
    height: 32px;
  } */
  /* .option-content>div>img{ */
  /* width: 80%;
    cursor: pointer;
    margin: 5% 0; */
  /* } */
.option-content>div>span[data-v-1fe7e7e7]{
    font-size: 0.1rem;
    display: block;
    height: 12px;
    line-height: 12px;
}
.productContent[data-v-1fe7e7e7]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 101;
    top: 0;
}
.fancySpan[data-v-1fe7e7e7]{
    border: 1px solid;
    display: block;
    z-index: 2;
    position: absolute;
    top: 8px;
    left: 10px;
    color: #666666;
    border-radius: 8px;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 600;
}
@media only screen and (min-width: 769px){
.fancySpan[data-v-1fe7e7e7]{
    font-size: 14px;
}
.option-content[data-v-1fe7e7e7]{
    z-index: 2;
    position: absolute;
    /* width: 156px; */
    right: 5px;
    top: 5px;
    height: 44px;
    /* background: #979797; */
    line-height: 22px;
}
.option-content>div[data-v-1fe7e7e7]{
    text-align: center;
    color: #666666;
    margin-right: 3px;
    width: 30px;
    height: 44px;
    border-radius: 50%;
    display: inline-block;
}
  /* .option-content>div>div{
    position: relative;
    width: 32px;
    height: 32px;
  } */
.option-content>div>img[data-v-1fe7e7e7]{
    /* width: 80%;
    cursor: pointer;
    margin: 5% 0; */
}
.option-content>div>span[data-v-1fe7e7e7]{
    font-size: 14px;
    display: block;
    height: 16px;
    line-height: 16px;
}
}

.addBorder[data-v-1cd22a98]{
  /* border: 1px solid green; */
}
.showTipClass[data-v-1cd22a98]{
  /* border: 1px solid red; */
  width: 100vw;
  height: 60vh;
  margin: auto;
  display: block;
  color: white;
}
.tipTitle[data-v-1cd22a98]{
   /* border: 1px solid green; */
   width: 100vw;
   height: 12vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.tipTitle span[data-v-1cd22a98]{
  margin: auto;
  font-size: larger;
  margin-top: 0;
}
.tipContent[data-v-1cd22a98]{
   /* border: 1px solid green; */
   width: 100vw;
   height: 12vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.tipContent span[data-v-1cd22a98]{
    line-height: 1.5;
    width: 90%;
    margin: auto;
}
.tipIcon[data-v-1cd22a98]{
   /* border: 1px solid green; */
   width: 100vw;
   height: 12vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: 4vh;
   position: relative;
}
.tipIcon img[data-v-1cd22a98]{
    width: 85%;
    margin: auto;
}
.tipBtnParent[data-v-1cd22a98]{
   /* border: 1px solid green; */
   width: 100vw;
   height: 7vh;
   margin: auto;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   bottom: 0vh;
   top: 17vh;
   position: relative;
}
.tipBtnParent div[data-v-1cd22a98]{
    margin: auto;
    font-size: larger;
    border: 2px solid;
    padding: 5px;
    border-radius: 10px;
    width: 40vw;
    text-align: center;
}
.carouselExampleInterval[data-v-1cd22a98]{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
}
.page-overlay[data-v-1cd22a98] {
    width:100%;
    height: 20vh;
    bottom: 15vh;
    position: absolute;
}
.text[data-v-1cd22a98] {
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.text>p[data-v-1cd22a98]{
  font-size:1rem;
  /* color:#fff; */
  text-align:center;
  font-family:wallpoet;
  margin-top: 0;
  margin-bottom: 1rem;
}
.paper-progress-bar[data-v-1cd22a98] {
  position: absolute;
  top: 55%;
  width: 60%;
  height: 3px;
  /* background: rgba(255, 255, 255, 0.1); */
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.paper-progress-bar[data-v-1cd22a98]:before {
  /* -webkit-animation: progress1 5.5s linear forwards;
          animation: progress1 5.5s linear forwards; */
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  /* background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); */
}
#newFancyProcessGif[data-v-1cd22a98]{
      width: 25vh;
      height: 25vh;
      margin: auto;
      margin-top: 32.5vh;
}
@media only screen and (min-width: 769px)  {
@media not screen and (-webkit-device-pixel-ratio: 3) {
.page-overlay[data-v-1cd22a98] {
            width:100%;
            height: 20vh;
            bottom: 20%;
            position: absolute;
}
#newFancyProcessGif[data-v-1cd22a98]{
            width: 20vh;
            height: 20vh;
            margin: auto;
            margin-top: auto;
}
}
}

.carouselExampleInterval[data-v-f827d8d2]{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
}
.page-overlay[data-v-f827d8d2] {
    width:100%;
    height: 20vh;
    bottom: 15vh;
    position: absolute;
}
.text[data-v-f827d8d2] {
  position: absolute;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.text>p[data-v-f827d8d2]{
  font-size:1rem;
  /* color:#fff; */
  text-align:center;
  font-family:wallpoet;
  margin-top: 0;
  margin-bottom: 1rem;
}
.paper-progress-bar[data-v-f827d8d2] {
  position: absolute;
  top: 55%;
  width: 60%;
  height: 3px;
  /* background: rgba(255, 255, 255, 0.1); */
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.paper-progress-bar[data-v-f827d8d2]:before {
  /* -webkit-animation: progress1 5.5s linear forwards;
          animation: progress1 5.5s linear forwards; */
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  /* background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); */
}
#newFancyProcessGif[data-v-f827d8d2]{
      width: 25vh;
      height: 25vh;
      margin: auto;
      margin-top: 32.5vh;
}
@media only screen and (min-width: 769px)  {
@media not screen and (-webkit-device-pixel-ratio: 3) {
.page-overlay[data-v-f827d8d2] {
            width:100%;
            height: 20vh;
            bottom: 20%;
            position: absolute;
}
#newFancyProcessGif[data-v-f827d8d2]{
            width: 20vh;
            height: 20vh;
            margin: auto;
            margin-top: auto;
}
}
}