/* music */
.music,.no-music {
  z-index:20;
  position: fixed;
  right: 1%;
  top: 1%;
  width: 40px;
  height: 40px;
}
.animated-music {
  animation: music 2s linear infinite;
  -webkit-animation: music 2s linear infinite;
  -ms-animation: music 2s linear infinite;
}
@keyframes music {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes music {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes music {
  0% { -ms-transform:rotate(0deg); }
  100% { -ms-transform:rotate(360deg); }
}
/* reset & help class */
html {
  height: 100%;
  background-color: #fff;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  height: 100%;
  background-color: #fff;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* bg class */
.bg-blue { background-color: #00a0e9; }
.bg-yellow { background-color: #f8b62d; }
.bg-white { background-color: #ffffff; }
.bg-green { background-color: #66cc66; }
/* text color class */
.text-white { color: #ffffff; }
.text-yellow { color: #f8b62d; }
.text-gray { color: #333; }
/* border class */
.border-yellow { border: 1px solid #f8b62d; }
.border-top-yellow { border-top: 1px solid #f8b62d; }
.border-top-blue { border-top: 1px solid #00a0e9; }
/* help class */
.pm-none { margin: 0; padding: 0; }
.div-center { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.img-circle { border-radius: 50%; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.pos.left { left: 0; }
.pos.right { right: 0; }
.pos.top { top: 0; }
.pos.bottom { bottom: 0; }
.pos.bottom-half { bottom: 50%; }
.pos.top-half { top: 50%; }
.width-full { width: 100%; }
.max-width-640 { max-width: 640px; }
.height-full { height: 100%; }
.overflow-hidden { overflow: hidden; }
.pull-right { float: right; }
.pull-left { float: left; }
.full-bg-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.full-bg-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
/* loading */
#loadingWrapper,#loadingWrapperBase {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0;
  z-index: 99999;
  background-color: #fff;
}

#loadingWrapper {
  background: none;
}

#loading,#loadingBase {
  position: relative;
  top: 50%;
  margin: 0 auto;
  margin-top: -30px;
}
.spinner {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #D7B172;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/* flex ���� */
.flex-center {
  /* flex ���õ��Բ��� */
  display: -webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display: box;
  display: -webkit-flex;/* Chrome 21+ */
  display: -ms-flexbox;/* WP IE 10 */
  display: flex;/* android 4.4 */
  /* flex-pack-center ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: center;
  -webkit-justify-content: center;/* Chrome 21+ */
  -ms-flex-pack: center;/* WP IE 10 */
  justify-content: center;/* android 4.4 */
  /* flex-align-center ˮƽ�����µ���Ԫ�� ��ֱ���� */
  -webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: center;
  -webkit-align-items: center;/* Chrome 21+ */
  -ms-flex-align: center;/* WP IE 10 */
  align-items: center;/* android 4.4 */
}

.flex{
  /* ���õ��Բ��� */
  display: -webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display: box;
  display: -webkit-flex;/* Chrome 21+ */
  display: -ms-flexbox;/* WP IE 10 */
  display: flex;/* android 4.4 */
}
.flex-wrap {
  /*��������*/
  -webkit-box-lines: multiple;/* android 2.1-3.0, ios 3.2-4.3 */
  box-lines: multiple;
  -webkit-flex-wrap: wrap;/* Chrome 21+ */
  -ms-flex-wrap: wrap;/* WP IE 10 */
  flex-wrap: wrap;/* android 4.4 */
}
.flex-dir-column{
  /* ���õ��Բ��ֵķ�������Ԫ�ذ�����Դ�ĵ���������˳�����ϵ�����ʾ */
  -webkit-box-orient: vertical;/* android 2.1-3.0, ios 3.2-4.3 */
  box-orient: vertical;
  -webkit-flex-direction: column;/* Chrome 21+ */
  -ms-flex-direction: column;/* WP IE 10 */
  flex-direction: column;/* android 4.4 */
}
.flex-dir-row{
  /* ���õ��Բ��ֵķ�������Ԫ�ذ�����Դ�ĵ���������˳������������ʾ */
  -webkit-box-orient: horizontal;/* android 2.1-3.0, ios 3.2-4.3 */
  box-orient: horizontal;
  -webkit-flex-direction: row;/* Chrome 21+ */
  -ms-flex-direction: row;/* WP IE 10 */
  flex-direction: row;/* android 4.4 */
}
.flex-1{
  /* ��Ԫ���Զ�ռ��ʣ���Ŀռ� */
  -webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
  box-flex:1;
  -webkit-flex:1;/* Chrome 21+ */
  -ms-flex:1;/* WP IE 10 */
  flex:1;/* android 4.4 */
}
.flex-pack-center{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: center;
  -webkit-justify-content: center;/* Chrome 21+ */
  -ms-flex-pack: center;/* WP IE 10 */
  justify-content: center;/* android 4.4 */
}
.flex-pack-end{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: end;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: end;
  -webkit-justify-content: flex-end;/* Chrome 21+ */
  -ms-flex-pack: flex-end;/* WP IE 10 */
  justify-content: flex-end;/* android 4.4 */
}
.flex-pack-start{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: start;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: start;
  -webkit-justify-content: flex-start;/* Chrome 21+ */
  -ms-flex-pack: flex-start;/* WP IE 10 */
  justify-content: flex-start;/* android 4.4 */
}
.flex-align-center{
  /* ˮƽ�����µ���Ԫ�� ��ֱ���� */
  -webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: center;
  -webkit-align-items: center;/* Chrome 21+ */
  -ms-flex-align: center;/* WP IE 10 */
  align-items: center;/* android 4.4 */
}
.flex-align-start{
  /* ˮƽ�����µ���Ԫ�� ��ֱ�ײ� */
  -webkit-box-align: start;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: start;
  -webkit-align-items: flex-start;/* Chrome 21+ */
  -ms-flex-align: flex-start;/* WP IE 10 */
  align-items: flex-start;/* android 4.4 */
}
.flex-align-end{
  /* ˮƽ�����µ���Ԫ�� ��ֱ�ײ� */
  -webkit-box-align: end;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: end;
  -webkit-align-items: flex-end;/* Chrome 21+ */
  -ms-flex-align: flex-end;/* WP IE 10 */
  align-items: flex-end;/* android 4.4 */
}
.flex-pack-justify{
  /* ˮƽ�����µ���Ԫ�� 2�˶��� */
  -webkit-box-pack: justify;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: justify;
  -webkit-justify-content: space-between;/* Chrome 21+ */
  -ms-flex-pack: justify;/* WP IE 10 */
  justify-content: space-between;/* android 4.4 */
}
html, body, #subject{
  position: relative;
  padding: 0;
  margin: auto;
/*   height: 100vh;*/
  width: 100vw;
}
#subject{
  background-image: -moz-linear-gradient( 90deg, rgb(142,238,255) 0%, rgb(44,173,255) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(142,238,255) 0%, rgb(44,173,255) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(142,238,255) 0%, rgb(44,173,255) 75%);
}
.page1{
  position: relative;
  padding: 0;
  margin: auto;
  height: 100vh;
  overflow: hidden;
  width: 100vw;
  padding-bottom: 4vw;
}
.page3{
  position: relative;
  padding: 0;
  margin: auto;
  
  /*height: 100vh;*/
  /*overflow: hidden;*/
  width: 100vw;
  /*padding-bottom: 4vw;*/
}
.img-auto {
  pointer-events: auto;
}
.img-center{
  display: block;
  margin: auto;
}
.img1{
  width: 50%;
}
.img2{
  width: 92%;
  margin-top: 5vw;
}
.img3{
  width: 40%;
  margin-bottom: 4vw;
  margin-top: 0.5vw;
}
.img4{
  width: 58%;
}
.img5,.img16{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.img6{
  width: 90%;
}
.item{
  padding: 2px 0;
}
.img7{
  width: 100%;
  margin-top: -9vw;
}
.form-div{
  position: relative;
}
.form-1{
  position: absolute;
  width: 82%;
  top: 29vw;
  left: 0;
  right: 0;
  margin: auto;
}
.dashed-style{
  position: relative;
  border-bottom: 1px dashed rgb(232, 232, 232);
  height: 13.5vw;
  line-height: 3.3;
  padding: 0 1vw;
  width: 100%;
}
.label-style{
  width: 20vw;
  font-size: 4VW;
  font-family: "PingFangSC";
  color: rgb(32, 33, 34);
  margin-bottom: 0;
  font-weight:normal
}
.dashed-style input{
  height: 30px;
  line-height: 30px;
  width: 58vw;
  letter-spacing: 1px;
  border: 0;
  font-size: 4vw;
  font-family: "PingFangSC";
  /*color: rgb(202, 202, 202);*/
  color: inherit;
}
.dashed-style select{
  height: 30px;
  line-height: 30px;
  letter-spacing: 1px;
  width: 58vw;
  border: 0;
  font-size: 4vw;
  font-family: "PingFangSC";
  appearance:none;  
  -moz-appearance:none;  
  -webkit-appearance:none;  
  background: url("../../assets/images/8.png") no-repeat scroll right center transparent;  
  padding-right: 4vw; 
  background-size: 2vw; 
}
.photo {
  position: absolute;
  display: inline-block;
  width: 22vw;
  top: 5vw;
  height: 22vw;
  margin-left: 2%;
  z-index: 1;
  background: url(assets/images/9.png) no-repeat center/cover;
}
.sc_img{
  position: absolute;
  top: 25vw;
  left: 26%;
  letter-spacing: 1px;
  font-size: 4vw;
  font-family: "PingFangSC";
  color: rgb(202, 202, 202);
}
.img11{
  position: absolute;
  top: 20vw;
  left: 0;
  right: 0;
  width: 38%;
}
.Indicate{
  font-size: 4.47vw;
  font-family: "PingFangSC";
  color: red;
  line-height: 1.385;
  width: 73%;
  margin-top: -3vw;
  text-align: justify;
}
.Submission{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 52%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
  font-weight: bold;
  padding: 3.2vw 0;
  letter-spacing: 1px;
  margin-top: 5vw;
  margin-bottom: 2.5vw;
}
.ybkj{
  font-size: 3.2vw;
  letter-spacing: 1px;
  text-align: center;
  font-family: "PingFangSC";
  color: rgb(255, 255, 255);
  line-height: 1.5;
  width: 100%;
}
.ybkj1{
  font-family: "PingFangSC";
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 2vw;
  font-size: 3.2vw;
  letter-spacing: 1px;
  text-align: center;
  font-family: "PingFangSC";
  line-height: 1.5;
  width: 100%;
}
.page2,.page4{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.65);
  left: 0;
  top: 0;
  z-index: 999;
}
.img13{
  position: absolute;
  width: 66%;
  left: 0;
  right: 0;
  margin: auto;
  top: 35vw;
}
.xz-box{
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  right: 0;
  top: 61vw;
  width: 82%;
  /* height: 48vw; */
  margin: auto;
}
.img14{
  width: 44%;
  margin-top: 8vw;
  margin-bottom: 8vw;
}
.xz-txt{
  font-size: 4vw;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  line-height: 1.333;
  width: 82%;
  margin-bottom: 3vw;
  margin-top: 7vw;
  text-align: justify;
}
.s_btn{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 70%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  padding: 2.5vw 0;
  letter-spacing: 1px;
  margin-bottom: 4%;
}
.gdflBtn1{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 70%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  padding: 2.5vw 0;
  letter-spacing: 1px;
  margin-bottom: 8%;
}
.img15{
  width: 86%;
  padding-top: 2vw;
}
.img17{
  width: 95%;
  margin-top: 7vw;
}
.items{
  position: absolute;
  z-index: 2;
  top: 20vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 74%;
}
.items-top{
  font-size: 3.73vw;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  margin: 2vw 0 3vw 0;
}
.items-bottom{
  position: absolute;
  z-index: 2;
  font-size: 4vw;
  font-family: "PingFangSC";
  color: red;
  line-height: 1.385;
  top: 97vw;
  width: 73%;
  margin: auto;
  left: 0;
  right: 0;
}
.left1{
  position: absolute;
  top: 45.5vw;
  width: 21%;
  text-align: center;
  left: 14.3%;
  font-size: 4.27vw;
  font-family: "PingFangSC";
  color: rgb(255, 255, 255);
}
.code{
  font-size: 7.2vw;
  font-family: "PingFangSC";
  color: rgb(255, 255, 255);
}
.right1{
  position: absolute;
  top: 45.5vw;
  width: 47%;
  text-align: left;
  left: 42.3%;
  font-size: 3.73vw;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  line-height: 1.3;
}
.pdf-url{
  color: #35adf7;
}
.left2{
  background-color: #fff;
  position: absolute;
  top: 75.3vw;
  width: 18.3vw;
  left: 16%;
  padding: 0.7vw;
  border-radius: 10px;
  height: 18.4vw;
}
.right2{
  position: absolute;
  top: 78.3vw;
  width: 39.5vw;
  left: 42%;
  padding: 0.7vw;
  border-radius: 10px;
  font-size: 3.73vw;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  text-align: left;
}
.date_roll_mask{
  padding: 10vw 0 !important;
}
.img8{
  position: absolute;
  width: 2vw;
  top: 5vw;
} /* loading */
#loadingWrapper,#loadingWrapperBase {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0;
  z-index: 99999;
  background-color: #fff;
}

#loadingWrapper {
  background: none;
}

#loading,#loadingBase {
  position: relative;
  top: 47%;
  margin: 0 auto;
  margin-top: -30px;
}
.spinner {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #55c3e7;
  height: 100%;
  width: 7px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.qr-box{
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  right: 0;
  top: 61vw;
  width: 82%;
  height: 31vw;
  margin: auto;
}
.qx_btn{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 40%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  padding: 2.5vw 0;
  letter-spacing: 1px;
  display: inline-block;
}
.qr_btn{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 40%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  padding: 2.5vw 0;
  letter-spacing: 1px;
  display: inline-block;
}
.gdflBtn{
  border-radius: 45px;
  background-image: -moz-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -webkit-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  background-image: -ms-linear-gradient( -49deg, rgb(255,216,58) 0%, rgb(255,206,46) 46%, rgb(255,196,33) 100%);
  box-shadow: 0px 14px 21px 0px rgba(48, 176, 255, 0.16);
  width: 52%;
  font-size: 4.3vw;
  font-family: "FZHZGBJW";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
  font-weight: bold;
  padding: 3.2vw 0;
  letter-spacing: 1px;
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  top: 134vw;
}
.tips-txt{
  margin-top: 9%;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 3%;
}
.xgBtn{
  color: rgb(34, 25, 222);
  margin-left: 2%;
  border-bottom: 1px solid rgb(34, 25, 222);
}

.checkboxIput{
  /* position: absolute; */
  /* top: 19vw; */
  /* left: 7.5vw; */
  /* display: -webkit-flex; */
  /* display: flex; */
  /* -webkit-align-items: center; */
  /* align-items: center; */
  /* -webkit-justify-content: center; */
  /* justify-content: center; */
  color: #1e8bea;
  font-size: 3.73vw;
  margin-bottom: 4vw;
  padding-left: 9%;
}
.checkboxIput input{
  margin-top: 0;
}
.checkboxIput label{
  margin-bottom: 0;
}


.checkboxIput [type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0 !important;
  line-height: 20px;
  color: #d8d8d8;
  margin-top: 0%;
}
.checkboxIput input[type=checkbox]:after {
  content: "";
  display: block;
  width: 5vw;
  height: 5vw;
  border-radius: 50%;
  text-align: center;
  line-height: 0.8;
  font-size: 4vw;
  color: #fff;
  border: 2px solid #ddd;
  background-color: #fff;
  box-sizing: border-box;
  letter-spacing: -2px;
}
.checkboxIput input[type=checkbox]:checked:after {
  content: "L";
  transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
  -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
  border-color: #1e8bea;
  background-color: #1e8bea;
}
.logImg{
  position: absolute;
  width: 13vw;
  left: 0;
  right: 0;
  top: 3vw;
  margin: auto;
}

.page5{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999;
  left: 0;
  background-color: rgba(0,0,0,.75);
}
.gdfl-div{
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.gdflImg{
  width: 100%;
}
.out-img{
  display: block;
  margin: 3vw auto;
  width: 11vw;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}