#concurso {
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  background-color: #E0E0E0;
  display: none;
}
@font-face {
  font-family: 'Semibold';
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/tablets/fonts/HurmeGeometricSans_No3_6_Bold.otf') format('opentype');
}
@font-face {
  font-family: 'HurmeGeometricSans_No3_4_Regular';
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/tablets/fonts/HurmeGeometricSans_No3_4_Regular.otf') format('opentype');
}
#concurso div,
#concurso input,
#concurso img {
  font-family: HurmeGeometricSans_No3_4_Regular;
  font-size: 2.027273vw;
}
#concurso input::-webkit-outer-spin-button,
#concurso input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
#concurso input[type="number"] {
  -moz-appearance: textfield;
}
#concurso .concurso_kv img {
  width: 100%;
}
#concurso input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  outline: none !important;
  border: none !important;
  text-align: center;
}
#concurso .content {
  width: 100%;
  text-align: center;
}
#concurso .content .rule_files {
  width: 88.30303vw;
  height: 29.151515vw;
  background-color: #BAACAC;
  margin: 2.909091vw auto;
  border-radius: 1.757576vw;
  overflow: hidden;
  overflow-y: scroll;
  display: flex;
  justify-content: center;
}
#concurso .content .rule_files div {
  color: #FFFFFF;
  font-size: 4.5vw;
  line-height: 1.2;
}
#concurso .content .rule_files div span {
  font-size: 3vw;
}
#concurso .content .rule_files .rule_img {
  width: 100%;
  height: 100%;
  margin-top: 1px;
}
#concurso .content .rule_files::-webkit-scrollbar {
  display: none;
}
#concurso .content .rule_checkbox {
  width: 100%;
  height: 4.393939vw;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#concurso .content .rule_checkbox input[type='checkbox'] {
  width: 4.939393vw;
  height: 4.393939vw;
  margin: 0;
  border-radius: 1.757576vw;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box;
}
#concurso .content .rule_checkbox label {
  margin-left: 1.763636vw;
  margin-bottom: 0;
}
#concurso .content .rule_checkbox input[type="checkbox"]:checked {
  background-color: #007aff;
}
#concurso .content .rule_checkbox input[type="checkbox"]:checked::before {
  content: '✔';
  color: #FFFFFF;
  font-size: 3.209091vw;
  position: absolute;
  left: 24%;
  top: -6%;
}
#concurso .info {
  width: 100%;
}
#concurso .info .date_placeholder {
  width: 31.575758vw;
  height: 4.393939vw;
  color: #B9B7B8;
  margin-top: 1.878788vw;
  line-height: 4.393939vw;
  padding: 0 1.757576vw;
  box-sizing: border-box;
  border-radius: 1.757576vw;
  background-color: #FFFFFF;
}
#concurso .info input {
  height: 4.393939vw;
  border-radius: 1.757576vw;
  margin-top: 1.878788vw;
  line-height: 4.393939vw;
  padding: 0.30303vw 1.757576vw;
  box-sizing: border-box;
  position: relative;
}
#concurso .info .date {
  font-size: 1.727273vw;
}
#concurso .info .show_placeholder:before {
  content: attr(placeholder);
  color: #B9B7B8;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
}
#concurso .info .show_placeholder::-webkit-datetime-edit {
  color: transparent;
  /* 设置透明颜色 */
}
#concurso .info ::-webkit-input-placeholder {
  text-align: center;
  color: #B9B7B8;
}
#concurso .info ::-moz-placeholder {
  text-align: center;
  color: #B9B7B8;
}
#concurso .info ::-ms-input-placeholder {
  text-align: center;
  color: #B9B7B8;
}
#concurso .info ::placeholder {
  text-align: center;
  color: #B9B7B8;
}
#concurso .info .email,
#concurso .info .name {
  width: 65.030303vw;
}
#concurso .category {
  width: 65.030303vw;
  height: auto;
  margin: 0 auto;
  margin-top: 4.787879vw;
}
#concurso .category .triangle {
  gap: 0;
  position: relative;
  line-height: 4.393939vw;
  background-color: #B9B7B8;
  border-radius: 1.757576vw;
}
#concurso .category .triangle img {
  width: 4.424242vw;
  height: 2.969697vw;
  position: absolute;
  left: 6%;
  border: none;
}
#concurso .category ul {
  background-color: #ffffff;
  border-radius: 1.757576vw;
  padding: 0;
}
#concurso .category ul li {
  width: 60.030303vw;
  height: 3.969697vw;
  line-height: 3.969697vw;
  margin: 0 auto;
  list-style-type: none;
  border-top: 2px solid #cecece;
}
#concurso .id_photo {
  gap: 1.515152vw;
  margin-top: 6.333333vw;
}
#concurso .id_photo .tip {
  font-size: 1.071215vw;
}
#concurso .id_photo .upload {
  align-self: flex-start;
}
#concurso .works {
  margin-top: 3.151515vw;
  align-items: flex-start;
}
#concurso .works .tip {
  font-size: 1.071215vw;
}
#concurso .works .upload {
  align-self: flex-start;
}
#concurso .upload {
  width: 19.939394vw;
  height: 2.939394vw;
  line-height: 2.939394vw;
  text-align: center;
  font-size: 1.571215vw;
  background-color: #B9B7B8;
  border-radius: 1.969697vw;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1.363636vw;
}
#concurso input[type="submit"] {
  width: 17.515152vw;
  height: 6.848485vw;
  background-color: #000000;
  border-radius: 1.625142vw;
  margin-top: 6.393939vw;
  color: #FFFFFF;
  margin-bottom: 3.393939vw;
}
#concurso input[type="submit"]:hover {
  transform: scale(1.12);
}
#concurso .id_photo,
#concurso .works,
#concurso .concurso_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.363636vw;
}
#concurso .id_photo input,
#concurso .works input,
#concurso .concurso_row input {
  width: 31.575758vw;
  position: relative;
}
@media (max-width: 765px) {
  #concurso .concurso_row {
    flex-direction: column;
    gap: 0;
  }
  #concurso .concurso_row input {
    width: 65.030303vw;
  }
}
#concurso .loaderBox {
  position: fixed;
  top: 0;
  background: rgba(234, 234, 234, 0.5);
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#concurso .loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background: linear-gradient(0, rgba(0, 0, 0, 0.5) 30%, #0000 0 70%, #000 0) 50%/8% 100%, linear-gradient(90deg, rgba(0, 0, 0, 0.25) 30%, #0000 0 70%, rgba(0, 0, 0, 0.75) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: l23 1s infinite steps(12);
}
@keyframes l23 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
#concurso .loader::before,
#concurso .loader::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  background: inherit;
  opacity: 0.915;
  transform: rotate(30deg);
}
#concurso .loader::after {
  opacity: 0.83;
  transform: rotate(60deg);
}
#concurso .result_tip {
  width: 49vw;
  height: 23vw;
  background-color: #FFFFFF;
  border-radius: 1.2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 2vw;
}
#concurso .result_tip img {
  width: 6vw;
  height: 5vw;
}
#concurso .close_position {
  margin-top: 2vw;
}
@media screen and (min-width: 1080px) {
  .row > * {
    width: fit-content;
  }
}
@media (max-width: 765px) {
  .ui-datepicker {
    font-size: 0.7em;
  }
}
/*# sourceMappingURL=index.css.map */