* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body, .gdialog, .gshade, .gtheme .gthemeName .gthimg img, .gMytheme .gthemeName .gthimg img, .guideTel img, .gupslide img, .gdownTel img, .gotherTel img, .gotherSlide img, .glookMyself .gmyTel img, .glookMyself .gmySlide img, .g_addimg .g_add_pic img, .g_export_cont .g_e_icon img, .gimgs .preview-list .preview img {
  width: 100%;
  height: 100%; }

.gdialog, .gshadeTel, .galists, .gminfo .gminTop .ginfoTel, .gcanExcel, .grightNav th, .gTable th, .gimgs li p, .gimgs .preview-list .preview {
  position: relative; }

.grlists .gmycerate, .grlists .gmeet, .gshade, .gdelsur, .gshadeapprove, .gshadeTel .gshadeClose, .galists .galistB, .gminfo .gtopType, .gminfo .ginfoType, .gminfo .form-detail-btn, .gminfo .gdelInfo, .gcreator, .gimgs li .camera, .gimgs li .gaddWord, .gimgs .preview-list .preview span, .gleadimgs .gleadlist .gleadpre .colose, .gleadimgs .gleadlist .gleadpre .pass, .gleadimgs .gleadlist .gleadpre .wait, .gleadimgs .gleadlist .gleadpre .reject, .g_facility, .g_custom {
  position: absolute; }

.gdialog, .meetSuc, .gleaveSuc {
  position: fixed; }

.grlists, .grlists .grinfo .gmeetAdr, .grlists .grinfo .gmeetTime, .gdelsur .gdelbtn, .gshadeTel .gshadeh, .galists, .g_rec_tab, .gtheme .gthemeCont, .gMytheme .gthemeCont, .gtheme .gthemeTime, .gMytheme .gthemeTime, .gtheme .gthemeName, .gMytheme .gthemeName, .glist, .g_rec_header, .gcreator .g_c_btn, .res_txt .res_btn, .gscreen .gsc_cont .gsc_time .gsc_time_sel, .g_facility .gf_btns, .g_custom .gc_btns, .reserve_detail_pop .break_top .break_ul .break_lis, .res_index .rind_top, .res_index .rind_cont .rind_now .rind_now_per .now_per_top, .res_order .order_top, .res_order .order_cont .data_top .data_top_scroll .data_top_ul, .res_order .order_cont .data_cont .data_table, .res_order .order_cont .data_cont .data_per .data_td, .res_order .order_btm, .res_order .order_btm .order_btm_left .order_btm_title, .sure_pop .sure_pop_btm, .cal_pop .cal_cont, .cal_pop .cal_btm, .roster .roster_top, .roster .roster_cont .ros_per .ros_per_title, .roster .roster_cont .ros_per .ros_per_lis, .roster .roster_cont .wait_per, .roster .roster_cont .wait_per .wait_left .wait_left_top, .mag_record .mag_cont .mag_per .mag_info, .mag_index .mag_top_uls, .mag_index .mag_area, .mag_index .mag_cont_uls .mag_cont_lis, .make_pop .make_btn, .filtrate_pop .fil_pop_btm, .area_pop .area_pop_btm, .reminder_pop .rp_bottom, .team-container .card-wrap .card-item, .team-container .member-wrap .member-top-box, .team-container .member-wrap .member-top-box .code-btn, .team-container .member-wrap .member-list-box .list-box li, .team-container .member-wrap .member-list-box .list-box .list-left, .team-container .invaild-wrap {
  display: -webkit-flex;
  display: -moz-flex; }

.g_facility, .g_custom, .res_index, .res_order .order_cont .data_cont .data_per, .roster, .mag_record, .mag_index, .filtrate_pop, .opendate_pop, .reminder_pop {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column; }

.grlists .grinfo, .grlists .grinfo .gmeetAdr span, .grlists .grinfo .gmeetTime span, .g_addroom .g_a_info, .gdelsur .gdelbtn span, .gshadeTel .gshadeh span, .galists .galistT, .g_rec_tab li, .gtheme .gthemeCont em, .gMytheme .gthemeCont em, .gtheme .gthemeTime em, .gMytheme .gthemeTime em, .gtheme .gthemeName label, .gMytheme .gthemeName label, .glist span:nth-child(2), .g_rec_header .g_head_name, .gcreator .g_c_btn span, .res_txt .res_btn span, .g_facility .gf_data, .g_facility .gf_btns span, .g_custom .gc_cont, .g_custom .gc_btns span, .reserve_detail_pop .break_top .break_ul .break_lis .break_lis_right, .res_index .rind_top .rind_tab, .res_index .rind_cont, .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd, .res_order .order_cont .data_cont .data_per .data_td, .res_order .order_btm .order_btm_left, .sure_pop .sure_pop_btm span, .cal_pop .cal_btm span, .roster .roster_top .roster_tab, .roster .roster_cont, .roster .roster_cont .ros_per .ros_per_title .per_title_left, .roster .roster_cont .ros_per .ros_per_title .per_title_right, .roster .roster_cont .ros_per .ros_per_lis .ros_per_right, .roster .roster_cont .wait_per .wait_left .wait_left_top .wait_left_info, .roster .roster_cont .wait_per .wait_right, .mag_record .mag_cont, .mag_record .mag_cont .mag_per .mag_info dt, .mag_index .mag_top_uls .mag_top_lis, .mag_index .mag_area .mag_area_right, .mag_index .mag_cont_uls, .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_right, .make_pop .make_btn span, .filtrate_pop .fil_pop_cont, .filtrate_pop .fil_pop_btm span, .area_pop .area_pop_btm span, .opendate_pop .od_cont, .reminder_pop .rp_cont, .reminder_pop .rp_bottom span {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1; }

.res_order .order_cont .data_top .data_top_scroll .data_top_lis, .res_order .order_cont .data_cont .data_row {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -o-flex-shrink: 0; }

body {
  font-size: .32rem; }

[v-cloak] {
  display: none; }

.owt1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.owt2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.cx_search {
  position: relative;
  padding: .2rem .3rem 0 .3rem; }

.cx_search-box {
  display: -webkit-box;
  -webkit-box-align: center;
  position: relative;
  width: 6.3rem;
  height: .56rem;
  border-radius: .56rem;
  background-color: #f9f9f9; }

.cx_search-box a {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: .56rem;
  width: .76rem; }

.cx_search-box input[type='text'] {
  display: block;
  -webkit-box-flex: 1;
  height: .56rem;
  line-height: .56rem;
  padding-left: 0;
  border: none;
  border-radius: .56rem;
  background: url("./icons/magnifier@2x.png") center left 0.2rem no-repeat;
  background-size: 1.12rem .33rem;
  text-align: center;
  color: #b3b3b3;
  font-size: .28rem; }

.cx_search-box input[type='text']::-webkit-input-placeholder {
  padding-left: .33rem;
  line-height: .56rem; }

.cxSearchFocus a {
  display: block; }

.cxSearchFocus input[type='text'] {
  padding-left: .76rem;
  background-position: .26rem center;
  text-align: left;
  color: #333; }

.cxSearchFocus input[type='text']::-webkit-input-placeholder {
  padding-left: .0rem;
  line-height: .56rem; }

.cx_search-clear {
  width: .6rem;
  height: .56rem;
  background: url("../../../images/tpl/delete_06.png") center center no-repeat;
  background-size: .22rem .22rem; }

.screenBtn {
  position: absolute;
  width: .48rem;
  height: .48rem;
  top: .24rem;
  right: .3rem;
  background: url("./icons/screen-black.png") no-repeat center;
  background-size: contain; }

.screenBtn.hasCheck {
  position: absolute;
  width: .48rem;
  height: .48rem;
  top: .24rem;
  right: .3rem;
  background: url("./icons/screen-blue.png") no-repeat center;
  background-size: contain; }

.isbottom {
  height: .6rem;
  line-height: .6rem;
  font-size: .24rem;
  text-align: center;
  color: #999;
  padding-bottom: 2rem; }

#groomList {
  width: 100%;
  height: auto; }

.secNodata {
  line-height: .5rem;
  font-size: .24rem;
  text-align: center;
  margin-top: .2rem; }

#gItemList {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.gUist {
  width: 100%;
  height: 100%;
  padding: 0 .3rem; }

