#header {
  position: relative;
  width: 100%;
  height: 23.3333333333vw;
  overflow: hidden; }
  @media (min-width: 1200px) {
    #header {
      display: none; } }
  #header .bg {
    width: 100%; }
  #header .title {
    position: absolute;
    width: 100%;
    bottom: 0.29rem;
    text-align: center;
    color: white;
    font-size: 0.48rem;
    letter-spacing: 0.2rem; }
  #header .back {
    position: absolute;
    width: 2.4vw;
    left: 5.3333333333vw;
    bottom: 0.4rem; }
  #header menu {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 80%; }
    #header menu ul {
      display: flex;
      margin-bottom: 0;
      line-height: 35px; }
    #header menu a {
      flex: 1;
      color: white;
      text-align: center;
      margin: 0 5px;
      font-size: 12px; }
      #header menu a.active {
        background: white;
        color: black;
        border-radius: 5px 5px 0 0; }

#header-pc {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 1170px;
  margin: 0 auto 20px auto; }
  @media (max-width: 1200px) {
    #header-pc {
      display: none; } }
  #header-pc .bg {
    width: 100%; }

menu {
  margin-left: 5%;
  bottom: 0;
  width: 90%;
  margin-top: 10px;
  /*ul{
    display: flex;
    margin-bottom: 0;
    line-height: 35px;
    @media (min-width: 1200px) {
      line-height: 40px;
    }
  }
  a{
    flex: 1;
    color: #b62424;
    text-align: center;
    margin: 0 5px;
    font-size: 12px;
    border: 1px solid #b62424;
    border-radius: 5px;
    @media (min-width: 1200px) {
      font-size: 13px;
    }
    &.active{
      background: #b62424;
      color: white;
    }
  }*/ }
  @media (min-width: 1200px) {
    menu {
      width: 1170px;
      margin: 0 auto; } }
  menu ul.zjd_tab {
    display: flex; }
    menu ul.zjd_tab div {
      flex: 1;
      color: #b62424;
      border: 1px solid #b62424;
      text-align: center;
      height: 75px;
      line-height: 75px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer; }
      menu ul.zjd_tab div:nth-child(1) {
        margin-right: 5px; }
      menu ul.zjd_tab div.active {
        background: #b62424;
        color: white; }
      @media (max-width: 1200px) {
        menu ul.zjd_tab div:nth-child(2) {
          padding-top: 10px;
          line-height: 25px; } }
  menu ul a {
    display: block;
    color: #b62424;
    border: 1px solid #b62424;
    width: 100%;
    margin: 20px auto;
    text-align: center;
    height: 75px;
    line-height: 75px;
    font-size: 16px;
    border-radius: 5px; }
    menu ul a.active {
      background: #b62424;
      color: white; }

/* input */
.input {
  margin-bottom: 50px; }

.input .title {
  font-size: 16px;
  margin: 10px 0px;
  padding-left: 10px; }

.input .sign {
  margin: 7px 0px; }

.input .sign div {
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  background: #eaeaea; }

.input .sign .name {
  padding-right: 20px; }

.input .sign input {
  background: #eaeaea; }

.input .sign2 .name {
  margin: 0;
  float: left;
  background: white;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px; }

.input .sign2 div {
  padding-left: 0px; }

.input .sign2 div div {
  float: left; }

.input .sign2 div input {
  width: 60%; }

/* select */
.route {
  cursor: pointer;
  margin: 30px 0px 0px 10px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
  background: url("../image/select/check.png") no-repeat;
  border-bottom: 1px solid #ccc; }

.route input, .route label {
  display: inline-block;
  float: left; }

.route label {
  cursor: pointer;
  margin-left: 40px; }

.route.checked {
  background: url("../image/select/checked.png") no-repeat; }

.route.disabled {
  display: none; }

.route input {
  opacity: 0;
  position: absolute;
  background: white;
  left: 0;
  z-index: 5;
  width: 25px;
  height: 25px; }

.route .light-black {
  margin-top: 5px;
  color: #898989; }

/* intro */
.intro-title {
  font-size: 16px;
  margin: 20px 0px 10px 0px; }

/* intro  mobile*/
.intro-mo {
  cursor: pointer;
  height: 30px;
  padding-left: 10px;
  line-height: 30px;
  background: #640000;
  color: white; }

.intro-mo i {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  overflow: hidden;
  border-width: 2px;
  border-color: white transparent transparent white;
  border-style: solid; }

.intro-mo.none i {
  margin-top: 0px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); }

.intro.none {
  display: none; }

.table.none {
  display: none; }

/* table */
.table {
  width: 596px;
  margin: 0 auto; }

.contact {
  margin: 20px 0px; }

.contact a {
  color: black; }

.submit {
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  width: 150px;
  border-radius: 15px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  color: white;
  background: #eb2e2e; }

/* calendar */
.calendar-bg {
  padding: 0px 10px;
  text-align: center;
  margin: 10px 0px; }

.tablist {
  border: 1px solid #ccc;
  border-bottom: none;
  background: #f3f3f3;
  position: relative;
  overflow: hidden;
  line-height: 20px;
  border-bottom: 1px #ddd solid; }

.tablist li.selected {
  border-bottom: 2px solid #f71f14; }

.tablist li {
  float: left;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 7%;
  text-align: center;
  font-size: 12px; }

.tablist .selected a, .tablist .selected a .price em {
  color: #f71f14; }

.tablist a {
  color: #abaeb3; }

.tab-calendar-wrapper .calendar-list .calendar-wrapper {
  width: 8.33333333%;
  float: left; }

.tablist li span {
  display: block; }

.calendar-wrapper h3 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.calendar-wrapper th {
  width: 14.28%;
  color: #999;
  font-weight: 400; }

.calendar-wrapper table {
  text-align: center;
  width: 100%;
  border-collapse: collapse; }

.calendar-wrapper tr:first-child {
  height: 40px;
  border-bottom: 1px solid #e6e6e6; }

.tab-calendar-wrapper .calendar-list th {
  text-align: center; }

.calendar .sunday, .calendar .saturday {
  color: #f63; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

table tr th {
  text-align: center; }

.calendar-wrapper tr {
  height: 48px; }

.calendar {
  border: 1px solid #ccc;
  background: white; }

.calendar .disabled {
  color: #ccc;
  background: #f5f5f5; }

.calendar-wrapper td span {
  display: block;
  padding-top: 6px;
  line-height: 14px; }

.calendar-wrapper td p b {
  font-weight: 400; }

.calendar-wrapper td p {
  font-size: 11px;
  line-height: 16px;
  color: #f71f14;
  vertical-align: middle; }

.calendar .sunday p, .calendar .saturday p {
  color: #f63; }

.calendar-wrapper {
  display: none; }

.calendar-wrapper.selected {
  display: block; }

.calendar td.selected {
  background: #f71f14;
  color: white; }

/*# sourceMappingURL=sign.css.map */