@charset "UTF-8";
html, body,
h1, h2, h3, h4, h5, h6,
ul, li, header,
input, button,
dl, dt, dd,
p {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

em, i {
  font-style: normal; }

a, input, button {
  outline: none;
  border: 0; }

a {
  text-decoration: none; }
  a:hover {
    cursor: pointer; }

img {
  display: block;
  border: 0; }

body {
  width: 100%;
  height: 100%;
  font-size: .26rem;
  color: #333; }

.clearfix:before, .clearfix:after {
  display: block;
  content: '';
  clear: both;
  font-size: 0;
  position: relative; }

html, body {
  width: 100%;
  height: 100%;
  line-height: 1.5;
  font-size: .28rem;
  color: #333;
  position: relative; }

body {
  background-color: #101652; }

header img {
  width: 100%; }

.section {
  position: relative;
  height: 14.6rem;
  overflow: hidden; }

.title {
  color: #ffbca6;
  text-align: center;
  font-weight: 500;
  margin-bottom: .4rem; }
  .title strong {
    display: block;
    font-size: .4rem; }

.section {
  width: 5.9rem;
  padding-top: .6rem;
  margin: 0 auto; }
  .section dl {
    margin-bottom: .2rem; }
  .section dt {
    color: #fff; }
  .section dd {
    padding: 0 .1rem;
    margin-top: .07rem;
    border-radius: .05rem;
    background-color: #fff;
    border: 1px solid #fff;
    transition: background .1s; }
    .section dd.pic {
      position: relative;
      width: 1.8rem;
      height: 1.8rem;
      background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAACA0lEQVR4nO3dMU8iQRjG8Wcm63BqtpuCRuk0wf0g13K1iV/PCmq/B0eCHVYWExuieANhrmEvFxGVPIkzJM8voWGbN3+GQPFu1tzeXKM0w6bGVYjpPCwBAA/+CL+9M7/G88yTbatyD/DWqKnx8/45ncT1v/cuH//g7GmZRk1tBoVFtLkHeKsfIv6P1zqJa/RDzDDRx4oLeB6Wade1Xog7r+VSXMDj1fbpa/1YFdevvICHRgFJCkhSQJICkhSQpIAkBSQpIEkBSQpIUkCSApIUkKSAJAUkKSBJAUkKSFJAkgKSFJCkgCQFJCkgSQFJCkhSQJICkhSQpIAkCwDDpk7TbictKpsA5H59Jut8i8qmabeThk2dAKDa7CS/u1Yr245X63ZnG6OmTrYfYlK8/bU727a9lUD21wtRPyIs++CPcs9wsGbewU68w4vTQdzXi7OYeAc7GM/N3cWpmXY7eK1M7rmK91oZTLsd3F2cmsF4bkyB98p99l+wqE9Z312SApIUkKSAJAUkKSBJAUkKSFJAkgKSFJCkgCQFJCkgSQFJCkhSQJICkhSQpIAkBSQpIEkBSQpIUkCSApIUkKSAJAUkKSBJAUnFBVxUu0cqcQG0uIAf7WzPvPvGSb6muIAT78x7O9ubneTijmBxT3MYjOcYNbXph5h6m4cPzLzDxLvinuQAAH8BzHm37qxx5PoAAAAASUVORK5CYII=") center center no-repeat;
      background-size: .8rem;
      overflow: hidden; }
      .section dd.pic input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        display: block;
        padding: 0;
        opacity: 0;
        width: 100%;
        height: 100%; }
      .section dd.pic img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%; }
        .section dd.pic img.hide {
          display: none; }
    .section dd.error {
      border-color: #e4a995;
      background-color: #e4a995; }
    .section dd input, .section dd p {
      display: block;
      width: 100%;
      height: .32rem;
      padding: .2rem 0;
      font-size: .28rem;
      background-color: transparent; }
  .section .submit-btn {
    display: block;
    width: 100%;
    height: .88rem;
    margin-top: .5rem;
    color: #db4f50;
    font-size: .36rem;
    font-weight: 600;
    background-color: #f5e267; }

.rule-section {
  color: #fff;
  line-height: 1.6;
  height: auto;
  padding-bottom: .5rem; }
  .rule-section p {
    margin-bottom: .1rem; }

.extra-info {
  padding: .65rem 0 .6rem;
  text-align: center; }
  .extra-info a {
    position: relative;
    color: #fff;
    padding-left: .4rem; }
    .extra-info a:before {
      position: absolute;
      left: 0;
      top: .05rem;
      display: inline-block;
      content: '';
      width: .32rem;
      height: .32rem;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACd0lEQVRYhb2Xz05TURDGv9soipFo4gbcmbbRFRo3BAIL0lXVlS54AYKvQn0FfAZX6o5A9AGgbJAFcWMKIZooaSHt5ufiztHppX/ObUm/ZJKT+fPN3HPvPTMnARSJu5JeSlqV9EzSI0n3zPZH0ndJ+5J2JH2S1IxiBYZJCdgCmsSjaTGlYfyDjLeBTaCdI3EWbaBmXLkKKAJ7PQiPjLACzAFTJnOmq5lPFnv02Y1eyZ8DpxmCXWCl31P0kBWL8Tg17oEFlIAzF3QJvAWSHMmDJBZ76fjOsjvhA6aBfef8C1gcIXFWFo0roG65rhRQc04tYOEakgdZMM6AWraAItBxDusRpFWgYVKN8F93/B3sVQTjljPuEvfOGy6mEeGf0P1hvg8FzNB9yCxHbqsv4CQyZtnFNIEZAWtOuR9JJOCFJf5h69g4/6Gv3ZBUcSfzh9jGIOmzpLkc/j7HU1tXCpLmnfHrCIR58cWt5wuSik7xLQdRVVLDpJoj7sitiwnQljRliluSOpFEDf1/BSeSHkbGTUlq27ozTgHZQSIZpYCCpHNnfBBJMg58jvOCpGOneDKBAh679XFB0oFTrEygAJ/joCBp2yleT6CAN269Pc5RnEXeo7gVjmKRNoaAUZpRTC9IgB0X868ZibQ1+na8EUGYtxdsOP4OUPYFiMkOJO+CzTtNk45LAT+vqYgF4wqoA3d6FRBehR9KLxh/KPVPPnAoDdJvLF/KkXyJ7g8OIsdyvxN1ruKQ9La0CswCN01mTbdpPlnUs08+rACRXqdqdP8dedFhxKuZlzLp0NoiHhek/3l5GH8Cua7nr9R9Pb9vtt/qvp5/VOT1/C8eB+5TLoHeLwAAAABJRU5ErkJggg==") 0 0 no-repeat;
      background-size: .32rem; }

/*选择地区弹层*/
.express-area-box {
  /*display: none;*/
  position: fixed;
  bottom: -100%;
  left: 50%;
  z-index: 15;
  width: 7.5rem;
  margin-left: -3.75rem;
  background-color: #fff;
  color: #4d525d; }
  .express-area-box header {
    position: relative;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2; }
    .express-area-box header h3 {
      margin: 0 1.675rem;
      text-align: center;
      line-height: .9rem; }
    .express-area-box header .back, .express-area-box header .close {
      position: absolute;
      top: 0;
      width: .9rem;
      height: .9rem; }
    .express-area-box header .back {
      display: none;
      left: 0;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAbCAMAAACUTyX1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMwZOz8sAAAAudFJOUwBp6zX2Blv9+gEt8XiK6jkkl+Sh3EIcA9ioFU3TErLfucVOgYIiIWJhUmj4U3+95ntNAAAAhUlEQVQY02XRyRKCMBAE0EGRxB1EcRdZXFDp//88q7ikk8ntTSrJTEeE1rUqmacL7sTigNvE8bHFkZhukO8dZytkU8fxCEvieo6Gbt7FWBDPMSLiz5o3MTE2IUbG1tz0Fz1TPsF+eF6ks+blFYL3VX9D/61XCOZT86t8RJ5+fipflf/wP3+Qdwo2CtJlgAAAAABJRU5ErkJggg==") no-repeat center;
      background-size: .15rem; }
    .express-area-box header .close {
      right: 0;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAntJREFUeNqslvlLFVEUx6fxNakRlWXZQhGFaUV70A9he2kpaZkLTw36w4KyMqJ93xf6IYg2ImylKCor20xMK4O+B74XvgyOb95y4POG+d5zz3fenTN3ZsTG6uRYz/PawT+wC/z0chdW+wDwQTKBnw5QxcGLoBL05MBoPLgElvO8wxz/SMJKcBmMy9KoCFwRI4t+M2sFt0RcwcSiDI0mgqtgqWg3QIuZ9XIZb8rgMhpOSNOomEaLRbM6W0GfT6EPbAHXJGkJJxbHNJoMroOFolkPbAO/PHaJCxNqeFNdLOIFTEphVEKj+aJdALXOKGzmDGuZ6GIBC5VEGE3lPSkX7Sz/0YAm+kNM7qfhOdHm0XBKKHc69bminQTbQ10eaWbxG9SB06KV8R9M4/kMnpdKzjHQMJTRcGYeJ9SD46KV0mAVj7Nl7AhoijJKZeYMm1jIxRw+l7NEO8S8v8MV82O0tBk2g8MR47b3tXBv9bI1sxjkTvM2pL8Bu+MYpWOWB/awKTRmgn0gkSuzPC5VMmK8kW+OIFuzkSzUKNprUAFeilbPJgkyNQtotFO0V2ANu9GOz2Wsjl0bpGsWsPt2iPYCrJYmeU/Dp5JTw+dyVFwzMzrKvc3FMxZ+F8rtAmtBp2j29jgBClKZ5TOxWrQnLPghYhU+cvyxaJWsUxhlVsCEKtE6WagrRSN9BuvAQ9E2cW8tDJuZcApsluRHXLpPMZ/FbrABPBDNLuA8GO3MzOgME13YFa5ngXTiK+fdE62C78cxZrafS+XiPid8yfCD5zsv/I5o9pZo90M38S4Tv2X5KfeD9+y2dnmCO/pBbqbJHH2geqxjXbmXt6vtvwADAOXRiUBvhWnfAAAAAElFTkSuQmCC") no-repeat center;
      background-size: .27rem; }
  .express-area-box article {
    height: 2.5rem;
    overflow-y: scroll; }

.area-list li {
  padding: .05rem;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  line-height: .6rem; }

/*遮罩层*/
.mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

@media (max-width: 720px) {
  .mask {
    position: fixed; } }