html {
      background: #eee;
    }

    body {
      font-family: Microsoft YaHei, Helvetica, STHeiTi, sans-serif;
      color: #575757;
      background-color: #fff;
      font-size: 0.22rem;
      outline: 0;
      max-width: 600px;
      min-width: 320px;
      width: 100%;
      margin: 0 auto;
      min-height: 100vh;
      overflow: auto;
    }

    .order {
      background: #FFFFFF;
      border: 1px solid #FFFFFF;
    }



    .order dl dd.submit input {
      background: #137796;
    }

    /* 修改 */
    .order .buy {
      width: 100%;
      background: #153695;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /* margin-bottom: 10px; */
      font-size: 20px;
    }

    dd {
      margin-inline-start: 0;
    }

    .order dl dd.pro {
      padding: 0 5px;
      display: block;
      /* flex-direction: column;
      align-items: left;
      justify-content: flex-start; */
    }

    .order dl dd.pro .left {
      margin-bottom: 5px;
      padding: 0 5px;
      box-sizing: border-box;
    }

    .pro .right {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }

    .pro .right .label-box {
      display: block;
      width: 33.33%;
      position: relative;
      padding: 3px;
      box-sizing: border-box;
    }

    .pro .right .label-box label {
      width: 100%;
      display: block;
      /* border: 1px solid #F3EAE4; */
    }

    .pro .right .label-box label .other {
      position: relative;
    }

    .pro .right .label-box label .name {
      background: #FEFEFF;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 40px;
      font-size: 10px;
      padding: 2px;
      box-sizing: border-box;
      text-align: center;
    }

    .pro .right .label-box label .price {
      background: #FDF9F5;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 30px;
      font-size: 12px;
    }

    .pro input[type="radio"] {
      display: none;
    }

    .pro input[type="radio"]+.other::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border: 1px solid #F3EAE4;
      box-sizing: border-box;
      border-radius: 4px;
    }

    .pro input[type="radio"]:checked+.other {
      position: relative;
    }

    .pro input[type="radio"]:checked+.other::before {
      border: 2px solid #19339E;
      box-sizing: border-box;
    }

    .pro input[type="radio"]:checked+.other::after {
      position: absolute;
      bottom: 0;
      right: 0;
      display: block;
      width: 25px;
      height: 25px;
      content: "";
      background-image: url(../images/select.png);
      background-size: 100% 100%;
      border-bottom-right-radius: 4px;
    }

    .num-total {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 10px;
      box-sizing: border-box;
    }

    .num-total .num {
      flex: 1;
      display: flex;
      align-items: center;
    }

    .num-total .num .right {
      display: flex;
      align-items: center;
    }

    .num-total .num .right input {
      margin: 0 10px;
      font-size: 15px;
    }

    .num-total .total-price {
      /* width: 100%; */
      /* flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between; */
      /* padding-left: 30px; */
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .num-total .total-price dd {
      display: block;

    }

    .order dl dd input[type="text"],
    .order dl dd input[type="date"] {
      border: 1px solid #CBCBCB;
      padding: 0 10px;
      height: 35px;
	  width: 90%;
      color: #444;
      border-radius: 5px;
      outline: none;
      flex: 1;
    }

    .add,
    .jian {
      display: inline-block;
      width: 25px;
      height: 25px;
    }

    /* .num-total span.right {
      display: block;
      flex: 1;
      display: flex;
      align-items: center;
      text-align: center;
    } */

    .order dl .num-total .num {
      padding-right: 0;
    }

    .order dl .num-total .total-price {
      padding-right: 0;
    }

    .order dl .num-total .total-price .left {
      width: auto;
    }

    .order dl .num-total .total-price .right {
      width: auto;
    }

    .order dl .num-total dd span.right input {
      flex: 1;
      display: inline-block;
      width: 50px;
    }

    .total {
      line-height: 24px;
    }

    .total .price .red {
      color: #EB463C;
      /* font-weight: bold; */
      margin-right: 3px;
      font-size: 16px;
    }

    input[type=date] {
      background-color: transparent;
      color: #fff;
      FILTER: alpha(opacity=0);
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
    }

    input[type=date]::-webkit-inner-spin-button {
      visibility: hidden;
    }

    /*  修改日历控件类型 */
    ::-webkit-datetime-edit {
      padding: 1px;
      color: #333;
      background: rgba(0, 0, 0, 0);
    }

    /*控制编辑区域的*/
    ::-webkit-datetime-edit-fields-wrapper {
      background-color: rgba(0, 0, 0, 0);
      font-size: 15px;
      line-height: 34px;
    }

    /*控制年月日这个区域的*/
    ::-webkit-datetime-edit-text {
      color: #333;
      padding: 0 1px;
      
    }

    /*这是控制年月日之间的斜线或短横线的*/
    ::-webkit-datetime-edit-year-field {
      background-color: rgba(0, 0, 0, 0);
      color: #333;
    }

    /*控制年文字, 如2013四个字母占据的那片地方*/
    ::-webkit-datetime-edit-month-field {
      background-color: rgba(0, 0, 0, 0);
      color: #333;
    }

    /*控制月份*/
    ::-webkit-datetime-edit-day-field {
      background-color: rgba(0, 0, 0, 0);
      color: #333;
    }

    /*控制具体日子*/
    ::-webkit-inner-spin-button {
      visibility: hidden;
    }

    /*这是控制上下小箭头的*/
    ::-webkit-calendar-picker-indicator {
      /*这是控制下拉小箭头的*/
      /* background-image: url("images/wx.png"); */
      border: 1px solid #ccc;
      border-radius: 2px;
      box-shadow: inset 0 1px #fff, 0 1px #eee;
      background-color: #eee;
      background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
      color: #666;
      margin-right: 0px;
    }

    ::-webkit-clear-button {
      /*控制清除按钮*/
      visibility: hidden;
    }

    .type .right label {
      margin-right: 10px;
    }

    .type .right label input {
      vertical-align: middle;
    }

    .type .right label span {
      vertical-align: middle;
    }

    .type input[type="radio"] {
      display: none;
    }

    .type input[type='radio']+span::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      box-sizing: border-box;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: 1px solid #ddd;
      margin-right: 5px;
    }

    .type input[type='radio']:checked+span::before {
      padding: 2px;
      box-sizing: border-box;
      background-color: #28C723;
      background-clip: content-box;
    }

    .pay .right label {
      margin-right: 10px;
    }

    .pay .right label input {
      vertical-align: middle;
    }


    .pay .right label span {
      vertical-align: middle;
    }

    .pay input[type="radio"] {
      display: none;
    }

    .pay .right .other {
      height: 50px;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .pay .right .other img {
      width: 20px;
      height: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
    }

    .pay input[type="radio"]+.other::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      border: 1px solid #ddd;
      box-sizing: border-box;
      border-radius: 4px;
    }

    .pay input[type="radio"]:checked+.other {
      position: relative;
    }

    .pay input[type="radio"]:checked+.other::before {
      border: 2px solid #0E79D8;
      box-sizing: border-box;
    }

    .submit {
      width: 100% !important;
      text-align: center;
      margin-top: 30px !important;
    }

    .submit input {
		-webkit-appearance: none;
      width: 85% !important;
      margin: 0 auto;
      border-radius: 50px;
      font-size: 16px !important;
      background: #0F359C !important;
      height: 45px !important;
      line-height: 45px !important;
    }