.grlists {
  min-height: 2.4rem;
  padding: .2rem 0;
  border-bottom: 1px solid #ebebeb; }
  .grlists .grimg {
    position: relative;
    width: 2.2rem;
    height: 2rem; }
    .grlists .grimg img {
      display: block;
      width: 2.2rem;
      height: 2rem; }
    .grlists .grimg .gmy_icon {
      position: absolute;
      width: .6rem;
      height: .6rem;
      top: 0;
      left: 0;
      background: url("./icons/myroom.png") no-repeat center;
      background-size: contain; }
    .grlists .grimg .groom_type {
      position: absolute;
      top: .06rem;
      right: .06rem; }
      .grlists .grimg .groom_type li {
        width: .78rem;
        line-height: .32rem;
        margin-bottom: .06rem;
        border-radius: .04rem;
        font-size: .22rem;
        color: #fff;
        text-align: center; }
      .grlists .grimg .groom_type .dsp {
        background: #FFB643; }
      .grlists .grimg .groom_type .xsp {
        background: #FF7843; }
      .grlists .grimg .groom_type .yyy {
        background: #27CBA7; }
      .grlists .grimg .groom_type .stop {
        background: red; }
    .grlists .grimg .gneetAprv {
      position: absolute;
      width: .82rem;
      height: .42rem;
      line-height: .42rem;
      bottom: .1rem;
      right: .1rem;
      background: #ffa454;
      border-radius: .04rem;
      color: #ffffff;
      text-align: center;
      font-size: .22rem; }
  .grlists .gmycerate {
    line-height: .3rem;
    top: .1rem;
    left: .1rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .04rem;
    padding: .06rem .08rem;
    color: #ffffff;
    text-align: center;
    font-size: .22rem; }
  .grlists .gmeet {
    min-height: .3rem;
    top: .1rem;
    right: .1rem; }
  .grlists .gmeet_type {
    padding: .06rem .08rem;
    color: #ffffff;
    text-align: center;
    line-height: .3rem;
    font-size: .22rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: .04rem; }
    .grlists .gmeet_type i {
      display: inline-block;
      width: .14rem;
      height: .14rem;
      margin-left: .04rem;
      margin-top: .08rem;
      vertical-align: top;
      background: url("./icons/nomeet.png") no-repeat center;
      background-size: contain; }
    .grlists .gmeet_type .gmeetimg {
      background: url("./icons/meet.png") no-repeat center;
      background-size: contain; }
  .grlists .gmeet_type:last-child {
    margin-top: .02rem; }
  .grlists .grinfo {
    padding-left: .2rem; }
    .grlists .grinfo .gmeetNum {
      max-width: 4.5rem;
      line-height: .4rem;
      color: #333333;
      font-size: .3rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .grlists .grinfo .gmeetWord {
      min-height: .4rem;
      padding: .1rem 0; }
    .grlists .grinfo .gmeetAdr {
      min-height: .4rem;
      height: auto;
      font-size: .22rem;
      color: #666666; }
      .grlists .grinfo .gmeetAdr label {
        width: .6rem;
        height: auto;
        line-height: .32rem; }
      .grlists .grinfo .gmeetAdr span {
        line-height: .32rem;
        color: #999999;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        letter-spacing: -1px; }
      .grlists .grinfo .gmeetAdr .phoneNum {
        color: #0099FF; }
    .grlists .grinfo .gmeetNo {
      font-size: .24rem;
      line-height: .34rem;
      color: #999999; }
    .grlists .grinfo .gmeetPel {
      max-width: 4.5rem;
      font-size: .24rem;
      line-height: .34rem;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .grlists .grinfo .gmeetPel span {
        margin-left: .1rem;
        color: #999999; }
    .grlists .grinfo .gmeetTime {
      max-width: 4.5rem;
      font-size: .24rem;
      line-height: .34rem;
      color: #0099FF; }
      .grlists .grinfo .gmeetTime label {
        width: 1.2rem; }
      .grlists .grinfo .gmeetTime span {
        margin-left: .1rem;
        color: #0099FF; }
    .grlists .grinfo .gmeetType {
      min-height: .34rem; }
      .grlists .grinfo .gmeetType li {
        display: inline-block;
        padding: 0 .08rem;
        line-height: .34rem;
        margin-right: .04rem;
        margin-bottom: .08rem;
        vertical-align: top;
        border-radius: .06rem;
        font-size: .22rem;
        background: #9FCCFF;
        color: #fff; }
      .grlists .grinfo .gmeetType li.zj {
        border: 1px solid #FFAF3C;
        color: #FFAF3C; }
      .grlists .grinfo .gmeetType li.xsp {
        border: 1px solid #FF7843;
        color: #FF7843; }
      .grlists .grinfo .gmeetType li.yyy {
        border: 1px solid #27CBA7;
        color: #27CBA7; }
      .grlists .grinfo .gmeetType li.dsp {
        border: 1px solid #ffa454;
        color: #ffa454; }

.g_addroom {
  border-bottom: none; }
  .g_addroom .g_a_btn {
    width: 2.16rem;
    height: 2rem;
    padding-top: .4rem;
    background: #F6F6F8; }
    .g_addroom .g_a_btn .g_abtn_img {
      width: .82rem;
      height: .82rem;
      margin: 0 auto;
      background: url("./icons/addroom.png") no-repeat center;
      background-size: contain; }
    .g_addroom .g_a_btn .g_abtn_word {
      line-height: .26rem;
      padding: 0 .2rem;
      margin-top: .16rem;
      font-size: .22rem;
      color: #B5B5B6;
      text-align: center; }
  .g_addroom .g_a_info {
    padding-left: .2rem;
    line-height: .54rem;
    font-size: .24rem;
    color: #999999; }

.gdialog {
  top: 0;
  left: 0;
  z-index: 99; }

.gshade {
  top: 0;
  left: 0;
  background: #000000;
  opacity: .5; }

.gdelsur {
  left: 50%;
  top: 50%;
  margin-left: -2.7rem;
  margin-top: -1.25rem;
  width: 5.4rem;
  height: 2.5rem;
  background: #ffffff;
  border-radius: .1rem; }
  .gdelsur .gdelTel {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.6rem;
    padding: 0 .3rem;
    text-align: center;
    font-size: .3rem;
    color: #333333;
    border-bottom: 1px solid #d9d9d9; }
    .gdelsur .gdelTel .g_del_idea {
      line-height: .28rem;
      padding-top: .4rem;
      font-size: .28rem;
      color: #333333; }
    .gdelsur .gdelTel .g_del_ansk {
      line-height: .28rem;
      margin-top: .2rem;
      font-size: .28rem;
      color: #333333; }
  .gdelsur .gdelbtn {
    height: .9rem; }
    .gdelsur .gdelbtn span {
      height: .9rem;
      text-align: center;
      line-height: .9rem;
      color: #0099ff;
      font-weight: bold;
      font-size: .3rem;
      border-right: 1px solid #d9d9d9; }
    .gdelsur .gdelbtn span:last-child {
      border-right: none; }

.gshadeapprove {
  width: 6.9rem;
  height: 7rem;
  top: 2.5rem;
  left: .3rem;
  background: #ffffff;
  border-radius: .05rem; }

.gshadeTel {
  height: 1rem;
  border-bottom: 1px solid #ebebeb; }
  .gshadeTel .gshadeh {
    height: 1rem;
    font-size: .3rem; }
    .gshadeTel .gshadeh label {
      width: 2.5rem;
      height: 1rem;
      color: #333333;
      line-height: 1rem;
      text-indent: .3rem; }
    .gshadeTel .gshadeh span {
      height: 1rem;
      line-height: 1rem;
      padding-right: .6rem;
      color: #999999;
      font-size: .26rem;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .gshadeTel .gshadeClose {
    width: .5rem;
    height: .5rem;
    top: 0;
    right: 0;
    background: url("./icons/close.png") no-repeat center;
    background-size: 40% 40%; }

.gapproveList {
  height: 6rem;
  overflow-y: auto; }

.galists {
  line-height: 1rem;
  text-align: left;
  font-size: .26rem;
  border-bottom: 1px solid #ebebeb; }
  .galists .galistN {
    display: inline-block;
    width: 1.6rem;
    text-align: center;
    font-size: .24rem;
    line-height: 1rem; }
  .galists .galistT {
    display: inline-block;
    line-height: 1rem;
    color: #333333;
    text-align: left;
    text-indent: .3rem;
    font-size: .22rem;
    font-style: normal; }
    .galists .galistT span {
      font-size: .26rem;
      line-height: 1rem;
      color: #333333; }
  .galists .galistB {
    top: .25rem;
    right: .2rem;
    width: 1.3rem;
    height: .5rem;
    font-size: .24rem;
    text-align: center;
    line-height: .5rem;
    color: #0099ff;
    border: 1px solid #0099ff;
    border-radius: .06rem; }
  .galists .galistnoB {
    border: 1px solid #cccccc;
    color: #cccccc; }

@-webkit-keyframes myfrist {
  0% {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-1.65rem, 0); } }
.zk {
  -webkit-animation: myfrist 0.3s forwards; }

.animated {
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out; }

#gmeetList {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.g_rec_tab {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: .82rem;
  top: 0;
  left: 0;
  background: #fff; }
  .g_rec_tab li {
    line-height: .82rem;
    text-align: center; }
    .g_rec_tab li span {
      display: inline-block;
      font-size: .28rem;
      color: #999;
      border-bottom: 1px solid transparent; }
  .g_rec_tab li.active span {
    color: #0099FF;
    border-bottom: 1px solid #0099FF; }

.gmlist {
  width: 100%;
  height: 100%;
  min-height: 10rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.gminfo {
  width: 100%;
  height: auto;
  min-height: 2.7rem;
  margin-bottom: .15rem;
  padding: 0 .3rem;
  background: #fff;
  border-radius: .08rem; }
  .gminfo .gminTop {
    width: 100%;
    padding: .3rem 0;
    border-bottom: 1px solid #ebebeb; }
    .gminfo .gminTop .ginfoTel {
      line-height: .3rem;
      font-size: .3rem;
      color: #333333;
      font-weight: normal;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .gminfo .gminTop .ginfoCont {
      line-height: .26rem;
      font-size: .26rem;
      margin-top: .26rem;
      margin-bottom: .15rem;
      color: #999999; }
    .gminfo .gminTop .ginfoTime {
      margin-top: 0.15rem;
      line-height: .26rem;
      color: #999999;
      font-size: .26rem; }
  .gminfo .gtopType {
    top: 0;
    right: 0;
    height: .28rem;
    text-align: right; }
  .gminfo .ginfoType {
    top: .17rem;
    right: 0;
    height: .48rem;
    line-height: .48rem;
    text-align: right; }
  .gminfo .form-detail-btn {
    top: .17rem;
    right: 1.46rem;
    height: .48rem;
    line-height: .48rem;
    text-align: right; }
  .gminfo .g_meetType {
    line-height: .3rem;
    color: #999999;
    font-size: .24rem; }
  .gminfo .g_cancelMeet {
    display: inline-block;
    width: 1.36rem;
    height: .48rem;
    margin-left: .1rem;
    line-height: .48rem;
    border: 1px solid #bbbbbb;
    color: #999;
    font-size: .24rem;
    text-align: center;
    border-radius: .04rem;
    vertical-align: top; }
  .gminfo .g_reject {
    color: #fb362d; }
  .gminfo .g_wait {
    color: #f7a923; }
  .gminfo .g_success {
    color: #42cda1; }
  .gminfo .gYmeet {
    color: #0099ff; }
  .gminfo .gYcal {
    color: #b6b6b6; }
  .gminfo .gdsp {
    color: #fd7a61; }
  .gminfo .gdqd {
    color: #5566f5; }
  .gminfo .gsyz {
    color: #ffb334; }
  .gminfo .gyqx {
    color: #c1c1c1; }
  .gminfo .gyly {
    color: #c1c1c1; }
  .gminfo .gwy {
    color: #FF6161; }
  .gminfo .syz {
    color: #59ceb9; }
  .gminfo .gminBtm {
    position: relative;
    height: .82rem;
    line-height: .82rem; }
  .gminfo .gdelInfo {
    top: 2%;
    right: 0;
    width: 1.65rem;
    height: 96%;
    text-align: right;
    font-size: 0;
    overflow: hidden; }
    .gminfo .gdelInfo .gdelbtn {
      display: inline-block;
      width: 1.65rem;
      height: 100%;
      background: #ff3b30;
      font-size: .3rem;
      color: white;
      text-align: center;
      line-height: 1.7rem; }
    .gminfo .gdelInfo .gcancelBtn {
      background: #ecac45; }

#gcanTime {
  width: 100%;
  height: auto;
  padding-bottom: .3rem;
  overflow: hidden; }

.gclassify {
  height: .6rem;
  padding-left: 1.06rem; }
  .gclassify .gcType {
    line-height: .6rem;
    margin-right: .2rem;
    font-size: .2rem; }
    .gclassify .gcType i {
      display: inline-block;
      width: .2rem;
      height: .2rem;
      background: #ffffff;
      margin-right: .1rem;
      vertical-align: top;
      margin-top: .19rem; }
  .gclassify .gc1 i {
    border: 1px solid #ebebeb; }
  .gclassify .gc2 i {
    background: #f0f0f0; }
  .gclassify .gc3 i {
    background: #ffc054; }
  .gclassify .gc4 i {
    background: #ff6d62; }

.gsureTime {
  width: 100%;
  height: .5rem;
  margin-top: .3rem;
  padding: 0 .3rem; }
  .gsureTime span {
    display: inline-block;
    line-height: .5rem;
    font-size: .24rem;
    color: #a2a2a2; }
  .gsureTime .gbeginTime, .gsureTime .gendTime {
    display: inline-block;
    width: 1rem;
    height: .5rem;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    line-height: .5rem;
    margin-left: .1rem;
    vertical-align: middle;
    border: 1px solid #ebebeb; }
  .gsureTime label {
    line-height: .5rem;
    color: #cccccc;
    margin-left: .1rem; }
  .gsureTime .gsureDate {
    display: inline-block;
    line-height: .5rem;
    font-size: .24rem;
    margin-left: .3rem; }

.gcanExcel {
  z-index: 2;
  width: 100%;
  height: auto;
  min-height: 1.34rem; }

.grightNav {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.06rem;
  height: 100%;
  background: #ffffff;
  border-right: 1px solid #ebebeb; }
  .grightNav table {
    margin-top: -.37rem;
    border-collapse: collapse;
    table-layout: fixed;
    user-select: none;
    -webkit-user-select: none; }
  .grightNav th {
    width: 1.2rem;
    height: .6rem;
    text-align: center; }
  .grightNav td {
    position: relative;
    width: 1.2rem;
    height: .74rem;
    padding-left: .3rem;
    line-height: .74rem;
    font-size: .18rem; }
    .grightNav td i {
      display: inline-block;
      width: .07rem;
      height: .09rem;
      background: url("./icons/timeline.png") no-repeat center;
      background-size: contain;
      margin-left: .1rem;
      vertical-align: top;
      margin-top: .32rem; }

.gleftNav {
  padding-left: 1.06rem;
  height: 100%; }

.fiex {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: .8rem;
  height: .5rem;
  background: #ffa8ac; }

.gtheme, .gMytheme {
  display: none;
  z-index: 22;
  position: absolute;
  top: .98rem;
  left: 0;
  min-width: 2.2rem;
  max-width: 4.6rem;
  min-height: 1.2rem;
  height: auto;
  padding: .1rem .2rem;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 0 0.05rem rgba(231, 231, 231, 0.1);
  border-radius: .08rem; }
  .gtheme .gthemeTri, .gMytheme .gthemeTri {
    position: absolute;
    left: .2rem;
    top: -.2rem;
    width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-bottom: .2rem solid #e7e7e7; }
  .gtheme .gthemeTri:after, .gMytheme .gthemeTri:after {
    content: '';
    position: absolute;
    top: 1px;
    left: -.19rem;
    width: 0;
    height: 0;
    border-left: .19rem solid transparent;
    border-right: .19rem solid transparent;
    border-bottom: .19rem solid #ffffff; }
  .gtheme .gthemeCont, .gMytheme .gthemeCont {
    font-size: .24rem;
    line-height: .26rem;
    margin-top: .1rem;
    color: #cccccc;
    text-align: left; }
    .gtheme .gthemeCont .groomTheme, .gMytheme .gthemeCont .groomTheme {
      width: .72rem;
      padding: 0;
      line-height: .24rem;
      font-size: .24rem;
      text-align: left; }
    .gtheme .gthemeCont em, .gMytheme .gthemeCont em {
      font-style: normal;
      color: #333333;
      text-align: left; }
  .gtheme .gthemeTime, .gMytheme .gthemeTime {
    font-size: .24rem;
    line-height: .36rem;
    color: #cccccc;
    text-align: left; }
    .gtheme .gthemeTime .groomTheme, .gMytheme .gthemeTime .groomTheme {
      width: .72rem;
      padding: 0;
      height: .36rem;
      line-height: .36rem;
      font-size: .24rem;
      text-align: left; }
    .gtheme .gthemeTime em, .gMytheme .gthemeTime em {
      font-style: normal;
      color: #333333;
      text-align: left; }
  .gtheme .gthemeName, .gMytheme .gthemeName {
    height: .6rem; }
    .gtheme .gthemeName .gthimg, .gMytheme .gthemeName .gthimg {
      width: .6rem;
      height: .6rem; }
      .gtheme .gthemeName .gthimg img, .gMytheme .gthemeName .gthimg img {
        display: inline-block;
        border-radius: 50%; }
    .gtheme .gthemeName label, .gMytheme .gthemeName label {
      line-height: .6rem;
      font-size: .24rem;
      color: #0099ff;
      padding: 0 .1rem 0 .12rem;
      text-align: left; }
    .gtheme .gthemeName em, .gMytheme .gthemeName em {
      display: inline-block;
      width: 1.4rem;
      height: .46rem;
      line-height: .46rem;
      text-align: center;
      margin: 0 auto;
      margin-top: .1rem;
      font-size: .2rem;
      color: #0099ff;
      border: 1px solid #0099ff;
      border-radius: .08rem;
      font-style: normal; }
    .gtheme .gthemeName .gtheme_reject, .gMytheme .gthemeName .gtheme_reject {
      display: inline-block;
      width: .8rem;
      height: .46rem;
      line-height: .46rem;
      text-align: center;
      margin: 0 auto;
      margin-top: .1rem;
      font-size: .2rem;
      color: #0099ff;
      border: 1px solid #0099ff;
      border-radius: .08rem;
      font-style: normal; }
    .gtheme .gthemeName .gtheme_pass, .gMytheme .gthemeName .gtheme_pass {
      display: inline-block;
      width: .8rem;
      height: .46rem;
      line-height: .46rem;
      text-align: center;
      margin: 0 auto;
      margin-top: .1rem;
      font-size: .2rem;
      color: #0099ff;
      border: 1px solid #0099ff;
      border-radius: .08rem;
      font-style: normal; }

.gTable {
  width: 6.01rem;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .gTable thead tr {
    height: .6rem; }
  .gTable tbody tr {
    height: .74rem; }
  .gTable th {
    width: 1.2rem;
    height: .6rem;
    text-align: center;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: .04rem 0; }
    .gTable th span {
      display: block;
      width: 100%;
      height: .22rem;
      font-size: .18rem;
      line-height: .22rem; }
    .gTable th i {
      display: block;
      width: 100%;
      height: .16rem;
      line-height: .16rem;
      font-style: normal;
      font-size: .16rem; }
  .gTable tr {
    width: 100%;
    overflow: hidden; }
  .gTable tr:last-child td {
    border-bottom: 1px solid #ebebeb; }
  .gTable td {
    position: relative;
    width: 1.2rem;
    height: .74rem;
    text-align: center;
    line-height: .74rem;
    font-size: .16rem;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb; }
    .gTable td span {
      display: block;
      height: .24rem;
      font-size: .16rem;
      line-height: .24rem;
      text-align: center;
      padding: 0 .1rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .gTable td span.gWait {
      line-height: .2rem; }
  .gTable .gOhter {
    background: #f5f6f8 !important;
    color: #bebebe; }
  .gTable .gCan {
    background: #ffc054 !important;
    color: #ffffff; }
  .gTable .gNow {
    background: #ffa8ac !important; }
  .gTable .gPast {
    background: #f5f6f8 !important;
    color: #bebebe; }
  .gTable .gMaster {
    background: #ff6d62 !important;
    color: #ffffff; }
  .gTable .past {
    background: #f5f6f8 !important;
    color: #bebebe !important; }

.gfacility {
  height: .2rem;
  font-size: .2rem;
  color: #cccccc;
  padding: 0 .3rem;
  margin-top: .2rem; }
  .gfacility span {
    font-size: .2rem;
    margin-left: .1rem; }

.gcanText {
  z-index: 1;
  position: relative;
  height: 1.2rem;
  margin-top: .3rem; }
  .gcanText span {
    position: absolute;
    right: .3rem;
    bottom: 0;
    width: 1rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .2rem;
    color: #999999;
    text-align: center; }
  .gcanText .gcanTxt {
    display: block;
    -webkit-appearance: none;
    appearance: none;
    width: 6.9rem;
    height: 1.2rem;
    margin-left: .3rem;
    border: 1px solid #cccccc;
    border-radius: .1rem;
    outline: none;
    resize: none;
    padding: .1rem .1rem;
    background: #f5f6f8;
    font-size: .24rem; }
  .gcanText .gcanTxt::-webkit-input-placeholder {
    font-size: .24rem;
    color: #999999; }
  .gcanText .gcanTxt::-ms-input-placeholder {
    font-size: .24rem;
    color: #999999; }
  .gcanText .gcanTxt::-moz-placeholder {
    font-size: .24rem;
    color: #999999; }

.gcanSure {
  width: 6.9rem;
  height: .8rem;
  margin: .3rem .3rem .2rem .3rem;
  text-align: center;
  line-height: .8rem;
  font-size: .3rem;
  color: #ffffff;
  background: #0099ff;
  border-radius: .1rem; }

.ymeet {
  background: #bfbfbf !important; }

.meetSuc {
  z-index: 3;
  width: 4rem;
  height: 1.2rem;
  background: #4c4c4c;
  border-radius: .06rem;
  top: 4.2rem;
  left: 50%;
  margin-left: -2rem;
  opacity: .8; }
  .meetSuc h6 {
    color: #fff;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem; }
    .meetSuc h6 span {
      display: inline-block;
      width: .3rem;
      height: 1em;
      background: url("./icons/meet.png") no-repeat center;
      background-size: contain;
      margin-right: .15rem;
      vertical-align: middle; }
  .meetSuc p {
    color: #fff;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem; }

.guideup {
  z-index: 999;
  position: absolute;
  top: 1.2rem;
  left: .3rem;
  width: 6.9rem;
  height: 3.8rem; }

.guideTel {
  width: 4.8rem;
  height: .4rem;
  margin-bottom: .2rem; }
  .guideTel img {
    display: block; }

.gupslide {
  width: 1rem;
  height: 1.2rem;
  margin-left: 1.3rem;
  margin-bottom: .1rem; }
  .gupslide img {
    display: block; }

.guphead {
  width: 1.2rem;
  height: 1.9rem;
  margin-left: .8rem;
  border-radius: .1rem;
  padding-top: .4rem;
  background: #ffffff; }
  .guphead img {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .4rem; }

.guidedown {
  z-index: 999;
  position: absolute;
  left: .3rem;
  top: 6.55rem;
  width: 6.9rem;
  height: 2.8rem; }

.gdownTel {
  width: 6rem;
  height: .4rem;
  margin-bottom: .2rem; }
  .gdownTel img {
    display: block; }

.gdownCont {
  width: 4.1rem;
  height: .9rem;
  border-radius: .1rem;
  line-height: .9rem;
  background: #ffffff; }
  .gdownCont span {
    display: inline-block;
    margin-left: .15rem;
    line-height: .5rem;
    font-size: .24rem;
    color: #a2a2a2; }
  .gdownCont .gconbegTime, .gdownCont .gconendTime {
    display: inline-block;
    width: 1rem;
    height: .5rem;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    line-height: .5rem;
    margin-left: .1rem;
    vertical-align: middle;
    color: #666666;
    border: 1px solid #ebebeb; }

.glookOther {
  z-index: 999;
  position: absolute;
  left: .3rem;
  top: .1rem;
  width: 6.9rem;
  height: 3.3rem; }

.gotherTel {
  width: 6.8rem;
  height: .4rem;
  margin-bottom: .2rem; }
  .gotherTel img {
    display: block; }

.gotherSlide {
  width: 1rem;
  height: 1.2rem;
  margin-left: 1.3rem;
  margin-bottom: .1rem; }
  .gotherSlide img {
    display: block; }

.gotherHead {
  width: 1.24rem;
  height: 1.36rem;
  border-radius: .1rem;
  background: #ffffff;
  margin-left: .8rem;
  padding: .48rem .08rem .48rem .1rem; }
  .gotherHead .gotherCont {
    line-height: .16rem;
    font-size: .16rem;
    text-align: center;
    color: #666666; }
  .gotherHead .gotherName {
    line-height: .16rem;
    font-size: .16rem;
    text-align: center;
    color: #cccccc;
    margin-top: .06rem; }

.glookMyself {
  z-index: 999;
  position: absolute;
  width: 6.4rem;
  height: 3.9rem;
  top: .1rem;
  left: .55rem; }
  .glookMyself .gmyTel {
    width: 6.4rem;
    height: .4rem;
    margin-bottom: .2rem; }
    .glookMyself .gmyTel img {
      display: block; }
  .glookMyself .gmySlide {
    width: 1rem;
    height: 1.2rem;
    margin-left: 3.5rem;
    margin-bottom: .1rem; }
    .glookMyself .gmySlide img {
      display: block; }
  .glookMyself .gmyCont {
    width: 1.2rem;
    height: 2rem;
    border-radius: .1rem;
    background: #f9d56a;
    color: #ffffff;
    text-align: center;
    line-height: 2rem;
    font-size: .16rem;
    margin-left: 3rem; }

.gInfo {
  width: 100%;
  height: auto;
  background: #fff;
  border-top-left-radius: .08rem;
  border-top-right-radius: .08rem; }

.glist {
  width: 100%;
  min-height: 1.1rem;
  line-height: 1.1rem;
  font-size: .3rem;
  border-bottom: 1px solid #ebebeb; }

.glist span:nth-child(1) {
  width: 3rem;
  text-align: left;
  font-size: .32rem;
  text-indent: .3rem; }

.glist span:nth-child(2) i {
  display: inline-block;
  width: .15rem;
  height: 1.5ex;
  margin-left: .1rem;
  background: url("./icons/arrows.png") no-repeat center;
  background-size: contain; }

.glist span:nth-child(2) b {
  font-weight: normal; }

.glist span:nth-child(2) {
  text-align: right;
  padding-right: .3rem; }

.glist span:nth-child(2) label {
  display: inline-block;
  max-width: 3rem;
  line-height: 1.1rem;
  vertical-align: top;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.glist span:nth-child(2) input {
  display: inline-block;
  width: 100%;
  line-height: .6rem;
  text-align: right;
  font-size: .28rem;
  color: #999999; }

.g_classify {
  border-radius: .08rem;
  margin-top: .15rem;
  background: #fff; }
  .g_classify .gc_label {
    height: 1.1rem;
    padding: .24rem .3rem 0 .3rem;
    border-bottom: 1px solid #ebebeb; }
    .g_classify .gc_label .gc_label_title {
      line-height: .34rem;
      margin-bottom: .1rem;
      font-size: .32rem;
      color: #333333;
      font-weight: normal; }
    .g_classify .gc_label .gc_label_info {
      line-height: .24rem;
      font-size: .24rem;
      color: #CCCCCC; }

.g_upload_img {
  background: #fff;
  border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem; }

.g_addimg_title {
  width: 100%;
  line-height: 1.1rem;
  font-size: .32rem;
  padding-left: .3rem;
  font-weight: normal; }

.g_addimg {
  min-height: 1.9rem;
  padding-left: .3rem; }
  .g_addimg .g_addimg_bg {
    width: 1.4rem;
    height: 1.4rem;
    background: url("./icons/addroom.png") no-repeat center;
    background-size: contain; }
  .g_addimg .g_addimg_word {
    width: 1.4rem;
    line-height: .54rem;
    font-size: .24rem;
    text-align: center;
    color: #999999; }
  .g_addimg .g_add_pic {
    position: relative;
    width: 2.2rem;
    height: 1.4rem; }
    .g_addimg .g_add_pic img {
      display: block; }
    .g_addimg .g_add_pic span {
      position: absolute;
      width: .32rem;
      height: .32rem;
      top: -.16rem;
      right: -.16rem;
      border-radius: 50%;
      background: url("../../../images/tpl/delete_06.png") no-repeat center;
      background-size: contain; }

.g_add_sub {
  width: 6.9rem;
  height: .78rem;
  margin: .2rem auto;
  line-height: .78rem;
  text-align: center;
  font-size: .3rem;
  background: #bfbfbf;
  border-radius: .1rem;
  color: #ffffff; }

.g_add_sub.g_add_suc {
  background: #0099ff; }

.g_edit_btn {
  z-index: 3;
  position: fixed;
  left: 0;
  bottom: .3rem;
  width: 100%;
  height: .78rem;
  line-height: .78rem;
  text-align: center; }
  .g_edit_btn span {
    display: inline-block;
    width: 3.3rem;
    height: .78rem;
    text-align: center;
    color: #ffffff;
    font-size: .3rem;
    background: #ff3b30;
    border-radius: .1rem; }
  .g_edit_btn span:last-child {
    margin-left: .3rem;
    background: #0099ff; }

.g_rec_header {
  height: 1.48rem;
  border-bottom: 1px solid #ebebeb; }
  .g_rec_header .g_head_img {
    width: 1.66rem;
    height: 1.48rem; }
    .g_rec_header .g_head_img img {
      display: inline-block;
      width: 1.2rem;
      height: .88rem;
      margin-top: .3rem;
      margin-left: .3rem;
      border-radius: .06rem; }
  .g_rec_header .g_head_name {
    line-height: 1.48rem;
    font-size: .3rem;
    color: #333333; }
  .g_rec_header .g_head_time {
    width: 2.3rem;
    line-height: 1.48rem;
    text-align: right;
    color: #0099ff;
    font-size: .24rem; }
    .g_rec_header .g_head_time i {
      display: inline-block;
      width: .28rem;
      height: .16rem;
      background: url("./icons/downlead.png") no-repeat center;
      background-size: contain;
      vertical-align: middle;
      margin-left: .16rem;
      margin-right: .3rem; }

.g_rec_data {
  width: 100%;
  height: auto;
  padding-bottom: .88rem; }

.g_rec_list {
  height: 2.06rem;
  border-bottom: 1px solid #ebebeb;
  padding: .15rem .3rem; }
  .g_rec_list .g_res_name {
    line-height: .58rem;
    font-size: .28rem; }
    .g_rec_list .g_res_name label {
      color: #333333; }
    .g_rec_list .g_res_name span {
      color: #999999; }

.g_export {
  z-index: 1;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .88rem;
  line-height: .88rem;
  text-align: center;
  font-size: .3rem;
  color: #ffffff;
  background: #0099ff; }
  .g_export span {
    display: inline-block;
    width: .28rem;
    height: .3rem;
    margin-right: .1rem;
    background: url("./icons/export.png") no-repeat center;
    background-size: contain;
    vertical-align: middle; }
  .g_export label {
    display: inline-block;
    vertical-align: middle; }

#groomExport {
  width: 100%;
  height: auto; }

.g_export_cont {
  height: 6.6rem;
  padding-top: 1.6rem; }
  .g_export_cont .g_e_icon {
    width: 1.48rem;
    height: 1.48rem;
    margin: 0 auto; }
    .g_export_cont .g_e_icon img {
      display: inline-block;
      border-radius: .08rem; }
  .g_export_cont .g_e_title {
    line-height: .34rem;
    margin-top: .34rem;
    font-size: .3rem;
    color: #333333;
    text-align: center;
    font-weight: normal; }
  .g_export_cont .g_e_size {
    line-height: .28rem;
    margin-top: .34rem;
    font-size: .24rem;
    text-align: center;
    color: #999999; }

.g_e_btn {
  width: 6.7rem;
  height: .78rem;
  line-height: .78rem;
  margin: 0 auto;
  margin-top: .4rem;
  background: #0099ff;
  color: #ffffff;
  font-size: .3rem;
  text-align: center;
  border-radius: .1rem; }

.g_e_btn.g_y_cor {
  background: #f7a923; }

.g_report_btn {
  line-height: .28rem;
  margin-top: .8rem;
  font-size: .26rem;
  color: #0099ff;
  text-align: center; }

.gcreator {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 5.4rem;
  min-height: 2.5rem;
  background: #ffffff;
  border-radius: .1rem; }
  .gcreator .g_c_title {
    padding: .3rem;
    line-height: .34rem;
    font-size: .3rem;
    color: #333333;
    text-align: center;
    font-weight: normal; }
  .gcreator .g_c_cont {
    max-height: 4rem;
    padding: .2rem .3rem 0 .3rem;
    border-bottom: 1px solid #d9d9d9;
    overflow: auto; }
    .gcreator .g_c_cont .g_c_info {
      line-height: .28rem;
      margin-bottom: .2rem;
      font-size: .26rem;
      color: #999999; }
      .gcreator .g_c_cont .g_c_info span {
        color: #0099ff; }
  .gcreator .g_c_btn {
    height: .9rem; }
    .gcreator .g_c_btn span {
      height: .9rem;
      text-align: center;
      line-height: .9rem;
      color: #0099ff;
      font-size: .3rem;
      border-right: 1px solid #d9d9d9; }
    .gcreator .g_c_btn span:last-child {
      border-right: none; }

.gimgs {
  width: 100%;
  height: auto;
  min-height: 1.98rem;
  padding-bottom: .4rem; }
  .gimgs li {
    width: 100%;
    height: auto; }
    .gimgs li p {
      float: left;
      width: 1.58rem;
      height: 1.58rem; }
    .gimgs li .camera {
      z-index: 1;
      left: 0;
      top: 0;
      width: 1.58rem;
      height: 1.58rem;
      background: url("./icons/addPic.png") no-repeat center;
      background-size: contain; }
    .gimgs li .gaddWord {
      display: none;
      z-index: 1;
      left: 0;
      top: 1.5rem;
      width: 1.4rem;
      line-height: .54rem;
      font-size: .24rem;
      text-align: center;
      color: #999999; }
  .gimgs .preview-list {
    width: 100%;
    height: auto; }
    .gimgs .preview-list .preview {
      padding: 0;
      float: left;
      width: 2.2rem;
      height: 1.4rem;
      margin-bottom: .2rem;
      margin-right: .2rem; }
      .gimgs .preview-list .preview img {
        display: inline-block; }
      .gimgs .preview-list .preview span {
        z-index: 2;
        top: -.15rem;
        right: -.15rem;
        width: .44rem;
        height: .44rem;
        border-radius: 50%;
        background: url("./icons/colose.png") no-repeat center;
        background-size: contain; }

.gleaveSuc {
  width: 4rem;
  height: 1.2rem;
  background: #4c4c4c;
  border-radius: .06rem;
  top: 4.2rem;
  left: 50%;
  margin-left: -2rem;
  opacity: .8; }
  .gleaveSuc h6 {
    color: #fff;
    text-align: center;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .28rem; }
    .gleaveSuc h6 span {
      display: none;
      width: .3rem;
      height: .36rem;
      background: url("./icons/clockSuc.png") no-repeat center;
      background-size: contain;
      margin: .13rem .15rem 0 0; }
  .gleaveSuc p {
    display: none;
    color: #fff;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem; }

.cx_switch-set {
  display: -webkit-box;
  -webkit-box-pack: justify;
  height: 1.32rem;
  padding: 0.3rem 0.3rem;
  background-image: -webkit-linear-gradient(transparent 34%, #ebebeb 66%);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 1px;
  background-color: #fff;
  border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem; }

.cx_switch-set dt {
  font-size: .32rem;
  color: #333; }

.cx_switch-set dt .cx_title {
  line-height: .32rem;
  font-size: .32rem;
  color: #333333;
  font-weight: normal; }

.cx_switch-set dt .cx_tip {
  margin-top: .16rem;
  line-height: .26rem;
  font-size: .26rem;
  color: #cccccc; }

.cx_switch {
  width: 0.8424rem;
  height: 0.4914rem;
  position: relative;
  margin-top: .14rem;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 0.234rem;
  border-top-left-radius: 0.234rem;
  border-top-right-radius: 0.234rem;
  border-bottom-left-radius: 0.234rem;
  border-bottom-right-radius: 0.234rem;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }

.cx_switch:before {
  content: '';
  width: 0.4446rem;
  height: 0.4446rem;
  position: absolute;
  top: 0;
  left: .02rem;
  border-radius: 0.234rem;
  border-top-left-radius: 0.234rem;
  border-top-right-radius: 0.234rem;
  border-bottom-left-radius: 0.234rem;
  border-bottom-right-radius: 0.234rem;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.cx_switch:checked {
  border-color: #09f;
  box-shadow: #09f 0 0 0 16px inset;
  background-color: #09f; }

.cx_switch:checked:before {
  left: 0.3744rem; }

.cx_switch.cx_switch-animbg {
  transition: background-color ease 0.4s; }

.cx_switch.cx_switch-animbg:before {
  transition: left 0.3s; }

.cx_switch.cx_switch-animbg:checked {
  box-shadow: #dfdfdf 0 0 0 0 inset;
  background-color: #09f;
  transition: border-color 0.4s, background-color ease 0.4s; }

.cx_switch.cx_switch-animbg:checked:before {
  transition: left 0.3s; }

.glead {
  width: 100%;
  height: auto;
  background: #fff; }

.g_lead_info {
  line-height: .3rem;
  padding: .1rem .3rem;
  font-size: .2rem;
  color: #999999;
  margin-bottom: -.3rem; }

.gleadTel {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  font-size: .32rem;
  text-indent: .1rem;
  color: #333333; }
  .gleadTel i {
    display: inline-block;
    width: .1rem;
    height: 1.5ex;
    margin-right: .1rem;
    background: url("./icons/star.png") no-repeat center;
    background-size: contain; }
  .gleadTel span {
    font-size: .2rem;
    color: #999999; }
  .gleadTel em {
    display: inline-block;
    width: .1rem;
    height: 1.5ex;
    margin-right: .1rem; }

.gleadimgs {
  width: 100%;
  height: auto;
  min-height: 2.2rem;
  border-bottom: .2rem solid #f5f6f8;
  overflow: hidden; }

.gleadlis {
  width: 100%;
  height: auto; }

.gleadlist {
  position: relative;
  float: left;
  height: auto;
  flex-flow: row wrap; }

.gleadpre {
  position: relative;
  padding: 0;
  float: left;
  width: 1.2rem;
  height: 1.7rem;
  margin-left: .2rem;
  margin-right: .45rem;
  margin-bottom: .4rem; }

.gaddpre {
  position: relative;
  padding: 0;
  float: left;
  width: 1.85rem;
  height: 1.7rem;
  margin-bottom: .2rem; }
  .gaddpre .gaddlead {
    margin-left: .3rem; }
  .gaddpre .gdirection {
    right: 0; }
  .gaddpre .gleadT {
    margin: 0; }

.gleadpre .gleadname {
  display: inline-block;
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  font-size: .26rem;
  text-align: center; }

.gaddlead {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-left: .2rem;
  margin-bottom: .2rem;
  background: url("./icons/addimg.png") no-repeat center;
  background-size: contain; }

.gleadT {
  display: inline-block;
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  font-size: .26rem;
  border-radius: .2rem;
  margin: .1rem 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.gleadTcolor {
  color: #7b7b7b;
  background: #f7f7f7; }

.gleadimgs .gleadlist .gleadpre .gleadType {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%; }

.gleadimgs .gleadlist .gleadpre .gleadType .gtypeText {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  line-height: 1.2rem;
  font-size: .3rem;
  font-style: normal;
  color: #ffffff;
  background: #0099ff;
  border-radius: 50%; }

.gleadimgs .gleadlist .gleadpre .gleadType img {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%; }

.gleadimgs .gleadlist .gleadpre .colose {
  z-index: 2;
  top: 0;
  right: -.15rem;
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: url("./icons/colose.png") no-repeat center;
  background-size: contain;
  opacity: .8; }

.gleadimgs .gleadlist .gleadpre .pass {
  z-index: 2;
  top: 0;
  right: -.15rem;
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: url("./icons/gpass.png") no-repeat center;
  background-size: contain;
  opacity: .8; }

.gleadimgs .gleadlist .gleadpre .wait {
  z-index: 2;
  top: 0;
  right: -.15rem;
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: url("./icons/gwait.png") no-repeat center;
  background-size: contain;
  opacity: .8; }

.gleadimgs .gleadlist .gleadpre .reject {
  z-index: 2;
  top: 0;
  right: -.15rem;
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: url("./icons/greject.png") no-repeat center;
  background-size: contain;
  opacity: .8; }

.gleadimgs .gleadlist .gleadpre .colose {
  z-index: 2;
  top: 0;
  right: -.15rem;
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: url("./icons/colose.png") no-repeat center;
  background-size: contain;
  opacity: .8; }

.gdirection {
  position: absolute;
  top: 50%;
  right: -1.48em;
  margin-top: -.36rem;
  width: .26rem;
  height: .24rem;
  background: url("./icons/bigarrows.png") no-repeat center;
  background-size: contain; }

.gaddlead {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-left: .2rem;
  margin-bottom: .2rem;
  background: url("./icons/addimg.png") no-repeat center;
  background-size: contain; }

.gnoselect {
  opacity: .35; }

.g_add_sure {
  position: fixed;
  left: .3rem;
  bottom: .94rem; }

.res_txt {
  position: absolute;
  width: 5.6rem;
  height: 5.02rem;
  padding-top: .5rem;
  left: 50%;
  top: 50%;
  margin-left: -2.8rem;
  margin-top: -2.51rem;
  background: #ffffff;
  border-radius: .2rem;
  overflow: hidden; }
  .res_txt .res_title {
    line-height: .34rem;
    margin-bottom: .25rem;
    font-size: .34rem;
    color: #333333;
    text-align: center; }
  .res_txt .res_info {
    line-height: .34rem;
    padding: 0 .6rem;
    margin-bottom: .2rem;
    font-size: .24rem;
    color: #333333; }
  .res_txt .res_area {
    width: 4.4rem;
    height: 1.6rem;
    margin: 0 auto;
    margin-bottom: .5rem; }
    .res_txt .res_area textarea {
      outline: none;
      resize: none;
      width: 100%;
      height: 100%;
      padding: .16rem .24rem;
      color: #333333;
      background: #F5F7F9;
      border: 1px solid #999999;
      border-radius: 8px; }
  .res_txt .res_btn {
    height: 1rem;
    border-top: 1px solid #EBEBEB; }
    .res_txt .res_btn span {
      height: 1rem;
      line-height: 1rem;
      text-align: center;
      font-size: .36rem;
      color: #0099FF; }
    .res_txt .res_btn span.res_cal {
      border-right: .02rem solid #EBEBEB; }

.screenMask {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }

.reserveMask {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }

.gscreen {
  z-index: 2;
  position: fixed;
  width: 5.4rem;
  height: 100%;
  top: 0;
  right: 0;
  background: #fff;
  padding: 0 0 0 .3rem; }
  .gscreen .gsc_cont {
    height: 100%;
    padding-bottom: .8rem;
    overflow: auto; }
    .gscreen .gsc_cont .gsc_cont_title {
      line-height: .92rem;
      margin-bottom: .2rem;
      font-size: .32rem;
      color: #333333;
      font-weight: bold; }
    .gscreen .gsc_cont .gsc_time {
      margin-bottom: .35rem; }
      .gscreen .gsc_cont .gsc_time .gsc_title {
        line-height: .6rem;
        font-size: .26rem;
        color: #666666;
        font-weight: normal; }
      .gscreen .gsc_cont .gsc_time .selTitle {
        color: #0099ff; }
      .gscreen .gsc_cont .gsc_time .gsc_time_sel {
        height: .52rem; }
        .gscreen .gsc_cont .gsc_time .gsc_time_sel .gsc_input {
          width: 2.1rem;
          height: .52rem;
          padding: 0 .1rem;
          font-size: .24rem;
          color: #999999;
          text-align: center;
          border: 1px solid #CCCCCC;
          border-radius: .08rem; }
        .gscreen .gsc_cont .gsc_time .gsc_time_sel .gsc_input_word {
          width: .6rem;
          line-height: .52rem;
          text-align: center;
          font-size: .24rem;
          color: #999999; }
  .gscreen .gsc_btns {
    position: absolute;
    width: 100%;
    height: .8rem;
    left: 0;
    bottom: .2rem;
    text-align: center;
    background: #fff; }
    .gscreen .gsc_btns span {
      display: inline-block;
      width: 2.2rem;
      height: .8rem;
      line-height: .8rem;
      border-radius: .08rem;
      border: 1px solid #999999;
      color: #999999;
      text-align: center;
      font-size: .32rem; }
    .gscreen .gsc_btns span.gsc_sure {
      border: 1px solid #0099ff;
      background: #0099ff;
      color: #fff;
      margin-left: .2rem; }

.gsc_title {
  line-height: .6rem;
  font-size: .26rem;
  color: #666666;
  font-weight: normal; }

.gsc_title.selTitle {
  color: #0099ff; }

.gsc_data {
  margin-bottom: .35rem; }

.gsc_type_data .gsc_type.select {
  background: rgba(0, 153, 255, 0.2);
  border: 1px solid #0099ff;
  color: #0099ff; }

.gsc_style_data .gsc_type.select {
  background: rgba(0, 153, 255, 0.2);
  border: 1px solid #0099ff;
  color: #0099ff; }

.gsc_list .gsc_type {
  display: inline-block;
  width: 1.52rem;
  height: .52rem;
  line-height: .52rem;
  margin-right: .06rem;
  margin-bottom: .12rem;
  border: 1px solid #EBEBEB;
  background: #EBEBEB;
  border-radius: .08rem;
  font-size: .24rem;
  color: #999999;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.gsc_list .gsc_type:nth-child(3n) {
  margin-right: 0; }

.g_facility {
  left: 50%;
  top: 50%;
  margin-left: -2.7rem;
  margin-top: -3.74rem;
  width: 5.4rem;
  height: 7.48rem;
  background: #ffffff;
  border-radius: .1rem; }
  .g_facility .gf_title {
    line-height: .92rem;
    padding: 0 .3rem;
    font-size: .36rem;
    color: #000;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #EBEBEB; }
  .g_facility .gf_data {
    overflow: auto;
    padding-left: .3rem; }
    .g_facility .gf_data .gf_list {
      position: relative;
      line-height: .8rem;
      padding-right: .8rem;
      font-size: .32rem;
      color: #333333;
      border-bottom: 1px solid #EBEBEB;
      overflow-y: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .g_facility .gf_data .gf_list .gradio {
        position: absolute;
        width: 24px;
        height: 24px;
        right: .3rem;
        top: 50%;
        margin-top: -12px;
        background-image: url("./icons/icon_radio.png");
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .g_facility .gf_data .gf_list .gradio.icon_check {
        background-position: 0 -24px; }
      .g_facility .gf_data .gf_list em {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        background: url("./icons/del_icon.png") no-repeat center;
        background-size: contain;
        vertical-align: top;
        margin-top: .22rem;
        margin-right: .12rem; }
    .g_facility .gf_data .gf_list.gf_col {
      color: #0099FF; }
  .g_facility .gf_btns {
    line-height: .88rem;
    border-top: 1px solid #EBEBEB; }
    .g_facility .gf_btns span {
      font-size: .32rem;
      color: #666666;
      text-align: center; }
    .g_facility .gf_btns .gf_sure {
      border-left: 1px solid #EBEBEB;
      color: #0099FF; }

.g_custom {
  left: 50%;
  top: 50%;
  margin-left: -2.7rem;
  margin-top: -2rem;
  width: 5.4rem;
  height: 4rem;
  background: #ffffff;
  border-radius: .1rem; }
  .g_custom .gc_title {
    line-height: .96rem;
    padding: 0 .3rem;
    margin-bottom: .5rem;
    font-size: .36rem;
    color: #000;
    text-align: center;
    font-weight: normal; }
  .g_custom .gc_cont {
    padding: 0 .3rem; }
    .g_custom .gc_cont input {
      width: 4.8rem;
      height: .8rem;
      margin: 0 auto;
      padding: 0 .24rem;
      font-size: .36rem;
      border: 1px solid #999999;
      border-radius: .08rem;
      color: #333; }
  .g_custom .gc_btns {
    line-height: .88rem;
    border-top: 1px solid #EBEBEB; }
    .g_custom .gc_btns span {
      font-size: .32rem;
      color: #666666;
      text-align: center; }
    .g_custom .gc_btns .gc_sure {
      border-left: 1px solid #EBEBEB;
      color: #0099FF; }

.reserve_detail_pop {
  z-index: 102;
  position: fixed;
  width: 5.4rem;
  min-height: 3.06rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: .1rem; }
  .reserve_detail_pop .break_top {
    min-height: 2.18rem;
    max-height: 8rem;
    padding: .24rem .34rem .2rem .34rem;
    overflow: auto; }
    .reserve_detail_pop .break_top .break_ul .break_lis {
      min-height: .36rem;
      line-height: .36rem;
      margin-bottom: .1rem;
      font-size: .24rem; }
      .reserve_detail_pop .break_top .break_ul .break_lis .break_lis_left {
        width: 1.4rem;
        color: #333333; }
      .reserve_detail_pop .break_top .break_ul .break_lis .break_lis_right {
        padding-left: .2rem;
        color: #666666; }
      .reserve_detail_pop .break_top .break_ul .break_lis .break_lis_right.yellow {
        color: #FFAE4E; }
  .reserve_detail_pop .break_btn {
    line-height: .88rem;
    font-size: .34rem;
    color: #007AFF;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.res_index {
  height: 100%; }
  .res_index .log_out {
    z-index: 1;
    position: fixed;
    height: .48rem;
    right: 0;
    bottom: 1rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #fff;
    padding: 0 .1rem 0 .3rem;
    background: #999;
    border-bottom-left-radius: .24rem;
    border-top-left-radius: .24rem; }
  .res_index .role_change_btn {
    z-index: 1;
    position: fixed;
    height: .48rem;
    left: 0;
    bottom: 1rem;
    line-height: .48rem;
    font-size: .24rem;
    padding: 0 .3rem 0 .1rem;
    background: #0099FF;
    color: #fff;
    border-radius: 0 0.24rem 0.24rem 0; }
  .res_index .rind_top {
    height: 1.8rem;
    background: linear-gradient(115deg, #0080ff 0%, #4c57ff 39%, #7e4def 100%);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08); }
    .res_index .rind_top .rind_tab .rind_tab_icon {
      display: block;
      width: .88rem;
      height: .88rem;
      margin: 0 auto;
      margin-top: .25rem; }
    .res_index .rind_top .rind_tab .tab_icon1 {
      background: url("./icons/index_icon1.png") no-repeat center;
      background-size: contain; }
    .res_index .rind_top .rind_tab .tab_icon2 {
      background: url("./icons/index_icon2.png") no-repeat center;
      background-size: contain; }
    .res_index .rind_top .rind_tab .tab_icon3 {
      background: url("./icons/index_icon3.png") no-repeat center;
      background-size: contain; }
    .res_index .rind_top .rind_tab .icon_clock {
      background: url("./icons/clock.png") no-repeat center;
      background-size: contain; }
    .res_index .rind_top .rind_tab .rind_tab_tip {
      line-height: .3rem;
      margin-top: .1rem;
      font-size: .24rem;
      color: #fff;
      text-align: center; }
  .res_index .rind_cont {
    overflow: auto;
    background: #F5F5F7; }
    .res_index .rind_cont .rind_now {
      padding: .25rem .3rem 0 .3rem; }
      .res_index .rind_cont .rind_now .rind_now_title {
        line-height: .3rem;
        margin-bottom: .25rem;
        font-size: .24rem;
        color: #999999;
        font-weight: normal; }
      .res_index .rind_cont .rind_now .rind_now_data {
        min-height: 3.5rem; }
      .res_index .rind_cont .rind_now .rind_now_noData {
        height: 100%;
        padding-top: .44rem; }
        .res_index .rind_cont .rind_now .rind_now_noData .now_noData_icon {
          display: block;
          width: 2.68rem;
          height: 1.94rem;
          background: url("../seat/images/filtrate_no.png") no-repeat center;
          background-size: contain;
          margin: 0 auto; }
        .res_index .rind_cont .rind_now .rind_now_noData .now_noData_tip {
          line-height: .36rem;
          margin-top: .3rem;
          font-size: .26rem;
          color: #C1C1C1;
          text-align: center; }
      .res_index .rind_cont .rind_now .rind_now_per {
        margin-bottom: .3rem;
        background: #fff;
        border-radius: .08rem; }
        .res_index .rind_cont .rind_now .rind_now_per .now_per_top {
          padding: .3rem;
          border-bottom: 1px solid #EBEBEB; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_top dt {
            position: relative;
            width: 2rem;
            height: 2rem; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top dt img {
              width: 2rem;
              height: 2rem; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd {
            padding-left: .2rem; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_title {
              max-width: 4rem;
              line-height: .36rem;
              padding-bottom: .1rem;
              font-size: .36rem;
              color: #333333;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_word {
              max-width: 4rem;
              line-height: .36rem;
              margin-top: .02rem;
              font-size: .26rem;
              color: #666666;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
              .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_word span {
                color: #999999; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_type {
              max-width: 4rem;
              line-height: .36rem;
              margin-top: .1rem;
              margin-bottom: .1rem;
              font-size: .26rem;
              color: #666666;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
              .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_type .gdsp {
                color: #fd7a61; }
              .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_type .gdqd {
                color: #5566f5; }
              .res_index .rind_cont .rind_now .rind_now_per .now_per_top dd .now_per_type .gsyz {
                color: #ffb334; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_top .tag {
            display: inline-block;
            position: absolute;
            top: .1rem;
            right: .2rem;
            height: .26rem;
            padding: 0 .06rem;
            border-radius: .04rem;
            font-size: .14rem;
            color: #FFF;
            line-height: .26rem; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top .tag.green {
              background: var(--theme_color4, #69D796); }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top .tag.orange {
              background: #F4B95A; }
            .res_index .rind_cont .rind_now .rind_now_per .now_per_top .tag.gray {
              background: #ccc; }
        .res_index .rind_cont .rind_now .rind_now_per .now_per_btm {
          height: .9rem;
          padding: 0 .2rem;
          line-height: .9rem;
          text-align: right; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm span {
            display: inline-block;
            width: 1.2rem;
            height: .48rem;
            line-height: .48rem;
            border-radius: .08rem;
            background: #CCCCCC;
            font-size: .26rem;
            color: #fff;
            text-align: center;
            vertical-align: top;
            margin-left: .2rem;
            margin-top: .21rem; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm .cal {
            background: #CCCCCC;
            color: #fff; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm .sure {
            background: #0099FF; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm .unlocking {
            background: #59ceb9; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm .per_res {
            width: auto;
            float: left;
            margin-left: .1rem;
            padding: 0 .2rem;
            color: #4368AD;
            background: #DBE3F0; }
          .res_index .rind_cont .rind_now .rind_now_per .now_per_btm .per_res.waiting {
            background: #FFF3E5;
            color: #FF8400; }
      .res_index .rind_cont .rind_now .rind_now_per:last-child {
        margin-bottom: 0; }
    .res_index .rind_cont .rind_near {
      padding: .25rem .3rem; }
      .res_index .rind_cont .rind_near .rind_near_title {
        line-height: .3rem;
        margin-bottom: .25rem;
        font-size: .24rem;
        color: #999999;
        font-weight: normal; }
      .res_index .rind_cont .rind_near .rind_near_data .rind_near_per {
        height: 1.6rem;
        margin-bottom: .3rem;
        padding: .2rem .3rem;
        background: #fff;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
        border-radius: .08rem;
        border: 1px solid #EBEBEB; }
        .res_index .rind_cont .rind_near .rind_near_data .rind_near_per .near_per_title {
          line-height: .5rem;
          font-size: .36rem;
          color: #999999;
          font-weight: normal;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .res_index .rind_cont .rind_near .rind_near_data .rind_near_per .near_per_time {
          position: relative;
          line-height: .7rem;
          padding-right: 1.5rem;
          font-size: .26rem;
          color: #999999;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .res_index .rind_cont .rind_near .rind_near_data .rind_near_per .near_per_time span {
            margin-left: .6rem; }
          .res_index .rind_cont .rind_near .rind_near_data .rind_near_per .near_per_time .near_per_btn {
            position: absolute;
            width: 1.44rem;
            height: .48rem;
            top: .11rem;
            right: 0;
            line-height: .48rem;
            border: 1px solid #0099FF;
            border-radius: .08rem;
            font-size: .26rem;
            color: #0099FF;
            text-align: center; }

.res_index .page_header, .mag_index .page_header {
  position: relative;
  z-index: 1;
  background: #FFF; }
  .res_index .page_header .user_login, .mag_index .page_header .user_login {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 1.16rem;
    padding: .3rem .33rem;
    border-bottom: 1px solid #EBEBEB;
    font-size: .28rem; }
    .res_index .page_header .user_login .user_login_name, .mag_index .page_header .user_login .user_login_name {
      max-width: 2rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .res_index .page_header .user_login_info, .mag_index .page_header .user_login_info {
    display: flex;
    align-items: center; }
    .res_index .page_header .user_login_info .user_login_avatar, .mag_index .page_header .user_login_info .user_login_avatar {
      width: .56rem;
      height: .56rem;
      border: 0.02rem solid #006CE2;
      margin-right: .1rem;
      border-radius: 50%; }
      .res_index .page_header .user_login_info .user_login_avatar img, .mag_index .page_header .user_login_info .user_login_avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .res_index .page_header .user_login_info .user_login_name, .mag_index .page_header .user_login_info .user_login_name {
      color: #4D4D4D; }
  .res_index .page_header .user_login_operate, .mag_index .page_header .user_login_operate {
    display: inline-flex; }
    .res_index .page_header .user_login_operate .user_login_btn, .mag_index .page_header .user_login_operate .user_login_btn {
      position: relative;
      margin-right: .4rem;
      color: #0099FF; }
      .res_index .page_header .user_login_operate .user_login_btn::after, .mag_index .page_header .user_login_operate .user_login_btn::after {
        content: '';
        position: absolute;
        top: 50%;
        right: -.19rem;
        transform: translateY(-50%);
        width: .02rem;
        height: .13rem;
        background: #EBEBEB; }
      .res_index .page_header .user_login_operate .user_login_btn:last-child, .mag_index .page_header .user_login_operate .user_login_btn:last-child {
        margin-right: 0; }
        .res_index .page_header .user_login_operate .user_login_btn:last-child::after, .mag_index .page_header .user_login_operate .user_login_btn:last-child::after {
          display: none; }

.model-mask-enter-active, .model-mask-leave-active {
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s; }
  .model-mask-enter-active .model-popup, .model-mask-leave-active .model-popup {
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s; }

.model-mask-enter, .model-mask-leave-to {
  opacity: 0; }
  .model-mask-enter .model-popup, .model-mask-leave-to .model-popup {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%); }

.reserve-info-pop-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4); }
  .reserve-info-pop-mask .reserve-info-pop-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10.03rem;
    background: #FFF;
    border-radius: .2rem .2rem 0 0;
    box-sizing: border-box;
    padding: .3rem .3rem 0 .3rem; }
  .reserve-info-pop-mask .popup-title {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .94rem;
    font-size: .32rem;
    color: #596EFF;
    text-align: center;
    line-height: .45rem; }
  .reserve-info-pop-mask .popup-close {
    position: absolute;
    top: .3rem;
    right: .3rem;
    font-size: .32rem;
    color: #596EFF;
    line-height: .45rem; }
  .reserve-info-pop-mask .popup-body {
    margin-top: .8rem;
    text-align: center; }
    .reserve-info-pop-mask .popup-body .reserve-time {
      font-size: .88rem;
      font-weight: 500;
      color: #333;
      line-height: 1.23rem; }
    .reserve-info-pop-mask .popup-body .reserve-date {
      margin-bottom: .1rem;
      font-size: .64rem;
      font-weight: 400;
      color: #333;
      line-height: .9rem; }
    .reserve-info-pop-mask .popup-body .reserve-place {
      margin-bottom: .1rem;
      font-size: .4rem;
      color: #666;
      line-height: .56rem; }
    .reserve-info-pop-mask .popup-body .reserve-userName {
      margin-bottom: .1rem;
      font-size: .64rem;
      font-weight: 500;
      color: #333;
      line-height: .90rem; }
    .reserve-info-pop-mask .popup-body .reserve-status {
      margin-bottom: .8rem;
      font-size: .64rem;
      font-weight: 500;
      line-height: .9rem; }
      .reserve-info-pop-mask .popup-body .reserve-status.orange {
        color: #FFAE4E; }
      .reserve-info-pop-mask .popup-body .reserve-status.blue {
        color: #596EFF; }
      .reserve-info-pop-mask .popup-body .reserve-status.red {
        color: #FF6161; }
      .reserve-info-pop-mask .popup-body .reserve-status.green {
        color: #32C5AD; }
    .reserve-info-pop-mask .popup-body .tip-txt {
      margin-bottom: .1rem;
      font-size: .26rem;
      color: #999;
      line-height: .37rem; }
    .reserve-info-pop-mask .popup-body .current-time {
      font-size: .4rem;
      font-weight: 500;
      color: #32C5AD;
      line-height: .56rem; }

.res_order {
  height: 100%; }
  .res_order .order_top {
    line-height: .54rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #EBEBEB; }
    .res_order .order_top .order_status {
      margin-right: .5rem;
      font-size: .26rem;
      color: #CCCCCC; }
      .res_order .order_top .order_status span {
        display: inline-block;
        width: .24rem;
        height: .24rem;
        vertical-align: top;
        margin-top: .15rem;
        margin-right: .08rem;
        border-radius: .04rem; }
    .res_order .order_top .free span {
      border: 1px solid #CCCCCC;
      background: #fff; }
    .res_order .order_top .nofree span {
      background: #0099FF; }
    .res_order .order_top .other span {
      border: 1px solid #CCCCCC;
      background: #DBDBDC; }
  .res_order .order_cont {
    height: calc(100% - .56rem); }
    .res_order .order_cont .table_top {
      height: .9rem;
      padding-left: .2rem;
      padding-right: .2rem;
      overflow: hidden; }
      .res_order .order_cont .table_top .table_top_scroll {
        height: 1.2rem;
        overflow-x: auto; }
        .res_order .order_cont .table_top .table_top_scroll table {
          width: 6.01rem;
          border-collapse: collapse;
          table-layout: fixed;
          margin: 0;
          padding: 0;
          user-select: none;
          -webkit-user-select: none; }
          .res_order .order_cont .table_top .table_top_scroll table th {
            width: 1.6rem;
            height: .88rem;
            border-top: 1px solid #EBEBEB;
            border-bottom: 1px solid #EBEBEB;
            border-right: 1px solid #EBEBEB;
            text-align: center; }
    .res_order .order_cont .table_cont {
      height: calc(100% - .9rem);
      padding-left: .2rem;
      padding-right: .2rem;
      padding-bottom: 1.22rem;
      background: #F5F5F7; }
      .res_order .order_cont .table_cont .table_cont_scroll {
        height: 100%;
        overflow: auto; }
      .res_order .order_cont .table_cont table {
        width: 6.01rem;
        border-collapse: collapse;
        table-layout: fixed;
        margin: 0;
        padding: 0;
        user-select: none;
        -webkit-user-select: none; }
        .res_order .order_cont .table_cont table th {
          width: 1.6rem;
          height: 0;
          font-size: 0;
          overflow: hidden; }
        .res_order .order_cont .table_cont table td {
          height: 1.08rem;
          text-align: center;
          background: #fff;
          border: .2rem solid #F5F5F7;
          color: #999999; }
          .res_order .order_cont .table_cont table td .td_div {
            position: relative;
            height: 100%;
            border: .02rem solid #CCCCCC;
            border-radius: .08rem; }
          .res_order .order_cont .table_cont table td .td_info {
            position: absolute;
            width: 100%;
            padding-top: .08rem;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%); }
            .res_order .order_cont .table_cont table td .td_info .td_word {
              line-height: .28rem;
              margin-bottom: .1rem;
              font-size: .2rem;
              color: #666666; }
          .res_order .order_cont .table_cont table td .my_order {
            background: #0099FF;
            color: #fff; }
          .res_order .order_cont .table_cont table td .other_order {
            background: #DBDBDC;
            color: #fff; }
        .res_order .order_cont .table_cont table td:last-child {
          border-right: none; }
  .res_order .order_cont .data_top {
    height: .9rem;
    padding-left: .2rem;
    padding-right: .2rem;
    margin-bottom: .1rem;
    overflow: hidden;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.08); }
    .res_order .order_cont .data_top .data_top_scroll {
      height: 1.2rem;
      overflow-x: auto; }
      .res_order .order_cont .data_top .data_top_scroll .data_top_ul {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap; }
      .res_order .order_cont .data_top .data_top_scroll .data_top_lis {
        width: 1.6rem;
        height: .88rem;
        border-right: 1px solid #EBEBEB;
        text-align: center; }
        .res_order .order_cont .data_top .data_top_scroll .data_top_lis .th_div {
          position: relative;
          height: 100%; }
        .res_order .order_cont .data_top .data_top_scroll .data_top_lis .th_info {
          position: absolute;
          width: 100%;
          padding-top: .08rem;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%); }
          .res_order .order_cont .data_top .data_top_scroll .data_top_lis .th_info .th_week {
            line-height: .36rem;
            font-size: .26rem;
            color: #666666;
            font-weight: normal; }
          .res_order .order_cont .data_top .data_top_scroll .data_top_lis .th_info .th_date {
            line-height: .28rem;
            margin-bottom: .1rem;
            font-size: .24rem;
            color: #999; }
  .res_order .order_cont .data_cont {
    position: relative;
    height: calc(100% - 1rem);
    padding-left: .2rem;
    padding-right: .2rem;
    padding-bottom: 1.22rem;
    background: #F5F5F7; }
    .res_order .order_cont .data_cont .no_pre_data {
      position: absolute;
      top: calc(50% - 0.88rem);
      left: 50%;
      color: #CCCCCC;
      font-size: .3rem;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
    .res_order .order_cont .data_cont .data_cont_scroll {
      height: 100%;
      overflow: auto; }
    .res_order .order_cont .data_cont .data_table {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap; }
    .res_order .order_cont .data_cont .custom-theme .my_order {
      background: #e00913 !important; }
      .res_order .order_cont .data_cont .custom-theme .my_order .td_word, .res_order .order_cont .data_cont .custom-theme .my_order .td_num {
        color: #fff !important; }
    .res_order .order_cont .data_cont .custom-theme .other_order {
      background: #7f7d7d !important; }
      .res_order .order_cont .data_cont .custom-theme .other_order .td_word, .res_order .order_cont .data_cont .custom-theme .other_order .td_num {
        color: #fff !important; }
      .res_order .order_cont .data_cont .custom-theme .other_order:after {
        background: #fff !important; }
    .res_order .order_cont .data_cont .data_row {
      width: 1.6rem;
      min-height: .88rem;
      padding: 0 .1rem;
      text-align: center; }
    .res_order .order_cont .data_cont .data_per {
      min-height: .88rem;
      margin-top: .2rem;
      margin-bottom: .2rem;
      border: 1px solid #CCCCCC;
      border-radius: .08rem;
      color: #999999;
      overflow: hidden; }
      .res_order .order_cont .data_cont .data_per .data_td {
        position: relative;
        text-align: center;
        background: #fff;
        color: #999999;
        align-items: center;
        justify-content: center; }
        .res_order .order_cont .data_cont .data_per .data_td .td_div {
          width: 100%; }
        .res_order .order_cont .data_cont .data_per .data_td .td_info {
          width: 100%;
          padding-top: .08rem; }
          .res_order .order_cont .data_cont .data_per .data_td .td_info .td_word {
            padding: 0 0.08rem;
            line-height: .28rem;
            margin-bottom: .1rem;
            font-size: .2rem;
            color: #666666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .res_order .order_cont .data_cont .data_per .data_td .td_info .td_num {
            line-height: .28rem;
            margin-bottom: .1rem;
            font-size: .2rem;
            color: #999999; }
        .res_order .order_cont .data_cont .data_per .data_td .my_order {
          background: #0099FF; }
          .res_order .order_cont .data_cont .data_per .data_td .my_order .td_word {
            color: #fff; }
          .res_order .order_cont .data_cont .data_per .data_td .my_order .td_num {
            color: #fff; }
        .res_order .order_cont .data_cont .data_per .data_td .other_order {
          background: #ebebeb; }
          .res_order .order_cont .data_cont .data_per .data_td .other_order .td_word, .res_order .order_cont .data_cont .data_per .data_td .other_order .td_num {
            color: #999; }
          .res_order .order_cont .data_cont .data_per .data_td .other_order:after {
            background: #fff !important; }
        .res_order .order_cont .data_cont .data_per .data_td .select {
          background: #BDE5FF; }
      .res_order .order_cont .data_cont .data_per .my_order {
        background: #0099FF; }
        .res_order .order_cont .data_cont .data_per .my_order .td_info .td_word {
          color: #fff; }
        .res_order .order_cont .data_cont .data_per .my_order .td_info .td_num {
          color: #fff; }
      .res_order .order_cont .data_cont .data_per .other_order {
        background: #ebebeb; }
        .res_order .order_cont .data_cont .data_per .other_order .td_info .td_word, .res_order .order_cont .data_cont .data_per .other_order .td_info .td_num {
          color: #999; }
        .res_order .order_cont .data_cont .data_per .other_order:after {
          background: #fff !important; }
      .res_order .order_cont .data_cont .data_per .select {
        background: #BDE5FF; }
      .res_order .order_cont .data_cont .data_per .data_td:after {
        content: '';
        position: absolute;
        width: .4rem;
        height: .02rem;
        left: 50%;
        bottom: 0;
        margin-left: -.2rem;
        background: #EBEBEB; }
      .res_order .order_cont .data_cont .data_per .data_td:last-child:after {
        display: none; }
    .res_order .order_cont .data_cont .row1 {
      min-height: .88rem;
      flex-basis: 0.88rem !important; }
    .res_order .order_cont .data_cont .row2 {
      height: 1.76rem;
      flex-basis: 1.76rem !important; }
    .res_order .order_cont .data_cont .row3 {
      height: 2.64rem;
      flex-basis: 2.64rem !important; }
    .res_order .order_cont .data_cont .row4 {
      height: 3.52rem;
      flex-basis: 3.52rem !important; }
    .res_order .order_cont .data_cont .row5 {
      height: 4.4rem;
      flex-basis: 4.4rem !important; }
    .res_order .order_cont .data_cont .row6 {
      height: 5.28rem;
      flex-basis: 5.28rem !important; }
    .res_order .order_cont .data_cont .row7 {
      height: 6.16rem;
      flex-basis: 6.16rem !important; }
    .res_order .order_cont .data_cont .row8 {
      height: 7.04rem;
      flex-basis: 7.04rem !important; }
    .res_order .order_cont .data_cont .row9 {
      height: 7.92rem;
      flex-basis: 7.92rem !important; }
    .res_order .order_cont .data_cont .row10 {
      min-height: 8.8rem;
      flex-basis: 8.8rem !important; }
    .res_order .order_cont .data_cont .row11 {
      height: 9.68rem;
      flex-basis: 9.68rem !important; }
    .res_order .order_cont .data_cont .row12 {
      height: 10.56rem;
      flex-basis: 10.56rem !important; }
    .res_order .order_cont .data_cont .row13 {
      height: 11.44rem;
      flex-basis: 11.44rem !important; }
    .res_order .order_cont .data_cont .row14 {
      height: 12.32rem;
      flex-basis: 12.32rem !important; }
    .res_order .order_cont .data_cont .row15 {
      height: 13.2rem;
      flex-basis: 13.2rem !important; }
    .res_order .order_cont .data_cont .row16 {
      height: 14.08rem;
      flex-basis: 14.08rem !important; }
    .res_order .order_cont .data_cont .row17 {
      height: 14.96rem;
      flex-basis: 14.96rem !important; }
    .res_order .order_cont .data_cont .row18 {
      height: 15.84rem;
      flex-basis: 15.84rem !important; }
    .res_order .order_cont .data_cont .row19 {
      height: 16.72rem;
      flex-basis: 16.72rem !important; }
    .res_order .order_cont .data_cont .row20 {
      height: 17.6rem;
      flex-basis: 17.6rem !important; }
    .res_order .order_cont .data_cont .row21 {
      height: 18.48rem;
      flex-basis: 18.48rem !important; }
    .res_order .order_cont .data_cont .row22 {
      height: 19.36rem;
      flex-basis: 19.36rem !important; }
    .res_order .order_cont .data_cont .row23 {
      height: 20.24rem;
      flex-basis: 20.24rem !important; }
    .res_order .order_cont .data_cont .row24 {
      height: 21.12rem;
      flex-basis: 21.12rem !important; }
    .res_order .order_cont .data_cont .row25 {
      height: 22rem;
      flex-basis: 22rem !important; }
    .res_order .order_cont .data_cont .row26 {
      height: 22.88rem;
      flex-basis: 22.88rem !important; }
    .res_order .order_cont .data_cont .row27 {
      height: 23.76rem;
      flex-basis: 23.76rem !important; }
    .res_order .order_cont .data_cont .row28 {
      height: 24.64rem;
      flex-basis: 24.64rem !important; }
    .res_order .order_cont .data_cont .row29 {
      height: 25.52rem;
      flex-basis: 25.52rem !important; }
    .res_order .order_cont .data_cont .row30 {
      height: 26.4rem;
      flex-basis: 26.4rem !important; }
    .res_order .order_cont .data_cont .row31 {
      height: 27.28rem;
      flex-basis: 27.28rem !important; }
    .res_order .order_cont .data_cont .row32 {
      height: 28.16rem;
      flex-basis: 28.16rem !important; }
    .res_order .order_cont .data_cont .row33 {
      height: 29.04rem;
      flex-basis: 29.04rem !important; }
    .res_order .order_cont .data_cont .row34 {
      height: 29.92rem;
      flex-basis: 29.92rem !important; }
    .res_order .order_cont .data_cont .row35 {
      height: 30.8rem;
      flex-basis: 30.8rem !important; }
    .res_order .order_cont .data_cont .row36 {
      height: 31.68rem;
      flex-basis: 31.68rem !important; }
    .res_order .order_cont .data_cont .row37 {
      height: 32.56rem;
      flex-basis: 32.56rem !important; }
    .res_order .order_cont .data_cont .row38 {
      height: 33.44rem;
      flex-basis: 33.44rem !important; }
    .res_order .order_cont .data_cont .row39 {
      height: 34.32rem;
      flex-basis: 34.32rem !important; }
    .res_order .order_cont .data_cont .row40 {
      height: 35.2rem;
      flex-basis: 35.2rem !important; }
    .res_order .order_cont .data_cont .row41 {
      height: 36.08rem;
      flex-basis: 36.08rem !important; }
    .res_order .order_cont .data_cont .row42 {
      height: 36.96rem;
      flex-basis: 36.96rem !important; }
    .res_order .order_cont .data_cont .row43 {
      height: 37.84rem;
      flex-basis: 37.84rem !important; }
    .res_order .order_cont .data_cont .row44 {
      height: 38.72rem;
      flex-basis: 38.72rem !important; }
    .res_order .order_cont .data_cont .row45 {
      height: 39.6rem;
      flex-basis: 39.6rem !important; }
    .res_order .order_cont .data_cont .row46 {
      height: 40.48rem;
      flex-basis: 40.48rem !important; }
    .res_order .order_cont .data_cont .row47 {
      height: 41.36rem;
      flex-basis: 41.36rem !important; }
    .res_order .order_cont .data_cont .row48 {
      height: 42.24rem;
      flex-basis: 42.24rem !important; }
  .res_order .order_btm {
    position: fixed;
    width: 100%;
    height: .88rem;
    left: 0;
    bottom: 0; }
    .res_order .order_btm .order_btm_left {
      position: relative;
      padding: .14rem .3rem;
      background: #484848; }
      .res_order .order_btm .order_btm_left .order_btm_title {
        align-items: center;
        height: .36rem;
        line-height: .36rem;
        font-size: .26rem;
        color: #fff;
        font-weight: normal; }
      .res_order .order_btm .order_btm_left .order_btm_hour {
        line-height: .26rem;
        font-size: .24rem;
        color: #fff; }
      .res_order .order_btm .order_btm_left .order_btm_time {
        position: absolute;
        line-height: .88rem;
        top: 0;
        right: .3rem;
        font-size: .26rem;
        color: #FFD782; }
    .res_order .order_btm .order_btm_right {
      width: 2.4rem;
      line-height: .88rem;
      background: #0099FF;
      font-size: .32rem;
      color: #fff;
      text-align: center; }
    .res_order .order_btm .show_time_arrow {
      display: inline-block;
      width: .4rem;
      height: .4rem;
      background: url("./icons/icon_list.png") no-repeat center/contain; }
    .res_order .order_btm .all_pre_time_pop {
      position: absolute;
      bottom: 0.88rem;
      left: 0;
      width: 100%;
      max-height: 6rem;
      overflow: auto;
      background: #484848;
      font-size: .26rem;
      scrollbar-width: thin; }
      .res_order .order_btm .all_pre_time_pop::-webkit-scrollbar {
        width: 3px;
        display: block; }
      .res_order .order_btm .all_pre_time_pop::-webkit-scrollbar-thumb {
        background: #ccc; }
      .res_order .order_btm .all_pre_time_pop .preorder_time {
        padding-left: 0.3rem;
        line-height: 0.6rem;
        color: #fff; }

.res_mask {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4); }

.sure_pop {
  z-index: 11;
  position: fixed;
  width: 100%;
  height: auto;
  padding: 0 .3rem .3rem .3rem;
  left: 0;
  bottom: 0;
  background: #fff;
  border-radius: .2rem .2rem 0 0; }
  .sure_pop .res_pop_title {
    line-height: .48rem;
    padding: .28rem .3rem;
    font-size: .34rem;
    color: #FFAE4E;
    text-align: center;
    font-weight: normal; }
    .sure_pop .res_pop_title .icon_close {
      position: absolute;
      right: 0.2rem;
      top: 0.25rem;
      width: .6rem;
      height: .6rem;
      cursor: pointer;
      background: url("../reservepc/images/icon_pop_close.png") no-repeat center/0.4rem; }
  .sure_pop .sure_pop_cont {
    height: auto;
    max-height: 9rem;
    overflow: auto;
    scrollbar-width: thin; }
    .sure_pop .sure_pop_cont::-webkit-scrollbar {
      width: 3px;
      display: block; }
    .sure_pop .sure_pop_cont::-webkit-scrollbar-thumb {
      background: #ccc; }
    .sure_pop .sure_pop_cont .sure_pop_info {
      padding-bottom: .2rem;
      border-bottom: 1px solid #EBEBEB; }
      .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per {
        margin-bottom: .3rem; }
        .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per .sure_pop_title {
          line-height: .46rem;
          margin-bottom: .1rem;
          font-size: .32rem;
          color: #333333;
          font-weight: 400; }
        .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per .sure_pop_detail {
          line-height: .46rem;
          font-size: .32rem;
          color: #999999; }
          .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per .sure_pop_detail .limited_minus {
            display: inline-block;
            width: .48rem;
            height: .48rem;
            background: url("./icons/icon_limited_minus.png") no-repeat center;
            background-size: contain;
            vertical-align: top;
            cursor: pointer; }
          .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per .sure_pop_detail .limited_add {
            display: inline-block;
            width: .48rem;
            height: .48rem;
            background: url("./icons/icon_limited_add.png") no-repeat center;
            background-size: contain;
            vertical-align: top;
            cursor: pointer; }
          .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per .sure_pop_detail .limited_num {
            width: .4rem;
            height: .48rem;
            padding: 0 .1rem;
            line-height: .48rem;
            font-size: .32rem;
            color: #666666;
            text-align: center;
            vertical-align: top;
            text-align: center; }
      .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_per:last-child {
        margin-bottom: 0; }
      .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_word {
        line-height: .46rem;
        margin-bottom: .2rem;
        font-size: .32rem;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .sure_pop .sure_pop_cont .sure_pop_info .sure_pop_word span {
          color: #999999; }
    .sure_pop .sure_pop_cont .sure_pop_text {
      padding: .42rem 0 .2rem 0; }
      .sure_pop .sure_pop_cont .sure_pop_text .sure_text_tiele {
        position: relative;
        line-height: .46rem;
        margin-bottom: .2rem;
        font-size: .32rem;
        color: #333333;
        font-weight: normal; }
        .sure_pop .sure_pop_cont .sure_pop_text .sure_text_tiele span {
          position: absolute;
          top: 0;
          right: .3rem;
          font-size: .26rem;
          color: #CCCCCC; }
        .sure_pop .sure_pop_cont .sure_pop_text .sure_text_tiele .chose_date {
          font-size: .32rem;
          color: #999999; }
          .sure_pop .sure_pop_cont .sure_pop_text .sure_text_tiele .chose_date .right_arrow {
            position: relative;
            top: 2px;
            width: .32rem;
            height: .32rem;
            transform: rotate(-90deg); }
      .sure_pop .sure_pop_cont .sure_pop_text .sure_area {
        width: 100%;
        height: 1.4rem;
        line-height: .42rem;
        font-size: .3rem;
        color: #999999;
        border: none;
        outline: none;
        resize: none; }
    .sure_pop .sure_pop_cont .sure_pre_date {
      margin: 0 0 .2rem 0; }
      .sure_pop .sure_pop_cont .sure_pre_date .sure_text_tiele {
        position: relative;
        top: -1px; }
    .sure_pop .sure_pop_cont .sure_pop_tip {
      height: 1.55rem;
      padding-bottom: .24rem;
      border-bottom: 1px solid #EBEBEB;
      line-height: .45rem;
      color: #999999; }
    .sure_pop .sure_pop_cont .date_conf {
      height: 6.18rem; }
      .sure_pop .sure_pop_cont .date_conf .conf_title {
        height: .45rem;
        margin: .43rem 0 .2rem 0;
        font-size: .32rem;
        font-weight: 400;
        color: #333333; }
      .sure_pop .sure_pop_cont .date_conf .conf_list {
        color: #FF6161; }
    .sure_pop .sure_pop_cont .pre_conf_tip {
      height: auto;
      min-height: 4rem;
      max-height: 6.18rem;
      overflow: auto;
      margin-top: .1rem;
      line-height: 0.52rem;
      color: #999999; }
      .sure_pop .sure_pop_cont .pre_conf_tip .conf_time {
        margin-left: .4rem; }
  .sure_pop .sure_pop_btm {
    height: .8rem;
    margin-top: 0.1rem; }
    .sure_pop .sure_pop_btm span {
      line-height: .8rem;
      font-size: .32rem;
      margin-right: .3rem;
      color: #0099FF;
      text-align: center;
      border: 1px solid #0099FF;
      border-radius: .1rem;
      vertical-align: top; }
    .sure_pop .sure_pop_btm span:last-child {
      margin-right: 0; }
    .sure_pop .sure_pop_btm .sure_btn {
      background: #0099FF;
      color: #fff; }
    .sure_pop .sure_pop_btm .cal_btn {
      border: 1px solid #FF6161;
      color: #FF6161; }

.pause_pop .pause_reason_text {
  height: 4rem;
  margin-top: 0.3rem;
  font-size: .34rem; }

.detail_info_pop_wrapper {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }

.sure_pop.detail_info_pop {
  padding: 0; }
  .sure_pop.detail_info_pop .res_pop_title {
    color: #0198ff;
    padding: 0.3rem;
    box-shadow: 0 1px 0 #e3e3e3; }
  .sure_pop.detail_info_pop .sure_pop_cont {
    max-height: 11rem;
    min-height: 6rem;
    padding: 0 0.3rem; }
  .sure_pop.detail_info_pop .sure_pop_btm {
    height: auto;
    justify-content: center;
    padding: 0.2rem;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    margin: 0; }
    .sure_pop.detail_info_pop .sure_pop_btm .pre_btn {
      flex: initial;
      padding: 0 0.7rem;
      height: 0.74rem;
      line-height: 0.74rem;
      color: #FFFFFF;
      background: #006CE2;
      box-shadow: 0px 2px 10px 0px rgba(0, 108, 226, 0.3);
      border: none;
      border-radius: 25px;
      cursor: pointer; }
      .sure_pop.detail_info_pop .sure_pop_btm .pre_btn:hover {
        opacity: 0.7; }

.conflict_tip {
  line-height: 0.9rem; }

.conflict_num {
  margin-top: 0.2rem;
  color: #202020; }

.conf_time {
  margin-top: .1rem;
  color: #FF7A93; }

.set_repeat {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: .32rem;
  background: #F5F5F7; }
  .set_repeat .date_choice {
    background: #fff; }
    .set_repeat .date_choice .tips {
      height: .6rem;
      padding-left: .3rem;
      line-height: .6rem;
      font-size: .26rem;
      color: #999999;
      background: #F5F5F7; }
    .set_repeat .date_choice .options {
      margin-left: .3rem; }
      .set_repeat .date_choice .options img {
        width: .4rem;
        height: .4rem;
        float: right;
        margin-right: .3rem;
        margin-top: .4rem; }
  .set_repeat .option {
    height: 1.2rem;
    line-height: 1.2rem;
    box-shadow: 0px 1px 0px 0px #CCCCCC; }
  .set_repeat .date_range {
    padding-left: .3rem;
    margin-top: .2rem;
    background: #fff; }
    .set_repeat .date_range .enter_date_set {
      position: relative;
      height: .37rem;
      line-height: .37rem;
      float: right;
      margin-right: .65rem;
      margin-top: .44rem; }
      .set_repeat .date_range .enter_date_set::after {
        position: absolute;
        top: 50%;
        right: -0.4rem;
        display: inline-block;
        content: '';
        width: .32rem;
        height: .32rem;
        transform: translateY(-50%);
        background: url("../img/right_arrow.png") no-repeat center;
        background-size: contain; }
  .set_repeat .confirm_btn {
    position: fixed;
    left: .3rem;
    bottom: .5rem;
    width: 6.9rem;
    height: .8rem;
    color: #fff;
    text-align: center;
    line-height: .8rem;
    background: #0099FF;
    border-radius: 10px; }

.up_mask {
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4); }

.cal_pop {
  z-index: 13;
  position: fixed;
  width: 5.6rem;
  height: 3.36rem;
  left: 50%;
  top: 50%;
  margin-left: -2.8rem;
  margin-top: -1.68rem;
  background: #fff;
  border-radius: .2rem; }
  .cal_pop .cal_top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.35rem;
    padding: 0 .3rem;
    font-size: .34rem;
    color: #333333;
    text-align: center; }
  .cal_pop .cal_title {
    height: .5rem;
    margin-top: .3rem;
    line-height: .5rem;
    font-size: .34rem;
    color: #333333;
    text-align: center; }
  .cal_pop .cal_cont {
    height: 1.56rem;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.3rem;
    line-height: 0.36rem;
    text-align: center;
    color: #999999; }
    .cal_pop .cal_cont .check_box {
      position: relative;
      display: inline-block;
      right: .1rem;
      width: .36rem;
      height: .36rem;
      border: .04rem solid #999999;
      border-radius: .1rem; }
    .cal_pop .cal_cont .checked {
      border: none;
      background: url("./icons/alert_checked.png") no-repeat center;
      background-size: contain; }
  .cal_pop .cal_btm {
    height: 1rem;
    line-height: 1rem;
    border-top: 1px solid #EBEBEB; }
    .cal_pop .cal_btm span {
      font-size: .36rem;
      color: #0099FF;
      text-align: center; }
    .cal_pop .cal_btm .wait_sure {
      border-left: 1px solid #EBEBEB; }
    .cal_pop .cal_btm .back {
      color: #999999; }
    .cal_pop .cal_btm .wait_sure {
      border-left: 1px solid #EBEBEB; }

.go_ros {
  z-index: 16;
  position: fixed;
  width: 1.5rem;
  height: 1.5rem;
  right: .18rem;
  bottom: 1.06rem;
  background: url("./icons/go_list.png") no-repeat center;
  background-size: contain; }

.roster {
  height: 100%; }
  .roster .roster_top {
    height: .86rem; }
    .roster .roster_top .roster_tab {
      line-height: .86rem;
      font-size: .3rem;
      color: #333333;
      text-align: center; }
    .roster .roster_top .active {
      position: relative;
      color: #0099FF; }
    .roster .roster_top .active:after {
      position: absolute;
      content: '';
      width: 1rem;
      height: .02rem;
      left: 50%;
      bottom: 0;
      margin-left: -.5rem;
      background: #0099FF; }
  .roster .roster_cont {
    padding: .3rem;
    overflow: auto; }
    .roster .roster_cont .ros_per {
      padding: 0 .3rem;
      margin-bottom: .3rem;
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
      border-radius: .1rem; }
      .roster .roster_cont .ros_per .ros_per_title {
        line-height: .94rem;
        font-size: .36rem;
        color: #333333;
        border-bottom: 1px solid #EBEBEB;
        font-weight: normal; }
        .roster .roster_cont .ros_per .ros_per_title .per_title_right {
          text-align: right; }
          .roster .roster_cont .ros_per .ros_per_title .per_title_right span {
            display: inline-block;
            width: .22rem;
            height: .22rem;
            background: url("./icons/ros_down.png") no-repeat center;
            background-size: contain;
            vertical-align: top;
            margin-top: .36rem;
            margin-left: .3rem; }
          .roster .roster_cont .ros_per .ros_per_title .per_title_right .up {
            background: url("./icons/ros_up.png") no-repeat center;
            background-size: contain; }
      .roster .roster_cont .ros_per .ros_per_uls {
        padding: .3rem 0; }
      .roster .roster_cont .ros_per .ros_per_lis {
        min-height: .8rem;
        margin-bottom: .3rem; }
        .roster .roster_cont .ros_per .ros_per_lis .ros_per_left {
          width: .8rem; }
          .roster .roster_cont .ros_per .ros_per_lis .ros_per_left img {
            width: 100%;
            height: 100%;
            border-radius: .08rem; }
        .roster .roster_cont .ros_per .ros_per_lis .ros_per_right {
          padding-left: .2rem;
          position: relative; }
          .roster .roster_cont .ros_per .ros_per_lis .ros_per_right .ros_per_name {
            line-height: .46rem;
            font-size: .26rem;
            color: #666666;
            font-weight: normal; }
          .roster .roster_cont .ros_per .ros_per_lis .ros_per_right .ros_per_time {
            line-height: .26rem;
            font-size: .26rem;
            color: #999999; }
          .roster .roster_cont .ros_per .ros_per_lis .ros_per_right .ros_per_btns {
            position: absolute;
            padding-top: .17rem;
            top: 0;
            right: 0; }
            .roster .roster_cont .ros_per .ros_per_lis .ros_per_right .ros_per_btns span {
              display: inline-block;
              width: 1.2rem;
              line-height: .48rem;
              border: 1px solid #0099FF;
              border-radius: .08rem;
              font-size: .26rem;
              color: #0099FF;
              text-align: center;
              vertical-align: top;
              margin-left: .2rem; }
            .roster .roster_cont .ros_per .ros_per_lis .ros_per_right .ros_per_btns .ros_per_cal {
              border: 1px solid #FF6161;
              color: #FF6161; }
      .roster .roster_cont .ros_per .ros_per_lis:last-child {
        margin-bottom: 0; }
    .roster .roster_cont .ros_wait {
      padding: 0 .3rem;
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
      border-radius: .1rem; }
    .roster .roster_cont .wait_per {
      padding: .3rem 0;
      border-bottom: 1px solid #EBEBEB; }
      .roster .roster_cont .wait_per .wait_left {
        width: 5.4rem;
        padding-right: .4rem; }
        .roster .roster_cont .wait_per .wait_left .wait_left_top {
          height: .8rem; }
          .roster .roster_cont .wait_per .wait_left .wait_left_top img {
            width: .8rem;
            height: .8rem;
            border-radius: .08rem; }
          .roster .roster_cont .wait_per .wait_left .wait_left_top .wait_left_info {
            padding-left: .2rem; }
            .roster .roster_cont .wait_per .wait_left .wait_left_top .wait_left_info .wait_name {
              line-height: .46rem;
              font-size: .26rem;
              color: #666666; }
            .roster .roster_cont .wait_per .wait_left .wait_left_top .wait_left_info .wait_time {
              line-height: .26rem;
              font-size: .26rem;
              color: #999999;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
        .roster .roster_cont .wait_per .wait_left .wait_left_cont {
          padding-top: .2rem;
          line-height: .36rem;
          font-size: .26rem;
          color: #666666; }
          .roster .roster_cont .wait_per .wait_left .wait_left_cont span {
            color: #999999; }
      .roster .roster_cont .wait_per .wait_right span {
        display: block;
        width: 1.2rem;
        line-height: .48rem;
        margin-bottom: .3rem;
        border: 1px solid #0099FF;
        border-radius: .08rem;
        font-size: .26rem;
        color: #0099FF;
        text-align: center; }
      .roster .roster_cont .wait_per .wait_right .wait_reject {
        border: 1px solid #FF6161;
        color: #FF6161; }
      .roster .roster_cont .wait_per .wait_right span:last-child {
        margin-bottom: 0; }

.code_begin {
  height: 100%;
  background: linear-gradient(115deg, #43baff 0%, #4c8cff 39%, #5a4def 100%); }
  .code_begin .code_beign_bg {
    height: 100%;
    background: url("./icons/study_bg.png") no-repeat center;
    background-size: cover; }
    .code_begin .code_beign_bg .stat_res_btm {
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 2.4rem; }
      .code_begin .code_beign_bg .stat_res_btm .stat_tips {
        display: flex;
        padding-bottom: .5rem;
        font-size: .28rem;
        color: #fff;
        justify-content: center; }
        .code_begin .code_beign_bg .stat_res_btm .stat_tips span {
          vertical-align: middle; }
      .code_begin .code_beign_bg .stat_res_btm .tip_icon {
        display: inline-block;
        width: .36rem;
        height: .36rem;
        margin-right: 0.2rem;
        align-self: center; }
      .code_begin .code_beign_bg .stat_res_btm .loading_icon {
        background: url("../../forms/gather/mobile/hind/images/loading.gif") no-repeat center/contain; }
      .code_begin .code_beign_bg .stat_res_btm .error_icon {
        background: url("./icons/icon_error.png") no-repeat center/contain; }
      .code_begin .code_beign_bg .stat_res_btm .success_icon {
        background: url("./icons/icon_success.png") no-repeat center/contain; }
      .code_begin .code_beign_bg .stat_res_btm .study_btn {
        width: 6.9rem;
        line-height: .8rem;
        text-align: center;
        font-weight: 800;
        color: #6173f8;
        background: #ffc96a;
        border-radius: 2rem;
        margin: 0 auto; }
      .code_begin .code_beign_bg .stat_res_btm .btn_disabled {
        color: #fff;
        background: #ccc; }
    .code_begin .code_beign_bg .start_gray_btn {
      position: fixed;
      width: 6.9rem;
      height: .8rem;
      left: .3rem;
      bottom: .3rem;
      background: url("./icons/study_gray_btn.png") no-repeat center/contain; }
    .code_begin .code_beign_bg .code_begin_btn {
      position: fixed;
      width: 6.9rem;
      height: .8rem;
      left: .3rem;
      bottom: .3rem;
      background: url("./icons/study_btn.png") no-repeat center;
      background-size: contain; }

.gnorecord {
  line-height: .5rem;
  font-size: .24rem;
  text-align: center;
  margin-top: .2rem; }

.mag_record {
  width: 100%;
  height: 100%; }
  .mag_record .cx_search {
    height: .76rem;
    margin-bottom: .2rem; }
  .mag_record .mag_cont {
    padding: .3rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .mag_record .mag_cont .mag_per {
      height: 3.05rem;
      padding: .3rem .3rem 0 .3rem;
      margin-bottom: .3rem;
      background: url("./icons/mag_bg1.png") no-repeat center;
      background-size: contain;
      border-radius: .08rem;
      color: #fff; }
      .mag_record .mag_cont .mag_per .mag_per_title {
        position: relative;
        line-height: .48rem;
        margin-bottom: .12rem;
        font-weight: normal; }
        .mag_record .mag_cont .mag_per .mag_per_title .mag_per_name {
          font-size: .48rem; }
        .mag_record .mag_cont .mag_per .mag_per_title .mag_per_tel {
          margin-left: .1rem;
          font-size: .24rem;
          opacity: .7; }
        .mag_record .mag_cont .mag_per .mag_per_title .mag_per_type {
          position: absolute;
          line-height: .3rem;
          font-size: .3rem;
          top: .09rem;
          right: 0; }
      .mag_record .mag_cont .mag_per .mag_info {
        height: calc(100% - .66rem); }
        .mag_record .mag_cont .mag_per .mag_info dt .mag_romm {
          line-height: .26rem;
          padding-top: .3rem;
          font-size: .26rem; }
        .mag_record .mag_cont .mag_per .mag_info dt .mag_time {
          line-height: .26rem;
          margin-top: .2rem;
          font-size: .26rem; }
        .mag_record .mag_cont .mag_per .mag_info dt .mag_remark {
          max-width: 5rem;
          max-height: .6rem;
          line-height: .3rem;
          margin-top: .2rem;
          font-size: .26rem;
          opacity: .7;
          overflow: hidden; }
        .mag_record .mag_cont .mag_per .mag_info dd {
          position: relative;
          width: 1.2rem; }
          .mag_record .mag_cont .mag_per .mag_info dd .mag_btns {
            position: absolute;
            right: 0;
            bottom: .26rem; }
            .mag_record .mag_cont .mag_per .mag_info dd .mag_btns .m_btn {
              width: 1.2rem;
              height: .48rem;
              line-height: .48rem;
              margin-top: .2rem;
              border: 1px solid #fff;
              border-radius: .08rem;
              font-size: .24rem;
              color: #fff;
              text-align: center; }
            .mag_record .mag_cont .mag_per .mag_info dd .mag_btns .qd {
              background: #fff;
              color: #565DF3; }
            .mag_record .mag_cont .mag_per .mag_info dd .mag_btns .ty {
              background: #fff;
              color: #FC686E; }
            .mag_record .mag_cont .mag_per .mag_info dd .mag_btns .qt {
              background: #fff;
              color: #FF9B18; }
    .mag_record .mag_cont .bg_dqd {
      background: url("./icons/mag_bg1.png") no-repeat center;
      background-size: contain; }
    .mag_record .mag_cont .bg_dsp {
      background: url("./icons/mag_bg2.png") no-repeat center;
      background-size: contain; }
    .mag_record .mag_cont .bg_syz {
      background: url("./icons/mag_bg3.png") no-repeat center;
      background-size: contain; }
    .mag_record .mag_cont .bg_yjs {
      background: #C1C1C1; }
    .mag_record .mag_cont .bg_yqx {
      background: #C1C1C1; }
    .mag_record .mag_cont .bg_wy {
      background: #FFBBA9; }

.mag_index {
  height: 100%; }
  .mag_index .mag_top_uls {
    height: 1.8rem;
    padding: 0 .26rem;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08); }
    .mag_index .mag_top_uls .mag_top_lis {
      height: 1.8rem;
      padding-top: .24rem; }
      .mag_index .mag_top_uls .mag_top_lis .sind_top_icon {
        display: block;
        width: .88rem;
        height: .88rem;
        margin: 0 auto; }
      .mag_index .mag_top_uls .mag_top_lis .sind_top_word {
        line-height: .3rem;
        margin-top: .1rem;
        font-size: .24rem;
        color: #999999;
        text-align: center; }
  .mag_index .mag_area {
    height: .6rem;
    line-height: .6rem;
    padding: 0 .3rem;
    background: #ebebeb; }
    .mag_index .mag_area .mag_area_left {
      width: 1.2rem;
      font-size: .26rem;
      color: #999999; }
    .mag_index .mag_area .mag_area_right {
      text-align: right;
      font-size: .26rem;
      color: #999999; }
      .mag_index .mag_area .mag_area_right label {
        display: inline-block;
        line-height: .6rem;
        max-width: 5.4rem;
        vertical-align: top;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .mag_index .mag_area .mag_area_right em {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        background: url("./icons/arrows_g.png") no-repeat center;
        background-size: contain;
        vertical-align: top;
        margin-top: .14rem; }
    .mag_index .mag_area .mag_area_right.select label {
      color: #596EFF; }
    .mag_index .mag_area .mag_area_right.select em {
      display: inline-block;
      width: .32rem;
      height: .32rem;
      background: url("./icons/arrows_b.png") no-repeat center;
      background-size: contain;
      vertical-align: top;
      margin-top: .14rem; }
  .mag_index .mag_cont_uls {
    padding: .3rem; }
    .mag_index .mag_cont_uls .mag_cont_lis {
      height: 1.4rem;
      margin-bottom: .3rem;
      line-height: 1.4rem;
      border-radius: .08rem; }
      .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left {
        width: 3.2rem;
        padding-left: .5rem;
        font-size: .3rem;
        color: #fff; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left span {
          display: inline-block;
          width: .36rem;
          height: .36rem;
          vertical-align: top;
          margin-top: .5rem;
          margin-right: .1rem; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon1 {
          background: url("./icons/mag_ind_icon1.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon2 {
          background: url("./icons/mag_ind_icon2.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon3 {
          background: url("./icons/mag_ind_icon3.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon4 {
          background: url("./icons/mag_ind_icon4.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon5 {
          background: url("./icons/mag_ind_icon5.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon6 {
          background: url("./icons/mag_ind_icon6.png") no-repeat center;
          background-size: contain; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_left .icon7 {
          background: url("./icons/mag_ind_icon7.png") no-repeat center;
          background-size: contain; }
      .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_right {
        font-size: .72rem;
        text-align: right;
        color: #fff; }
        .mag_index .mag_cont_uls .mag_cont_lis .mag_cont_right em {
          display: inline-block;
          width: .76rem;
          text-align: left;
          vertical-align: middle;
          font-size: .26rem;
          font-style: normal; }
    .mag_index .mag_cont_uls .bg_blue {
      background: url("./icons/mag_bg_blue.png") no-repeat center;
      background-size: contain; }
    .mag_index .mag_cont_uls .bg_green {
      background: url("./icons/mag_bg_green.png") no-repeat center;
      background-size: contain; }
    .mag_index .mag_cont_uls .bg_yellow {
      background: url("./icons/mag_bg_yellow.png") no-repeat center;
      background-size: contain; }
    .mag_index .mag_cont_uls .bg_red {
      background: url("./icons/mag_bg_red.png") no-repeat center;
      background-size: contain; }
    .mag_index .mag_cont_uls .bg_violet {
      background: url("./icons/mag_bg_violet.png") no-repeat center;
      background-size: contain; }

.make_pop {
  z-index: 2;
  position: fixed;
  width: 5.4rem;
  height: 3.06rem;
  top: 50%;
  left: 50%;
  margin-top: -1.53rem;
  margin-left: -2.7rem;
  background: #fff;
  border-radius: .1rem; }
  .make_pop .make_top {
    position: relative;
    height: 2.18rem;
    padding: .24rem .34rem .2rem .34rem; }
    .make_pop .make_top .make_close {
      position: absolute;
      width: .6rem;
      height: .6rem;
      top: -.3rem;
      right: -.3rem;
      border-radius: 50%;
      background: url("./icons/icon_close.png") no-repeat center;
      background-size: contain; }
    .make_pop .make_top .make_ul .make_lis {
      line-height: .54rem;
      margin-bottom: .06rem;
      font-size: .3rem;
      overflow: hidden; }
      .make_pop .make_top .make_ul .make_lis .make_lis_left {
        float: left;
        color: #666666; }
      .make_pop .make_top .make_ul .make_lis .make_lis_right {
        float: right;
        max-width: 3rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #999999; }
      .make_pop .make_top .make_ul .make_lis .gray {
        color: #666666; }
      .make_pop .make_top .make_ul .make_lis .yellow {
        color: #FFAE4E; }
      .make_pop .make_top .make_ul .make_lis .red {
        color: #FF6161; }
      .make_pop .make_top .make_ul .make_lis .blue {
        color: #007AFF; }
      .make_pop .make_top .make_ul .make_lis .green {
        color: #69D796; }
  .make_pop .make_btn {
    line-height: .88rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .make_pop .make_btn span {
      font-size: .34rem;
      color: #007AFF;
      text-align: center;
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
    .make_pop .make_btn span:last-child {
      border-right: none; }
    .make_pop .make_btn .gray {
      color: #666666; }
    .make_pop .make_btn .yellow {
      color: #FFAE4E; }
    .make_pop .make_btn .red {
      color: #FF6161; }
    .make_pop .make_btn .blue {
      color: #007AFF; }
    .make_pop .make_btn .green {
      color: #69D796; }
  .make_pop .make_cut {
    position: relative;
    height: 0; }
    .make_pop .make_cut .make_cut_btn {
      position: absolute;
      width: 100%;
      line-height: .66rem;
      bottom: -1.06rem;
      font-size: .36rem;
      color: #fff;
      text-align: center;
      overflow: hidden; }
      .make_pop .make_cut .make_cut_btn .make_cut_left {
        float: left;
        width: .66rem;
        height: .66rem;
        background: url("./icons/cut_left.png") no-repeat center;
        background-size: contain; }
      .make_pop .make_cut .make_cut_btn .make_cut_left.no_cut {
        background: url("./icons/no_cut_right.png") no-repeat center;
        background-size: contain;
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg); }
      .make_pop .make_cut .make_cut_btn .make_cut_right {
        float: right;
        width: .66rem;
        height: .66rem;
        background: url("./icons/cut_left.png") no-repeat center;
        background-size: contain;
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg); }
      .make_pop .make_cut .make_cut_btn .make_cut_right.no_cut {
        background: url("./icons/no_cut_right.png") no-repeat center;
        background-size: contain;
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -o-transform: rotateZ(0); }

.form_login {
  position: relative;
  height: 100%;
  background: #fff; }
  .form_login .fl_tip {
    position: absolute;
    width: 100%;
    line-height: .4rem;
    top: 2rem;
    padding: 0 .3rem;
    font-size: .36rem;
    color: #333333;
    text-align: center; }
  .form_login .fl_btn {
    position: absolute;
    width: 6.9rem;
    height: .8rem;
    left: .3rem;
    top: 4.34rem;
    line-height: .8rem;
    border-radius: .4rem;
    background: #0099FF;
    font-size: .3rem;
    color: #fff;
    text-align: center; }
  .form_login .fl_cpy {
    position: absolute;
    width: 100%;
    height: .56rem;
    left: 0;
    bottom: .5rem;
    padding: 0 .3rem; }
    .form_login .fl_cpy .fl_cpy_word {
      line-height: .28rem;
      font-size: .24rem;
      color: #CCCCCC;
      text-align: center; }

.filtrate_pop {
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 9.42rem;
  bottom: 0;
  left: 0;
  background: #fff;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem; }
  .filtrate_pop .fil_pop_top {
    position: relative;
    height: 1.12rem;
    padding: .3rem;
    line-height: .52rem;
    font-size: .32rem;
    color: #333333;
    font-weight: 400; }
    .filtrate_pop .fil_pop_top .fil_all_btn {
      position: absolute;
      width: 2.22rem;
      height: .52rem;
      top: .3rem;
      right: .3rem;
      border: 1px solid #EBEBEB;
      border-radius: .08rem;
      background: #EBEBEB;
      line-height: .52rem;
      font-size: .24rem;
      color: #999999;
      text-align: center; }
    .filtrate_pop .fil_pop_top .fil_all_btn.select {
      border: 1px solid #596EFF;
      color: #596EFF;
      background: rgba(89, 110, 255, 0.2); }
  .filtrate_pop .fil_pop_cont {
    overflow: auto; }
    .filtrate_pop .fil_pop_cont .fil_data {
      padding: .3rem; }
      .filtrate_pop .fil_pop_cont .fil_data .fil_data_title {
        line-height: .36rem;
        margin-bottom: .08rem;
        font-size: .26rem;
        color: #666666;
        font-weight: 400; }
      .filtrate_pop .fil_pop_cont .fil_data .fil_data_title.select {
        color: #596EFF; }
      .filtrate_pop .fil_pop_cont .fil_data .fil_uls {
        overflow: hidden; }
        .filtrate_pop .fil_pop_cont .fil_data .fil_uls .fil_lis {
          float: left;
          min-width: 2.18rem;
          max-width: 100%;
          padding: 0 .08rem;
          height: .52rem;
          line-height: .52rem;
          margin-right: .12rem;
          margin-top: .12rem;
          border: 1px solid #EBEBEB;
          background: #EBEBEB;
          border-radius: .08rem;
          font-size: .24rem;
          color: #999999;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .filtrate_pop .fil_pop_cont .fil_data .fil_uls .fil_lis.select {
          background: rgba(89, 110, 255, 0.2);
          border: 1px solid #596EFF;
          color: #596EFF; }
  .filtrate_pop .fil_pop_btm {
    height: 1.41rem;
    padding: .3rem;
    border-top: 1px solid #EBEBEB; }
    .filtrate_pop .fil_pop_btm span {
      height: .8rem;
      line-height: .8rem;
      font-size: .32rem;
      color: #999999;
      text-align: center;
      border: 1px solid #999999;
      border-radius: .08rem; }
    .filtrate_pop .fil_pop_btm .fil_sure {
      margin-left: .3rem;
      color: #fff;
      border: 1px solid #596EFF;
      background: #596EFF; }

.area_pop {
  z-index: 2;
  position: fixed;
  width: 6.9rem;
  height: 6rem;
  top: 50%;
  left: 50%;
  margin-top: -3rem;
  margin-left: -3.45rem;
  background: #fff;
  border-radius: .1rem; }
  .area_pop .area_pop_top {
    height: 5rem;
    padding: .5rem; }
    .area_pop .area_pop_top .area_uls {
      height: 100%;
      overflow: auto; }
    .area_pop .area_pop_top .area_lis {
      line-height: .8rem;
      font-size: .26rem;
      color: #666666;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .area_pop .area_pop_top .area_lis .icon_radio {
        display: inline-block;
        width: .48rem;
        height: .48rem;
        background: url("./icons/radio.png") no-repeat center;
        background-size: contain;
        vertical-align: top;
        margin-top: .16rem;
        margin-right: .1rem; }
      .area_pop .area_pop_top .area_lis .icon_check {
        background: url("./icons/radio_checked.png") no-repeat center;
        background-size: contain; }
  .area_pop .area_pop_btm {
    height: 1rem; }
    .area_pop .area_pop_btm span {
      line-height: 1rem;
      font-size: .32rem;
      color: #666666;
      text-align: center; }
    .area_pop .area_pop_btm .area_sure {
      color: #0099ff; }

.opendate_pop {
  z-index: 2;
  position: fixed;
  width: 5.4rem;
  min-height: 6.65rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: .2rem; }
  .opendate_pop .od_top {
    position: relative;
    height: .92rem;
    line-height: .92rem;
    padding: 0 .3rem;
    font-size: .36rem;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px solid #EBEBEB; }
    .opendate_pop .od_top .od_close {
      position: absolute;
      width: .24rem;
      height: .24rem;
      top: .34rem;
      right: .3rem;
      background: url("./icons/pop_close.png") no-repeat center;
      background-size: contain; }
  .opendate_pop .od_cont {
    padding: 0 .3rem;
    overflow: auto; }
    .opendate_pop .od_cont .od_lis {
      height: .8rem;
      line-height: .8rem;
      font-size: .32rem;
      color: #333333;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .opendate_pop .od_cont .od_lis span {
        margin-left: .4rem;
        font-size: .26rem;
        color: #999999; }
  .opendate_pop .od_btn {
    width: 1.44rem;
    height: .54rem;
    margin: .2rem auto;
    line-height: .52rem;
    border: .02rem solid #596EFF;
    border-radius: .54rem;
    font-size: .26rem;
    color: #596EFF;
    text-align: center; }

.res_loading {
  z-index: 17;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent; }
  .res_loading .res_load_cont {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 0.2rem 0.6rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.08rem; }
    .res_loading .res_load_cont .loading_iocn {
      width: .6rem;
      height: .6rem;
      margin: 0 auto;
      margin-bottom: .1rem;
      background: url("./icons/loading.jpg") no-repeat center;
      background-size: contain; }
    .res_loading .res_load_cont .loading_info {
      line-height: .6rem;
      font-size: .26rem;
      color: #fff;
      text-align: center; }

.res_unlocking {
  height: 100%; }
  .res_unlocking .res_unlocking_title {
    line-height: .5rem;
    padding: 1rem .3rem .6rem .3rem;
    font-size: .36rem;
    color: #333333;
    font-weight: 400;
    text-align: center; }
  .res_unlocking .res_unlocking_code {
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto; }
    .res_unlocking .res_unlocking_code img {
      display: block;
      width: 100%;
      height: 100%; }
  .res_unlocking .res_unlocking_tip {
    line-height: .4rem;
    padding: .6rem .3rem .3rem .3rem;
    font-size: .28rem;
    color: #666666;
    text-align: center; }
  .res_unlocking .res_unlocking_close {
    position: fixed;
    width: 6.9rem;
    height: .8rem;
    left: .3rem;
    bottom: .3rem;
    line-height: .8rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    background: #596EFF;
    border-radius: .08rem; }

.bx-wrapper .bx-viewport {
  border: none; }

.btm_tips {
  z-index: 1000;
  position: fixed;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  line-height: .8rem;
  text-align: center;
  font-size: .24rem;
  color: #fff;
  transition: all .3s ease-in; }
  .btm_tips .tip_info {
    display: inline-block;
    padding: 0 0.1rem;
    border-radius: 0.08rem;
    background: rgba(0, 0, 0, 0.6); }

.reminder_pop {
  z-index: 2;
  position: fixed;
  width: 5.4rem;
  height: 7.2rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: .26rem; }
  .reminder_pop .rp_top {
    line-height: .54rem;
    padding: .24rem .2rem 0 .2rem;
    font-size: .3rem;
    color: #333333;
    text-align: center;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .reminder_pop .rp_cont {
    padding: .08rem .2rem;
    overflow: auto;
    word-wrap: break-word;
    word-break: break-all; }
    .reminder_pop .rp_cont .rp_cont_word {
      line-height: .54rem;
      font-size: .26rem;
      color: #666666;
      white-space: pre-wrap; }
  .reminder_pop .rp_bottom {
    height: .88rem;
    border-top: 1px solid #EBEBEB; }
    .reminder_pop .rp_bottom span {
      height: .88rem;
      line-height: .88rem;
      font-size: .34rem;
      color: #007AFF;
      font-weight: 400;
      text-align: center; }
    .reminder_pop .rp_bottom .rp_cal {
      color: #999999;
      border-right: 1px solid #EBEBEB; }
    .reminder_pop .rp_bottom .disabled {
      color: #999999;
      pointer-events: unset; }
  .reminder_pop .icon_radio {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
    background: url("../seat/images/radio.png") no-repeat center;
    background-size: contain;
    vertical-align: bottom; }
  .reminder_pop .icon_check {
    background: url("../seat/images/radio_checked.png") no-repeat center;
    background-size: contain; }
  .reminder_pop .notice_confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    text-align: center;
    padding: .2rem 0 .3rem 0; }
  .reminder_pop #rich_text img, .reminder_pop #rich_text .attach-insertVideo {
    max-width: 100%; }
  .reminder_pop .editor-iframe iframe {
    width: 100% !important;
    height: 74px !important; }

.team-container {
  height: 100vh;
  box-sizing: border-box; }
  .team-container * {
    box-sizing: border-box; }
  .team-container .text-blue {
    color: var(--theme_color0, #596EFF); }
  .team-container .text-red {
    color: var(--theme_color6, #FF6161); }
  .team-container .card-wrap {
    padding: .3rem .3rem 0; }
    .team-container .card-wrap .card-box {
      width: 100%;
      padding: .3rem .3rem .28rem;
      border-radius: 8px;
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
      font-size: .32rem;
      font-weight: 500;
      color: #fff;
      line-height: .45rem; }
      .team-container .card-wrap .card-box.bgOrange {
        background: var(--theme_color5, #FFAE4E); }
      .team-container .card-wrap .card-box.bgGreen {
        background: var(--theme_color4, #69D796); }
    .team-container .card-wrap .card-item {
      justify-content: space-between;
      margin-bottom: .24rem; }
      .team-container .card-wrap .card-item .card-left {
        width: 1.4rem;
        color: rgba(255, 255, 255, 0.7); }
      .team-container .card-wrap .card-item .card-right {
        width: calc(100% - 1.4rem);
        text-align: right; }
    .team-container .card-wrap .card-item:last-child {
      margin-bottom: 0; }
  .team-container .num-wrap {
    position: relative;
    height: 1rem; }
    .team-container .num-wrap .num-txt {
      font-size: .36rem;
      font-weight: 500;
      color: var(--theme_color2, #666666);
      line-height: 1.3rem;
      text-align: center; }
      .team-container .num-wrap .num-txt span {
        margin: 0 .1rem; }
    .team-container .num-wrap .reload-btn {
      position: absolute;
      top: .45rem;
      right: .3rem;
      font-size: .28rem;
      color: var(--theme_color0, #596EFF);
      line-height: .4rem; }
  .team-container .code-wrap {
    text-align: center; }
    .team-container .code-wrap .code-box {
      width: 3.6rem;
      height: 3.6rem;
      margin: .4rem auto .3rem; }
      .team-container .code-wrap .code-box img {
        display: block;
        width: 100%;
        hegiht: 100%; }
    .team-container .code-wrap .tip {
      font-size: .26rem;
      color: var(--theme_color2, #666666);
      line-height: .37rem; }
    .team-container .code-wrap .text-blue {
      margin-top: .15rem;
      font-size: .28rem;
      line-height: .4rem; }
  .team-container .member-wrap-tip {
    box-shadow: inset 0px -1px 0px 0px #EBEBEB;
    height: .8rem;
    font-size: .36rem;
    text-align: center;
    color: #666666;
    font-weight: 500; }
  .team-container .member-wrap {
    position: relative;
    height: calc(100% - 6rem); }
    .team-container .member-wrap .member-top-box {
      align-items: center;
      justify-content: space-between;
      height: 1.2rem;
      padding: 0 .3rem;
      box-shadow: inset 0px -1px 0px 0px #EBEBEB; }
      .team-container .member-wrap .member-top-box .top-title {
        font-size: .36rem;
        color: var(--theme_color1, #333333);
        line-height: .5rem; }
      .team-container .member-wrap .member-top-box .code-btn {
        align-items: center;
        justify-content: flex-end;
        font-size: .28rem;
        color: var(--theme_color0, #596EFF);
        line-height: .4rem; }
        .team-container .member-wrap .member-top-box .code-btn .btn-icon {
          display: inline-block;
          width: .36rem;
          height: .36rem;
          margin-right: .1rem;
          background: url("icons/icon-code.png") no-repeat center/contain; }
    .team-container .member-wrap .member-list-box {
      height: calc(100% - 1.2rem);
      overflow: auto; }
      .team-container .member-wrap .member-list-box .list-box li {
        align-items: center;
        justify-content: space-between;
        box-shadow: inset 0px -1px 0px 0px #DEDFE0;
        height: 1.2rem;
        padding: 0 .3rem; }
        .team-container .member-wrap .member-list-box .list-box li:last-child {
          box-shadow: none; }
      .team-container .member-wrap .member-list-box .list-box .list-left {
        align-items: center;
        width: calc(100% - .5rem); }
      .team-container .member-wrap .member-list-box .list-box .member-tx {
        display: block;
        width: .66rem;
        height: .66rem;
        border-radius: 100%;
        margin-right: .22rem; }
      .team-container .member-wrap .member-list-box .list-box .member-name {
        width: calc(100% - .88rem);
        font-size: .28rem;
        color: var(--theme_color1, #333333);
        line-height: .28rem; }
      .team-container .member-wrap .member-list-box .list-box .state-icon {
        display: block;
        width: .44rem;
        height: .44rem; }
        .team-container .member-wrap .member-list-box .list-box .state-icon.check {
          background: url("icons/icon-check.png") no-repeat center/contain; }
        .team-container .member-wrap .member-list-box .list-box .state-icon.wait {
          background: url("icons/icon-wait.png") no-repeat center/contain; }
  .team-container .invaild-wrap {
    height: calc(100% - 1.4rem);
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .team-container .invaild-wrap img {
      display: block;
      width: 2.68rem;
      height: 1.94rem;
      margin-bottom: .3rem; }
    .team-container .invaild-wrap .tip {
      font-size: .26rem;
      color: #C1C1C1;
      line-height: .37rem;
      text-align: center; }
  .team-container .footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: .3rem;
    background: #fff; }
    .team-container .footer-wrap.top-line {
      box-shadow: inset 0px 1px 0px 0px #EBEBEB; }
    .team-container .footer-wrap .foot-tip {
      margin-bottom: .2rem;
      font-size: .26rem;
      color: #999999;
      text-align: center;
      line-height: .37rem; }
    .team-container .footer-wrap .foot-btn {
      display: inline-block;
      width: 100%;
      height: .8rem;
      border-radius: 8px;
      font-size: .32rem;
      text-align: center;
      line-height: .8rem; }
      .team-container .footer-wrap .foot-btn.width-half {
        width: calc(50% - .15rem); }
      .team-container .footer-wrap .foot-btn.blue {
        background: var(--theme_color0, #596EFF); }
      .team-container .footer-wrap .foot-btn.gray {
        background: var(--theme_color3, #999999); }
      .team-container .footer-wrap .foot-btn.solid {
        color: #fff; }
      .team-container .footer-wrap .foot-btn.line {
        background: #fff;
        border: 1px solid var(--theme_color0, #596EFF);
        color: var(--theme_color0, #596EFF); }

.reserve-common__pop {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5.6rem;
  height: 7.74rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: .2rem;
  z-index: 5; }
  .reserve-common__pop .reserve-common__header {
    position: relative;
    height: .94rem;
    line-height: .94rem;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 1px 0 #dedfe0; }
    .reserve-common__pop .reserve-common__header .icon-close {
      position: absolute;
      right: .3rem;
      top: .27rem;
      width: .4rem;
      height: .4rem;
      background: url("./icons/pop_close2.png") no-repeat center/contain; }
  .reserve-common__pop .reserve-common__content {
    flex: 1;
    padding: .16rem 0;
    overflow: auto; }
    .reserve-common__pop .reserve-common__content:empty::after {
      content: attr(empty-text);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #898989; }
  .reserve-common__pop .reserve-common__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .9rem;
    line-height: .9rem;
    box-shadow: 0 -1px 0 #dedfe0; }
  .reserve-common__pop .reserve-common__button {
    width: 2.42rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .16rem;
    text-align: center;
    border-radius: .08rem;
    background: #09f;
    font-size: .28rem;
    color: #fff; }
  .reserve-common__pop .option__wrapper {
    margin-bottom: .3rem;
    padding: 0 .2rem 0 .3rem; }
    .reserve-common__pop .option__wrapper .option__title {
      height: .39rem;
      line-height: .39rem;
      margin-bottom: .16rem;
      font-weight: bold;
      font-size: .28rem; }
  .reserve-common__pop .select-label__list {
    display: flex;
    flex-wrap: wrap;
    gap: .16rem; }
    .reserve-common__pop .select-label__list .select-label__item {
      flex-grow: 1;
      min-width: 2.42rem;
      width: 100%;
      height: .6rem;
      line-height: .6rem;
      padding: 0 .16rem;
      border-radius: .08rem;
      color: #202020;
      text-align: center;
      cursor: pointer;
      background: #f9f9fa;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .reserve-common__pop .select-label__list .select-label__item--active {
      background: #e0efff;
      color: #006ce2; }
  .reserve-common__pop .time-range-pick {
    display: flex;
    justify-content: space-between;
    height: .52rem; }
    .reserve-common__pop .time-range-pick .time-range-pick__start, .reserve-common__pop .time-range-pick .time-range-pick__end {
      width: 2.1rem;
      height: .52rem;
      padding: 0 .1rem;
      font-size: .24rem;
      color: #999999;
      text-align: center;
      border: 1px solid #CCCCCC;
      border-radius: .08rem; }
    .reserve-common__pop .time-range-pick .time-range-pick__split {
      width: .6rem;
      line-height: .52rem;
      text-align: center;
      font-size: .24rem;
      color: #999999; }