/* white color begin
 * from top to bottom
 * from light to dark
 */
body {
  background-color: #f4f4f4 !important;
}
body.fixed {
  margin-bottom: 6.66667rem;
}
body.white {
  background-color: #fff;
}
body.black {
  background-color: #000;
}
body.absoulte {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
}
.g-wrap {
  padding-bottom: 5.33333rem;
}
.g-body-top {
  padding-top: 4.16667rem;
}
.g-fixTop-wrap {
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #eee;
}
.g-fixTop-wrap.none {
  border: none;
}
.g-wrap-2 {
  padding: 10.33333rem 0 5.33333rem 0;
}
.g-cleanWrap {
  background-color: #fff;
}
.g-divideWrap {
  margin-bottom: 0.83333rem;
  background-color: #fff;
}
.g-divideWrap.gray {
  background-color: #f8f8f8;
}
.g-mbWrap {
  margin-bottom: 1.25rem;
}
.g-paddingWrap {
  padding: 0 1.25rem;
}
.g-paddingWrap-2 {
  padding: 1.25rem 1.25rem 0;
}
.g-divideWrap-2 {
  margin-top: 1.25rem;
}
.g-btnWrap {
  padding: 1.66667rem 1.25rem 0 1.25rem;
  text-align: center;
}
.g-btnWrap .btn {
  width: 100%;
  font-size: 1.41667rem;
}
.g-btnWrap.g-btnWrap-2 {
  padding-top: 0.41667rem;
}
.g-btnWrap.g-btnWrap-2 .btn {
  height: 3.5rem;
  line-height: 3.5rem;
}
.g-btnWrap.g-btnWrap-3 {
  padding: 1.25rem;
  background-color: #fff;
}
.g-fix-btnWrap {
  position: fixed !important;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.66667rem 1.25rem;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 60;
}
.g-fix-btnWrap .btn {
  width: 100%;
  font-size: 1.5rem;
  line-height: 3.5rem;
}
.g-fix-btmWrap {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  height: 5rem;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1PX solid #eee;
  z-index: 60;
}
.g-fix-btmWrap.transparent {
  background-color: transparent;
}
.g-fix-btmWrap .btmCtnWrap,
.g-fix-btmWrap .btnBtmWrap {
  box-sizing: border-box;
}
.g-fix-btmWrap .btmCtnWrap {
  position: relative;
  max-width: 60%;
  padding-left: 0.83333rem;
}
.g-fix-btmWrap .btmCtnWrap .mainInfo {
  padding-top: 0.83333rem;
  font-size: 2rem;
  color: #FF3A52;
}
.g-fix-btmWrap .btmCtnWrap .subInfo {
  position: absolute;
  left: 0.83333rem;
  top: 2.83333rem;
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.33333rem;
}
.g-fix-btmWrap .btmBtnWrap .btn {
  width: 10rem;
  height: 5rem;
  line-height: 5rem;
  border: none;
  border-radius: 0;
  font-size: 1.5rem;
}
.g-fix-btmWrap .btnWrap {
  font-size: 0;
}
.g-richTxtCtn {
  padding: 0.66667rem 1rem 0.66667rem 1rem;
}
.g-richTxtCtn * {
  max-width: 100% !important;
}
.g-richTxtCtn p {
  font-size: 1.16667rem;
  line-height: 1.5rem;
}
.g-richTxtCtn .m-empty .icn {
  margin-top: 2rem;
}
.g-layerWrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 90;
}
.g-layerWrap.light {
  background-color: #f8f8f8;
}
.g-layerWrap.dark {
  background-color: rgba(0, 0, 0, 0.8);
}
.g-layerWrap.medium {
  background-color: rgba(0, 0, 0, 0.6);
}
.g-fixedMiddle-top {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.g-mtWrap-large {
  margin-top: 11rem;
}
.g-mtWrap-middle {
  margin-top: 4.16667rem;
}
.g-center-wrap {
  text-align: center;
}
.g-fixedWrap-btm {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
}
.g-imgWrap {
  position: absolute !important;
  top: 200%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 10px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  html {
    font-size: 16px;
  }
}
.f-dn {
  display: none !important;
}
.f-show {
  display: block !important;
}
.f-thide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.f-thide-box {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.f-linkLike:active {
  background-color: #f8f8f8 !important;
}
.f-thide-box-double {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.f-cf:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-lt {
  text-decoration: line-through;
}
.f-richTxt {
  font-size: 1.08333rem;
  color: #999;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
}
.f-richTxt img {
  max-width: 100%;
}
.christmas-dan {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/d7e635391d8c2d5e18d7ef3161bea4b2.png");
}
.christmas-hook {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/e802bec48feb84705c15326716331b72.png");
}
.christmas-kuai {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/2aba84ccf1e8556870442b89f1e9e0d9.png");
}
.christmas-le {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/883ca8102d1a7dd6d4832fa67a66ecf2.png");
}
.christmas-gift-box {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/57898b4b886498af0dbac186d466c782.png");
}
.christmas-bell {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/85bf0bf8d6052f8900a2a246409a24c3.png");
}
.christmas-hat {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/74d037783a812df191121806f52d030f.png");
}
.christmas-reindeer {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/9c455eae85819fcc1bebf858431e337c.png");
}
.christmas-sheng {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/9cbe17e547378832ca431d7967702800.png");
}
.christmas-santa-claus {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/ef7be84eb7f651fd110265e298d51508.png");
}
.christmas-tree {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/28ca82031ee2a7a7d44f95de4d80d363.png");
}
.christmas-sweet {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/56c43ea65c94a6ed2793fd90243700c5.png");
}
.christmas-stockings {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/81b20c205863033745e3d01ecf82e136.png");
}
.christmas-snow {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/e027fc41d4fc7a03d63c78d76c571c91.png");
}
.new_year-jin {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/0fa0156ff3f8f015d1699097eb4aa2d0.png");
}
.new_year-quan {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/52b3c063a4b34f26b5cb3262347746f5.png");
}
.new_year-ying {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/5dfc3cd3dcf06c5439f9fb5b01ad59f4.png");
}
.new_year-xin {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/da04f98435a62ac2ba8f06989c604d5d.png");
}
.new_year-chun {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/4032b6dbcf0c9c83b85e672d32cdc260.png");
}
.new_year-nian {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/2fe715de4b961ef8564843aee8d0b6f7.png");
}
.new_year-jiu {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/14b882305217d3ae5a4c4d68ca2e9996.png");
}
.new_year-yao {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/b656b52837654c5885e86e38ce7b08a9.png");
}
.new_year-shou {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/940ec302c7936d5188a58acf0aaa34cb.png");
}
.new_year-xi {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/9c5208baa462dfcc702a6ca4923ca05a.png");
}
.new_year-wang {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/193a05634e93ea42a8cf7dd5a5a69d30.png");
}
.new_year-jian {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/5cc2bd6438644a2f5604e54448b0a168.png");
}
.new_year-shen {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/dd3b248fe3e9b02c30e362f2e4940856.png");
}
.new_year-fu {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/27133bdc8d42842324ca6b75ac4f3a24.png");
}
.new_year-qi {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/317590cad58ea9a094c021e17b805fc7.png");
}
.new_year-mai {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/f147e08a7b6c8c9b92facd9abc4e942b.png");
}
.new_year-kai {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/a5b98b2d59413d7c92da4cef008a7638.png");
}
.new_year-tui {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/ebdda77b44957d4178f2cd4bea03c7b4.png");
}
.new_year-kuai {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/fd15aa90d4c02448052fedcbaa9d63b2.png");
}
.new_year-le {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/1d61efb4ebf49cd10ed0e4146e61f737.png");
}
.new_year-geng {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/cbfd0de2e11b3d2e5735a02934ce21f7.png");
}
.new_year-jing {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/2711391dabc745c6b7ef86b8f68b0f4c.png");
}
.new_year-yi {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/27343a0157ad081d3c443f98aa600b40.png");
}
.new_year-bu {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/e5bec15d8b54726a285208d2d36e984b.png");
}
.new_year-xiang {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/02bccbdb1fcb07f3c112d93c39984e5c.png");
}
.m-calendarWrap-custom .m-calendar .arrow {
  border-color: #FF3A52;
}
.m-calendarWrap-custom .m-calendar .headerWrap th.z-weekend {
  color: #FF3A52;
}
.m-calendarWrap-custom .m-calendar .calendarWrap td.z-active span {
  background-color: #FF3A52;
}
.m-confirm .confirm-btnWrap .btn.btn-half {
  color: #FF3A52 !important;
}
.m-confirm .confirm-btnWrap .btn.btn-half.btn-sub {
  color: #333 !important;
}
.m-alert .alert-btnWrap .btn {
  color: #FF3A52 !important;
}
.m-panel .pannelHd {
  position: relative;
}
.m-panel .pannelHd:before {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  right: 0;
  left: 0;
  border-top: 0.08333rem solid #eee;
  color: #eee;
  transform: scaleY(0.5);
}
.m-panel.m-panel-hideHeader .pannelHd {
  display: none;
}
.m-panelTitle.m-panelTitle-big {
  padding: 0.83333rem 1.25rem !important;
}
.m-panelTitle.m-panelTitle-big .titleWrap .title {
  line-height: 1.66667rem !important;
}
.m-panelTitle.m-panelTitle-chain .actionWrap {
  line-height: 1.66667rem;
}
.m-panelTitle.m-panelTitle-chain .actionWrap .actionTip {
  padding-right: 0.41667rem;
  color: #7f7f7f;
}
.m-panelTitle.m-panelTitle-chain .actionWrap .arrow {
  width: 0.66667rem;
  height: 0.66667rem;
  border-color: #ddd;
}
.ws-m-panel.ws-m-panel-transparent .panelBd {
  background-color: transparent !important;
}
.u-flag {
  display: inline-block;
  padding: 0.5rem 0.83333rem;
  line-height: 1.25rem;
}
.u-badge {
  display: inline-block;
  padding: 0 0.33333rem;
  line-height: 1.16667rem;
  height: 1.16667rem;
  border-radius: 7px;
  font-size: 1rem;
  color: #fff;
  background-color: #ffaa04;
}
.u-flag-gray {
  border-bottom-left-radius: 6PX;
  border-bottom-right-radius: 6PX;
  background-color: #e2e2e2;
  color: #bbb;
}
.u-layerClose {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.u-layerClose .icn {
  font-size: 1.25rem;
}
.u-layerClose:after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 0.16667rem;
  height: 1.25rem;
  bottom: -1.25rem;
  left: 50%;
  margin-left: -0.08333rem;
}
.u-divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #999;
  padding-top: 1.66667rem;
}
.u-divider:before,
.u-divider:after {
  content: '';
  display: block;
  border-width: 1px 0 0;
  border-color: #eee;
  border-style: solid;
  width: 6.66667rem;
  height: 0.08333rem;
  box-sizing: border-box;
  margin: 0 1.25rem;
}
.u-nArrow-down {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-width: 1px 1px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(135deg);
}
.u-nArrow-up {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-width: 1px 1px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(-45deg);
}
.u-nArrow-right {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-width: 1px 1px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(45deg);
}
.u-nArrow-left {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-width: 1px 1px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(-135deg);
}
.u-solidTag {
  display: inline-block;
  vertical-align: middle;
  padding: 4PX 4PX 2PX 4PX;
  height: 0.83333rem;
  line-height: 0.83333rem;
  border-radius: 8PX 8PX 8PX 0;
  background-color: #FF3A52;
  color: #fff;
  font-size: 0.83333rem;
}
.u-arrowTag {
  margin-left: 0.83333rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 1.33333rem;
  line-height: 1.41667rem;
  border-radius: 0 2PX 2PX 0;
  background-color: rgba(255, 58, 82, 0.1);
  color: #FF3A52;
  font-size: 0.83333rem;
}
.u-arrowTag::before {
  position: absolute;
  left: -1.33333rem;
  top: 0;
  content: '';
  border: 16px / 2 solid transparent;
  border-right-color: rgba(255, 58, 82, 0.1);
}
/*copy ali qua*/
/*retain 1px border start*/
.retainbt,
.retainbb,
.retainbl,
.retainbr,
.retainb {
  position: relative;
  position: relative !important;
}
.retainbt:before,
.retainbb:after {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0.08333rem;
  max-height: 0.08333rem;
  background: #eee;
  left: 0;
  right: 0;
}
.retainbt-dark:before,
.retainbb-dark:after {
  background: #ddd;
}
.retainbt:before {
  top: 0;
}
.retainbb:after {
  top: 100%;
}
.retainbl:before,
.retainbr:after {
  pointer-events: none;
  position: absolute;
  content: "";
  width: 0.08333rem;
  max-width: 0.08333rem;
  background: #eee;
  top: 0;
  bottom: 0;
}
.retainbl-dark:before,
.retainbr-dark:after {
  background: #ddd;
}
.retainbl:before {
  left: 0;
}
.retainbr:after {
  right: 0;
}
.retainb:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  pointer-events: none;
}
.retainb-dark:after {
  border: 1px solid #ddd;
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .retainbt:before,
  .retainbb:after {
    transform: scaleY(0.5);
  }
  .retainbl:before,
  .retainbr:after {
    transform: scaleX(0.5);
  }
  .retainb:after {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
  }
  .retainbt:before,
  .retainbl:before,
  .retainb:after {
    transform-origin: 0 0;
  }
  .retainbb:after,
  .retainbr:after {
    transform-origin: 100% 100%;
  }
}
@media (-webkit-device-pixel-ratio: 1.5) {
  .retainbt:before,
  .retainbb:after {
    transform: scaleY(0.6666);
  }
  .retainbl:before,
  .retainbr:after {
    transform: scaleX(0.6666);
  }
  .retainb:after {
    width: 150%;
    height: 150%;
    transform: scale(0.6666);
  }
}
@media (-webkit-device-pixel-ratio: 3) {
  .retainbt:before,
  .retainbb:after {
    transform: scaleY(0.3333);
  }
  .retainbl:before,
  .retainbr:after {
    transform: scaleX(0.3333);
  }
  .retainb:after {
    width: 300%;
    height: 300%;
    transform: scale(0.3333);
  }
}
.m-slides {
  width: 100%;
  overflow: hidden;
  min-height: 39.58333rem;
}
.m-slides .inner {
  font-size: 0;
  line-height: 0;
  transition: transform 0.3s ease;
}
.m-slides .inner > li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.m-footer {
  padding: 1.66667rem 0 0.83333rem;
}
.m-footer .info,
.m-footer .lang {
  line-height: 1.41667rem;
  font-size: 1rem;
  color: #666;
  text-align: center;
  margin-bottom: 0.25rem;
}
.m-footer .info:last-child,
.m-footer .lang:last-child {
  margin-bottom: 0;
}
.m-footer .info a,
.m-footer .lang a {
  color: #666;
  padding: 0 0.66667rem 0 0.66667rem;
}
.m-footer .lang {
  font-size: 1rem;
  color: #bbb;
  margin-top: 1rem;
}
.m-footer .lang .main {
  color: #FF3A52;
}
.m-footer .btn {
  position: absolute;
  right: 1.25rem;
  bottom: 2.5rem;
  width: 3.33333rem;
  height: 24PX;
  line-height: 22PX;
  border: solid 1PX #ddd;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
  color: #FF3A52;
}
.m-courseTitle {
  padding: 1.25rem;
}
.m-courseTitle .title {
  padding-bottom: 0.83333rem;
  color: #333;
  font-size: 1.66667rem;
  font-weight: normal;
}
.m-courseTitle .infoWrap .info {
  display: inline-block;
  padding-right: 1.66667rem;
  font-size: 0;
  height: 1.33333rem;
}
.m-courseTitle .infoWrap .info .icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.m-courseTitle .infoWrap .info .txt {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-ratingScores {
  padding: 1.5rem 0;
}
.m-ratingScores .scoreList {
  font-size: 0;
}
.m-ratingScores .scoreList .scoreItem {
  display: inline-block;
  width: 33.33%;
  text-align: center;
}
.m-ratingScores .scoreList .scoreItem .name {
  font-size: 1.16667rem;
  color: #666;
}
.m-ratingScores .scoreList .scoreItem .score {
  font-size: 3.5rem;
  color: #ffaa04;
}
.m-ratingScores .scoreList .scoreItem .stars {
  height: 0.83333rem;
}
.m-ratingScores .scoreList .scoreItem .m-stars {
  display: inline-block;
}
.m-scoresInline {
  padding: 1.25rem;
}
.m-scoresInline .scoreList {
  font-size: 0;
}
.m-scoresInline .scoreList .scoreItem {
  display: inline-block;
  width: 33.33%;
  text-align: left;
}
.m-scoresInline .scoreList .scoreItem .name,
.m-scoresInline .scoreList .scoreItem .score {
  vertical-align: middle;
}
.m-scoresInline .scoreList .scoreItem .name {
  max-width: 6em;
  display: inline-block;
  margin-right: 0.33333rem;
  font-size: 1.16667rem;
  color: #333;
}
.m-scoresInline .scoreList .scoreItem .score {
  font-size: 1.16667rem;
  color: #ffaa04;
}
.m-impressions .m-subTitle {
  padding-top: 1.5rem;
  padding-bottom: 0.66667rem;
}
.m-impressions .impressionList {
  padding: 0 1.66667rem;
  font-size: 0;
  max-height: 5.33333rem;
  overflow: hidden;
}
.m-impressions .impressionList.z-active {
  max-height: initial;
  height: auto;
}
.m-impressions .impressionList .impressionItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
  margin: 0 1.25rem 0.83333rem 0;
  padding: 0 1rem;
  border-radius: 4px;
  font-size: 1rem;
}
.m-impressions .trigger {
  padding-top: 0.5rem;
  text-align: center;
  margin-bottom: -1rem;
}
.m-impressions .trigger.z-active .icon {
  transform: rotate(-90deg);
}
.m-subTitle {
  padding: 1rem 1.66667rem;
  font-size: 1.16667rem;
}
.m-subTitle.m-subTitle-narrow {
  padding: 0.83333rem 1.16667rem;
}
.m-subTitle .main {
  float: left;
  max-width: 60%;
  font-weight: normal;
  color: #666;
}
.m-subTitle .sub {
  float: right;
  max-width: 40%;
  font-weight: normal;
  color: #FF3A52;
  margin: -1rem 0;
  line-height: 3.16667rem;
}
.m-subTitle .p {
  clear: both;
  line-height: 2.5rem;
  font-size: 1rem;
  color: #999;
}
.m-courseInfo {
  padding: 1.25rem;
  background-color: #fff;
}
.m-courseInfo .left {
  float: left;
  width: 6.66667rem;
}
.m-courseInfo .content {
  margin-left: 7.91667rem;
  margin-right: 0.83333rem;
}
.m-courseInfo .content .right {
  float: right;
  margin-right: -0.83333rem;
}
.m-courseInfo .left .imgWrap {
  width: 6.66667rem;
  height: 6.66667rem;
  overflow: hidden;
  position: relative;
}
.m-courseInfo .left .imgWrap .img {
  width: 100%;
  height: auto;
}
.m-courseInfo .content .name {
  margin-bottom: 0.83333rem;
  color: #333;
  font-size: 1.66667rem;
  font-weight: normal;
}
.m-courseInfo .content .txt {
  line-height: 2.16667rem;
  color: #bbb;
}
.m-courseInfo .content .txt .icon {
  margin-right: 0.41667rem;
  vertical-align: middle;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-courseInfo .content .arrowWrap {
  margin-top: -4.08333rem;
}
.m-infoList {
  padding: 0 1.25rem;
}
.m-infoList > .item,
.m-infoList .item {
  display: block;
  padding: 0.83333rem 0 1rem;
  font-size: 0;
  position: relative;
}
.m-infoList > .item.item-reverse .left,
.m-infoList .item.item-reverse .left {
  width: 64%;
}
.m-infoList > .item.item-reverse .right,
.m-infoList .item.item-reverse .right {
  width: 36%;
}
.m-infoList > .item .left,
.m-infoList .item .left {
  display: inline-block;
  width: 36%;
  vertical-align: middle;
}
.m-infoList > .item .left.fix-top,
.m-infoList .item .left.fix-top {
  vertical-align: text-bottom;
}
.m-infoList > .item .left .content,
.m-infoList .item .left .content {
  font-size: 1.41667rem;
  color: #333;
}
.m-infoList > .item .left .content-2,
.m-infoList .item .left .content-2 {
  font-size: 1.25rem;
  color: #333;
}
.m-infoList > .item .left .iconfont,
.m-infoList .item .left .iconfont {
  margin-left: 0.25rem;
  color: #FF3A52;
}
.m-infoList > .item .left-2,
.m-infoList .item .left-2 {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
.m-infoList > .item .left-2 .content,
.m-infoList .item .left-2 .content {
  display: inline-block;
  font-size: 1.25rem;
  color: #333;
  line-height: 2.16667rem;
}
.m-infoList > .item .right,
.m-infoList .item .right {
  display: inline-block;
  width: 64%;
  vertical-align: middle;
}
.m-infoList > .item .right .content,
.m-infoList .item .right .content {
  position: relative;
  float: right;
  font-size: 1.25rem;
  color: #bbb;
  line-height: 2.16667rem;
}
.m-infoList > .item .right .content.content-full,
.m-infoList .item .right .content.content-full {
  width: 100%;
  text-align: right;
}
.m-infoList > .item .right .content > span,
.m-infoList .item .right .content > span {
  margin-right: 1.16667rem;
}
.m-infoList > .item .right .content.f-fl,
.m-infoList .item .right .content.f-fl {
  float: left;
}
.m-infoList > .item .right .content .star,
.m-infoList .item .right .content .star {
  vertical-align: middle;
}
.m-infoList > .item .right .content .arrow,
.m-infoList .item .right .content .arrow {
  vertical-align: middle;
}
.m-infoList > .item .right .content .arrow-1,
.m-infoList .item .right .content .arrow-1 {
  position: absolute;
  top: 0.66667rem;
  right: 0rem;
}
.m-infoList > .item .right .content .contactGym,
.m-infoList .item .right .content .contactGym {
  margin-left: 0.66667rem;
}
.m-infoList > .item .right .content .contactGym .arrowIcon,
.m-infoList .item .right .content .contactGym .arrowIcon {
  font-size: 1.08333rem;
  margin-left: 0.33333rem;
}
.m-infoList > .item .right .specialPriceContent,
.m-infoList .item .right .specialPriceContent {
  padding-right: 1.16667rem;
  float: right;
  font-size: 0;
  text-align: right;
  vertical-align: middle;
}
.m-infoList > .item .right .specialPriceContent .price,
.m-infoList .item .right .specialPriceContent .price,
.m-infoList > .item .right .specialPriceContent .priceUnit,
.m-infoList .item .right .specialPriceContent .priceUnit,
.m-infoList > .item .right .specialPriceContent .originPrice,
.m-infoList .item .right .specialPriceContent .originPrice {
  display: inline-block;
  vertical-align: middle;
}
.m-infoList > .item .right .specialPriceContent .price,
.m-infoList .item .right .specialPriceContent .price {
  font-size: 1.5rem;
  color: #FF3A52;
}
.m-infoList > .item .right .specialPriceContent .priceUnit,
.m-infoList .item .right .specialPriceContent .priceUnit {
  font-size: 1rem;
  color: #FF3A52;
}
.m-infoList > .item .right .specialPriceContent .originPrice,
.m-infoList .item .right .specialPriceContent .originPrice {
  padding-left: 0.83333rem;
  font-size: 1rem;
  text-decoration: line-through;
  color: #bbb;
}
.m-infoList > .item .right .input,
.m-infoList .item .right .input {
  width: 100%;
  border: none;
  line-height: 2.16667rem;
  font-size: 1.25rem;
  color: #bbb;
  text-align: right;
}
.m-infoList > .item .right .select,
.m-infoList .item .right .select {
  -webkit-appearance: none;
  padding-right: 1.33333rem;
  background-color: white;
  line-height: 2.16667rem;
  height: 2.16667rem;
  min-width: 100px;
  width: 100%;
  border: none;
  font-size: 1.25rem;
  color: #bbb;
}
.m-infoList > .item .right .p,
.m-infoList .item .right .p {
  padding-right: 1.33333rem;
  display: inline-block;
  vertical-align: middle;
}
.m-infoList > .item .textarea,
.m-infoList .item .textarea {
  width: 100%;
  border: none;
  line-height: 2.16667rem;
  font-size: 1.25rem;
  color: #bbb;
  text-align: left;
}
.m-infoList > .item .warn,
.m-infoList .item .warn {
  font-size: 1.25rem;
  color: #bbb;
  text-align: right;
  line-height: 1.66667rem;
}
.m-infoList > .item .warn .normal,
.m-infoList .item .warn .normal {
  font-size: 1rem;
}
.m-infoList > .item .memberNumWarn,
.m-infoList .item .memberNumWarn {
  font-size: 1rem;
  color: #ff5555;
}
.m-infoList > .item .m-dropdown,
.m-infoList .item .m-dropdown {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0.08333rem -1.25rem 0;
  z-index: 80;
}
.m-infoList > .item.item-2,
.m-infoList .item.item-2 {
  padding: 0.83333rem 0 0;
}
.m-infoList > .item.item-2:last-child,
.m-infoList .item.item-2:last-child {
  padding-bottom: 0.83333rem;
}
.m-infoList > .item.item-3,
.m-infoList .item.item-3 {
  padding-top: 0;
}
.m-infoList > .item.item-balance .left {
  width: 40%;
}
.m-infoList > .item.item-balance .right {
  width: 60%;
}
.m-showGallery {
  position: relative;
  background-color: #fff;
  min-height: 12.5rem;
  overflow: hidden;
}
.m-showGallery.gray {
  background-color: #f8f8f8;
}
.m-showGallery .cardContainer {
  position: absolute;
  width: 16.66667rem;
  height: 9.16667rem;
  left: 50%;
  top: 50%;
  margin: -4.58333rem 0 0 -8rem;
  transform-style: preserve-3d;
  perspective: 200px;
}
.m-showCard {
  width: 16.66667rem;
  height: 9.16667rem;
  box-sizing: border-box;
  padding: 0.83333rem 1.25rem;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
}
.m-showCard .showCard-sideWrap {
  float: left;
  width: 4.16667rem;
  text-align: center;
}
.m-showCard .showCard-sideWrap .showCard-imgWrap {
  width: 4.16667rem;
  height: 4.16667rem;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
}
.m-showCard .showCard-sideWrap .showCard-imgWrap .img {
  width: 100%;
  height: 100%;
}
.m-showCard .showCard-sideWrap .name {
  padding-top: 0.41667rem;
  text-align: center;
  color: #333;
  font-size: 1.16667rem;
}
.m-showCard .showCard-sideWrap .m-stars {
  display: inline-block;
  margin: 0 -4px;
}
.m-showCard .showCard-sideWrap .m-stars .item {
  width: 8px;
  height: 7px;
  margin: 0 0.5px;
}
.m-showCard .showCard-sideWrap .m-stars .item.sub .mask .star {
  width: 8px;
  height: 7px;
}
.m-showCard .showCard-mainWrap {
  float: left;
  width: 10rem;
  margin-left: 0.66667rem;
}
.m-showCard .showCard-mainWrap .des {
  font-size: 1rem;
  color: #bbb;
}
.m-showCard .showCard-mainWrap .statLst {
  font-size: 0;
  line-height: 0;
  padding: 0.33333rem 0 0.33333rem 0;
}
.m-showCard .showCard-mainWrap .statLst .statItem {
  display: inline-block;
  text-align: center;
  padding: 0 0 0 0.66667rem;
  border-left: 1PX solid #ccc;
  box-sizing: border-box;
}
.m-showCard .showCard-mainWrap .statLst .statItem:first-child {
  border: none;
  padding: 0 0.66667rem 0 0;
}
.m-showCard .showCard-mainWrap .statLst .statItem .count {
  font-size: 1.33333rem;
  color: #FF3A52;
  line-height: 1em;
}
.m-showCard .showCard-mainWrap .statLst .statItem .type {
  font-size: 1rem;
  color: #666;
  line-height: 1em;
}
.m-showCard .showCard-mainWrap .tagLst {
  font-size: 0;
  line-height: 0;
  margin-bottom: -0.41667rem;
  height: 3.16667rem;
  overflow: hidden;
}
.m-showCard .showCard-mainWrap .tagLst .tag {
  display: inline-block;
  margin-bottom: 0.25rem;
  padding: 0.16667rem 0.5rem;
  color: #ccc;
  border-right: 1px solid #eee;
  font-size: 1.08333rem;
  line-height: 1em;
}
.m-showCard .showCard-headerWrap {
  margin-bottom: 0.41667rem;
}
.m-showCard .showCard-headerWrap > .imgWrap {
  width: 4.16667rem;
  height: 4.16667rem;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}
.m-showCard .showCard-headerWrap > .imgWrap .img {
  width: 100%;
  height: 100%;
}
.m-showCard .showCard-headerWrap > .titleWrap {
  margin-left: 4.83333rem;
  height: 4.16667rem;
}
.m-showCard .showCard-headerWrap > .titleWrap .name {
  padding: 0.83333rem 0 0.41667rem;
  color: #333;
  font-size: 1.16667rem;
}
.m-showCard .showCard-headerWrap > .titleWrap .sub {
  color: #ffaa04;
}
.m-showCard .showCard-headerWrap > .titleWrap .m-stars {
  display: inline-block;
}
.m-showCard .showCard-headerWrap > .titleWrap .m-stars .item {
  width: 8px;
  height: 7px;
  margin: 0 0.5px;
}
.m-showCard .showCard-headerWrap > .titleWrap .m-stars .item.sub .mask .star {
  width: 8px;
  height: 7px;
}
.m-showCard .showCard-ctnWrap .tagLst {
  font-size: 0;
  line-height: 0;
  margin-bottom: -0.33333rem;
  margin-right: -0.41667rem;
  height: 3.16667rem;
  overflow: hidden;
}
.m-showCard .showCard-ctnWrap .tagLst .tag {
  display: inline-block;
  box-sizing: border-box;
  height: 1.33333rem;
  line-height: 1.33333rem;
  margin-bottom: 0.25rem;
  margin-right: 0.41667rem;
  padding: 0.08333rem 0.25rem;
  color: #ccc;
  border-radius: 2px;
  border: 1px solid #eee;
  font-size: 1rem;
}
.m-showCard .showCard-ctnWrap .txt {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  color: #ccc;
  margin-top: 0.66667rem;
}
.m-groupScheduleList > li {
  margin: 1.08333rem 0;
  position: relative;
  background-color: #fff;
  min-height: 10.83333rem;
  box-sizing: border-box;
  padding: 1.25rem;
}
.m-groupScheduleList > li > .flag {
  position: absolute;
  top: 0;
  right: 2.5rem;
}
.m-groupScheduleList > li > .icn {
  position: absolute;
  top: -1.08333rem;
  left: 2.66667rem;
}
.m-groupScheduleList > li .sideWrap {
  width: 3.66667rem;
  text-align: right;
}
.m-groupScheduleList > li .sideWrap .main {
  line-height: 1.66667rem;
  font-size: 1.5rem;
  color: #FF3A52;
  margin-bottom: 0.41667rem;
}
.m-groupScheduleList > li .sideWrap .main.main-2 {
  font-size: 2rem;
}
.m-groupScheduleList > li .sideWrap .main.main-3 {
  font-size: 1.25rem;
}
.m-groupScheduleList > li .sideWrap .sub {
  line-height: 1.66667rem;
  font-size: 1rem;
  color: #666;
  opacity: 0.8;
}
.m-groupScheduleList > li .mainWrap {
  margin-left: 4.58333rem;
}
.m-groupScheduleList > li .mainWrap .header {
  height: 1.66667rem;
  line-height: 1.66667rem;
  margin-bottom: 0.83333rem;
}
.m-groupScheduleList > li .mainWrap .header .titleWrap {
  width: 100%;
  padding-right: 7rem;
  box-sizing: border-box;
}
.m-groupScheduleList > li .mainWrap .header .titleWrap > .title {
  font-size: 1.5rem;
  color: #333;
  font-weight: normal;
}
.m-groupScheduleList > li .mainWrap .header .titleWrap > .title .titleTxt {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.m-groupScheduleList > li .mainWrap .header .titleWrap > .title .titleTxt.limit {
  max-width: 70%;
}
.m-groupScheduleList > li .mainWrap .header .link {
  font-size: 1.16667rem;
  color: #888;
  position: relative;
  margin-left: -7rem;
  margin-right: 1rem;
}
.m-groupScheduleList > li .mainWrap .header .link .icn {
  position: absolute;
  right: -1.16667rem;
  top: 50%;
  margin-top: -0.54167rem;
}
.m-groupScheduleList > li .mainWrap .container {
  position: relative;
}
.m-groupScheduleList > li .mainWrap .container.container-2 {
  padding-bottom: 0.83333rem;
}
.m-groupScheduleList > li .mainWrap .container.container-2 .txtWrap {
  margin-left: 0;
}
.m-groupScheduleList > li .mainWrap .container.container-3 {
  padding-top: 0.58333rem;
}
.m-groupScheduleList > li .mainWrap .container.container-3 .scheduleInfo {
  margin-top: 0;
  margin-right: 0;
}
.m-groupScheduleList > li .mainWrap .container.container-3 .scheduleInfo .link {
  font-size: 1.08333rem;
}
.m-groupScheduleList > li .mainWrap .container.container-4 {
  padding-bottom: 0;
}
.m-groupScheduleList > li .mainWrap .container.container-4 .txtWrap {
  margin-left: 0;
}
.m-groupScheduleList > li .mainWrap .container .imgWrap {
  width: 5rem;
  height: 5rem;
}
.m-groupScheduleList > li .mainWrap .container .imgWrap img {
  width: 100%;
  height: 100%;
}
.m-groupScheduleList > li .mainWrap .container .imgWrap.imgWrap-round {
  width: 2.08333rem;
  height: 2.08333rem;
  border-radius: 100%;
  overflow: hidden;
}
.m-groupScheduleList > li .mainWrap .container .txtWrap {
  margin-left: 5.83333rem;
}
.m-groupScheduleList > li .mainWrap .container .txtWrap p {
  font-size: 1.08333rem;
  color: #888;
  line-height: 1;
}
.m-groupScheduleList > li .mainWrap .container .txtWrap .coachInfo .coach {
  margin-left: 2.91667rem;
}
.m-groupScheduleList > li .mainWrap .container .txtWrap .coachInfo .coach p {
  line-height: 1.25rem;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo {
  margin-top: 0.5rem;
  margin-right: 5rem;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p {
  line-height: 1.66667rem;
  vertical-align: middle;
  font-size: 0;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p.narrow {
  line-height: 1.33333rem;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .icn,
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .txt {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .txt {
  display: inline;
}
.m-groupScheduleList > li .mainWrap .container .scheduleInfo > p .iconfont {
  font-size: 1rem;
}
.m-groupScheduleList > li .mainWrap .btnWrap {
  position: absolute;
  bottom: 0;
  right: 0;
}
.m-groupScheduleList > li > .select {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  top: 3rem;
  right: 1.25rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.m-groupScheduleList > li > .select.z-active {
  border: none;
  background: url('../assets/icon_selected.png') no-repeat;
  background-size: 100% 100%;
}
.m-groupScheduleList > li.type-2 {
  min-height: initial;
  padding: 0.83333rem 1.25rem 0.66667rem 1.25rem;
}
.m-groupScheduleList > li.type-2 > .icn {
  left: 3.16667rem;
}
.m-groupScheduleList > li.type-2 .sideWrap {
  width: 4.75rem;
}
.m-groupScheduleList > li.type-2 .mainWrap {
  margin-left: 6.41667rem;
}
.m-groupScheduleList > li.z-disabled {
  background-color: #EFEFEF;
}
.m-groupScheduleList > li.z-disabled div,
.m-groupScheduleList > li.z-disabled p,
.m-groupScheduleList > li.z-disabled span {
  color: #bbb !important;
}
.m-groupScheduleList > li.z-disabled .select {
  display: none;
}
.m-batchPrivateScheduleList > li {
  margin: 1.08333rem 0;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1.25rem 1.25rem 0.83333rem 1.25rem;
}
.m-batchPrivateScheduleList > li > .flag {
  position: absolute;
  top: 0;
  right: 2.5rem;
}
.m-batchPrivateScheduleList > li > .icn {
  position: absolute;
  top: -1.08333rem;
  left: 2.66667rem;
}
.m-batchPrivateScheduleList > li .info {
  padding-top: 0.83333rem;
  line-height: 1.66667rem;
  vertical-align: middle;
  color: #bbb;
  font-size: 0;
}
.m-batchPrivateScheduleList > li .info .icn {
  margin-right: 0.83333rem;
  vertical-align: middle;
}
.m-batchPrivateScheduleList > li .info .txt {
  display: inline;
  vertical-align: middle;
  font-size: 1.08333rem;
}
.m-batchPrivateScheduleList > li .info .link {
  font-size: 1.08333rem;
}
.m-batchPrivateScheduleList > li .mainWrap {
  padding-bottom: 0.83333rem;
}
.m-batchPrivateScheduleList > li .mainWrap .mainInfo {
  font-size: 1.5rem;
  color: #FF3A52;
}
.m-batchPrivateScheduleList > li .tipWrap {
  padding-top: 0.83333rem;
}
.m-batchPrivateScheduleList > li .tipWrap .info {
  padding-top: 0;
}
.m-batchPrivateScheduleList > li > .select {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
}
.m-batchPrivateScheduleList > li.z-disabled {
  background-color: #EFEFEF;
}
.m-batchPrivateScheduleList > li.z-disabled div,
.m-batchPrivateScheduleList > li.z-disabled p,
.m-batchPrivateScheduleList > li.z-disabled span {
  color: #bbb !important;
}
.m-batchPrivateScheduleList > li.z-disabled .select {
  display: none;
}
.m-photosList .photosGroup {
  padding-bottom: 0.33333rem;
}
.m-photosList .photosGroup .photoWrap {
  width: 36.6%;
  height: 21.33333rem;
}
.m-photosList .photosGroup .photoWrap .imgWrap {
  position: relative;
  overflow: hidden;
  height: 10.5rem;
  margin-bottom: 0.33333rem;
  background-color: #e3e3e3;
}
.m-photosList .photosGroup .photoWrap .imgWrap img {
  width: 100%;
  height: 100%;
}
.m-photosList .photosGroup .photoWrap.photoWrap-large {
  width: 62.4%;
}
.m-photosList .photosGroup .photoWrap.photoWrap-large .imgWrap {
  height: 21.33333rem;
}
.m-privateScheduleList {
  position: relative;
  background-color: #fff;
  margin-bottom: 2rem;
}
.m-privateScheduleList > header {
  height: 3.5rem;
  line-height: 3.5rem;
  color: #7f7f7f;
  font-size: 1.16667rem;
  text-align: center;
}
.m-privateScheduleList .schedules > li {
  padding: 1.25rem;
}
.m-privateScheduleList .schedules > li > header .sideWrap .imgWrap {
  width: 5.83333rem;
  height: 5.83333rem;
}
.m-privateScheduleList .schedules > li > header .sideWrap .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-privateScheduleList .schedules > li > header .mainWrap {
  position: relative;
  min-height: 5.83333rem;
  margin-left: 7.08333rem;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header {
  height: 1.66667rem;
  line-height: 1.66667rem;
  margin-bottom: 0.83333rem;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap {
  width: 100%;
  padding-right: 7rem;
  box-sizing: border-box;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap > .title {
  font-size: 1.5rem;
  color: #333;
  font-weight: normal;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap > .title .titleTxt {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .titleWrap > .title .titleTxt.limit {
  width: 60%;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .link {
  font-size: 1.16667rem;
  color: #888;
  position: relative;
  margin-right: 1rem;
  margin-left: -7rem;
}
.m-privateScheduleList .schedules > li > header .mainWrap .header .link .icn {
  position: absolute;
  right: -1.16667rem;
  top: 50%;
  margin-top: -0.54167rem;
}
.m-privateScheduleList .schedules > li > header .mainWrap .infoWrap .icon {
  margin-right: 0.41667rem;
  vertical-align: middle;
}
.m-privateScheduleList .schedules > li > header .mainWrap .infoWrap .txt {
  line-height: 1.66667rem;
  font-size: 1.16667rem;
  color: #7f7f7f;
  vertical-align: middle;
}
.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap {
  width: 6.66667rem;
  height: 2.66667rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  border: solid 1px #FF3A52;
  border-radius: 3px;
  background-color: #fff;
  color: #FF3A52;
  line-height: 2.66667rem;
  font-size: 1.33333rem;
  position: relative;
}
.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn:after {
  position: absolute;
  content: "";
  width: 1.16667rem;
  height: 0.75rem;
  background-image: url('https://img.qingchengfit.cn/5f8710aeb65ea6c82afff257081d0b55.png');
  background-size: 100%;
  right: 1rem;
  top: 1rem;
}
.m-privateScheduleList .schedules > li > header .mainWrap .btnWrap .btn.z-expansion:after {
  transform: rotate(180deg);
  top: 0.91667rem;
}
.m-privateScheduleList .schedules > li > section {
  margin-top: 1.25rem;
  overflow: hidden;
}
.m-privateScheduleList .schedules > li > section .timetables {
  padding: 1.25rem 0;
  margin: -0.5rem -1.5%;
  font-size: 0;
}
.m-privateScheduleList .schedules > li > section .timetables > li {
  position: relative;
  margin: 0.5rem 1.5%;
  display: inline-block;
  box-sizing: border-box;
  width: 22%;
  height: 4.16667rem;
  line-height: 4.16667rem;
  font-size: 1.25rem;
  border-radius: 3px;
  text-align: center;
  border: solid 1px #FF3A52;
  background-color: #fff;
  color: #FF3A52;
}
.m-privateScheduleList .schedules > li > section .timetables > li .badge {
  position: absolute;
  left: -0.08333rem;
  top: -0.08333rem;
}
.m-privateScheduleList .schedules > li > section .timetables > li .mark {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.5rem;
  right: 0.5rem;
}
.m-privateScheduleList .schedules > li > section .timetables > li.timetable-closed {
  border-color: #ddd;
  color: #333;
}
.m-privateScheduleList .schedules > li > section .timetables > li.timetable-closed.z-active {
  background-color: #888;
  border-color: #888;
  color: #fff;
}
.m-privateScheduleList .schedules > li > section .timetables > li.z-disabled {
  background-color: #F2F2F2;
  border: solid 1px #F2F2F2;
  color: #D6D6D6;
}
.m-privateScheduleList .schedules > li > section .timetables > li.z-active {
  background-color: #FF3A52;
  color: #fff;
}
.m-privateScheduleList .schedules > li > section .timetables > li.tip {
  position: relative;
  width: 97%;
  line-height: 3rem;
  height: 3rem;
  padding: 0 0.83333rem;
  background-color: rgba(0, 191, 191, 0.04);
  text-align: left;
  font-size: 1.08333rem;
  color: #333;
}
.m-privateScheduleList .schedules > li > section .timetables > li.tip .arrow {
  display: inline-block;
  position: absolute;
  top: -0.41667rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #F5FDFD;
  border: 1px solid #FF3A52;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
}
.m-privateScheduleList .schedules > li > section .timetables > li.tip.tip-disabled {
  border: none;
  background-color: #eee;
}
.m-privateScheduleList .schedules > li > section .timetables > li.tip.tip-disabled .arrow {
  background-color: #eee;
  border: none;
}
.m-privateScheduleList .schedules > li > section > .txtWrap {
  margin-top: 1.66667rem;
  text-align: center;
}
.m-privateScheduleList .schedules > li > section > .txtWrap > p {
  font-size: 1.08333rem;
  color: #888;
}
.m-privateScheduleList .schedules > li > section .btnWrap {
  margin: 0 -1.5%;
  font-size: 1.5rem;
}
.m-privateScheduleList .schedules > li > section .btnWrap .half {
  width: 47%;
  margin: 0 1.5%;
  text-align: center;
}
.m-privateScheduleList .schedules > li > section .btnWrap .btn {
  height: 3.5rem;
  line-height: 3.5rem;
}
.m-privateScheduleList:before {
  position: absolute;
  content: '';
  width: 1.91667rem;
  height: 1rem;
  top: -0.875rem;
  left: 50%;
  margin-left: -0.95833rem;
  background-image: url('https://img.qingchengfit.cn/4cdfa4ad11c7dab75fae702dd08b7777.png');
  background-size: 100%;
  z-index: 2;
}
.m-slide {
  position: relative;
  height: 23.33333rem;
  overflow: hidden;
}
.m-slide .slideItem {
  width: 100%;
  height: 23.33333rem;
  overflow: hidden;
  display: block !important;
}
.m-slide .slideItem img {
  width: 100%;
}
.m-slide .slideItem.slideItem-cover img {
  height: 100%;
}
.m-slide .outLink {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  right: 1.25rem;
  bottom: 1.25rem;
  width: 4.16667rem;
  height: 4.16667rem;
  padding: 0.66667rem;
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
}
.m-teacherInfo {
  padding: 1.25rem;
}
.m-teacherInfo .m-impressions {
  margin-top: 0.83333rem;
  padding-bottom: 0;
}
.m-teacherInfo .m-impressions .impressionList {
  padding: 0;
}
.m-teacherInfo .m-impressions .impressionList .impressionItem {
  margin: 0 1.25rem 0.83333rem 0;
}
.m-simpleUserInfo .imgWrap {
  width: 2.08333rem;
  height: 2.08333rem;
  border-radius: 50%;
  overflow: hidden;
}
.m-simpleUserInfo .imgWrap img {
  width: 100%;
  height: 100%;
}
.m-simpleUserInfo .infoWrap {
  padding-left: 0.83333rem;
  vertical-align: top;
}
.m-simpleUserInfo .infoWrap .name {
  font-size: 1.08333rem;
  color: #bbb;
}
.m-simpleUserInfo .infoWrap .scoreWrap {
  padding-top: 0.16667rem;
  font-size: 0;
  line-height: 0;
}
.m-simpleUserInfo .infoWrap .scoreWrap .m-stars {
  display: inline-block;
}
.m-simpleUserInfo .infoWrap .scoreWrap .score {
  padding-left: 0.41667rem;
  font-size: 1.08333rem;
}
.m-teacherStar {
  display: inline-block;
}
.m-teacherStar .avatarWrap {
  display: inline-block;
  vertical-align: middle;
  width: 2.08333rem;
  height: 2.08333rem;
  border: 1px solid #eee;
  border-radius: 20px;
  overflow: hidden;
}
.m-teacherStar .avatarWrap img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.m-teacherStar .star {
  display: inline-block;
  margin-left: 0.66667rem;
  vertical-align: middle;
  font-size: 1.08333rem;
  color: #666;
}
.m-teacherStar .sub .star {
  margin-left: 0;
}
.m-loginBtn {
  text-align: center;
}
.m-loginBtn h5 {
  color: #333;
  font-size: 1.41667rem;
  line-height: 2rem;
  margin-bottom: 0.66667rem;
}
.m-loginBtn .p {
  color: #888;
  font-size: 1.08333rem;
  line-height: 1.66667rem;
  margin-bottom: 1.66667rem;
}
.m-loginBtn .leftBtn,
.m-loginBtn .rightBtn {
  width: calc(165 / 345 * 100%);
  border-radius: 5px;
  font-size: 1.5rem;
  line-height: 3.5rem;
}
.m-loginBtn .leftBtn {
  float: left;
}
.m-loginBtn .rightBtn {
  float: right;
}
.m-dropdown {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  max-height: 22rem;
  overflow-y: auto;
}
.m-dropdown > .item {
  padding: 0 1.25rem;
  text-align: right;
  background-color: #fff;
}
.m-dropdown > .item > .inner {
  line-height: 4rem;
  height: 4rem;
  color: #7f7f7f;
  font-size: 1.25rem;
}
.m-dropdown > .item.z-active {
  background-color: #F2F2F2;
}
.m-txt {
  margin: 0.83333rem 1.16667rem 0;
  font-size: 1.08333rem;
  line-height: 1.16667rem;
  color: #bbb;
  text-align: left;
}
.m-txt.m-txt-main {
  color: #FF3A52;
}
.m-txt.middle {
  font-size: 1.25rem;
}
.m-txt.text-right {
  text-align: right;
}
.m-txt.text-center {
  text-align: center;
  margin: 0;
}
.m-txt .txt {
  padding-left: 1.66667rem;
}
.m-txt.horiLine {
  margin-bottom: 0.83333rem;
  text-align: center;
  color: #bbb;
  line-height: 1.66667rem;
}
.m-txt.horiLine:before {
  display: inline-block;
  content: '';
  width: 1.66667rem;
  height: 0.08333rem;
  margin-right: 0.83333rem;
  background-color: #bbb;
  vertical-align: middle;
}
.m-txt.horiLine:after {
  display: inline-block;
  content: '';
  width: 1.66667rem;
  height: 0.08333rem;
  margin-left: 0.83333rem;
  background-color: #bbb;
  vertical-align: middle;
}
.m-txt .listMark {
  display: inline-block;
  height: 0.33333rem;
  width: 0.33333rem;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #bbb;
  margin-right: 0.33333rem;
}
.m-txt .tipVar {
  color: #ffaa04;
}
.m-dateRangeSelector {
  position: relative;
  height: 3.83333rem;
  line-height: 3.83333rem;
  font-size: 0;
  background-color: #fff;
}
.m-dateRangeSelector .ctnWrap {
  width: 100%;
  height: 3.83333rem;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}
.m-dateRangeSelector .ctnWrap .ctn {
  display: inline-block;
  line-height: 1.16667rem;
  text-align: center;
  font-size: 1rem;
  color: #bbb;
  vertical-align: middle;
}
.m-dateRangeSelector .ctnWrap .ctn .dot {
  color: #FF3A52;
}
.m-dateRangeSelector .prev,
.m-dateRangeSelector .next {
  position: absolute;
  color: #FF3A52;
  font-size: 1.16667rem;
}
.m-dateRangeSelector .prev .icon,
.m-dateRangeSelector .next .icon {
  vertical-align: middle;
  margin-top: -0.16667rem;
  border-color: #FF3A52;
}
.m-dateRangeSelector .prev {
  position: absolute;
  padding-left: 1.33333rem;
  left: 0;
  top: 0;
  text-align: left;
}
.m-dateRangeSelector .prev .icon {
  margin-right: 0.41667rem;
}
.m-dateRangeSelector .next {
  position: absolute;
  padding-right: 1.33333rem;
  right: 0;
  top: 0;
  text-align: right;
}
.m-dateRangeSelector .next .icon {
  margin-left: 0.41667rem;
}
.m-buttonList {
  padding: 0.66667rem 1.16667rem;
  font-size: 0;
  box-sizing: border-box;
  height: 100%;
  margin: 0 -0.41667rem;
}
.m-buttonList > .item {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.41667rem;
}
.m-buttonList > .item .u-btn {
  font-size: 1.5rem;
  height: 100%;
}
.m-buttonList > .item.item-3 {
  width: 33.333333%;
}
.m-buttonList > .item.item-3 .btn {
  width: 100%;
  min-width: 100px;
}
.m-buttonList > .item.item-3 .u-btn {
  font-size: 1.25rem;
}
.m-buttonList > .item.item-2 {
  width: 50%;
}
.m-photoList-normal,
.m-schedulePhotos {
  font-size: 0;
}
.m-photoList-normal .imgWrap,
.m-schedulePhotos .imgWrap {
  position: relative;
  display: inline-block;
  width: 33%;
  height: 0;
  padding-bottom: 33%;
  background-color: #aaa;
  overflow: hidden;
  vertical-align: middle;
  margin-bottom: 0.5%;
}
.m-photoList-normal .imgWrap .img,
.m-schedulePhotos .imgWrap .img {
  width: 100%;
}
.m-photoList-normal .imgWrap .icnWrap,
.m-schedulePhotos .imgWrap .icnWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.m-photoList-normal .imgWrap .icnWrap .icn,
.m-schedulePhotos .imgWrap .icnWrap .icn {
  display: block;
  width: 35%;
  height: 35%;
  margin: 27% auto 12.5%;
}
.m-photoList-normal .imgWrap .icnWrap .txt,
.m-schedulePhotos .imgWrap .icnWrap .txt {
  font-size: 1.08333rem;
  color: #7f7f7f;
  line-height: 1.33333rem;
  text-align: center;
}
.m-photoList-normal .imgWrap:nth-child(3n-1),
.m-schedulePhotos .imgWrap:nth-child(3n-1) {
  margin: 0 0.5% 0.5%;
}
.m-photoList-normal .imgWrap.gray,
.m-schedulePhotos .imgWrap.gray {
  background-color: #eee;
}
.m-ordersList > .item {
  padding: 1.25rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 0.83333rem;
}
.m-ordersList > .item .imgWrap {
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 100%;
  overflow: hidden;
}
.m-ordersList > .item .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-ordersList > .item .ctnWrap {
  margin: 0 7.5rem;
  min-height: 6.66667rem;
  box-sizing: border-box;
  padding-top: 0.41667rem;
}
.m-ordersList > .item .ctnWrap .header {
  font-size: 0;
  line-height: 1.5rem;
  margin-bottom: 0.83333rem;
}
.m-ordersList > .item .ctnWrap .header i {
  vertical-align: middle;
  display: inline-block;
}
.m-ordersList > .item .ctnWrap .header .main {
  font-size: 1.5rem;
  color: #333;
  margin-right: 0.33333rem;
}
.m-ordersList > .item .ctnWrap .header .sub {
  font-size: 1.08333rem;
  color: #bbb;
}
.m-ordersList > .item .ctnWrap .header .icn {
  margin-right: 0.66667rem;
}
.m-ordersList > .item .ctnWrap .container {
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.5;
}
.m-ordersList > .item .ctnWrap .container.container-wide {
  margin-right: -7.5rem;
}
.m-ordersList > .item .btnWrap {
  position: absolute;
  width: 6.66667rem;
  height: 2.66667rem;
  bottom: 1.25rem;
  right: 1.25rem;
}
.m-ordersList > .item .txtWrap {
  position: absolute;
  right: 1.25rem;
  bottom: 1.66667rem;
  width: 5.83333rem;
  text-align: center;
}
.m-ordersList > .item .txtWrap > span {
  text-align: center;
  font-size: 1.16667rem;
  color: #999;
  line-height: 1.33333rem;
}
.m-ordersList > .item .tagWrap {
  position: absolute;
  top: 0;
  right: 1.25rem;
  padding: 0 0.83333rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0 0 8px 8px;
  background-color: rgba(255, 58, 82, 0.1);
  color: #FF3A52;
  font-size: 1.25rem;
  text-align: center;
}
.m-ordersList > .item .tagWrap.completed {
  background-color: #eee;
}
.m-ordersList > .item .tagWrap.canceled {
  background-color: #eee;
  color: #bbb;
}
.m-ordersList > .item .tagWrap.disabled {
  background-color: #f4f4f4;
  color: #bbb;
}
.m-ordersList > .item .tagWrap.warning {
  background-color: #FFF4E5;
  color: #ffaa04;
}
.m-photos {
  margin-top: 1.25rem;
}
.m-photos .tips {
  padding: 0 1.25rem;
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.33333rem;
}
.m-schedulePhotosList {
  padding: 0 0.41667rem;
  box-sizing: border-box;
  font-size: 0;
}
.m-schedulePhotosList.clean {
  margin: -0.83333rem 0;
}
.m-schedulePhotosList .item {
  display: inline-block;
  width: 33.33333%;
  box-sizing: border-box;
  margin: 0.83333rem 0;
  padding: 0 0.41667rem;
  vertical-align: middle;
}
.m-schedulePhotosList .item .imgWrap {
  height: 0;
  padding-bottom: 100%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  width: 100%;
  border: none;
}
.m-schedulePhotosList .item .imgWrap > img {
  width: 100%;
}
.m-schedulePhotosList .item .imgWrap .u-btn {
  width: 3.33333rem;
  height: 1.66667rem;
  position: absolute;
  right: 0.66667rem;
  bottom: 0.66667rem;
}
.m-schedulePhotosList .item .imgWrap .u-icn-remove {
  position: absolute;
  right: 0;
  top: 0;
}
.m-schedulePhotosList .item .imgWrap.imgWrap-add {
  margin: 0;
}
.m-schedulePhotosList .item .txtWrap {
  background-color: #fff;
  padding: 0.41667rem 0.83333rem;
  text-align: right;
  font-size: 1rem;
  color: #bbb;
  line-height: 1.25rem;
}
.m-uploadPhoto > .imgWrap,
.m-uploadPhoto .imgWrap-add {
  display: block;
  margin: 1.66667rem auto;
  width: 11.66667rem;
  height: 11.66667rem;
  box-sizing: border-box;
  border: solid 1px #eee;
  position: relative;
  overflow: hidden;
}
.m-uploadPhoto > .imgWrap > img,
.m-uploadPhoto .imgWrap-add > img {
  width: 100%;
  height: 100%;
}
.m-uploadPhoto > .imgWrap .input,
.m-uploadPhoto .imgWrap-add .input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  font-size: 25rem;
}
.m-uploadPhoto > .imgWrap .empty,
.m-uploadPhoto .imgWrap-add .empty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
}
.m-uploadPhoto > .imgWrap .empty.transparent,
.m-uploadPhoto .imgWrap-add .empty.transparent {
  background-color: transparent;
}
.m-uploadPhoto > .imgWrap .empty.grey,
.m-uploadPhoto .imgWrap-add .empty.grey {
  background-color: rgba(0, 0, 0, 0.3);
}
.m-uploadPhoto > .imgWrap .empty.grey > p,
.m-uploadPhoto .imgWrap-add .empty.grey > p {
  color: #fff;
}
.m-uploadPhoto > .imgWrap .empty .icn,
.m-uploadPhoto .imgWrap-add .empty .icn {
  display: block;
  width: 35%;
  height: 35%;
  margin: 27% auto 12.5%;
}
.m-uploadPhoto > .imgWrap .empty > p,
.m-uploadPhoto .imgWrap-add .empty > p {
  font-size: 1rem;
  color: #bbb;
  text-align: center;
  line-height: 1.25;
}
.m-uploadPhoto .tip {
  color: #bbb;
  font-size: 1.08333rem;
  margin: 0.83333rem 1.25rem;
}
.m-selectLimits {
  background-color: #fff;
}
.m-selectLimits > .item {
  margin: 0 1.25rem;
  line-height: 4.16667rem;
}
.m-selectLimits > .item.tab {
  margin: 0 0 0 1.66667rem;
}
.m-grade {
  padding: 1.5rem 1.25rem 1.66667rem;
  background-color: #fff;
}
.m-grade .item {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  color: #333;
  line-height: 2.08333rem;
}
.m-grade .item .left {
  float: left;
  width: 40%;
}
.m-grade .item .right {
  float: right;
  width: 60%;
}
.m-grade .item:last-child {
  margin-bottom: 0;
}
.m-commentLabel {
  padding: 1.25rem;
}
.m-commentLabel .p {
  padding-bottom: 1.25rem;
  font-size: 1.25rem;
  color: #333;
}
.m-commentLabel .labels .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.5rem 0.83333rem;
  margin: 0 1.25rem 1.25rem 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-commentLabel .labels .label.z-active {
  border: 1px solid #ffaa04;
  color: #ffaa04;
}
.m-commentLabel .textarea {
  padding: 0.75rem 0.83333rem;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 5.83333rem;
  font-size: 1.08333rem;
}
.m-errInfoList .errItem {
  position: relative;
  background-color: #f4f4f4;
}
.m-errInfoList .errItem .infoSideWrap,
.m-errInfoList .errItem .infoMainWrap {
  box-sizing: border-box;
}
.m-errInfoList .errItem .infoSideWrap {
  position: absolute;
  width: 12%;
  left: 0;
  top: 0;
  bottom: 0;
}
.m-errInfoList .errItem .infoSideWrap .number {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 1em;
  font-size: 1.5rem;
  margin-top: -0.75rem;
  width: 100%;
  text-align: center;
  color: #ccc;
}
.m-errInfoList .errItem .infoMainWrap {
  width: 88%;
  float: right;
  background-color: #fff;
  padding: 0.66667rem;
}
.m-errInfoList .errItem .infoMainWrap .info,
.m-errInfoList .errItem .infoMainWrap .err {
  padding-bottom: 0.16667rem;
  font-size: 1.08333rem;
  line-height: 1.33333rem;
}
.m-errInfoList .errItem .infoMainWrap .info {
  color: #333;
}
.m-errInfoList .errItem .infoMainWrap .info.info-light {
  color: #bbb;
}
.m-errInfoList .errItem .infoMainWrap .err {
  font-size: 1rem;
}
.m-alert .alert-ctnWrap .ctn {
  padding: 0 0.5rem;
  white-space: pre-wrap;
}
.m-alert .alert-ctnWrap .ctn a,
.m-alert .alert-ctnWrap .ctn a:hover,
.m-alert .alert-ctnWrap .ctn a:active {
  color: #FF3A52;
}
.m-teacherList {
  padding: 0 1.25rem;
  margin: 0 -1.25rem;
}
.m-teacherList > li {
  display: inline-block;
  margin-bottom: 1.66667rem;
  width: 25%;
  font-size: 0;
}
.m-teacherList > li .inner {
  width: 5rem;
  margin: 0 auto;
  position: relative;
}
.m-teacherList > li .inner .imgWrap {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  margin-bottom: 0.41667rem;
  border: solid 2px #ddd;
  overflow: hidden;
  box-sizing: border-box;
}
.m-teacherList > li .inner .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-teacherList > li .inner .txtWrap {
  font-size: 1.25rem;
  color: #333;
  text-align: center;
  margin: 0 -0.83333rem 0.58333rem;
}
.m-teacherList > li .inner .m-stars {
  display: block;
  margin: 0 auto;
  width: 50px;
}
.m-teacherList > li .inner .m-stars .item {
  width: 9px;
  height: 8px;
  margin: 0 0.5px;
}
.m-teacherList > li .inner .m-stars .item.sub .mask .star {
  width: 9px;
  height: 8px;
}
.m-teacherList > li.z-active .inner .imgWrap {
  border: solid 2px #FF3A52;
}
.m-teacherList > li.z-active .inner:before {
  content: '';
  position: absolute;
  top: 3.66667rem;
  right: 0;
  width: 1.33333rem;
  height: 1.33333rem;
  background: url('../assets/icon_checked.png') #fff;
  border-radius: 100%;
  background-size: 100% 100%;
}
.m-buttonWrap {
  text-align: center;
  margin-bottom: 1.5rem;
}
.m-payTypeSelect {
  height: 29.16667rem;
  background-color: #fff;
  overflow: auto;
}
.m-payTypeSelect .title {
  position: absolute;
  width: 100%;
  background-color: white;
  line-height: 4rem;
  font-size: 1.33333rem;
  color: #FF3A52;
  text-align: center;
  border-bottom: 2px solid #FF3A52;
  z-index: 100;
}
.m-payTypeSelect .title .icon {
  position: absolute;
  top: 0rem;
  left: 1rem;
  font-size: 1.5rem;
  color: #aaa;
}
.m-payTypeSelect .content {
  margin: 4rem 0 0 1.33333rem;
}
.m-payTypeSelect .content.noTitle {
  margin-top: 0;
}
.m-payTypeSelect .content .subTitle {
  font-size: 1rem;
  color: #999;
  padding-top: 1.25rem;
}
.m-payTypeSelect .content .list > li {
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  padding-right: 1.66667rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-payTypeSelect .content .list > li.z-disabled .icon-left {
  opacity: 0.5;
}
.m-payTypeSelect .content .list > li .p,
.m-payTypeSelect .content .list > li .mainCtn {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0 1.25rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
}
.m-payTypeSelect .content .list > li .p .cardInfoWrap,
.m-payTypeSelect .content .list > li .mainCtn .cardInfoWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-payTypeSelect .content .list > li .p .priceInfoWrap,
.m-payTypeSelect .content .list > li .mainCtn .priceInfoWrap {
  height: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: right;
}
.m-payTypeSelect .content .list > li .p .trialInfoWrap,
.m-payTypeSelect .content .list > li .mainCtn .trialInfoWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-payTypeSelect .content .list > li .p .trialInfoWrap .trialPrice,
.m-payTypeSelect .content .list > li .mainCtn .trialInfoWrap .trialPrice {
  font-size: 1.08333rem;
  color: #ff5555;
}
.m-payTypeSelect .content .list > li .p .trialInfoWrap .originPrice,
.m-payTypeSelect .content .list > li .mainCtn .trialInfoWrap .originPrice {
  margin-top: -0.33333rem;
  margin-left: 0.33333rem;
  font-size: 1rem;
  color: #999;
  transform: scale(0.83);
  text-decoration: line-through;
}
.m-payTypeSelect .content .list > li .p .name,
.m-payTypeSelect .content .list > li .mainCtn .name {
  font-size: 1.08333rem;
  color: #333;
}
.m-payTypeSelect .content .list > li .p .warn,
.m-payTypeSelect .content .list > li .mainCtn .warn {
  font-size: 1rem;
  color: #e22714;
}
.m-payTypeSelect .content .list > li .p > span,
.m-payTypeSelect .content .list > li .mainCtn > span,
.m-payTypeSelect .content .list > li .p .subInfo,
.m-payTypeSelect .content .list > li .mainCtn .subInfo {
  font-size: 1rem;
  color: #999;
}
.m-payTypeSelect .content .list > li .p .tag,
.m-payTypeSelect .content .list > li .mainCtn .tag {
  display: inline-block;
  margin-left: 0.41667rem;
  padding: 0 0.5rem;
  background-color: #e96060;
  font-size: 1.08333rem;
  color: #fff;
  line-height: 1.33333rem;
  border-radius: 10px;
}
.m-payTypeSelect .content .list > li .p.z-disabled,
.m-payTypeSelect .content .list > li .mainCtn.z-disabled {
  color: #bbb;
}
.m-payTypeSelect .content .list > li .icon-left {
  width: 2rem;
  height: 2rem;
}
.m-payTypeSelect .content .list > li .iconWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 2rem;
  height: 2rem;
}
.m-payTypeSelect .content .list > li .iconWrap .grayIcon {
  color: #999;
  border-color: #999;
}
.m-payTypeSelect .content .list > li .icon-right.warn {
  font-size: 1.16667rem;
  margin-top: -0.58333rem;
  color: #F9944E;
}
.m-imgHeader {
  margin: 2.5rem 0 2.08333rem;
}
.m-imgHeader .imgWrap {
  width: 8.33333rem;
  height: 8.33333rem;
  margin: 0 auto;
  border: solid 4px #fff;
  border-radius: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.m-imgHeader .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-imgHeader .txtWrap {
  margin-top: 0.83333rem;
}
.m-imgHeader .txtWrap > p {
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  line-height: 2.08333rem;
}
.m-checkinRecords .title {
  padding-left: 1.25rem;
  font-size: 1.08333rem;
  color: #7f7f7f;
  line-height: 1.33333rem;
  margin-bottom: 1.08333rem;
  margin-top: 1.25rem;
}
.m-checkinRecords .title.center {
  padding-left: 0;
  text-align: center;
}
.m-checkinRecords .recordList > li {
  padding: 1.25rem;
  background-color: #fff;
  position: relative;
  margin-bottom: 0.83333rem;
  overflow: hidden;
}
.m-checkinRecords .recordList > li > .header {
  color: #333;
  font-size: 1.5rem;
  margin-bottom: 1.83333rem;
}
.m-checkinRecords .recordList > li > .body {
  position: relative;
}
.m-checkinRecords .recordList > li > .body > .ctnWrap {
  font-size: 1.08333rem;
  color: #999;
  line-height: 1.66667rem;
  margin-right: 11.66667rem;
}
.m-checkinRecords .recordList > li > .body > .ctnWrap.ctnWrap-large {
  font-size: 1.25rem;
  color: #bbb;
  line-height: 2.08333rem;
  margin-right: 0;
}
.m-checkinRecords .recordList > li > .body > .btnWrap {
  font-size: 1.5rem;
  margin-top: 1.25rem;
}
.m-checkinRecords .recordList > li > .body > .btnWrap.btnWrap-fix {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11.66667rem;
}
.m-checkinRecords .recordList > li > .footer {
  padding-top: 0.83333rem;
  margin-bottom: -0.41667rem;
  margin-top: 1.25rem;
}
.m-checkinRecords .recordList > li .tips {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffaa04;
  color: #fff;
  line-height: 1.66667rem;
  padding: 0 0.83333rem 0 0.41667rem;
  text-align: center;
  font-size: 1.16667rem;
  box-sizing: border-box;
}
.m-checkinRecords .recordList > li .tips:before {
  content: '';
  position: absolute;
  left: -10PX;
  top: 0;
  width: 0;
  border-top: solid 1.66667rem #ffaa04;
  border-left: solid 10PX transparent;
}
.m-checkinRecords .recordList > li .simpleTip {
  padding-top: 1rem;
  line-height: 1.66667rem;
  font-size: 1.25rem;
  color: #FF3A52;
  text-align: center;
}
.m-banner {
  padding: 1.66667rem 1.25rem;
  background-color: #fff;
  text-align: center;
}
.m-banner .icn {
  display: inline-block;
  margin-bottom: 1.25rem;
  font-size: 5rem;
}
.m-banner .title {
  color: #333;
  font-size: 1.41667rem;
  font-weight: normal;
  margin-bottom: 0.41667rem;
}
.m-banner .title.title-sub {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
}
.m-banner > p {
  font-size: 1.08333rem;
  color: #7f7f7f;
}
.m-banner2 {
  position: relative;
  padding-top: 56%;
  height: 0;
}
.m-banner2 .m-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.m-banner2 .m-slide .slideItem {
  height: 100%;
}
.m-banner2 .m-notice {
  position: absolute;
  top: 1.66667rem;
  right: 0;
}
.m-txtWrap {
  padding: 1.25rem;
  background-color: #fff;
}
.m-txtWrap .line {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.83333rem;
  line-height: 1.66667rem;
  font-size: 1.25rem;
  color: #7f7f7f;
}
.m-txtWrap .line .title {
  display: inline-block;
  color: #333;
  width: 6.66667rem;
  margin-right: 0.83333rem;
}
.m-txtWrap .line .ctn {
  -ms-flex: 1;
      flex: 1;
  display: inline-block;
}
.m-appDownload {
  position: relative;
  background-color: #f4f4f4;
  padding: 1.25rem;
}
.m-appDownload .icn {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  margin-top: -2rem;
}
.m-appDownload .ctn {
  margin-left: 5rem;
  margin-right: 6.66667rem;
  line-height: 1.83333rem;
}
.m-appDownload .ctn .main {
  font-size: 1.5rem;
  color: #7f7f7f;
}
.m-appDownload .ctn .sub {
  font-size: 1.16667rem;
  color: #9a9f9c;
}
.m-appDownload .btn {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  padding: 0 0.66667rem;
  margin-top: -1.33333rem;
  background-color: #0DB14B;
  line-height: 2.66667rem;
  font-size: 1.16667rem;
  color: #fff;
  border-radius: 2px;
  box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.12);
}
.m-metro {
  margin-right: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 0;
  font-size: 0;
}
.m-metro > .item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  height: 0;
  padding-top: 27.7%;
}
.m-metro > .item.item-1 {
  width: 100%;
}
.m-metro > .item.item-2 {
  width: 50%;
}
.m-metro > .item.item-3 {
  width: 33.33%;
}
.m-metro > .item.item-4 {
  width: 66.67%;
}
.m-metro > .item > a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0.25rem 0 0 0.25rem;
  display: block;
  text-align: center;
  overflow: hidden;
}
.m-metro > .item > a .imgWrap {
  position: absolute;
  overflow: hidden;
  height: 4.16667rem;
  width: 4.16667rem;
  left: 50%;
  top: 16%;
  margin-left: -2.08333rem;
  line-height: 4.16667rem;
}
.m-metro > .item > a .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-metro > .item > a .imgWrap .icn {
  color: #fff;
  font-size: 3.33333rem;
  vertical-align: middle;
}
.m-metro > .item > a .title {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  line-height: 2rem;
}
.m-pay-success {
  margin: 7.5rem auto 1.25rem auto;
  text-align: center;
}
.m-pay-success .p {
  margin: 2rem 0 0.83333rem;
  line-height: 2.16667rem;
  font-size: 1.33333rem;
  color: #333;
}
.m-pay-success .describe {
  font-size: 1.16667rem;
  color: #888888;
}
.m-pay-success .btn {
  width: 16.66667rem;
  font-size: 1.5rem;
}
.m-header {
  background-color: #FF3A52;
  height: 3.66667rem;
  line-height: 3.66667rem;
}
.m-header .title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  text-align: center;
}
.m-buyCardWrap {
  background-color: white;
  padding: 1rem 1.25rem;
}
.m-buyCardWrap .m-card {
  margin: 0;
}
.m-cardWrap .bottomInfo {
  padding: 1.66667rem 1.25rem 1rem 1.25rem;
  font-size: 1rem;
  background-color: white;
  margin: -0.83333rem 1.16667rem 1.16667rem 1.16667rem;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0.66667rem;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.m-cardWrap .bottomInfo .priceWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-cardWrap .bottomInfo .priceWrap .price {
  color: #FE3B52;
}
.m-cardWrap .bottomInfo .shops {
  margin-top: 0.83333rem;
}
.m-cardWrap .actionWrap {
  background-color: #fff;
}
.m-cardWrap .actionWrap > a,
.m-cardWrap .actionWrap .actionBtnWrap .actionBtn {
  display: block;
  font-size: 1.16667rem;
  color: #FF3A52;
  text-align: center;
  line-height: 2.5rem;
}
.m-cardWrap .actionWrap .actionBtnWrap {
  display: -ms-flexbox;
  display: flex;
  padding: 0.41667rem 0;
}
.m-cardWrap .actionWrap .actionBtnWrap .actionBtn {
  -ms-flex: 1;
      flex: 1;
  color: #999;
}
.m-cardWrap .actionWrap .actionBtnWrap .actionBtn.z-highlight {
  color: #EB4D57;
}
.m-cardWrap .actionWrap .autoRenewalTip {
  font-size: 1rem;
  color: #999999;
  padding: 0.66667rem 0 0.66667rem 1.5rem;
}
.m-cardWrap .actionWrap .autoRenewalTip .warn {
  color: #FE3B52;
}
.autoRenewal {
  height: 1.33333rem;
  width: 4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: white;
  margin-left: 0.41667rem;
  font-size: 0.83333rem;
  background: linear-gradient(85.81deg, #F1E7CE -70.34%, #E1B477 116.84%);
  border-radius: 2px;
}
.m-cardListWrap {
  padding-bottom: 2.5rem;
}
.m-cardListWrap .tip {
  padding-top: 0.83333rem;
  text-align: center;
  color: #999;
  font-size: 1rem;
}
.m-card {
  position: relative;
  margin: 1.16667rem 1.16667rem 0 1.16667rem;
  padding: 1.33333rem;
  box-sizing: border-box;
  min-height: 13.75rem;
  border-radius: 8px;
  background-size: 100% 100%;
  color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.m-card .ribbon {
  position: absolute;
  overflow: hidden;
  width: 3.75rem;
  height: 3.75rem;
  top: -0.16667rem;
  right: -0.16667rem;
}
.m-card .ribbon .ribbonInner {
  color: #fff;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  font-size: 12PX;
  padding: 3PX 0 1PX 0;
  left: -2PX;
  top: 7PX;
  width: 63PX;
  background-color: #ffaa00;
}
.m-card .ribbon .ribbonInner:before,
.m-card .ribbon .ribbonInner:after {
  content: "";
  border-top: 2PX solid #ffaa00;
  border-left: 2PX solid transparent;
  border-right: 2PX solid transparent;
  position: absolute;
  bottom: -2PX;
}
.m-card .ribbon .ribbonInner:before {
  left: 0;
}
.m-card .ribbon .ribbonInner:after {
  right: 0;
}
.m-card .ribbon .overdue {
  color: #979797;
  background: linear-gradient(90.66deg, #C4C4C4 -0.2%, #F2F2F2 101.58%);
}
.m-card .ribbon .overdue:before,
.m-card .ribbon .overdue:after {
  border-top: 2PX solid #C4C4C4;
}
.m-card .cardsTitleWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-card .cardsTitleWrap .cardMark {
  display: inline-block;
  width: 1.91667rem;
  height: 1.5rem;
  margin-right: 0.41667rem;
  font-size: 1.16667rem;
  line-height: 1.5rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.31);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0.33333rem;
}
.m-card .titleWrap {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
  line-height: 1.66667rem;
  font-size: 1.33333rem;
  -ms-flex: 1;
      flex: 1;
}
.m-card .titleWrap .mainTitleInfo {
  width: 70%;
}
.m-card .titleWrap .subTitleInfo {
  width: 26%;
  text-align: right;
}
.m-card .titleWrap .span {
  font-size: 1rem;
}
.m-card .titleWrap .cardName {
  max-width: 16.66667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-card .userWrap {
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 2.33333rem;
}
.m-card .userWrap .userName {
  font-size: 1.66667rem;
  margin-right: 0.16667rem;
}
.m-card .userWrap span {
  vertical-align: bottom;
}
.m-card .infoWrap {
  padding-top: 1rem;
  font-size: 1rem;
}
.m-card .infoWrap .p {
  line-height: 1.5rem;
}
.m-card .ctnWrap {
  display: -ms-flexbox;
  display: flex;
}
.m-card .ctnWrap .leftWrap,
.m-card .ctnWrap .rightWrap {
  display: inline-block;
  vertical-align: top;
  font-size: 0.91667rem;
}
.m-card .ctnWrap .leftWrap > .title,
.m-card .ctnWrap .rightWrap > .title {
  font-size: 1.08333rem;
  line-height: 1.5rem;
  opacity: 0.4;
  margin-top: 0.41667rem;
}
.m-card .ctnWrap .leftWrap > .ctn,
.m-card .ctnWrap .rightWrap > .ctn {
  font-size: 1.25rem;
  line-height: 2.33333rem;
}
.m-card .ctnWrap .leftWrap > .ctn.ctn-large,
.m-card .ctnWrap .rightWrap > .ctn.ctn-large {
  font-size: 1.66667rem;
}
.m-card .ctnWrap .leftWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-card .bottomWrap {
  margin-top: 1.33333rem;
}
.m-card .bottomWrap .p {
  display: inline-block;
  background-color: rgba(51, 51, 51, 0.4);
  padding: 0 0.83333rem;
  line-height: 1.83333rem;
}
.m-card.m-card-banner {
  position: relative;
}
.m-card.m-card-banner::before {
  content: '';
  position: absolute;
  top: -1.25rem;
  left: -1.25rem;
  right: -1.25rem;
  bottom: 0;
  background-image: linear-gradient(180deg, #232428 60%, #fff 60%);
  z-index: -1;
}
.m-card.m-card-banner::after {
  display: none;
}
.m-card.amountcard {
  background-image: linear-gradient(115deg, #a99f84, #dacebd);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.m-card.amountcard:after {
  content: '';
  position: absolute;
  background-image: url('');
  background-size: cover;
  background-repeat: no-repeat;
  width: 8.33333rem;
  height: 4.16667rem;
  right: 0;
  bottom: 0;
  bottom: -0.41667rem;
}
.m-card.numcard {
  background-image: linear-gradient(115deg, #5a6a8e, #a4b2ce);
}
.m-card.numcard:after {
  content: '';
  position: absolute;
  background-image: url('');
  background-size: cover;
  background-repeat: no-repeat;
  width: 8.33333rem;
  height: 4.16667rem;
  right: 0;
  bottom: 0;
  bottom: -0.41667rem;
}
.m-card.timecard {
  background-image: linear-gradient(115deg, #48484f, #a7a7b5);
}
.m-card.timecard:after {
  content: '';
  position: absolute;
  background-image: url('');
  background-size: cover;
  background-repeat: no-repeat;
  width: 8.33333rem;
  height: 4.16667rem;
  right: 0;
  bottom: 0;
}
.checkerWrap {
  background-color: white;
  padding: 0.08333rem 0;
  margin-top: -1.08333rem;
}
.m-cardOptionsWrap {
  background-color: white;
  margin: 1.16667rem 0;
  padding: 1.25rem 1.16667rem;
}
.m-cardOptionsWrap .m-cardOptions {
  margin: 0;
}
.m-cardOptionsWrap .shopPhone {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
}
.m-cardOptionsWrap .shopPhone .title {
  -ms-flex: 1;
      flex: 1;
}
.m-cardOptions {
  margin: 1.66667rem 1.16667rem;
}
.m-cardOptions .title {
  margin-bottom: 1.5rem;
  font-size: 1.41667rem;
  color: #bbb;
  line-height: 1.33333rem;
}
.m-cardOptions .title > .link {
  padding-left: 0.83333rem;
}
.m-cardOptions .options {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.m-cardOptions .options .option {
  position: relative;
  width: 9rem;
  height: 7.16667rem;
  box-sizing: border-box;
  padding: 1rem 0;
  margin-bottom: 0.83333rem;
  border: 1px solid #eee;
  border-radius: 5px;
  text-align: center;
  font-size: 1rem;
  color: #FF3A52;
}
.m-cardOptions .options .option .charge {
  line-height: 1.16667rem;
  font-size: 0.83333rem;
  color: #666;
  margin-bottom: 0.66667rem;
}
.m-cardOptions .options .option .price {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 0.66667rem;
}
.m-cardOptions .options .option .delete {
  text-decoration: line-through;
  color: #828282;
  font-size: 1.08333rem;
}
.m-cardOptions .options .option .discountPrice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 0.41667rem;
}
.m-cardOptions .options .option .discountPrice .discountMark {
  width: 3rem;
  height: 1.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 0.5px solid #FE3B52;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0.41667rem;
  margin-right: 0.41667rem;
}
.m-cardOptions .options .option .discountPrice .discountMark .font {
  display: inline-block;
  font-size: 0.66667rem;
  color: #FE3B52;
}
.m-cardOptions .options .option .validity {
  font-size: 0.83333rem;
  color: #999;
}
.m-cardOptions .options .option .autoMark {
  background: linear-gradient(86.18deg, #F8DDB9 -47.15%, #E9B369 134.6%);
  color: white;
  font-size: 0.83333rem;
  width: 4rem;
  height: 1.25rem;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0.41667rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: -0.58333rem;
  right: -0.08333rem;
}
.m-cardOptions .options .empty {
  visibility: hidden;
}
.m-cardOptions .selected {
  background: linear-gradient(130.43deg, rgba(248, 221, 185, 0.24) -131.76%, rgba(248, 221, 185, 0) 213.81%) !important;
  border: 2px solid #F8DDB9 !important;
}
.m-cardOptions .selected .discountPrice,
.m-cardOptions .selected .price {
  color: #E9B369 !important;
}
.m-cardOptions .selected .delete {
  color: #828282 !important;
}
.m-cardOptions .tipsWrap {
  font-size: 1rem;
  line-height: 1.41667rem;
}
.m-cardOptions .tipsWrap .tipsWarn {
  color: #FE3B52;
}
.m-panel {
  padding: 1.66667rem 1.25rem;
  background-color: #fff;
  text-align: center;
}
.m-panel .txt {
  color: #7f7f7f;
  margin-bottom: 0.41667rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.m-panel .txt.txt-small {
  font-size: 1rem;
  line-height: 1.16667rem;
}
.m-panel .txt.txt-bottom {
  margin-bottom: 0;
  margin-top: 0.41667rem;
}
.m-panel .btn {
  display: block;
  margin: 1.25rem auto 1.66667rem;
}
.m-panel.transBg {
  background-color: transparent;
}
.m-title {
  padding: 1.25rem;
  background-color: #f4f4f4;
}
.m-title .p {
  display: inline-block;
  font-size: 1.33333rem;
  color: #bbb;
}
.m-title .span {
  float: right;
  font-size: 1.33333rem;
  color: #FF3A52;
}
.m-plansLst {
  background-color: #fff;
}
.m-plansLst .planItem {
  position: relative;
  box-sizing: border-box;
  padding: 1.75rem 2.5rem 1.75rem 1.25rem;
  border-bottom: 1px solid #eee;
}
.m-plansLst .planItem .info {
  margin-bottom: 0.33333rem;
  line-height: 1.5rem;
  color: #333;
  font-size: 1.5rem;
}
.m-plansLst .planItem .des {
  line-height: 1.33333rem;
  color: #bbb;
  font-size: 1.33333rem;
}
.m-plansLst .planItem .arrow {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.33333rem;
}
.m-plansLst .planItem .check {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.83333rem;
}
.m-planTpls .tplLst .tplItem {
  position: relative;
  padding: 0.66667rem 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.m-planTpls .tplLst .tplItem:last-child {
  border: none;
}
.m-planTpls .tplLst .tplItem .leftPanel {
  box-sizing: border-box;
  padding-left: 1.5rem;
}
.m-planTpls .tplLst .tplItem .leftPanel .m-tagLst {
  min-height: 2.25rem;
}
.m-planTpls .tplLst .tplItem .name {
  line-height: 2.33333rem;
  font-size: 1.16667rem;
  color: #666;
}
.m-planTpls .tplLst .tplItem .confirm {
  margin: 1.66667rem 0 1rem 0.66667rem;
  box-sizing: border-box;
}
.m-planTpls .tplLst .tplItem .action {
  position: absolute;
  right: 1.25rem;
  top: 1.16667rem;
  font-size: 1.08333rem;
}
.m-txtInfo {
  background-color: #fff;
  font-size: 0;
}
.m-txtInfo .title {
  display: inline-block;
  padding-left: 1.16667rem;
  width: 40%;
  line-height: 4rem;
  box-sizing: border-box;
  color: #bbb;
  font-size: 1.25rem;
  vertical-align: middle;
}
.m-txtInfo .input,
.m-txtInfo .txt {
  display: inline-block;
  padding-right: 1.16667rem;
  width: 60%;
  line-height: 4rem;
  box-sizing: border-box;
  color: #333;
  text-align: right;
  font-size: 1.25rem;
  vertical-align: middle;
}
.m-txtInfo .input.gray,
.m-txtInfo .txt.gray,
.m-txtInfo .input .gray,
.m-txtInfo .txt .gray {
  color: #aaa;
}
.m-txtInfo .input[type="text"] {
  border: none;
  border-bottom: transparent;
}
.m-actionsLst {
  background-color: #fff;
}
.m-actionsLst .actionItem {
  position: relative;
  box-sizing: border-box;
  padding: 1.08333rem 0 1.5rem 0;
  margin: auto 1.33333rem;
  font-size: 1.25rem;
}
.m-actionsLst .actionItem .info,
.m-actionsLst .actionItem .details {
  width: 80%;
  margin-bottom: 0.41667rem;
  line-height: 1.5;
  color: #bbb;
}
.m-actionsLst .actionItem .details {
  margin-bottom: 0;
}
.m-actionsLst .actionItem:last-child {
  border: none;
}
.m-actionsLst .actionItem .icn {
  position: absolute;
  right: 0;
  top: 0.91667rem;
}
.m-actionsLst .actionItem .icn.icn-2 {
  right: 2.5rem;
}
.m-typeLst {
  padding-top: 1.66667rem;
  height: 16.66667rem;
  background-color: #fff;
  font-size: 0;
  overflow: scroll;
}
.m-typeLst .typeItem {
  display: inline-block;
  width: 33.3%;
  margin-bottom: 0.83333rem;
  text-align: center;
  color: #666;
}
.m-typeLst .typeItem .inner {
  box-sizing: border-box;
  display: inline-block;
  width: 90%;
  font-size: 1.25rem;
  padding: 0.83333rem 0.41667rem;
}
.m-typeLst .typeItem .inner.z-active {
  background-color: #f4f4f4;
  color: #FF3A52;
}
.m-coachInfoItem {
  position: relative;
  padding: 1.33333rem;
  background-color: #fff;
}
.m-coachInfoItem .innerWrap {
  margin: 0 2.5rem 0 4.83333rem;
}
.m-coachInfoItem .innerWrap .imgWrap {
  float: left;
  display: inline-block;
  margin-left: -4.83333rem;
  text-align: center;
  vertical-align: middle;
}
.m-coachInfoItem .innerWrap .imgWrap .img {
  width: 4rem;
  height: 4rem;
  border-radius: 48px;
  border: 1px solid #eee;
}
.m-coachInfoItem .innerWrap .infoWrap {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.66667rem;
}
.m-coachInfoItem .innerWrap .infoWrap .name {
  font-size: 1.16667rem;
  color: #333;
}
.m-coachInfoItem .innerWrap .infoWrap .name .icn {
  width: 1.16667rem;
  height: 1.16667rem;
  background-size: 100%;
  margin-left: 0.66667rem;
}
.m-coachInfoItem .innerWrap .infoWrap .info {
  width: 100%;
  margin-top: 0.33333rem;
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.5rem;
}
.m-coachInfoItem .innerWrap .arrow {
  position: absolute;
  top: 3rem;
  right: 1.33333rem;
  box-sizing: border-box;
}
.m-userTeacherInfo {
  padding: 1.66667rem 1rem 2.08333rem;
  background-image: url("https://img.qingchengfit.cn/4d06c64aa2e46d25adb51644b2c893a0");
  background-size: 100% 100%;
}
.m-userTeacherInfo .innerPanel {
  position: relative;
  text-align: center;
}
.m-userTeacherInfo .innerPanel .rightBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.16667rem;
  line-height: 2;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 1.08333rem;
  color: #fff;
}
.m-userTeacherInfo .innerPanel .rightBtn > span {
  display: inline-block;
  vertical-align: middle;
}
.m-userTeacherInfo .innerPanel .rightBtn .icon {
  vertical-align: middle;
}
.m-userTeacherInfo .innerPanel .imgWrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 5.33333rem;
  height: 5.33333rem;
  border: 1px solid #fff;
  border-radius: 64px;
}
.m-userTeacherInfo .innerPanel .imgWrap > img {
  width: 100%;
}
.m-userTeacherInfo .innerPanel .nameWrap {
  margin: 0.66667rem 0 0;
}
.m-userTeacherInfo .innerPanel .nameWrap .name {
  display: inline-block;
  font-size: 1.33333rem;
  color: #fff;
  vertical-align: middle;
}
.m-userTeacherInfo .innerPanel .nameWrap .iconWrap {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
}
.m-userTeacherInfo .innerPanel .nameWrap .iconWrap .icon {
  margin: -0.08333rem;
}
.m-userTeacherInfo .innerPanel .starWrap {
  margin: 0.5rem 0 0.83333rem;
  font-size: 1.08333rem;
  color: #fff;
}
.m-userTeacherInfo .innerPanel .starWrap .stars {
  display: inline-block;
}
.m-userTeacherInfo .innerPanel .labels {
  display: inline-block;
  font-size: 0;
}
.m-userTeacherInfo .innerPanel .labels .label {
  margin-right: 0.66667rem;
}
.m-loading {
  text-align: center;
  font-size: 1.08333rem;
  color: #666;
  padding: 2.5rem 0 8.33333rem;
}
.m-loading .icon {
  margin-right: 0.66667rem;
}
.m-layerInfo {
  padding: 1.66667rem 1.5rem 1.25rem;
  text-align: center;
}
.m-layerInfo .title {
  font-size: 1.41667rem;
  color: #333;
  text-align: center;
}
.m-layerInfo .ctnWrap {
  text-align: center;
}
.m-layerInfo .ctnWrap .img {
  margin: 1.66667rem auto 0.83333rem;
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 50px;
}
.m-layerInfo .ctnWrap .p {
  line-height: 1.66667rem;
  font-size: 1.25rem;
  color: #666;
}
.m-layerInfo .ctnWrap .span {
  line-height: 1.66667rem;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-layerInfo .btn {
  display: inline-block;
  width: 13.33333rem;
  margin-top: 0.83333rem;
  line-height: 3.33333rem;
  font-size: 1.41667rem;
  text-align: center;
  border-radius: 3px;
}
.m-jumbotron {
  position: relative;
  padding: 1.83333rem 1.33333rem;
  background-image: url('https://img.qingchengfit.cn/46851a5acaab885e7a85ea9ec2d5e429.png');
  background-size: 100% 100%;
}
.m-jumbotron .infoWrap .p {
  font-size: 1rem;
  color: #fff;
}
.m-jumbotron .infoWrap .h3 {
  font-size: 4rem;
  color: #fff;
}
.m-infoWell {
  padding: 1.25rem;
  background-color: #fff;
}
.m-infoWell .item {
  position: relative;
}
.m-infoWell .item .left {
  display: inline-block;
}
.m-infoWell .item .left .h3 {
  font-size: 1.25rem;
  color: #333;
  font-weight: normal;
  line-height: 2.5rem;
}
.m-infoWell .item .left .p {
  font-size: 1rem;
  color: #ccc;
  line-height: 1.5rem;
}
.m-infoWell .item .left .p > i {
  margin-right: 0.33333rem;
  vertical-align: middle;
}
.m-infoWell .item .left .p > span {
  display: inline-block;
  vertical-align: middle;
}
.m-infoWell .item .right {
  position: absolute;
  top: 0;
  right: 0;
}
.m-infoWell .item .right .em {
  font-size: 1.66667rem;
  font-weight: normal;
}
.m-infoWell .item .right .span {
  font-size: 1rem;
  color: #ccc;
  line-height: 1.5rem;
}
.m-qrCode-wrapper {
  display: inline-block;
  background-color: #fff;
  padding: 0.83333rem;
  width: 12.91667rem;
  border: 1px solid #eee;
}
.m-checkIn-wrapper {
  padding: 0 1.25rem;
}
.m-checkIn-wrapper .imgWarp {
  margin-top: 1.66667rem;
}
.m-checkIn-wrapper .imgWarp .icon {
  width: 14rem;
  height: 12rem;
}
.m-checkIn-wrapper .txt {
  margin-top: 1.66667rem;
  font-size: 1.08333rem;
  color: #666;
  line-height: 1.4;
}
.m-checkIn-wrapper .checkInList {
  margin-top: 1.66667rem;
}
.m-infoBtnWrap {
  padding: 1.25rem;
  font-size: 0;
}
.m-infoBtnWrap .left {
  display: inline-block;
  width: 50%;
  font-size: 1.08333rem;
  color: #666;
  vertical-align: middle;
}
.m-infoBtnWrap .left .label > i {
  width: 1.5rem;
  height: 1.5rem;
}
.m-infoBtnWrap .right {
  display: inline-block;
  width: 50%;
  text-align: right;
  vertical-align: middle;
}
.m-infoBtnWrap .right .btn {
  width: 6.66667rem;
}
.m-checkInStatus {
  padding: 1.66667rem 0 2.5rem;
  background-color: #fff;
}
.m-checkInStatus .imgWarp {
  width: 11.16667rem;
  height: 9.58333rem;
  margin: 0 auto 0.83333rem;
}
.m-checkInStatus .imgWarp .icon {
  width: 100%;
}
.m-checkInStatus .ctnWrap {
  text-align: center;
}
.m-checkInStatus .ctnWrap > h5 {
  margin-bottom: 1.33333rem;
  font-size: 1.41667rem;
  color: #333;
  font-weight: normal;
}
.m-checkInStatus .ctnWrap > p {
  margin-bottom: 0.83333rem;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-checkInStatus .ctnWrap .btn {
  width: 13.75rem;
  line-height: 3.33333rem;
  font-size: 1.5rem;
  color: #fff;
}
.m-checkInOrder {
  position: relative;
  padding: 1.25rem;
  background-color: #fff;
}
.m-checkInOrder .title {
  margin-bottom: 1.33333rem;
  font-weight: normal;
  font-size: 1.5rem;
  color: #333;
  line-height: 1.2;
}
.m-checkInOrder .info {
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.5;
}
.m-checkInOrder .btnWrap {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
}
.m-checkInOrder .btnWrap .btn {
  width: 8.33333rem;
  line-height: 3.5rem;
  font-size: 1.5rem;
}
.m-checkInOrder .btnWrap .btn.checked {
  color: #ccc;
  background-color: #eee;
}
.m-scheduleBrief {
  padding: 1.66667rem 1.25rem 1rem;
  background-color: #fff;
}
.m-scheduleBrief .innerPanel {
  display: -ms-flexbox;
  display: flex;
}
.m-scheduleBrief .innerPanel .contentWrap {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  padding-right: 0.83333rem;
}
.m-scheduleBrief .innerPanel .contentWrap .span {
  font-size: 1.08333rem;
  color: #999;
}
.m-scheduleBrief .innerPanel .contentWrap .subInfo {
  font-size: 1rem;
  color: #999;
}
.m-scheduleBrief .innerPanel .contentWrap > h3 {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.5;
}
.m-scheduleBrief .innerPanel .contentWrap > h3 .privateIcon {
  color: #CF86DA;
}
.m-scheduleBrief .innerPanel .contentWrap > h3 .groupIcon {
  color: #5EC1ED;
}
.m-scheduleBrief .innerPanel .contentWrap > p {
  font-size: 1.16667rem;
  color: #666;
  line-height: 1.6;
}
.m-scheduleBrief .innerPanel .contentWrap > p i {
  font-size: 1rem;
}
.m-scheduleBrief .innerPanel .imgWrap {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  overflow: hidden;
}
.m-scheduleBrief .innerPanel .imgWrap .badge {
  position: absolute;
  top: 0;
  left: 0;
}
.m-scheduleBrief .innerPanel .imgWrap > img {
  width: 100%;
}
.m-scheduleBrief > .bottomInfoWrap {
  position: relative;
  margin-top: 0.83333rem;
  padding-top: 0.66667rem;
  font-size: 1rem;
  color: #bbb;
}
.m-scheduleBrief > .bottomInfoWrap:before {
  content: '';
  display: inline-block;
  width: 1.66667rem;
  position: absolute;
  top: 0;
  border-top: 0.08333rem solid #eee;
}
.m-scheduleBrief > .bottomInfoWrap > a {
  float: right;
  line-height: 2;
}
.m-scheduleBrief > .bottomInfoWrap > a > i {
  font-size: 1rem;
}
.m-scheduleShare .contentWrap {
  padding: 1.66667rem 1.25rem;
}
.m-scheduleShare .contentWrap > h3 {
  font-size: 1.08333rem;
  color: #333;
  font-weight: normal;
}
.m-scheduleShare .contentWrap > h3 > span i {
  font-size: 1rem;
}
.m-scheduleShare .contentWrap .emptyPanel {
  padding: 2.5rem 0.83333rem;
}
.m-scheduleShare .contentWrap .emptyPanel > p {
  color: #bbb;
  font-size: 1.16667rem;
  text-align: center;
}
.m-scheduleShare .contentWrap .memberList {
  margin-top: 1.25rem;
}
.m-scheduleShare .contentWrap .txt {
  margin-top: 1rem;
  font-size: 1.08333rem;
  color: #666;
  line-height: 1.5;
}
.m-scheduleShare .contentWrap .txt > i {
  margin-right: 0.5rem;
  color: #FF3A52;
  vertical-align: middle;
}
.m-scheduleShare .contentWrap-narrow {
  padding: 0;
}
.m-scheduleShare .contentWrap-narrow .emptyPanel {
  padding: 4.16667rem 2.08333rem;
}
.m-scheduleShare .btnList {
  z-index: 1;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 0;
  background-color: #fafafa;
  border-top: 0.08333rem solid #eee;
  border-bottom: 1px solid #eee;
}
.m-scheduleShare .btnList > li {
  display: inline-block;
  width: 20%;
  padding: 0.5rem 0 0.33333rem;
  line-height: 1.5;
  font-size: 1rem;
  color: #666;
  text-align: center;
}
.m-scheduleShare .btnList > li > i {
  font-size: 1.5rem;
}
.m-scheduleShare .btnList > li.bigSize {
  width: 60%;
  padding: 0;
}
.m-scheduleShare .btnList .btn {
  width: 100%;
  height: 4.66667rem;
  line-height: 4.66667rem;
  border-radius: 0;
  font-size: 1.41667rem;
  color: #fff;
}
.m-scheduleShare .btnList .btn.z-disabled {
  color: #ccc;
  background-color: #eee;
  border: none;
}
.m-scheduleShare .btnList .btn.z-disabled:hover {
  background-color: #eee;
}
.m-scheduleShare .btnList .btn.z-disabled:active {
  background-color: #eee;
}
.m-scheduleShare .btnList .btn-1 {
  width: 90%;
  height: 3.33333rem;
  margin-top: 0.5rem;
  line-height: 3.33333rem;
  font-size: 1.41667rem;
}
.m-coursePhotos {
  padding: 1rem 0 1.25rem;
}
.m-coursePhotos > h3 {
  padding: 0 1.25rem;
  margin-bottom: 0.83333rem;
  line-height: 1.5;
  font-size: 1.08333rem;
  color: #666;
  font-weight: normal;
}
.m-coursePhotos .photoListWrap {
  overflow: scroll;
  pointer-events: all;
}
.m-coursePhotos .photoListWrap .photoList {
  padding: 0 1.25rem;
}
.m-coursePhotos .photoListWrap .photoList > li {
  display: inline-block;
  width: 10rem;
  height: 7.5rem;
  margin-right: 0.33333rem;
  background-color: #eee;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.m-coursePhotos .photoListWrap .photoList > li > img {
  width: 100%;
}
.m-coursePhotos .photoListWrap .photoList > li > p {
  display: inline-block;
  font-size: 1.08333rem;
  color: #666;
  line-height: 7.5rem;
  text-align: center;
  vertical-align: top;
}
.m-coursePhotos .photoListWrap .photoList > li > p > i {
  font-size: 1.08333rem;
}
.m-coursePhotos .photoListWrap .photoList > li:last-child {
  margin-right: 0;
}
.m-coursePhotos .photoListWrap .photoList > li:hover {
  cursor: pointer;
}
.m-switch {
  display: inline-block;
  width: 4.16667rem;
  line-height: 2.33333rem;
  background-color: #FF3A52;
  border-radius: 20px;
  font-size: 0.91667rem;
  color: #fff;
  text-align: center;
}
.m-switch > span {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  border-radius: 20px;
  overflow: hidden;
  vertical-align: middle;
}
.m-switch .off {
  background-color: #fff;
}
.m-switch.z-off {
  background-color: #d8d8d8;
}
.m-switch.z-off .on {
  background-color: #fff;
}
.m-switch.z-off .off {
  background-color: transparent;
}
.m-memberAvatarList {
  font-size: 0;
}
.m-memberAvatarList.space {
  margin: 1.66667rem 1.25rem;
}
.m-memberAvatarList > li {
  position: relative;
  display: inline-block;
  width: 15%;
  padding-top: 15%;
  margin-right: 0.41667rem;
  margin-bottom: 0.41667rem;
  border-radius: 100%;
  overflow: hidden;
}
.m-memberAvatarList > li:last-child {
  margin-right: 0;
}
.m-memberAvatarList > li > img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
  box-sizing: border-box;
  border-radius: 50%;
}
.m-memberAvatarList > li > img.first {
  border: 2px solid #ffaa04;
}
.m-memberAvatarList > li > span.first {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffaa04;
  font-size: 0.83333rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.m-memberAvatarList > li > a {
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  right: 0;
  color: #bbb;
  font-size: 1.08333rem;
}
.m-memberAvatarList > li > a > i {
  font-size: 1rem;
}
.m-ruleList .title {
  padding: 1.25rem;
}
.m-ruleList .title > p {
  font-size: 1.16667rem;
  color: #333;
  line-height: 1.5;
}
.m-ruleList .title > span {
  font-size: 1.16667rem;
  color: #999;
}
.m-ruleList .list {
  padding: 0 1.25rem;
  font-size: 0;
}
.m-ruleList .list > li {
  display: inline-block;
  width: 48%;
  padding: 1.08333rem 0.83333rem;
  margin-bottom: 0.83333rem;
  background-color: #fafafa;
  font-size: 1.08333rem;
  color: #333;
  line-height: 1.5;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.m-ruleList .list > li:nth-child(2n) {
  float: right;
}
.m-courseDetails {
  position: relative;
  max-height: 28.75rem;
  min-height: 8.33333rem;
  overflow: hidden;
}
.m-courseDetails.showAll {
  max-height: none;
  padding-bottom: 4.16667rem;
}
.m-courseDetails .btn {
  pointer-events: all;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4.16667rem;
  border: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), white);
  color: #FF3A52;
  font-size: 1rem;
}
.m-courseDetails .btn > i {
  font-size: 1rem;
}
.m-scheduleList {
  margin-bottom: 10rem;
  background-color: #fff;
  padding-left: 1.25rem;
}
.m-scheduleList > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid #eee;
}
.m-scheduleList > li:last-child {
  border-bottom: none;
}
.m-scheduleList > li > .imgWrap {
  width: 6rem;
  height: 6rem;
}
.m-scheduleList > li > .imgWrap > img {
  width: 100%;
}
.m-scheduleList > li > .ctnWrap {
  -ms-flex: 1;
      flex: 1;
  padding: 0 1.25rem;
  overflow: hidden;
}
.m-scheduleList > li > .ctnWrap > h3 {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
  font-weight: normal;
}
.m-scheduleList > li > .ctnWrap > p {
  font-size: 1.08333rem;
  color: #666;
  line-height: 1.5;
}
.m-scheduleList > li > .ctnWrap .teacherInfo {
  margin-top: 0.33333rem;
}
.m-scheduleList > li > .actionWrap {
  padding-right: 1.25rem;
}
.m-scheduleList > li > .actionWrap > .info {
  font-size: 1rem;
  color: #bbb;
  line-height: 2;
}
.m-scheduleList > li > .actionWrap > .btn {
  height: 2.66667rem;
  line-height: 2.66667rem;
  width: 5.66667rem;
}
.m-trainList .m-trainCard {
  margin-bottom: 0.83333rem;
}
.m-trainList .actionBtnWrap {
  padding: 0.41667rem 0 0.83333rem 0;
  text-align: center;
}
.m-trainList .actionBtnWrap .btn {
  display: inline-block;
  padding: 0 0.33333rem;
  width: auto;
  height: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 1rem;
}
.m-flexBox.m-flexBox-profile {
  margin: 0.41667rem auto 0 auto;
  box-sizing: border-box;
  width: 30.41667rem;
  padding: 1rem 0.41667rem 0.75rem 0.41667rem;
  border-radius: 8px;
  background-color: #fff;
}
.m-flexBox.m-flexBox-profile.m-flexBox-profile-4col {
  padding: 1rem 1.83333rem 0.75rem 1.83333rem;
}
.m-flexBox.m-flexBox-profile .m-actionItem .iconWrap .icon {
  font-size: 2.33333rem;
  color: #000;
}
.m-checkInHeader {
  padding: 1.25rem;
  background-color: #fff;
}
.m-checkInHeader .checkInTitle {
  padding-bottom: 0.41667rem;
  line-height: 2.33333rem;
  font-size: 1.66667rem;
  color: #333;
}
.m-checkInHeader .checkInInfo {
  line-height: 1.66667rem;
  font-size: 1.16667rem;
  color: #7f7f7f;
}
.m-cell.m-cell-custom .inner .cellHd {
  max-width: 6em;
}
.m-cell.m-cell-custom .inner .cellHd .label {
  font-size: 1.25rem;
  color: #333;
}
.m-cell.m-cell-custom .inner .cellFt .txt {
  margin-bottom: 0;
  color: #7f7f7f;
}
.m-moduleEntries {
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(144, 144, 144, 0.15);
}
.m-moduleEntries .txtWrap p {
  -webkit-box-pack: center;
}
.u-btn {
  width: 31.25rem;
  height: 3.5rem;
  font-size: 1.41667rem;
  line-height: 3.5rem;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  border: none;
}
.u-btn .icn {
  margin-right: 0.25rem;
  vertical-align: middle;
}
.u-btn .btnTxt {
  vertical-align: middle;
}
.u-btn.u-btn-full {
  width: 100%;
}
.u-btn-main {
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main:hover {
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main:active,
.u-btn-main.z-active {
  color: #fff;
  background-color: #E1001B;
}
.u-btn-main[disabled],
.u-btn-main.z-disable {
  color: #fff;
  background-color: #FFB1BB;
}
.u-btn-main[disabled] .icn,
.u-btn-main.z-disable .icn {
  opacity: 0.6;
}
.u-btn-main-darkDisable {
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main-darkDisable:hover {
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main-darkDisable:active,
.u-btn-main-darkDisable.z-active {
  color: #fff;
  background-color: #E1001B;
}
.u-btn-main-darkDisable[disabled],
.u-btn-main-darkDisable.z-disable {
  color: #fff;
  background-color: #bbb;
}
.u-btn-main-darkDisable[disabled] .icn,
.u-btn-main-darkDisable.z-disable .icn {
  opacity: 0.6;
}
.u-btn-main2 {
  width: auto;
  padding: 0 1.66667rem;
  min-width: 165px;
  font-size: 1.25rem;
  box-sizing: border-box;
  border-radius: 2px;
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main2.bigSize {
  font-size: 1.41667rem;
}
.u-btn-main2.gray-border {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}
.u-btn-main2.gray-border:hover {
  color: #333;
  background-color: #f4f4f4;
}
.u-btn-main2:hover {
  color: #fff;
  background-color: #FF3A52;
}
.u-btn-main2:active,
.u-btn-main2.z-active {
  color: #fff;
  background-color: #E1001B;
}
.u-btn-main2[disabled],
.u-btn-main2.z-disable {
  color: #fff;
  background-color: #FFB1BB;
}
.u-btn-main2[disabled] .icn,
.u-btn-main2.z-disable .icn {
  opacity: 0.6;
}
.u-btn-main2.u-btn-main2-sub {
  border: solid 1px #ddd;
  color: #333;
  background-color: #fafafa;
}
.u-btn-main2.u-btn-main2-sub[disabled],
.u-btn-main2.u-btn-main2-sub:disabled {
  color: #bbb;
  background-color: #f4f4f4;
  border: solid 1px #eee;
}
.u-btn-main2.u-btn-main2-sub[disabled] .icn,
.u-btn-main2.u-btn-main2-sub:disabled .icn {
  opacity: 0.6;
}
.u-btn-main2-green {
  color: #FF3A52;
  background-color: #fff;
  border: solid 1px #FF3A52;
}
.u-btn-main2-green[disabled],
.u-btn-main2-green.z-disable {
  color: #ccc;
  background-color: #eee;
  border: none;
}
.u-btn-main2-green[disabled] .icn,
.u-btn-main2-green.z-disable .icn {
  opacity: 0.6;
}
.u-btn-white {
  color: #000;
  background-color: #fff;
  border: solid 1px #ddd;
  box-sizing: border-box;
}
.u-btn-white[disabled],
.u-btn-white.z-disabled {
  color: #ccc;
  background-color: #eee;
  border: none;
}
.u-btn-white[disabled] .icn,
.u-btn-white.z-disabled .icn {
  opacity: 0.6;
}
.u-btn-green {
  color: #FF3A52;
  background-color: #fff;
  border: solid 1px #FF3A52;
  box-sizing: border-box;
  border-radius: 3px;
  height: 2.66667rem;
  line-height: 2.66667rem;
  font-size: 1.25rem;
}
.u-btn-tiny {
  color: #bbb;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  height: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 1rem;
  border: none;
}
.u-btn-sub {
  color: #FF3A52;
  background-color: #fff;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  box-sizing: border-box;
  border: solid 1px #FF3A52;
  font-size: 1.33333rem;
  padding: 0 0.83333rem;
}
.u-btn-sub[disabled],
.u-btn-sub.z-disabled {
  color: #ccc;
  background-color: #eee;
  border: none;
}
.u-btn-sub.big {
  height: 3.5rem;
  line-height: 3.5rem;
}
.u-btn-sub.z-guide {
  color: #ffaa04;
  background-color: #fff;
  border: solid 1px #ffaa04;
}
.u-btn-sub.z-sub {
  color: #333;
  background-color: #fff;
  border: solid 1px #ddd;
}
.u-border-btn,
.u-border-btn-gray {
  display: inline-block;
  padding: 0 3.91667rem;
  height: 3.33333rem;
  border: 1px solid #FF3A52;
  border-radius: 5px;
  font-size: 1.5rem;
  color: #FF3A52;
  line-height: 3.33333rem;
}
.u-border-btn-gray {
  border: 1px solid #ddd;
  color: #000;
}
.u-btn.u-border-btn-black {
  border: 1px solid #979797;
  background-color: transparent;
  color: #333;
}
.u-btn-small {
  color: #666;
  background-color: transparent;
  border-radius: 4px;
  border: solid 1px #999;
  text-align: center;
  padding: 0 0.5rem;
  box-sizing: border-box;
  height: 2rem;
  width: auto;
  line-height: 2rem;
}
.u-txt-btn {
  display: inline-block;
  width: 50%;
  padding: 1.66667rem 0;
  text-align: center;
  color: #FF3A52;
  background-color: #fff;
}
.u-txt-btn .span {
  width: 100%;
  line-height: 1.66667rem;
  display: inline-block;
  font-size: 1.25rem;
}
.u-txt-btn.u-txt-btn-full {
  width: 100%;
}
.u-btn-transparent {
  color: #FF3A52;
  background-color: transparent;
  border-radius: 2px;
  border: solid 1px #FF3A52 !important;
  color: #FF3A52 !important;
  box-sizing: border-box;
  padding: 0 0.83333rem;
  min-width: 90px;
  height: 2.83333rem;
  line-height: 2.66667rem;
  text-align: center;
  font-size: 1.16667rem;
}
.u-btn-transparent[disabled],
.u-btn-transparent.z-disable {
  background-color: transparent;
  color: #FF3A52;
  opacity: 0.6;
}
.u-btn-transparent.u-btn-transparent-warn {
  color: #ff5555;
  background-color: transparent;
  border: solid 1px #ff5555;
}
.u-btn-transparent .icn,
.u-btn-transparent .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  color: #FF3A52;
}
.u-btn-transparent .icn {
  margin-right: 0.41667rem;
}
.u-btn-wx {
  position: relative;
  background-color: #0FAF4B;
}
.u-btn-wx::before {
  content: '';
  position: absolute;
  width: 2.66667rem;
  height: 2.66667rem;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background-image: url('https://img.qingchengfit.cn/6e460601136d30292d713a252784a6e6.png');
  background-size: cover;
}
.u-btn-wx:active {
  background-color: #0FAF4B;
}
.u-btn-wx[disabled],
.u-btn-wx.z-disable {
  background-color: rgba(15, 175, 75, 0.4);
}
.u-btn-round {
  color: #fff;
  background-color: #666;
  width: auto;
  line-height: 2rem;
  height: 2rem;
  padding: 0 1rem;
  border-radius: 12px;
  font-size: 1.16667rem;
}
.u-btn-round:active {
  color: #fff;
  background-color: #666;
}
.u-btn-guide {
  color: #fff;
  background-color: #ffaa04;
}
.u-btn-guide:active,
.u-btn-guide:hover {
  color: #fff;
  background-color: #ffaa04;
}
.u-btn.u-btn-plain-normal {
  color: #333;
  border: 1px solid #ddd !important;
  background-color: transparent;
}
.u-btn.u-btn-plain-normal[disabled],
.u-btn.u-btn-plain-normal.z-disable {
  color: #333;
  border: 1px solid #ddd !important;
  background-color: transparent;
}
.u-btn.u-btn-plain-guide {
  color: #ffaa04;
  border: 1px solid #ffaa04 !important;
  background-color: transparent;
}
.u-btn.u-btn-plain-guide[disabled],
.u-btn.u-btn-plain-guide.z-disable {
  color: #ffaa04;
  border: 1px solid #ffaa04 !important;
  background-color: transparent;
}
.u-btn-gray {
  color: #fff;
  background-color: #666;
}
.u-btn-gray:active,
.u-btn-gray:hover {
  color: #fff;
  background-color: #666;
}
.u-mark {
  display: inline-block;
  padding: 0 1rem;
  border: 1px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 1.41667rem;
  line-height: 1em;
}
.u-mark-guide {
  color: #ffaa04;
  border-color: #ffaa04;
}
.u-mark-guide:hover,
.u-mark-guide:active {
  color: #ffaa04;
}
.u-mark-light {
  color: #bbb;
  border-color: #ccc;
}
.u-mark-light:hover,
.u-mark-light:active {
  color: #ccc;
}
.u-label {
  display: inline-block;
  padding: 0.33333rem 0.83333rem;
  background-color: #FF3A52;
  box-sizing: border-box;
  font-size: 0.91667rem;
  color: #fff;
}
.u-icon-corp {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background: url('https://img.qingchengfit.cn/fb74505aba724b49ea5bd4f2620e8e55.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.u-icon-shop {
  display: inline-block;
  width: 1.33333rem;
  height: 1.25rem;
  background: url('../assets/icon_shop.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.u-icon-time {
  display: inline-block;
  width: 1.33333rem;
  height: 1.33333rem;
  background: url('https://img.qingchengfit.cn/6a50386a232147b8cf38bc919741768e.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.u-icon-time-white {
  display: inline-block;
  width: 1.33333rem;
  height: 1.33333rem;
  background: url('https://img.qingchengfit.cn/6a50386a232147b8cf38bc919741768e.png') no-repeat 0 0;
  background: url('https://img.qingchengfit.cn/d5c54db7e2b6171b2dc3ba747388112f.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.u-icon-tinyTime {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_time.png');
}
.u-icon-arrow-right {
  display: inline-block;
  width: 0.66667rem;
  height: 1.08333rem;
  background: url("https://img.qingchengfit.cn/5d208b1f982de11128b2d3a57a2cd422.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.u-icon-arrow-right-white {
  display: inline-block;
  width: 0.66667rem;
  height: 1.08333rem;
  background: url("https://img.qingchengfit.cn/5d208b1f982de11128b2d3a57a2cd422.png") no-repeat 0 0;
  background-size: 100% 100%;
  background-image: url("https://img.qingchengfit.cn/a9d30f115b2e80b8fced306668694de2.png");
}
.u-icon-arrow-left {
  display: inline-block;
  width: 0.66667rem;
  height: 1.08333rem;
  background: url("https://img.qingchengfit.cn/5d208b1f982de11128b2d3a57a2cd422.png") no-repeat 0 0;
  background-size: 100% 100%;
  transform: rotate(-180deg);
}
.u-icon-arrow-left-white {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/ee3f9e66178a775803a42ffe18a6dc56.png");
}
.u-icon-arrow-down {
  display: inline-block;
  width: 0.66667rem;
  height: 1.08333rem;
  background: url("https://img.qingchengfit.cn/5d208b1f982de11128b2d3a57a2cd422.png") no-repeat 0 0;
  background-size: 100% 100%;
  transform: rotate(90deg);
}
.u-icon-arrow-up {
  display: inline-block;
  width: 0.66667rem;
  height: 1.08333rem;
  background: url("https://img.qingchengfit.cn/5d208b1f982de11128b2d3a57a2cd422.png") no-repeat 0 0;
  background-size: 100% 100%;
  transform: rotate(-90deg);
}
.u-icn-arrowRight,
.u-icn-arrow-right-main {
  width: 0.75rem;
  height: 1.33333rem;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/9b273e0076ba34e7e1c845154ca9faef.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.u-icn-arrowRight.small,
.u-icn-arrow-right-main.small {
  display: inline-block;
  width: 0.5rem;
  height: 0.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
}
.u-icn-arrowRight-small {
  width: 0.58333rem;
  height: 1rem;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/9b273e0076ba34e7e1c845154ca9faef.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.u-icn-arrow-left-main {
  width: 0.75rem;
  height: 1.33333rem;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/9b273e0076ba34e7e1c845154ca9faef.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(-180deg);
}
.u-icn-arrow-left-main.small {
  display: inline-block;
  width: 0.5rem;
  height: 0.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
}
.u-icn-arrowRight-grey {
  width: 0.66667rem;
  height: 1.08333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/f05a0f462203100c8f998ed3343325dd.png');
  display: inline-block;
  vertical-align: middle;
}
.u-icn-flag {
  display: inline-block;
  width: 0.83333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_flag.png');
}
.u-icn-user {
  display: inline-block;
  width: 0.83333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/5973a50d16b07bc0f5959087b09753c5.png');
}
.u-icn-overdue {
  display: inline-block;
  width: 0.83333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_overdue.png');
}
.u-icn-guide {
  display: inline-block;
  width: 0.83333rem;
  height: 1.58333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_guide.png');
}
.u-icn-emptyCourse {
  display: inline-block;
  width: 11.33333rem;
  height: 8.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/b2c16f527d275012ad6b139ddb61fb3c.png');
}
.u-icn-emptyOrder {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_order_empty.png');
}
.u-icn-emptyPhoto {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_photo_empty.png');
}
.u-icn-emptyPlan {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_plan_empty.png');
}
.u-icn-male {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_gender_male.png');
}
.u-icn-female {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_gender_female.png');
}
.u-icn-add {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/f95fbe55f65b34da8f585b1dbeefc85e.png');
}
.u-icn-loading {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_loading.png');
  animation: loadingRotate 2s infinite linear;
  -webkit-animation: loadingRotate 2s infinite linear;
}
.u-icn-black-loading {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_loading_black.png');
  animation: loadingRotate 2s infinite linear;
  -webkit-animation: loadingRotate 2s infinite linear;
}
.u-icn-close {
  transform: rotate(45deg);
  display: inline-block;
  width: 2.66667rem;
  height: 2.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/da6cd1ed039ff1dabb28e7c81ae52300.png');
}
.u-icn-close2 {
  display: inline-block;
  width: 2.66667rem;
  height: 4.91667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_close.png');
}
.u-icn-delete {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_delete.png');
}
.u-icn-delete-tiny {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_list_delete.png');
}
.u-icn-cost {
  display: inline-block;
  width: 0.83333rem;
  height: 0.91667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_cost.png');
}
.u-icn-select {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.u-icn-select.z-active {
  border: none;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_selected.png');
  background-size: 100% 100%;
}
.u-icn-wechat {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_pay_wechat.png');
}
.u-icn-alipay {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/defc72de93ee1a682e74df832953b489.png');
}
.u-icn-free {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/8b17d3f7c821843cda1ce85637bca71c.png');
}
.u-icn-card {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_pay_card.png');
}
.u-icn-selected {
  display: inline-block;
  width: 1.2rem;
  height: 0.6rem;
  border-left: 0.16667rem solid #FF3A52;
  border-bottom: 2px solid #FF3A52;
  transform: rotate(-45deg);
}
.u-icn-app {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/052f9f5bf24906ac58ffc92bd2f02b63.png');
}
.u-icn-horn {
  display: inline-block;
  width: 2.5rem;
  height: 1.75rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_horn.png');
}
.u-icn-horn.u-icn-horn-marked {
  position: relative;
}
.u-icn-horn.u-icn-horn-marked::after {
  content: '';
  position: absolute;
  right: -0.08333rem;
  top: -0.16667rem;
  width: 0.66667rem;
  height: 0.66667rem;
  box-sizing: border-box;
  background-color: #ff5555;
  border: solid 1px #fff;
  border-radius: 100%;
}
.u-icn-success {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/ff9e8e23943a9d50736ef146f91b3693.png');
}
.u-icn-checkin {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/17df0304ba8ad9cd864f74b91c56b9dd.png');
}
.u-icn-wait {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/fac6ca5f4d0f1869f4cc8f8170737a4c.png');
}
.u-pay-success {
  display: inline-block;
  width: 9.16667rem;
  height: 9.16667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_pay_success.png');
}
.u-pay-failed {
  display: inline-block;
  width: 9.16667rem;
  height: 9.16667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_pay_failed.png');
}
.u-icn-remove {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_remove.png');
}
.u-icn-actionUp {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/f6367403d0d67feb2d09b5d670d7f786.png');
}
.u-icn-actionDelete {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/d54b7b41a320ecb13387fd63d673a882.png');
}
.u-icn-hint {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_hint.png');
}
.u-icn-shop2 {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/523d58fbc8ee8f515a66836b3117b3dc.png');
}
.u-icn-remark {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_remark.png');
}
.u-icn-warning {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/b4b66121f0bec8a0d8db10c21afeafa8.png');
}
.u-icn-check {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_checked3.png');
}
.u-icn-ranking {
  display: inline-block;
  width: 1.33333rem;
  height: 1.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_ranking.png');
}
.u-icn-rank1 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/26426d20a2c7e304e85ca5ab288b3141.png');
}
.u-icn-rank2 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/9ead2ee35ce6d280e2cbd80d76e52815.png');
}
.u-icn-rank3 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/a6c5a60912e232d6fda733dea154a6cf.png');
}
.u-icn-rank-shop {
  display: inline-block;
  width: 14.25rem;
  height: 10.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_ranking_shop.png');
}
.u-icn-rank-all {
  display: inline-block;
  width: 14.25rem;
  height: 10.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_ranking_all.png');
}
.u-icn-emptyTraining {
  display: inline-block;
  width: 11.16667rem;
  height: 10rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/69f90aaa15e5c9747caacd84e134e803.png');
}
.u-icn-check-suc {
  display: inline-block;
  width: 11.16667rem;
  height: 9.58333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/421c6e67befe38153816dcd2b3433b5c.png');
}
.u-icn-qrcode-expired {
  display: inline-block;
  width: 7.25rem;
  height: 6.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../assets/icon_qrcode_expired.png');
}
.u-icn-oops {
  display: inline-block;
  width: 6.45833rem;
  height: 5.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/1c8bd2b374fe80c35e56a0d3a818261c.png');
}
.u-icn-emptyActivity {
  display: inline-block;
  width: 9.08333rem;
  height: 7.5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/c4c53ea6d808d4f2759ec783e6696ecb.png');
}
.u-icn-year {
  display: inline-block;
  width: 14.66667rem;
  height: 5.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/043686cb7ef2b326d147358cace9b42f.png');
}
.u-icn-share-setting-suc {
  display: inline-block;
  width: 18.33333rem;
  height: 12.5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/dee9e58afff2b214a5ce1d184528c2ea.png");
}
.u-icn-share-setting-off {
  display: inline-block;
  width: 18.33333rem;
  height: 12.5rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("https://img.qingchengfit.cn/66dec77685be55564fdc75a5ec19563a.png");
}
.u-share-badge {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
}
.u-share-badge > i {
  display: inline-block;
  width: 0;
  border: 15px solid #FEA500;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.u-share-badge > span {
  position: absolute;
  top: 0.25rem;
  left: 0.33333rem;
  font-size: 1rem;
  color: #fff;
  line-height: 1.2;
  transform: rotateZ(-45deg);
}
.u-icn-order-success {
  display: inline-block;
  width: 11rem;
  height: 12rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/5354e89c8b2bbc82a0d39251de676250.png');
}
.u-icon-order-fail {
  display: inline-block;
  width: 10rem;
  height: 10.83333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('//img.qingchengfit.cn/5adfe851e64ab53f80354b415a28f95f.png');
}
.u-icn-class-deleted {
  display: inline-block;
  width: 12.25rem;
  height: 13.33333rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/734ddfff993a85a326666279990500de.png');
}
.u-icn-hr-distribution {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/2b17a9a0073ac7b9f1fe8273e62b4203.png');
}
.u-icn-hr-rate {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/5c3c0ff29ef6dcb5a2751c64ca010842.png');
}
.u-icn-schedule-morning {
  display: inline-block;
  width: 1.08333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/7ba6d738a8e2cd6374da0a41a34f8515.png');
}
.u-icn-schedule-afternoon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/f427438b550908f02a8229fb708c2103.png');
}
.u-icn-schedule-night {
  display: inline-block;
  width: 1.08333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/69d4823eccfd52930930b9b50cf3b029.png');
}
.u-icn-success-faceId {
  display: inline-block;
  width: 10rem;
  height: 10rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/17e64fa5d655f2355ca75c28fc3dfadd.png');
}
.u-icon-arrow-flow {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 1rem;
  height: 1rem;
}
.u-icon-arrow-flow:before,
.u-icon-arrow-flow:after {
  content: '';
  position: absolute;
  width: 0.16667rem;
  left: 25%;
  margin-left: -1;
  height: 0.75rem;
  background-color: #888;
  transform-origin: 0 100%;
}
.u-icon-arrow-flow:before {
  transform-origin: 0 0;
  top: 0.5rem;
  transform: rotate(-45deg);
}
.u-icon-arrow-flow:after {
  transform-origin: 0 100%;
  bottom: 0.5rem;
  transform: rotate(45deg);
}
.u-icon-cross {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.u-icon-cross:before,
.u-icon-cross:after {
  content: '';
  position: absolute;
  width: 0.16667rem;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: #888;
  margin-left: -0.08333rem;
}
.u-icon-cross:before {
  transform: rotate(45deg);
}
.u-icon-cross:after {
  transform: rotate(-45deg);
}
.u-icon-onlineCourse {
  display: inline-block;
  width: 3.41667rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url("https://img.qingchengfit.cn/6caa0f241b7011ec47abcf335439c035.png");
}
.u-icon-squareLabel {
  display: inline-block;
  vertical-align: middle;
  width: 16PX;
  height: 16PX;
  line-height: 0;
  font-size: 0;
  background-color: #FF3A52;
  color: #fff;
  text-align: center;
}
.u-icon-squareLabel .icon-inner {
  line-height: 16PX;
  font-size: 12PX;
  vertical-align: middle;
}
.m-counter {
  display: inline-block;
  font-size: 1rem;
  color: #bbb;
}
.m-counter .icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.66667rem;
  color: #bbb;
}
.m-counter .count {
  margin: 0 0.83333rem;
}
.m-counter .count .em {
  font-size: 1.66667rem;
  color: #000;
}
.m-counter.m-counter-round {
  line-height: 0;
}
.m-counter.m-counter-round .icon {
  width: 2.33333rem;
  height: 2.33333rem;
  line-height: 2.33333rem;
  box-sizing: border-box;
  border-radius: 100%;
  border-color: #ff5555;
  color: #ff5555;
  background-color: #FCE7E4;
  vertical-align: middle;
}
.m-counter.m-counter-round .count {
  vertical-align: middle;
}
.m-counter.m-counter-round .count .em {
  font-size: 1.33333rem;
  font-weight: normal;
}
.s-txt-warn {
  color: #ff5555 !important;
}
.s-txt-live {
  color: #FF3A52 !important;
}
.s-txt-guide {
  color: #ffaa04 !important;
}
.s-txt-normal {
  color: #bbb !important;
}
.s-txt-strong {
  font-weight: bold;
}
.s-green-normal {
  color: #0DB14B !important;
}
.f-txt-middle {
  font-size: 1.25rem !important;
}
.f-txt-small {
  font-size: 1.08333rem !important;
}
.s-bg-live {
  background-color: #FF3A52 !important;
}
.s-border-live {
  border-color: #FF3A52 Imp !important;
}
.m-tagLst {
  font-size: 0;
  background-color: #fff;
}
.m-tagLst .u-tag {
  display: inline-block;
  margin: 0 0.58333rem 0.58333rem 0;
}
.m-tagLst .name,
.m-tagLst .tag,
.m-tagLst .u-tag {
  white-space: nowrap;
}
.m-planInfo {
  padding: 0.83333rem 1.5rem;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.m-planInfo > .planBtnWrap {
  text-align: center;
}
.m-planInfo > .planBtnWrap .btn {
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.5rem;
}
.m-planInfo .title {
  font-size: 1.08333rem;
  font-weight: normal;
  color: #bbb;
}
.m-planInfo .table {
  width: 100%;
  margin: 1.25rem 0;
}
.m-planInfo .tags {
  margin-bottom: -1.08333rem;
}
.m-planInfo .tags .name {
  display: inline-block;
  font-size: 1.08333rem;
  color: #bbb;
}
.m-table1 {
  border: 1px solid #eee;
  background-color: #f8f8f8;
  line-height: 1.5rem;
  text-align: left;
}
.m-table1 .w15 {
  width: 15%;
}
.m-table1 thead {
  border-bottom: 1px solid #eee;
  color: #bbb;
  font-size: 1.08333rem;
}
.m-table1 thead th {
  padding: 0.5rem;
  text-align: left;
}
.m-table1 tbody {
  color: #bbb;
}
.m-table1 tbody td {
  padding: 0.5rem;
  box-sizing: border-box;
  text-align: left;
}
.u-tag {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.83333rem;
  font-size: 1.08333rem;
  color: #bbb;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 10px;
}
.u-tag.z-active {
  color: #FF3A52;
  border-color: #FF3A52;
}
.u-tag-bright {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.83333rem;
  font-size: 1.08333rem;
  color: #FF3A52;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 10px;
}
.m-commentStars .star {
  display: inline-block;
  margin-right: 0.5rem;
  width: 1.66667rem;
  height: 1.66667rem;
  background-image: url('https://img.qingchengfit.cn/6ca95b1a0ddd9930efbdbca28f322576.png');
  background-size: 100% 100%;
}
.m-commentStars .star.z-active {
  background-image: url('https://img.qingchengfit.cn/a80a477a615257ed33c59b7b5d4acd12.png');
}
@keyframes loadingRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fade-transition {
  transition: all 0.3s ease;
}
.fade-enter,
.fade-leave {
  opacity: 0;
}
.slide-transition {
  transition: all 0.3s ease;
}
.slide-enter,
.slide-leave {
  transform: translate3d(0, 500px, 0);
}
.h-impenetrableParent {
  transform-style: preserve-3d;
}
.h-impenetrable {
  transform: translateZ(100px);
}
.m-form {
  overflow: hidden;
  background-color: #fff;
}
.m-form.transparent {
  background-color: transparent;
}
.m-form .formWrap {
  margin-left: 1.25rem;
  padding: 0.41667rem 0;
  font-size: 0;
  vertical-align: middle;
  color: #333;
  border-bottom: solid 1px #eee;
}
.m-form .formWrap:last-child {
  border-bottom: none;
}
.m-form .formWrap .left,
.m-form .formWrap .right {
  display: inline-block;
  font-size: 1.25rem;
  box-sizing: border-box;
  vertical-align: middle;
}
.m-form .formWrap .left.text,
.m-form .formWrap .right.text {
  text-align: center;
  color: #ccc;
}
.m-form .formWrap .left {
  width: 25%;
  text-align: left;
}
.m-form .formWrap .left.left-60 {
  width: 60%;
}
.m-form .formWrap .left.left-44 {
  width: 44%;
}
.m-form .formWrap .right {
  width: 75%;
  padding: 0 1.25rem;
  text-align: right;
  border-left: solid 0.08333rem #eee;
  color: #7f7f7f;
}
.m-form .formWrap .right.clean {
  border: none;
}
.m-form .formWrap .right.right-40 {
  width: 40%;
}
.m-form .formWrap .right.right-56 {
  width: 56%;
}
.m-form .formWrap .right input {
  text-align: right;
  color: #7f7f7f;
}
.m-form .formWrap .labelWrap,
.m-form .formWrap .inputWrap {
  height: 3.33333rem;
  line-height: 3.33333rem;
}
.m-form .formWrap .inputWrap input {
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  font-size: 1.25rem;
}
.m-form .formWrap .inputWrap input[type='date'],
.m-form .formWrap .inputWrap .select {
  height: 3.33333rem;
  line-height: 3.33333rem;
  vertical-align: middle;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  direction: rtl;
  text-align: right;
}
.m-form .formWrap .inputWrap .radioWrap {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 3.83333rem;
  position: relative;
}
.m-form .formWrap .inputWrap .radioWrap .radio {
  position: absolute;
  left: -833.25rem;
}
.m-form .formWrap .inputWrap .radioWrap .radio + i {
  position: absolute;
  left: -1.58333rem;
  top: 50%;
  margin-top: -8PX;
  width: 14PX;
  height: 14PX;
  background: url('https://img.qingchengfit.cn/ce2fd69cd112769ea261739e1ec6903d.png') no-repeat;
  background-size: 100%;
}
.m-form .formWrap .inputWrap .radioWrap .radio:checked + i {
  background: url('https://img.qingchengfit.cn/431d51fe15394cd420cc6e7fa30b6b2d.png') no-repeat;
  background-size: 100%;
}
.m-form .selectWrap {
  display: block;
  position: relative;
}
.m-form .selectWrap .icn {
  position: absolute;
  right: 0.75rem;
  top: 50%;
}
.m-form .selectWrap .icn.u-icon-arrow-down {
  margin-top: -0.5rem;
}
.m-form .imgWrap {
  width: 6.66667rem;
  height: 6.66667rem;
  margin: 1.66667rem auto;
  position: relative;
  border-radius: 100%;
  overflow: hidden;
  background: url('https://img.qingchengfit.cn/5e2af2a8f13d6ee972b5dedee8988e46.png') center no-repeat;
  background-size: cover;
}
.m-form .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-form .imgWrap input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.m-form .labelWrap {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.41667rem;
}
.m-form .labelWrap > input[type="radio"] {
  position: absolute;
  left: -833.25rem;
}
.m-form .labelWrap > input[type="radio"]:checked + i {
  display: inline-block;
  width: 1.33333rem;
  height: 1rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/efcf2cacbdf43fe3df6f75365a83d477.png');
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5rem;
}
.m-form .labelWrap > input[type="checkbox"] {
  position: absolute;
  left: -833.25rem;
}
.m-form .labelWrap > input[type="checkbox"] + i {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/ce2fd69cd112769ea261739e1ec6903d.png');
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1rem;
  pointer-events: none;
}
.m-form .labelWrap > input[type="checkbox"]:checked + i,
.m-form .labelWrap > input[type="checkbox"].z-checked + i {
  background-image: url('https://img.qingchengfit.cn/431d51fe15394cd420cc6e7fa30b6b2d.png');
}
.m-inputWrap {
  position: relative;
}
.m-inputWrap > input[type='checkbox'] {
  position: absolute;
  left: -833.25rem;
}
.m-inputWrap > input[type='checkbox'] + i {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('https://img.qingchengfit.cn/ce2fd69cd112769ea261739e1ec6903d.png');
  pointer-events: none;
  vertical-align: middle;
}
.m-inputWrap > input[type='checkbox']:checked + i,
.m-inputWrap > input[type='checkbox'].z-checked + i {
  background-image: url('https://img.qingchengfit.cn/431d51fe15394cd420cc6e7fa30b6b2d.png');
}
.m-ads {
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
}
.m-ads > li {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.m-ads > li > a {
  display: block;
  width: 100%;
}
.m-ads > li > a > img {
  display: block;
  width: 100%;
}
.m-waring {
  padding: 1.66667rem;
  background-color: #FFF4E5;
  font-size: 0;
}
.m-waring .icn {
  display: inline-block;
  vertical-align: middle;
}
.m-waring .txt {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-size: 1.16667rem;
  width: 100%;
  box-sizing: border-box;
  margin-left: -3.33333rem;
  padding-left: 4.16667rem;
}
.m-waring .txt > a {
  color: #4990E2;
  text-decoration: underline;
}
.m-customerHeader {
  font-size: 0;
  line-height: 0;
  background-color: #FF3A52;
  height: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-customerHeader > .txtWrap {
  color: #fff;
  line-height: 5rem;
  width: 100%;
  box-sizing: border-box;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  font-size: 1.5rem;
}
.m-customerHeader > .txtWrap.txt-left {
  text-align: left;
}
.m-customerHeader > .txtWrap.txt-right {
  text-align: right;
}
.m-customerHeader > .actionWrap {
  z-index: 2;
  width: 6rem;
  height: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}
.m-customerHeader > .actionWrap .icn {
  background-size: 100%;
}
.m-customerHeader > .actionWrap .m-notice {
  display: inline-block;
}
.m-customerHeader.m-customerHeader-narrow > .txtWrap {
  height: 3.83333rem;
  line-height: 3.83333rem;
}
.m-header-banner {
  text-align: center;
  margin-top: 1.66667rem;
}
.m-header-banner > .icn {
  margin-bottom: 1.25rem;
}
.m-header-banner > h4 {
  font-size: 1.5rem;
  line-height: 2.08333rem;
  color: #333;
}
.m-header-banner > p {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #bbb;
  margin-top: 0.33333rem;
}
.m-header-tiny {
  margin: 1.25rem;
  font-size: 1.08333rem;
  line-height: 1.75rem;
  color: #7f7f7f;
}
.m-header-tiny > a {
  font-size: 1.25rem;
}
.m-noticeList > li {
  margin-left: 2rem;
  line-height: 0;
  font-size: 0;
}
.m-noticeList > li > .imgWrap {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.m-noticeList > li > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-noticeList > li > .txtWrap {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  margin-left: -4rem;
  padding-left: 5rem;
}
.m-noticeList > li > .txtWrap > .inner {
  padding: 1.5rem 5rem 1.5rem 0;
  border-bottom: solid 1px #eee;
}
.m-noticeList > li > .txtWrap > .inner h5 {
  font-size: 1.16667rem;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
}
.m-noticeList > li > .txtWrap > .inner p {
  font-size: 1.08333rem;
  line-height: 1.5;
  color: #666;
}
.m-noticeList > li > .icn {
  display: inline-block;
  vertical-align: middle;
  margin-left: -2.5rem;
}
.m-noticeList > li.z-mark::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: -100%;
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 100%;
  background-color: #ff5555;
  position: relative;
  left: 0.5rem;
}
.m-noticeDetail > header {
  min-height: 7rem;
  box-sizing: border-box;
  border-bottom: solid 1px #eee;
  padding: 1.25rem 1.66667rem;
}
.m-noticeDetail > header > .txtWrap {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  margin-right: -5rem;
  padding-right: 5rem;
}
.m-noticeDetail > header > .txtWrap h5 {
  font-size: 1.16667rem;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
  margin-bottom: 0.41667rem;
}
.m-noticeDetail > header > .txtWrap p {
  font-size: 1.08333rem;
  line-height: 1.5;
  color: #666;
}
.m-noticeDetail > header > .imgWrap {
  display: inline-block;
  vertical-align: top;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  overflow: hidden;
}
.m-noticeDetail > header > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-noticeDetail > section {
  padding: 1rem 1.66667rem;
  font-size: 1.08333rem;
}
.m-noticeDetail > section img {
  max-width: 100% !important;
}
.m-notice {
  position: relative;
  padding: 0 1.33333rem 0 0.83333rem;
  height: 3.33333rem;
  box-sizing: border-box;
  border-top-left-radius: 1.66667rem;
  border-bottom-left-radius: 1.66667rem;
  border-right: none;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  font-size: 0;
  line-height: 3.16667rem;
}
.m-notice.simple {
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0 0.66667rem;
}
.m-notice.simple .txt {
  display: none;
}
.m-notice .mark {
  position: absolute;
  top: 0.5rem;
  left: 2.75rem;
  width: 0.66667rem;
  height: 0.66667rem;
  box-sizing: border-box;
  background-color: #ff5555;
  border: solid 1px #fff;
  border-radius: 100%;
}
.m-notice .icn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1.5rem;
}
.m-notice .dot {
  position: absolute;
  top: 0.58333rem;
  left: 1.91667rem;
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
  background-color: #ff5555;
}
.m-notice .txt {
  font-size: 1.16667rem;
  color: #fff;
  vertical-align: middle;
  margin-left: 0.41667rem;
}
.m-notice .txt sup {
  line-height: 1.5;
}
.m-loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background-color: #f8f8f8;
  text-align: center;
}
.m-loading > i {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 60%;
  width: 40PX;
  height: 40PX;
  border-radius: 100%;
  border: solid 4PX #FF3A52;
  animation: loadingRotate 1.2s infinite linear;
  -webkit-animation: loadingRotate 1.2s infinite linear;
  -moz-animation: loadingRotate 1.2s infinite linear;
}
.m-loading > i::after {
  content: '';
  position: absolute;
  left: 50%;
  top: -14PX;
  width: 24PX;
  height: 24PX;
  border-radius: 100%;
  background-color: #f8f8f8;
}
.m-loading > p {
  font-size: 12PX;
  color: #888;
  margin-top: 10PX;
}
.m-richText {
  width: 100%;
  padding: 1.25rem 1.66667rem;
  font-size: 1.08333rem;
  box-sizing: border-box;
  line-height: 1.4em;
  background-color: #fff;
  overflow: hidden;
}
.m-richText img {
  max-width: 100% !important;
}
.m-list > li {
  padding: 1.66667rem 1.25rem;
  border-bottom: solid 1px #eee;
  font-size: 0;
  background-color: #fff;
}
.m-list > li > .imgWrap {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border: solid 1px #eee;
}
.m-list > li > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-list > li > .imgWrap .firstOrderImg {
  width: 100%;
  height: 100%;
}
.m-list > li > .imgWrap .firstOrderImg > li {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.m-list > li > .txtWrap {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.m-list > li > .txtWrap h5 {
  font-size: 1.16667rem;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
  margin-bottom: 0.41667rem;
}
.m-list > li > .txtWrap h5 .txt,
.m-list > li > .txtWrap h5 .icn {
  vertical-align: middle;
  margin-right: 0.41667rem;
}
.m-list > li > .txtWrap p {
  font-size: 1.08333rem;
  line-height: 1.5;
  color: #666;
}
.m-list > li > .txtWrap.txtWrap-main {
  width: 100%;
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5.83333rem;
  padding-right: 5.83333rem;
}
.m-list > li > .txtWrap.txtWrap-aside {
  width: 5rem;
}
.m-list-banner > li {
  padding: 1rem 0.83333rem 0 0.83333rem;
  background-color: #fff;
  margin: 1.25rem 0;
}
.m-list-banner > li > .bannerWrap {
  height: 0;
  width: 100%;
  padding-bottom: 5 / 9 * 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: #f4f4f4;
}
.m-list-banner > li > .bannerWrap::after {
  content: '';
  width: 100%;
  height: 6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  background: linear-gradient(to bottom, transparent, #000);
}
.m-list-banner > li > .bannerWrap h4 {
  font-size: 1.41667rem;
  line-height: 2rem;
  position: absolute;
  bottom: 2.25rem;
  left: 0.83333rem;
  z-index: 1;
}
.m-list-banner > li > .bannerWrap p {
  font-size: 1.08333rem;
  line-height: 1.41667rem;
  position: absolute;
  bottom: 0.66667rem;
  left: 0.83333rem;
  z-index: 1;
}
.m-list-banner > li > .tipWrap p {
  font-size: 1.08333rem;
  line-height: 4.16667rem;
  color: #bbb;
}
.m-list-banner > li > .tipWrap p.main {
  font-size: 1.25rem;
  font-weight: bolder;
  color: #FF3A52;
}
.m-list-banner > li > .tipWrap p.main.main-large {
  font-size: 1.5rem;
}
.m-list-banner > li.z-disabled > .tipWrap p.main {
  color: #bbb;
}
.m-list-training > li {
  padding: 0 1.25rem;
  margin: 1.25rem 0;
  background-color: #fff;
}
.m-list-training > li > header > p {
  line-height: 3.16667rem;
  color: #bbb;
  font-size: 1.08333rem;
}
.m-list-training > li > header > p > .icn,
.m-list-training > li > header > p > .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.m-list-training > li > header > p > .icn {
  margin-right: 0.41667rem;
}
.m-list-training > li > header > p.main {
  color: #FF3A52;
}
.m-list-training > li > section {
  font-size: 0;
  padding-bottom: 1.66667rem;
}
.m-list-training > li > section > .imgWrap {
  width: 9rem;
  height: 6.75rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  background-color: #f4f4f4;
}
.m-list-training > li > section > .txtWrap {
  width: 100%;
  box-sizing: border-box;
  margin-left: -9rem;
  padding-left: 9.83333rem;
  min-height: 6.75rem;
  padding-bottom: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.m-list-training > li > section > .txtWrap > h4 {
  font-size: 1.41667rem;
  line-height: 1.5;
  color: #333;
  max-height: 4.5rem;
  overflow: hidden;
}
.m-list-training > li > section > .txtWrap > p {
  position: absolute;
  bottom: 0;
  font-size: 1.16667rem;
  line-height: 1.5rem;
  color: #bbb;
}
.m-list-training > li > section > .txtWrap > p::after {
  content: '';
  width: 1.66667rem;
  height: 1PX;
  background-color: #eee;
  position: absolute;
  left: 0;
  top: -0.41667rem;
}
.m-list-training > li > footer {
  position: relative;
  margin-top: -0.41667rem;
}
.m-list-training > li > footer > p {
  line-height: 4.16667rem;
  color: #bbb;
  font-size: 1.08333rem;
  margin-right: 9.16667rem;
}
.m-list-training > li > footer > p .sub {
  color: #333;
  font-size: 1.66667rem;
}
.m-list-training > li > footer > .btn {
  position: absolute;
  right: 0;
  top: 0.66667rem;
}
.m-list-2 {
  padding: 1.16667rem 2.33333rem 1.16667rem 1.66667rem;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
}
.m-list-2 .des {
  font-size: 1.08333rem;
  color: #666;
  line-height: 1.5;
  text-align: left;
}
.m-list-2 .divider {
  display: block;
  margin: 0.83333rem -3.16667rem 0.83333rem -2.5rem;
  height: 0;
  border-bottom: 1px dashed #eee;
}
.m-list-2 .divider:before,
.m-list-2 .divider:after {
  content: '';
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  margin-top: -0.83333rem;
  background-color: #f8f8f8;
  border-radius: 20px;
}
.m-list-2 .divider:before {
  float: left;
  border-right: 1px solid #eee;
}
.m-list-2 .divider:after {
  float: right;
  border-left: 0.08333rem solid #eee;
}
.m-list-2 .lists > li {
  padding: 0.83333rem 0;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.m-list-2 .lists > li:last-child {
  border-bottom: none;
}
.m-list-2 .lists > li > .imgWrap {
  display: inline-block;
  width: 3.33333rem;
  height: 3.33333rem;
  border-radius: 20px;
  background-color: #eee;
  margin-right: 0.5rem;
  vertical-align: middle;
  overflow: hidden;
}
.m-list-2 .lists > li > .imgWrap > img {
  width: 100%;
}
.m-list-2 .lists > li > .txtWrap {
  display: inline-block;
  vertical-align: middle;
}
.m-list-2 .lists > li > .txtWrap > h5 {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
  font-weight: normal;
}
.m-list-2 .lists > li .right {
  float: right;
  font-size: 1.08333rem;
  color: #666;
  line-height: 3.33333rem;
}
.m-list-circle {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: 2rem;
}
.m-list-circle > li {
  display: inline-block;
  width: 50%;
  margin-bottom: 2rem;
  vertical-align: top;
}
.m-list-circle.m-list-circle-odd > li:first-child {
  margin-left: 25%;
  margin-right: 25%;
}
.m-list-attendance > li {
  padding: 1rem 0;
  font-size: 0;
  line-height: 0;
}
.m-list-attendance > li > .imgWrap {
  display: inline-block;
  vertical-align: middle;
  width: 3.33333rem;
  height: 3.33333rem;
  box-sizing: border-box;
  border: solid 1px #eee;
  border-radius: 100%;
  overflow: hidden;
}
.m-list-attendance > li > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-list-attendance > li > .txtWrap {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: -3.33333rem;
  padding-left: 4.16667rem;
  margin-right: -15.83333rem;
  padding-right: 16.66667rem;
}
.m-list-attendance > li > .txtWrap > h4 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #333;
  line-height: normal;
}
.m-list-attendance > li > .mainWrap {
  display: inline-block;
  vertical-align: middle;
  width: 15.83333rem;
  box-sizing: border-box;
  padding-right: 0.83333rem;
  text-align: right;
}
.m-list-sup {
  font-size: 0;
  line-height: 0;
}
.m-list-sup > li {
  display: inline-block;
  width: 3.75rem;
}
.m-list-rank {
  background-color: #fff;
}
.m-list-rank > li {
  padding: 1.66667rem 0;
  font-size: 0;
}
.m-list-rank > li > .rankWrap {
  display: inline-block;
  vertical-align: middle;
  width: 5.83333rem;
  text-align: center;
  color: #333;
  font-size: 1.33333rem;
}
.m-list-rank > li > .imgWrap {
  display: inline-block;
  vertical-align: middle;
  width: 3.33333rem;
  height: 3.33333rem;
  border-radius: 100%;
  overflow: hidden;
}
.m-list-rank > li > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-list-rank > li > .txtWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -9.16667rem;
  padding-left: 10rem;
  margin-right: -9.16667rem;
  padding-right: 9.16667rem;
}
.m-list-rank > li > .txtWrap.txtWrap-long {
  margin-left: -5.83333rem;
  padding-left: 5.83333rem;
}
.m-list-rank > li > .countWrap {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 9.16667rem;
  padding-right: 1.25rem;
  text-align: right;
  position: relative;
}
.m-list-rank > li > .countWrap > .ab {
  position: absolute;
  right: 1.25rem;
}
.m-list-rank > li p {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.75rem;
}
.m-list-rank > li p.sub {
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.41667rem;
}
.m-list-rank > li p.main {
  font-size: 1.5rem;
  line-height: normal;
}
.m-list-rank > li p > i {
  color: #bbb;
  font-size: 1rem;
  transform: scale(10/12);
  padding-left: 2PX;
}
.m-list-rank > li.z-active > .rankWrap {
  color: #FF3A52;
  font-size: 1.66667rem;
}
.m-userSelectList {
  background-color: #fff;
}
.m-userSelectList > li {
  padding: 1.25rem 0 1.25rem 1.25rem;
  margin-left: 7.08333rem;
  border-bottom: 1px solid #eee;
}
.m-userSelectList > li:last-child {
  border-bottom: none;
}
.m-userSelectList > li .selectWrap {
  float: left;
  margin-left: -7.08333rem;
  line-height: 4rem;
}
.m-userSelectList > li .selectWrap .label {
  font-size: 1.08333rem;
  color: #666;
}
.m-userSelectList > li .selectWrap .label > i {
  width: 1.5rem;
  height: 1.5rem;
}
.m-userSelectList > li .selectWrap .label > span {
  display: inline-block;
  margin-left: 0.5rem;
}
.m-userSelectList > li .infoWrap .imgWrap {
  width: 4rem;
  height: 4rem;
  margin-right: 1.25rem;
  display: inline-block;
  border-radius: 30px;
  background-color: #eee;
  vertical-align: middle;
  overflow: hidden;
}
.m-userSelectList > li .infoWrap .imgWrap > img {
  width: 100%;
}
.m-userSelectList > li .infoWrap .txtInfo {
  display: inline-block;
  vertical-align: middle;
}
.m-userSelectList > li .infoWrap .txtInfo > h5 {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
  font-weight: normal;
}
.m-userSelectList > li .infoWrap .txtInfo .txt {
  font-size: 1.08333rem;
  color: #7f7f7f;
  line-height: 1.5;
}
.m-border-list {
  background-color: #fff;
  border: 1px solid #eee;
}
.m-border-list > li {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #eee;
  font-size: 1.16667rem;
  color: #7f7f7f;
}
.m-border-list > li span.title {
  display: inline-block;
  width: 7rem;
  font-size: 1.16667rem;
  color: #333;
}
.m-border-list > li:last-child {
  border-bottom: none;
}
.m-panel2 {
  background-color: #fff;
  margin-top: 1.25rem;
  padding: 0 1.25rem;
  overflow: hidden;
}
.m-panel2 > header {
  line-height: 4.16667rem;
  font-size: 0;
}
.m-panel2 > header > h4 {
  font-size: 1.33333rem;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -11.66667rem;
  padding-right: 11.66667rem;
  box-sizing: border-box;
}
.m-panel2 > header > a {
  color: #FF3A52;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 11.66667rem;
  text-align: right;
}
.m-panel2 > header > a > .icn,
.m-panel2 > header > a > .txt {
  display: inline-block;
  vertical-align: middle;
}
.m-panel2 > header > a > .txt {
  line-height: normal;
  margin: 0 0.5rem;
  font-size: 1.16667rem;
}
.m-panel2 > header > p {
  color: #bbb;
  font-size: 1.08333rem;
  line-height: 1.25rem;
  margin-top: -1.08333rem;
}
.m-panel2 > header.center h4 {
  font-size: 1.41667rem;
  margin-right: 0;
  padding-right: 0;
  text-align: center;
}
.m-panel2 > header.height {
  line-height: 5rem;
}
.m-panel2 > section {
  margin: 0 auto 2rem;
}
.m-panel2 > section.section-right {
  margin: 0 -1.25rem 0 0;
}
.m-panel2 > section.section-right > header {
  line-height: 3.33333rem;
  font-size: 1.16667rem;
  color: #333;
}
.m-panel2 > section.section-right > ul {
  padding-left: 2.08333rem;
}
.m-panel2 > section.section-center {
  margin: 1.66667rem 0;
  text-align: center;
}
.m-panel2 > section.section-center > p {
  font-size: 1.33333rem;
  color: #bbb;
}
.m-panel2.mt-clean {
  margin-top: 0;
}
.m-panel2.mb-clean {
  margin-bottom: 0;
}
.m-panel-hr {
  background: #fff url('https://img.qingchengfit.cn/1a89ef3ca79220d2940e45dd4fcc0fe0.png') no-repeat bottom;
  background-size: contain;
  padding: 2.5rem 1.66667rem;
  text-align: center;
  position: relative;
}
.m-panel-hr .imgWrap {
  width: 5.33333rem;
  height: 5.33333rem;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.m-panel-hr .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-panel-hr .ctnWrap {
  display: -ms-flexbox;
  display: flex;
  height: 5.33333rem;
  margin-left: 5.33333rem;
  margin-right: 0.83333rem;
}
.m-panel-hr .ctnWrap > section {
  -ms-flex: 1;
      flex: 1;
  min-width: 60px;
}
.m-panel-hr .ctnWrap > section p {
  color: #7f7f7f;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.33333rem;
}
.m-panel-hr .ctnWrap > section h3 {
  color: #FF3A52;
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: normal;
}
.m-panel-hr::after {
  content: '\e652';
  font-family: "iconfont";
  font-size: 1.33333rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FF3A52;
  position: absolute;
  right: 1.25rem;
  top: 5.33333rem;
}
.m-notes {
  padding: 0.83333rem 1.25rem;
  line-height: 0;
  font-size: 0;
  background-color: #fff;
}
.m-notes .mainWrap,
.m-notes .subWrap {
  display: inline-block;
  vertical-align: middle;
}
.m-notes .mainWrap {
  width: 100%;
  box-sizing: border-box;
  margin-right: -6.66667rem;
  padding-right: 7.5rem;
}
.m-notes .subWrap {
  width: 6.66667rem;
  text-align: right;
  font-size: 1.08333rem;
}
.m-notes .subWrap .txt,
.m-notes .subWrap .icn {
  display: inline-block;
  vertical-align: middle;
}
.m-notes p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
}
.m-notes p.sub {
  font-size: 1.08333rem;
  line-height: 1.5rem;
  color: #bbb;
  margin-bottom: 0.33333rem;
}
@font-face {
  font-family: 'iconfont';
  /* project id 278945 */
  src: url('//at.alicdn.com/t/font_278945_sm9ssqikda.eot');
  src: url('//at.alicdn.com/t/font_278945_sm9ssqikda.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_278945_sm9ssqikda.woff2') format('woff2'), url('//at.alicdn.com/t/font_278945_sm9ssqikda.woff') format('woff'), url('//at.alicdn.com/t/font_278945_sm9ssqikda.ttf') format('truetype'), url('//at.alicdn.com/t/font_278945_sm9ssqikda.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.33333rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flag::before {
  content: '\e620;';
}
.icon-user::before {
  content: '\e621;';
}
.icon-arrow-right::before {
  content: '\e61e';
}
.icon-arrow-down::before {
  content: '\e632';
}
.icon-arrow-top::before {
  content: '\e633';
}
.icon-prev::before {
  content: '\e651';
}
.icon-next::before {
  content: '\e652';
}
.icon-private::before {
  content: '\e629';
}
.icon-group::before {
  content: '\e627';
}
.icon-clock::before {
  content: '\e628';
}
.icon-edit::before {
  content: '\e62e';
}
.icon-male::before {
  content: '\e62d';
  color: #3BBFF6;
}
.icon-female::before {
  content: '\e62c';
  color: #FE7AB1;
}
.icon-plus::before {
  content: '\e62a';
}
.icon-minus::before {
  content: '\e62b';
}
.icon-wrong::before {
  content: '\e609';
}
.icon-courseMsg::before {
  content: '\e637';
}
.icon-sign-private::before {
  content: '\e640';
}
.icon-sign-group::before {
  content: '\e63f';
}
.icon-hr::before {
  content: '\e608';
}
.icon-measure::before {
  content: '\e60a';
}
.icon-burning::before {
  content: '\e60b';
}
.icon-rank::before {
  content: '\e60c';
}
.icon-member::before {
  content: '\e682';
}
.icon-cost::before {
  content: '\e683';
}
.icon-card::before {
  content: '\e684';
}
.icon-shop::before {
  content: '\e685';
}
.icon-limits::before {
  content: '\e681';
}
.icon-terms::before {
  content: '\e680';
}
.icon-loading::before {
  content: '\e602';
}
.icon-sand-clock::before {
  content: '\e6d6';
}
.icon-question::before {
  content: '\e631';
}
@font-face {
  font-family: "number_bold";
  src: url("/static/mobile_v2/fonts/number_bold.eot");
  /* IE9 */
  src: url("/static/mobile_v2/fonts/number_bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/static/mobile_v2/fonts/number_bold.woff") format("woff"), /* chrome, firefox */ url("/static/mobile_v2/fonts/number_bold.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("/static/mobile_v2/fonts/number_bold.svg#numberfont") format("svg");
  /* iOS 4.1- */
}
.numberfont {
  font-family: "number_bold" !important;
}
.svgicon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.m-tabs {
  background-color: #fff;
  font-size: 0;
}
.m-tabs > li {
  display: inline-block;
  vertical-align: text-top;
  box-sizing: border-box;
  color: #bbb;
  font-size: 1.41667rem;
  text-align: center;
  line-height: 3.33333rem;
  border: none;
  border-bottom: solid 3px transparent;
}
.m-tabs > li.z-active {
  border-bottom: solid 3px #FF3A52;
  color: #FF3A52;
}
.m-tabs.m-tabs-1 > li {
  width: 100%;
}
.m-tabs.m-tabs-2 > li {
  width: 50%;
}
.m-tabs.m-tabs-3 > li {
  width: 33.3333333%;
}
.m-tabs.m-tabs-4 > li {
  width: 25%;
}
.m-tabs-slim {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-tabs-slim > li {
  -ms-flex: 1;
      flex: 1;
  position: relative;
  padding: 0 0.83333rem;
  color: #999;
  font-size: 1.25rem;
  border-bottom: none;
}
.m-tabs-slim > li.z-active {
  color: #333;
  border-bottom: none;
}
.m-tabs-slim > li.z-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 1rem;
  height: 0.33333rem;
  background-color: #FF3A52;
}
.m-tabs-center {
  text-align: center;
}
.m-tabs-center > li {
  padding: 0 0.25rem;
  margin: 0 1.66667rem;
  line-height: 4rem;
  color: #bbb;
  position: relative;
  z-index: 1;
}
.m-tabs-center > li.z-active {
  color: #FF3A52;
  border-bottom: solid 2px #FF3A52;
  font-size: 1.25rem;
}
.m-tabs-center > li.z-mark::before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #ff5555;
  position: absolute;
  left: -0.83333rem;
  top: 50%;
  margin-top: -0.25rem;
}
.m-tabs-bottom {
  box-shadow: 0 -1PX 0 #eee;
}
.m-tabs-bottom > li {
  font-size: 1.41667rem;
  color: #bbb;
  line-height: 3.83333rem;
}
.m-tabs-bottom > li.z-active {
  border-bottom: none;
  font-size: 1.41667rem;
  color: #FF3A52;
}
.m-measurePreview > .title {
  padding: 1.25rem;
  box-sizing: border-box;
  font-weight: normal;
  color: #333;
  font-size: 1.25rem;
}
.popup {
  border-top: 0.16667rem solid #04BE02;
}
.m-popup .headerWrap {
  position: relative;
  height: 4.16667rem;
  line-height: 4.16667rem;
  border-bottom: 2px solid #FF3A52;
  color: #FF3A52;
  text-align: center;
  background-color: #fff;
  font-size: 1.33333rem;
}
.m-popup .headerWrap .icon {
  position: absolute;
  top: 0rem;
  left: 1rem;
  font-size: 1.5rem;
  color: #aaa;
}
.popup-mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: -1;
}
.popup-mask.popup-show {
  opacity: 1;
  z-index: 99;
  transition: opacity 0.3s;
}
.popup-dialog {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #eee;
  max-height: 100%;
  overflow: auto;
  z-index: 131;
  transition-property: transform;
  transition-duration: 300ms;
}
.popup-enter {
  transform: translate3d(0, 100%, 0);
}
.popup-leave {
  transform: translate3d(0, 100%, 0);
}
.m-spinner {
  margin: 0 auto;
  width: 15.33333rem;
  padding: 2.08333rem 0;
  background-color: rgba(0, 0, 0, 0.62);
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.m-spinner .icon {
  width: 1.66667rem;
  height: 1.66667rem;
  margin-bottom: 1.25rem;
}
.m-stars {
  margin: 0 -1px;
  position: relative;
  overflow: hidden;
}
.m-stars .bg > .item {
  background-image: url('https://img.qingchengfit.cn/6ca95b1a0ddd9930efbdbca28f322576.png');
}
.m-stars .cover {
  position: absolute;
  left: 0;
  top: 0;
}
.m-stars .cover > .item {
  background-image: url('https://img.qingchengfit.cn/a80a477a615257ed33c59b7b5d4acd12.png');
}
.m-stars .cover > .item.sub {
  background-image: none;
}
.m-stars .cover > .item.sub .mask {
  overflow: hidden;
}
.m-stars .cover > .item.sub .mask .star {
  background-image: url('https://img.qingchengfit.cn/a80a477a615257ed33c59b7b5d4acd12.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 11px;
  height: 10px;
  display: block;
}
.m-stars .item {
  float: left;
  padding: 0;
  width: 11px;
  height: 10px;
  margin: 0 1px;
  background-size: cover;
  background-repeat: no-repeat;
}
.m-empty {
  overflow: hidden;
  text-align: center;
}
.m-empty .icn {
  display: inline-block;
  margin-top: 5rem;
}
.m-empty .txtWrap {
  margin: 1.66667rem 0 0.83333rem 0;
}
.m-empty .txtWrap > p {
  font-size: 1.25rem;
  line-height: 1.66667rem;
  color: #888;
}
.m-empty .txtWrap > p.darkTip {
  color: #333;
}
.m-empty .txtWrap > h5 {
  font-size: 1.41667rem;
  line-height: 2rem;
  color: #333;
  font-weight: normal;
  margin-bottom: 0.66667rem;
}
.m-empty.m-empty-close .icn {
  margin-top: 0;
}
.m-empty.m-empty-narrow .icn {
  margin-top: 1.66667rem;
}
.m-empty.m-empty-white {
  background-color: #fff;
}
.m-emptyClean {
  text-align: center;
}
.m-emptyClean.m-emptyClean-divide {
  padding-top: 2.41667rem;
}
.m-emptyClean > .mainTxtWrap {
  padding-bottom: 0.41667rem;
}
.m-emptyClean > .mainTxtWrap .mainTxt {
  line-height: 2rem;
  color: #333;
  font-size: 1.41667rem;
}
.m-emptyClean > .txtWrap .txt {
  line-height: 1.75rem;
  color: #bbb;
  font-size: 1.25rem;
}
.m-emptyClean > .emptyBtnWrap {
  padding-top: 1.33333rem;
}
.m-emptyClean > .emptyBtnWrap .btn {
  display: inline-block;
  width: auto;
  height: 3.5rem;
  line-height: 3.5rem;
}
.m-emptyClean > .emptyBtnWrap .btn.btn-fixWidth {
  width: 13.75rem;
}
.m-layer {
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -11.25rem;
  width: 22.5rem;
  background-color: #fff;
  border-radius: 5px;
}
.m-layer .mainWrap {
  padding: 1.66667rem 1.66667rem 0;
}
.m-layer .mainWrap.mainWrap-2 {
  padding-bottom: 1.66667rem;
}
.m-layer .mainWrap > .titleWrap {
  text-align: center;
  color: #333;
  font-size: 1.41667rem;
}
.m-layer .mainWrap > .titleWrap .title {
  font-weight: normal;
}
.m-layer .mainWrap .p {
  margin: 0 -1.66667rem;
  padding: 1rem 1.66667rem;
  font-size: 1.08333rem;
  color: #333;
  text-align: center;
  line-height: 1.66667rem;
}
.m-layer .mainWrap .ctnWrap {
  padding: 1.25rem 0;
}
.m-layer .mainWrap .ctnWrap .formWrap {
  display: block;
  padding: 1.25rem 0;
  font-size: 0;
}
.m-layer .mainWrap .ctnWrap .formWrap .titleWrap {
  width: 50%;
  color: #333;
  line-height: 1.5rem;
  display: inline-block;
  font-size: 1.25rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .titleWrap.titleWrap-1 {
  width: 90%;
  vertical-align: middle;
}
.m-layer .mainWrap .ctnWrap .formWrap .titleWrap.titleWrap-1.z-disabled {
  color: #999;
}
.m-layer .mainWrap .ctnWrap .formWrap .titleWrap .span {
  font-size: 1rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .selectWrap {
  display: block;
  position: relative;
}
.m-layer .mainWrap .ctnWrap .formWrap .selectWrap .icn {
  position: absolute;
  right: 0;
  top: 50%;
}
.m-layer .mainWrap .ctnWrap .formWrap .selectWrap .icn.u-icon-arrow-down {
  margin-top: -0.5rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap {
  width: 50%;
  display: inline-block;
  font-size: 0;
  line-height: 1.5rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap .input {
  border: none;
  outline: none;
  text-align: right;
  width: 100%;
  color: #888;
  font-size: 1.25rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap .radioWrap {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 3rem;
  position: relative;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap .radioWrap .radio {
  position: absolute;
  left: -833.25rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap .radioWrap .radio + i {
  position: absolute;
  left: -1.58333rem;
  top: 50%;
  margin-top: -0.58333rem;
  width: 1.16667rem;
  height: 1.16667rem;
  background: url('https://img.qingchengfit.cn/ce2fd69cd112769ea261739e1ec6903d.png') no-repeat;
  background-size: 100%;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap .radioWrap .radio:checked + i {
  background: url('https://img.qingchengfit.cn/431d51fe15394cd420cc6e7fa30b6b2d.png') no-repeat;
  background-size: 100%;
}
.m-layer .mainWrap .ctnWrap .formWrap .inputWrap.inputWrap-1 {
  width: 10%;
}
.m-layer .mainWrap .ctnWrap .formWrap .iconWrap {
  width: 10%;
  position: relative;
}
.m-layer .mainWrap .ctnWrap .formWrap .iconWrap > i {
  position: absolute;
  left: 0.66667rem;
  top: 50%;
}
.m-layer .mainWrap .ctnWrap .formWrap .bigInputWrap {
  width: 100%;
  margin-top: 0.83333rem;
}
.m-layer .mainWrap .ctnWrap .formWrap .bigInputWrap .input {
  width: 90%;
  padding: 0 0.5rem;
  height: 2.16667rem;
  background-color: #f2f2f2;
  line-height: 2.16667rem;
  border: 1px solid #ddd;
}
.m-layer .mainWrap .ctnWrap .innerWrap {
  margin-left: 1.66667rem;
}
.m-layer .mainWrap .ctnWrap.ctnWrap-1 {
  padding: 0;
}
.m-layer .mainCtnWrap {
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.m-layer .btnWrap {
  font-size: 0;
}
.m-layer .btnWrap .btn {
  width: 100%;
  padding: 1rem 0;
  border: none;
  outline: none;
  text-align: center;
  font-size: 1.41667rem;
  line-height: 1.5rem;
  color: #FF3A52;
  background-color: transparent;
  display: inline-block;
  box-sizing: border-box;
}
.m-layer .btnWrap .btn.btn-half {
  width: 50%;
}
.m-layer .btnWrap .btn.btn-sub {
  color: #333;
}
.m-layer .btnWrap .btn.z-disabled {
  color: #888;
}
.m-layer2 {
  position: absolute;
  width: 24.58333rem;
  min-height: 20rem;
  left: 50%;
  margin-left: -12.29167rem;
  transform: translate3d(0, 152px, 0);
  background-color: #fff;
  box-sizing: border-box;
}
.m-layer2 .u-icn-close2 {
  position: absolute;
  right: 0.16667rem;
  top: -4.66667rem;
}
.m-layer-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.m-layer-center .actionWrap {
  padding-top: 3.33333rem;
  text-align: center;
}
.m-layer-center .actionWrap .icon {
  font-size: 3.33333rem;
  color: #fff;
}
.m-layer-bottom {
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  transform: none;
  margin-left: 0;
  width: 100%;
}
.m-layer-bottom .close {
  pointer-events: none;
  position: absolute;
  right: 1.25rem;
  top: -3.75rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.m-layer-bottom .close .icn {
  font-size: 1.25rem;
  color: #666;
}
.m-layer-bottom .close:after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 0.16667rem;
  height: 1.25rem;
  bottom: -1.25rem;
  left: 50%;
  margin-left: -0.08333rem;
}
.m-previewLayer {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-previewLayer > .icn {
  position: absolute;
  right: 0.66667rem;
  top: 0.66667rem;
}
.m-previewLayer .imagesWrap {
  position: absolute;
  top: 5rem;
  left: 0;
  right: 0;
  bottom: 5rem;
  overflow: hidden;
}
.m-previewLayer .imagesWrap .images {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.m-previewLayer .imagesWrap .images .item {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.m-previewLayer .imagesWrap .images .item > img {
  position: absolute;
  left: 50%;
  top: 50%;
}
.m-previewLayer .imagesWrap .images .item > .icn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.66667rem;
  margin-top: -1.66667rem;
}
.m-previewLayer .g-fix-btmWrap .txtWrap {
  margin: 0.75rem 10.83333rem 0 1.5rem;
}
.m-previewLayer .g-fix-btmWrap .txtWrap > p {
  line-height: 1.5;
  font-size: 1rem;
  color: #fff;
}
.m-previewLayer .g-fix-btmWrap .txtWrap > p.sub {
  opacity: 0.7;
}
.m-previewLayer .g-fix-btmWrap .btnWrap {
  position: absolute;
  width: 8.33333rem;
  height: 3.5rem;
  right: 1.25rem;
  top: 0.75rem;
}
.m-previewLayer .g-fix-btmWrap .btnWrap .u-btn {
  vertical-align: middle;
  line-height: 1.5rem;
  font-size: 1.25rem;
  color: #000;
}
.m-previewLayer .g-fix-btmWrap .btnWrap .u-btn i {
  vertical-align: middle;
}
.m-previewLayer .g-fix-btmWrap .btnWrap .u-btn .icn {
  margin-right: 0.41667rem;
}
.m-calendarHeader {
  font-size: 0;
  background-color: #fff;
}
.m-calendarHeader > li {
  display: inline-block;
  width: 25%;
  padding: 0.66667rem 0 1rem 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
}
.m-calendarHeader > li.day .date {
  padding: 0 0 0.5rem 0;
  height: 1.33333rem;
  line-height: 1.33333rem;
  font-size: 1.16667rem;
  color: #333;
}
.m-calendarHeader > li.day .dateName {
  font-size: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #333;
}
.m-calendarHeader > li.day.z-active {
  border-bottom: 3px solid #FF3A52;
}
.m-calendarHeader > li.day.z-active .date {
  color: #FF3A52;
}
.m-calendarHeader > li.day.z-active .dateName {
  color: #FF3A52;
}
.m-calendarHeader .dateIcn img {
  width: 2.5rem;
  height: 2.66667rem;
}
.m-divide {
  text-align: center;
  font-size: 0;
  line-height: 1.5;
}
.m-divide > .txt {
  font-size: 1rem;
  color: #bbb;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 -4.83333rem;
  padding: 0 5.66667rem;
  vertical-align: middle;
}
.m-divide::before,
.m-divide::after {
  content: '';
  height: 1PX;
  width: 4rem;
  background-color: #ddd;
  display: inline-block;
  vertical-align: middle;
}
.m-buttonTabs {
  font-size: 0;
  line-height: 0;
  margin-left: 1PX;
  margin-right: -1PX;
}
.m-buttonTabs > li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  line-height: 2.66667rem;
  font-size: 1.16667rem;
  text-align: center;
  color: #FF3A52;
  background-color: #fff;
  border: solid 1PX #FF3A52;
  margin: 0 -1PX;
}
.m-buttonTabs > li:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.m-buttonTabs > li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.m-buttonTabs > li.z-active {
  background-color: #FF3A52;
  color: #fff;
}
.m-buttonTabs.m-buttonTabs-1 {
  margin-right: -0.08333rem;
  margin-top: 1.5rem;
  margin-bottom: -0.25rem;
}
.m-buttonTabs.m-buttonTabs-1 > li {
  color: #FF3A52;
  border: none;
  background-color: transparent;
  line-height: 1.75rem;
}
.m-buttonTabs.m-buttonTabs-1 > li::before {
  content: '- ';
}
.m-buttonTabs.m-buttonTabs-1 > li::after {
  content: ' -';
}
.m-buttonTabs.m-buttonTabs-2 {
  margin-right: -3PX;
}
.m-buttonTabs.m-buttonTabs-2 > li {
  width: 50%;
}
.m-buttonTabs.m-buttonTabs-3 {
  margin-right: -5PX;
}
.m-buttonTabs.m-buttonTabs-3 > li {
  width: 33.3333%;
}
.m-buttonTabs.m-buttonTabs-4 {
  margin-right: -7PX;
}
.m-buttonTabs.m-buttonTabs-4 > li {
  width: 25%;
}
/**
 * @Author: yxp
 * @Date:   2017-07-28 16:07:14
 * @Last modified by:   yxp
 * @Last modified time: 2017-07-28 16:07:83
 */
.m-pieChart {
  position: relative;
}
.m-pieChart > .chart {
  height: 25rem;
}
.m-pieChart > .inner {
  position: absolute;
  max-width: 16.66667rem;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.m-actionFlow {
  background-color: white;
}
.m-actionFlow .flowBd {
  position: relative;
  overflow: hidden;
  height: 31.25rem;
  overflow-y: auto;
}
.m-actionFlow .flowBd .flowBdInner {
  height: 100%;
  transition: all linear 0.2s;
  transform: translate3d(0, 0, 0);
}
.actionFlowItem {
  position: absolute;
  width: 31.25rem;
  height: 100%;
}
.actionFlowItem .flowHd {
  padding: 0 1rem;
  font-size: 1.16667rem;
  color: #FF3A52;
  line-height: 4.16667rem;
  border-bottom: 2px solid #FF3A52;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.actionFlowItem .flowHd .flowHdCtn {
  -ms-flex: 1;
      flex: 1;
  font-size: 1.41667rem;
  font-weight: normal;
}
.actionFlowItem .flowHd .iconfont {
  color: #bbb;
}
.actionFlowItem .flowContent {
  height: 27.08333rem;
  overflow-y: scroll;
}
.m-supCount {
  text-align: center;
}
.m-supCount h5 {
  font-size: 1.25rem;
  color: #333;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0.33333rem;
  position: relative;
}
.m-supCount h5 > sup {
  font-size: 1rem;
  transform: scale(8/12);
  color: #bbb;
  position: absolute;
  top: -0.41667rem;
  padding-left: 0.16667rem;
}
.m-supCount p {
  font-size: 1rem;
  transform: scale(10/12);
  line-height: 1.16667rem;
  color: #999;
  line-height: normal;
}
/**
 * @Author: yxp
 * @Date:   2017-07-27 16:07:06
 * @Last modified by:   yxp
 * @Last modified time: 2017-08-11 16:08:82
 */
.m-hrDetail {
  background-color: #000;
  color: #7f7f7f;
}
.m-hrDetail > .panel {
  background-color: #1a1a1a;
  margin-bottom: 0.41667rem;
}
.m-hrDetail p {
  font-size: 1rem;
  line-height: 1.33333rem;
}
.m-hrDetail p.white,
.m-hrDetail p .white {
  color: #fff;
}
.m-hrDetail p.highlight,
.m-hrDetail p .highlight {
  color: #00e9cf;
}
.m-hrDetail p.medium,
.m-hrDetail p .medium {
  font-size: 1.16667rem;
  line-height: 1.41667rem;
}
.m-hrDetail p.large,
.m-hrDetail p .large {
  font-size: 2.16667rem;
  line-height: 2.5rem;
}
.m-hrDetail p.larger,
.m-hrDetail p .larger {
  font-size: 2.5rem;
  line-height: 2.91667rem;
}
.m-hrDetail p.huge,
.m-hrDetail p .huge {
  font-size: 4rem;
  line-height: 4.66667rem;
}
.m-hrDetail p.height {
  line-height: 2.91667rem;
}
.m-hrDetail .cols {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.m-hrDetail .cols > li {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box;
  border-right: solid 1PX #333;
}
.m-hrDetail .cols > li:last-child,
.m-hrDetail .cols > li.no-border {
  border-right: none;
}
.m-hrDetail .cols > li .iconfont {
  font-size: 2.66667rem;
  margin-bottom: 0.41667rem;
  display: inline-block;
}
.m-hrDetail .cols > li p {
  font-size: 1.16667rem;
  line-height: 1.66667rem;
}
.m-hrDetail .cols > li p.main {
  font-size: 1.33333rem;
  line-height: 1.83333rem;
}
.m-hrDetail .cols > li p.highlight {
  font-size: 2.33333rem;
  line-height: 2.66667rem;
  margin-bottom: 0.5rem;
}
.m-hrDetail .cols > li .imgWrap {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 0.83333rem;
}
.m-hrDetail .cols > li .imgWrap > img {
  width: 100%;
}
.m-hrDetail > header {
  padding: 2.08333rem 1.25rem;
  font-size: 0;
  line-height: 0;
}
.m-hrDetail > header > .leftWrap {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
}
.m-hrDetail > header > .rightWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -5rem;
  padding-left: 6.25rem;
}
.m-hrDetail > header > .leftWrap {
  height: 5rem;
}
.m-hrDetail > header > .leftWrap > img {
  width: 100%;
}
.m-hrDetail > header > .leftWrap.imgWrap-round {
  border-radius: 100%;
  overflow: hidden;
}
.m-hrDetail > header > .rightWrap h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: #fff;
  margin-bottom: 0.66667rem;
}
.m-hrDetail > header > .rightWrap h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: normal;
  color: #fff;
}
.m-hrDetail > header > .rightWrap p {
  font-size: 1rem;
  line-height: 1.41667rem;
}
.m-hrDetail > header > .cols {
  margin-top: 1.5rem;
}
.m-hrDetail > section {
  text-align: center;
  padding: 1.25rem;
}
.m-hrDetail > section > .title {
  font-size: 1.16667rem;
  line-height: 1.66667rem;
  text-align: left;
  margin-bottom: 1.25rem;
}
.m-hrDetail > section > .title > .icn,
.m-hrDetail > section > .title .txt {
  vertical-align: middle;
  margin-right: 0.41667rem;
}
.m-hrDetail > section > .pie {
  margin-bottom: 2.5rem;
}
.m-hrDetail > section > .bar {
  height: 25rem;
}
.m-hrDetail > .calorie {
  padding: 2.08333rem 1.66667rem;
}
.m-hrDetail > .calorie .highlight {
  margin: 0 0.41667rem;
}
.m-hrDetail > .calorie .cols {
  margin-bottom: 0.41667rem;
}
.m-hrDetail > .shop {
  padding: 1.5rem 2rem;
  text-align: left;
  font-size: 0;
  line-height: 0;
}
.m-hrDetail > .shop > .leftWrap {
  display: inline-block;
  vertical-align: middle;
  width: 5.33333rem;
}
.m-hrDetail > .shop > .rightWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -5.33333rem;
  padding-left: 6.66667rem;
}
.m-hrDetail > .shop > .leftWrap {
  height: 5.33333rem;
  z-index: 1;
  position: relative;
}
.m-hrDetail > .shop > .leftWrap canvas,
.m-hrDetail > .shop > .leftWrap > img {
  width: 100%;
  height: 100%;
}
.m-hrDetail > .shop > .rightWrap .imgWrap-round {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border: solid 1PX #666;
  margin-bottom: 0.5rem;
}
.m-hrDetail > .shop > .rightWrap .imgWrap-round > img {
  width: 100%;
}
.m-hrDetail > .ranks {
  padding: 0;
}
.m-hrDetail > .ranks > .title {
  color: #333;
  font-size: 1rem;
  line-height: 2.66667rem;
  margin: 0.41667rem 1rem;
}
.m-hrDetail > .ranks > ul {
  background-color: #1a1a1a;
  padding: 0.41667rem 0;
}
.m-hrDetail > .ranks > ul > li {
  padding: 1.5rem 0;
  font-size: 0;
  line-height: 0;
}
.m-hrDetail > .ranks > ul > li > .leftWrap {
  display: inline-block;
  vertical-align: middle;
  width: 7.91667rem;
}
.m-hrDetail > .ranks > ul > li > .rightWrap {
  display: inline-block;
  vertical-align: middle;
  width: 7.5rem;
}
.m-hrDetail > .ranks > ul > li > .middleWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -7.91667rem;
  margin-right: -7.5rem;
  padding-left: 8.75rem;
  padding-right: 8.33333rem;
}
.m-hrDetail > .ranks > ul > li > .leftWrap {
  text-align: center;
  color: #fff;
  position: relative;
}
.m-hrDetail > .ranks > ul > li > .leftWrap > .imgWrap {
  position: relative;
  overflow: hidden;
  width: 4.16667rem;
  height: 4.16667rem;
  box-sizing: border-box;
  border: none;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4.16667rem/2;
}
.m-hrDetail > .ranks > ul > li > .leftWrap > .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-hrDetail > .ranks > ul > li > .leftWrap > .rank {
  font-size: 2rem;
  line-height: 4.16667rem;
  padding-right: 4.16667rem;
}
.m-hrDetail > .ranks > ul > li > .middleWrap {
  text-align: left;
}
.m-hrDetail > .ranks > ul > li > .middleWrap > .title {
  font-size: 1.33333rem;
  line-height: 1.75rem;
  margin-bottom: 0.41667rem;
  color: #fff;
}
.m-hrDetail > .ranks > ul > li:nth-child(1) > .leftWrap > .rank {
  color: #00e9cf;
}
.m-hrDetail > .ranks > ul > li:nth-child(2) > .leftWrap > .rank {
  color: #00e9cf;
  opacity: 0.6;
}
.m-hrDetail > .ranks > ul > li:nth-child(3) > .leftWrap > .rank {
  color: #00e9cf;
  opacity: 0.3;
}
.m-hrDetail > footer {
  margin-top: 4.16667rem;
  padding-bottom: 3.33333rem;
  text-align: center;
}
.m-hrDetail > footer a {
  color: #00e9cf;
}
.m-hrDetail > footer > img {
  margin-top: 3.33333rem;
  margin-bottom: -0.5rem;
  height: 3.33333rem;
  opacity: 0.2;
}
.m-hrDetail.m-hrDetail2 header {
  font-size: 0;
  line-height: 0;
}
.m-hrDetail.m-hrDetail2 header > .leftWrap {
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
}
.m-hrDetail.m-hrDetail2 header > .rightWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -6rem;
  padding-left: 7.25rem;
}
.m-hrDetail.m-hrDetail2 header .leftWrap {
  width: 6rem;
  height: 6rem;
}
.m-hrDetail.m-hrDetail2 header .rightWrap h3 {
  margin-bottom: 0.41667rem;
}
.m-hrDetail.m-hrDetail2 header .rightWrap p {
  font-size: 1.16667rem;
  line-height: 1.66667rem;
}
.m-hrDetail.m-hrDetail2 .ranks > ul > li > .middleWrap .title {
  margin-bottom: 0;
}
.m-profileHeader {
  padding: 1.66667rem;
  line-height: 0;
  font-size: 0;
  background-color: #fff;
}
.m-profileHeader > .imgWrap {
  display: inline-block;
  vertical-align: top;
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 100%;
  border: solid 4PX #eee;
  overflow: hidden;
  box-sizing: border-box;
}
.m-profileHeader > .imgWrap img {
  width: 100%;
  height: 100%;
}
.m-profileHeader > .mainWrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  padding-left: 7.66667rem;
  margin-left: -6.66667rem;
  padding-right: 2.08333rem;
  margin-right: -2.08333rem;
}
.m-profileHeader > .mainWrap h5 {
  font-size: 1.41667rem;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  margin: 0.41667rem 0;
}
.m-profileHeader > .mainWrap p {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #bbb;
}
.m-profileHeader > .subWrap {
  width: 2.08333rem;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  padding-top: 0.41667rem;
}
.m-profileHeader > .subWrap .iconfont {
  color: #bbb;
}
.m-profilePanel {
  margin-top: 1.33333rem;
  line-height: 5rem;
  font-size: 1.33333rem;
  color: #bbb;
  background-color: #fff;
}
.m-profilePanel p,
.m-profilePanel .link {
  display: block;
  padding-right: 1.66667rem;
  margin-left: 1.66667rem;
}
.m-profilePanel p .title,
.m-profilePanel .link .title {
  color: #333;
}
.m-profilePanel p .title .iconfont,
.m-profilePanel .link .title .iconfont {
  margin-left: 0;
  margin-right: 1.25rem;
  color: #7f7f7f;
  font-size: 1.33333rem;
}
.m-profilePanel p .iconfont,
.m-profilePanel .link .iconfont {
  font-size: 1.16667rem;
  margin-left: 0.41667rem;
}
.m-profilePanel p.height,
.m-profilePanel .link.height {
  line-height: 4.41667rem;
}
.m-profilePanel p.center,
.m-profilePanel .link.center {
  text-align: center;
}
.m-profilePanel.m-profilePanel-slim {
  line-height: 3.75rem;
}
.m-profileCards {
  margin: 1rem;
}
.m-profileCards > li {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0;
  margin-bottom: 1rem;
}
.m-profileCards > li > header {
  padding: 1.25rem 1rem;
}
.m-profileCards > li > header p {
  line-height: 1.5rem;
  display: inline-block;
  vertical-align: top;
  font-size: 1.33333rem;
}
.m-profileCards > li > header .title {
  width: 55%;
  color: #FF3A52;
  padding-left: 1rem;
  border-left: solid 0.33333rem #FF3A52;
  box-sizing: border-box;
}
.m-profileCards > li > header .sub {
  width: 45%;
  color: #ffaa04;
  text-align: right;
  font-size: 1.16667rem;
}
.m-profileCards > li > section {
  margin: 1rem 2.08333rem 0;
  font-size: 1.33333rem;
}
.m-profileCards > li > section p {
  color: #666;
  margin-bottom: 1rem;
}
.m-profileCards > li > footer {
  text-align: center;
  padding: 1rem 0;
}
.m-profileCards > li > footer .u-btn {
  min-width: 135px;
  margin: 0 1rem;
}
.m-profileCardInfo {
  background-color: #555;
  color: #fff;
}
.m-profileCardInfo h5 {
  line-height: 4.33333rem;
  font-size: 1.16667rem;
  padding: 0 1rem;
  font-weight: normal;
  border-bottom: 1px white solid;
}
.m-profileCardInfo h5 > a {
  border: solid 1px #FF3A52;
  box-sizing: border-box;
  line-height: 2.16667rem;
  margin: 1.08333rem 0 1.08333rem 0.66667rem;
  padding: 0 0.66667rem;
  color: #FF3A52;
}
.m-profileCardInfo h5 > a:active,
.m-profileCardInfo h5 > a:hover {
  color: #FF3A52;
}
.m-profileCardInfo p {
  line-height: 3.5rem;
  font-size: 1.16667rem;
  padding: 0 1.5rem;
}
.m-profileCardInfo .nextIcon {
  font-size: 1rem;
}
.m-profileCardRecord > header {
  line-height: 3.91667rem;
  padding: 0 1.33333rem;
  color: #333;
  font-size: 1.16667rem;
  background-color: #e5e5e5;
}
.m-profileCardRecord > header .iconfont {
  margin-left: 0.83333rem;
}
.m-profileCardRecord > table {
  background-color: #fff;
  font-size: 1.33333rem;
  color: #666;
  line-height: 1.5;
  width: 100%;
}
.m-profileCardRecord > table tr {
  border-bottom: solid 1PX #eee;
}
.m-profileCardRecord > table .left {
  width: 20%;
  padding: 1.16667rem 0 1.16667rem 1.33333rem;
  border-right: solid 1PX #eee;
}
.m-profileCardRecord > table .right {
  width: 20%;
  text-align: right;
  padding: 1.16667rem 0.66667rem 1.16667rem 0;
}
.m-profileCardRecord > table .center {
  width: 50%;
  padding: 1.16667rem 0 1.16667rem 2.33333rem;
}
.m-antoRenewWrap {
  padding: 1.66667rem 1.66667rem 1.16667rem 1.66667rem;
  background-color: white;
}
.m-antoRenewWrap .title {
  color: #333;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.m-antoRenewWrap p {
  font-size: 1.16667rem;
  color: #333;
  margin-bottom: 0.83333rem;
}
.m-antoRenewWrap .buttonWrap {
  border-top: 0.08333rem solid #E5E5E5;
  margin-top: 2.25rem;
  padding-top: 0.83333rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.m-antoRenewWrap .buttonWrap button {
  height: 4.33333rem;
  width: 13.08333rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 1.33333rem;
}
.m-antoRenewWrap .buttonWrap .closePupopBtn {
  background-color: #FE3B52;
  border-color: #FE3B52;
  color: white;
}
.m-signUp {
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
.m-signUp > .left {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin-right: -8.75rem;
  padding-right: 8.75rem;
  vertical-align: middle;
  font-size: 1.33333rem;
  color: #bbb;
  line-height: 4.33333rem;
  height: 4.33333rem;
}
.m-signUp > .left > .txt {
  display: inline-block;
  margin-left: 1.66667rem;
  margin-right: 0.83333rem;
  vertical-align: middle;
}
.m-signUp > .left > .count {
  display: inline-block;
  vertical-align: middle;
}
.m-signUp > .right {
  display: inline-block;
  vertical-align: middle;
  width: 8.75rem;
  line-height: 4.33333rem;
  height: 4.33333rem;
  background-color: #ff5555;
  color: #fff;
  text-align: center;
  font-size: 1.33333rem;
}
.m-txtLoading {
  padding-top: 1.66667rem;
  text-align: center;
}
.m-txtLoading p {
  font-size: 1.08333rem;
  color: #bbb;
  line-height: 1.5;
}
.m-txtLoading p .icn {
  margin-right: 0.83333rem;
}
.m-panelSelect {
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -11.66667rem;
  width: 23.33333rem;
  background-color: #fff;
  border-radius: 2px;
}
.m-panelSelect > header {
  line-height: 4rem;
  text-align: center;
  color: #FF3A52;
  font-size: 1.33333rem;
  border-bottom: solid 2PX #FF3A52;
}
.m-panelSelect > ul > li {
  line-height: 2.83333rem;
  padding: 1rem 2rem 1rem 1rem;
  font-size: 1.33333rem;
  color: #333;
  border-bottom: solid 1px #eee;
  position: relative;
}
.m-panelSelect > ul > li:last-child {
  border-bottom: none;
}
.m-panelSelect > ul > li::after {
  content: '\e652';
  font-family: "iconfont" !important;
  font-size: 1.16667rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #bbb;
  position: absolute;
  right: 1rem;
}
.m-circleCount {
  text-align: center;
}
.m-circleCount > .circleWrap {
  width: 9.33333rem;
  height: 8.25rem;
  box-sizing: border-box;
  display: inline-block;
  padding-top: 1.33333rem;
  overflow: hidden;
  position: relative;
  color: #FF3A52;
}
.m-circleCount > .circleWrap > .circle {
  width: 9.33333rem;
  height: 9.33333rem;
  box-sizing: border-box;
  border: solid 3px #FF3A52;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.m-circleCount > .circleWrap > h3 {
  font-size: 4rem;
  line-height: 5.58333rem;
  font-weight: normal;
}
.m-circleCount > .circleWrap > p {
  font-size: 1.08333rem;
  line-height: 1.5rem;
}
.m-circleCount > .txtWrap {
  font-size: 1.08333rem;
  line-height: 1.5rem;
  color: #bbb;
  margin-top: 0.33333rem;
}
/**
 * @Author: yxp
 * @Date:   2017-07-27 19:07:16
 * @Last modified by:   yxp
 * @Last modified time: 2017-07-27 20:07:50
 */
.m-intervals {
  display: -ms-flexbox;
  display: flex;
}
.m-intervals > li {
  -ms-flex: 1;
      flex: 1;
}
.m-intervals > li > .color {
  line-height: 2rem;
  color: #000;
  background-color: #fff;
  margin-bottom: 0.41667rem;
}
.m-intervals > li:first-child > .color {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.m-intervals > li:last-child > .color {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.m-intervals p {
  color: #7f7f7f;
  font-size: 1rem;
  line-height: 1.33333rem;
}
.m-list-orders::before {
  content: '';
  display: block;
  height: 0.25rem;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.165, #FF3A52), color-stop(0.165, #ffd799), to(#ffd799));
}
.m-list-orders > li > header {
  padding: 1rem 0 0.41667rem 16.5%;
  line-height: 2.5rem;
  font-size: 1.5rem;
  color: #FF3A52;
}
.m-list-orders > li > header .iconfont {
  font-size: 2.5rem;
  margin-left: -1.41667rem;
  margin-right: 0.83333rem;
}
.m-list-orders > li > header i {
  vertical-align: middle;
}
.m-list-orders > li > ul > li {
  font-size: 0;
  line-height: 0;
  position: relative;
  padding-bottom: 0.83333rem;
}
.m-list-orders > li > ul > li::before {
  content: '';
  position: absolute;
  right: 83.5%;
  top: 0;
  bottom: 0;
  width: 2PX;
  margin-right: 1PX;
  background-color: #FF3A52;
}
.m-list-orders > li > ul > li > .leftWrap {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 16.5%;
  position: relative;
}
.m-list-orders > li > ul > li > .leftWrap p {
  font-size: 1.33333rem;
  text-align: right;
  padding: 1rem 1.25rem 0 0;
  line-height: normal;
}
.m-list-orders > li > ul > li > .leftWrap::after {
  content: '';
  position: absolute;
  top: 1.5rem;
  right: 0;
  margin-top: -7PX;
  margin-right: -7PX;
  width: 10PX;
  height: 10PX;
  border-radius: 100%;
  border: solid 4PX #eee;
  background-color: #FF3A52;
}
.m-list-orders > li > ul > li > .rightWrap {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-left: 5%;
  margin-right: 3.5%;
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0.66667rem 1rem;
}
.m-list-orders > li > ul > li > .rightWrap::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 1.5rem;
  margin-top: -0.41667rem;
  left: -0.83333rem;
  border-top: solid 0.5rem transparent;
  border-bottom: solid 6px transparent;
  border-right: solid 10px #fff;
}
.m-list-orders > li > ul > li > .rightWrap .ctnWrap {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  padding-right: 6rem;
  margin-right: -5.83333rem;
}
.m-list-orders > li > ul > li > .rightWrap .ctnWrap p {
  font-size: 1.16667rem;
  line-height: 1.5;
  color: #666;
}
.m-list-orders > li > ul > li > .rightWrap .ctnWrap p.main {
  color: #FF3A52;
  font-size: 1.33333rem;
  line-height: 2rem;
}
.m-list-orders > li > ul > li > .rightWrap .ctnWrap p .txt {
  vertical-align: middle;
}
.m-list-orders > li > ul > li > .rightWrap .ctnWrap p a {
  margin-left: 1.25rem;
  vertical-align: middle;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap {
  display: inline-block;
  vertical-align: top;
  width: 5.83333rem;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap p {
  font-size: 1.16667rem;
  line-height: 2rem;
  color: #ffaa04;
  text-align: right;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap p .iconfont {
  margin-left: 0.41667rem;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap .imgWrap {
  width: 5.83333rem;
  height: 5.83333rem;
  position: relative;
  overflow: hidden;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap .imgWrap .badge {
  position: absolute;
}
.m-list-orders > li > ul > li > .rightWrap .asideWrap .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-monthlyCalendar {
  width: 100%;
  position: relative;
  background-color: #fff;
}
.m-monthlyCalendar:before,
.m-monthlyCalendar:after {
  content: '';
  position: absolute;
  top: 3.33333rem;
  bottom: 0;
  width: 3.08333rem;
  pointer-events: none;
}
.m-monthlyCalendar:before {
  left: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.m-monthlyCalendar:after {
  right: 0;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.m-monthlyCalendar .yearWrap {
  text-align: center;
}
.m-monthlyCalendar .yearWrap > li {
  font-size: 1.33333rem;
  color: #333;
  line-height: 3.33333rem;
  display: inline-block;
  vertical-align: middle;
}
.m-monthlyCalendar .yearWrap > li .icon {
  font-size: 1.08333rem;
  color: #FF3A52;
}
.m-monthlyCalendar .monthWrap {
  overflow-x: scroll;
}
.m-monthlyCalendar .monthWrap > .month {
  width: 12 / 8 * 100%;
  line-height: 0;
  font-size: 0;
  padding: 0.33333rem 0;
}
.m-monthlyCalendar .monthWrap > .month > li {
  display: inline-block;
  width: 1 / 12 * 100%;
  font-size: 1.08333rem;
  color: #666;
  text-align: center;
}
.m-monthlyCalendar .monthWrap > .month > li > .inner {
  display: block;
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 100%;
}
.m-monthlyCalendar .monthWrap > .month > li.z-active > .inner {
  color: #fff;
  background-color: #FF3A52;
}
/**
 * @Author: yxp
 * @Date:   2017-07-31 11:07:85
 * @Last modified by:   yxp
 * @Last modified time: 2017-07-31 17:07:18
 */
.u-emoji-cookie {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-cookie@2x.png');
}
.u-emoji-chocolate {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-chocolate@2x.png');
}
.u-emoji-pudding {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-pudding@2x.png');
}
.u-emoji-cream {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-cream@2x.png');
}
.u-emoji-beer {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-beer@2x.png');
}
.u-emoji-riceBall {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-riceBall@2x.png');
}
.u-emoji-rice {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-rice@2x.png');
}
.u-emoji-sushi {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-sushi@2x.png');
}
.u-emoji-doughnut {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-doughnut@2x.png');
}
.u-emoji-drumstick {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-drumstick@2x.png');
}
.u-emoji-chips {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-chips@2x.png');
}
.u-emoji-toast {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-toast@2x.png');
}
.u-emoji-cake {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-cake@2x.png');
}
.u-emoji-pizza {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-pizza@2x.png');
}
.u-emoji-noodle {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-noodle@2x.png');
}
.u-emoji-pasta {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-pasta@2x.png');
}
.u-emoji-hotdog {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-hotdog@2x.png');
}
.u-emoji-popcorn {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-popcorn@2x.png');
}
.u-emoji-hamburger {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-hamburger@2x.png');
}
.u-emoji-casserole {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-casserole@2x.png');
}
.u-emoji-ham {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-ham@2x.png');
}
.u-emoji-smile {
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  background-size: 100% 100%;
  vertical-align: text-top;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  margin: 0 0.41667rem;
  background-image: url('../assets/ic-emoji-smile@2x.png');
}
.m-list-activity {
  padding: 0 1rem;
}
.m-list-activity > li {
  margin: 1rem 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.m-list-activity > li > .imgWrap {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 128/300 * 100%;
}
.m-list-activity > li > .txtWrap {
  padding: 1.25rem;
  line-height: 1.5;
}
.m-list-activity > li > .txtWrap h4 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #333;
}
.m-list-activity > li > .txtWrap p {
  font-size: 1.08333rem;
  color: #bbb;
}
.m-list-activity > li > .txtWrap p:first-child {
  margin-top: 0.5rem;
}
.m-list-activityOrder > li {
  background-color: #fff;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
  margin-bottom: 1.25rem;
}
.m-list-activityOrder > li p {
  font-size: 1.33333rem;
  line-height: 1.5;
  color: #333;
}
.m-list-activityOrder > li header {
  padding: 1.25rem;
}
.m-list-activityOrder > li section {
  padding: 1.25rem;
}
.m-list-activityOrder > li section.activity {
  background-color: #f4f4f4;
  font-size: 0;
  line-height: 0;
}
.m-list-activityOrder > li section.activity img {
  display: inline-block;
  vertical-align: middle;
  width: 3.75rem;
  height: 3.75rem;
}
.m-list-activityOrder > li section.activity .title {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -3.75rem;
  padding-left: 4.33333rem;
  padding-right: 0.83333rem;
  margin-right: -1rem;
}
.m-list-activityOrder > li section.activity .icn {
  display: inline-block;
  vertical-align: middle;
}
.m-list-activityOrder > li footer {
  border-top: 1PX solid #ddd;
  text-align: center;
  line-height: 4rem;
  font-size: 1.5rem;
}
.m-activity {
  background-color: #fff;
  padding: 1rem;
}
.m-activity > header {
  line-height: 1.5;
}
.m-activity > header > h4 {
  font-size: 1.41667rem;
  color: #333;
}
.m-activity > header > p {
  font-size: 1.08333rem;
  color: #bbb;
}
.m-activity > section {
  padding: 0.83333rem 0;
}
.m-activity > section * {
  max-width: 100% !important;
}
.m-activity > section p {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5;
}
.m-activity-pay {
  padding: 1.25rem;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
}
.m-activity-pay h5 {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.25;
  font-weight: normal;
}
.m-activity-pay p {
  font-size: 1.33333rem;
  line-height: 2;
  color: #333;
}
.m-activity-pay p .title,
.m-activity-pay p.title {
  color: #bbb;
  display: inline-block;
  width: 8.33333rem;
}
.m-activity-pay > .leftWrap {
  display: inline-block;
  vertical-align: middle;
  width: 8.33333rem;
}
.m-activity-pay > .rightWrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  margin-left: -8.33333rem;
  padding-left: 8.33333rem;
  text-align: right;
  padding-right: 1.66667rem;
  position: relative;
}
.m-activity-pay > .rightWrap .sub {
  color: #bbb;
  line-height: 2rem;
}
.m-activity-pay > .rightWrap::after {
  content: '\e652';
  color: #bbb;
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
}
.m-activity-pay.guide {
  text-align: right;
  background-color: rgba(255, 170, 4, 0.13);
  padding: 0.83333rem 1.25rem;
}
.m-share {
  position: absolute;
  top: 1.08333rem;
  right: 2.58333rem;
  width: 21rem;
  height: 5.33333rem;
  box-sizing: border-box;
  background: url('https://img.qingchengfit.cn/6df0fb3bf587decd2eccefca4dde2e0c.png') no-repeat;
  background-size: 100%;
  padding-left: 0.91667rem;
  padding-top: 1.08333rem;
}
.m-share p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.83333rem;
}
.m-checkbox {
  font-size: 0;
  line-height: 0;
  margin: 1.25rem;
}
.m-checkbox > .checkbox {
  line-height: 1.5rem;
  font-size: 1.08333rem;
}
.m-checkbox > .checkbox > i {
  vertical-align: middle;
}
.m-checkbox > .checkbox::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14PX;
  height: 14PX;
  line-height: 14PX;
  font-size: 1.16667rem;
  margin-right: 0.83333rem;
  border-radius: 100%;
  box-sizing: border-box;
  border: solid 1PX #c8c8c8;
}
.m-checkbox > .checkbox.z-active::before {
  border: none;
  content: "\E643";
  color: #FF3A52;
}
.m-checkbox.m-checkbox-inline {
  text-align: right;
}
.m-checkbox.m-checkbox-inline > .checkbox {
  display: inline-block;
  margin: 0.83333rem 0 0 0.83333rem;
}
.m-shopInfoShow {
  position: relative;
  background-color: #fff;
}
.m-shopInfoShow:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-shopInfoShow > .shopTitleWrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.25rem;
}
.m-shopInfoShow > .shopTitleWrap .logoWrap {
  position: relative;
  overflow: hidden;
  width: 3.16667rem;
  height: 3.16667rem;
  box-sizing: border-box;
  border: 38px;
  border-radius: 100%;
  box-shadow: 0 1px 4px 0 rgba(144, 144, 144, 0.15);
}
.m-shopInfoShow > .shopTitleWrap .logoWrap > img {
  width: 100%;
  height: 100%;
}
.m-shopInfoShow > .shopTitleWrap .titleWrap {
  -ms-flex: 1;
      flex: 1;
  padding-left: 1.25rem;
  line-height: 2rem;
  font-size: 1.41667rem;
  color: #333;
}
.m-shopInfoShow > .shopTitleWrap .titleWrap .title {
  font-weight: normal;
}
.m-shopInfoShow > .shopTitleWrap .jumpArrow {
  width: 0.66667rem;
  height: 0.66667rem;
}
.m-shopInfoShow > .shopImageWrap {
  padding: 0 0 0.83333rem 1.25rem;
  overflow-y: auto;
}
.m-shopInfoShow > .shopImageWrap .imageWrapInner {
  font-size: 0;
}
.m-shopInfoShow > .shopImageWrap .imageWrapInner .imageWrap {
  margin-right: 0.41667rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 10.83333rem;
  height: 7.5rem;
  background-color: #eee;
}
.m-shopInfoShow > .shopImageWrap .imageWrapInner .imageWrap img {
  width: 100%;
}
.m-shopInfoShow > .shopInfoWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  padding: 0.58333rem 1.25rem;
  height: 3rem;
}
.m-shopInfoShow > .shopInfoWrap:before {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  right: 0;
  left: 0;
  border-top: 0.08333rem solid #eee;
  color: #eee;
  transform: scaleY(0.5);
}
.m-shopInfoShow > .shopInfoWrap .addrIcnWrap .icn {
  font-size: 1.25rem;
  color: #bbb;
}
.m-shopInfoShow > .shopInfoWrap .infoAddrWrap {
  -ms-flex: 1;
      flex: 1;
  padding: 0 1.66667rem 0 0.41667rem;
  line-height: 1.5rem;
  font-size: 1.08333rem;
}
.m-shopInfoShow > .shopInfoWrap .infoAddrWrap .info {
  color: #7f7f7f;
}
.m-shopInfoShow > .shopInfoWrap .infoPhoneWrap {
  width: 2.5rem;
  height: 1.33333rem;
  line-heghit: 16px;
  text-align: right;
  border-left: 0.08333rem solid #ddd;
}
.m-shopInfoShow > .shopInfoWrap .infoPhoneWrap .phone {
  color: #FF3A52;
  font-size: 1.33333rem;
}
.m-groupScheduleCard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  padding: 1.66667rem 1.25rem;
  background-color: #fff;
}
.m-groupScheduleCard:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-groupScheduleCard:last-child:after {
  border: none;
}
.m-groupScheduleCard .imgWrap {
  position: relative;
  overflow: hidden;
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 50%;
}
.m-groupScheduleCard .imgWrap img {
  width: 100%;
}
.m-groupScheduleCard .ctnWrap {
  -ms-flex: 1;
      flex: 1;
  padding-left: 0.83333rem;
  font-size: 0;
  vertical-align: top;
}
.m-groupScheduleCard .ctnWrap .infoWrap,
.m-groupScheduleCard .ctnWrap .actionWrap {
  display: inline-block;
  vertical-align: top;
}
.m-groupScheduleCard .ctnWrap .infoWrap {
  width: 58%;
}
.m-groupScheduleCard .ctnWrap .infoWrap .time {
  padding-top: 0.75rem;
  line-height: 1.33333rem;
  font-size: 0;
  color: #FF3A52;
}
.m-groupScheduleCard .ctnWrap .infoWrap .time .timeStr {
  padding-right: 0.41667rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}
.m-groupScheduleCard .ctnWrap .infoWrap .course {
  padding-top: 0.41667rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  color: #333;
}
.m-groupScheduleCard .ctnWrap .infoWrap .coach {
  width: 75%;
  padding-top: 0.41667rem;
  line-height: 1.41667rem;
  font-size: 1rem;
  color: #bbb;
}
.m-groupScheduleCard .ctnWrap .actionWrap {
  position: relative;
  width: 42%;
  text-align: right;
}
.m-groupScheduleCard .ctnWrap .actionWrap .btnWrap {
  padding-top: 1.83333rem;
}
.m-groupScheduleCard .ctnWrap .actionWrap .btnWrap .btn {
  display: inline-block;
  padding: 0 0.41667rem;
  min-width: 60px;
  line-height: 2.5rem;
  height: 2.5rem;
  width: auto;
  border: 1px solid transparent;
  font-size: 1.25rem;
}
.m-groupScheduleCard .ctnWrap .actionWrap .btnWrap .btn .unit {
  margin-left: -0.08333rem;
  font-size: 1rem;
}
.m-groupScheduleCard .ctnWrap .actionWrap .btnWrap .btn .num {
  margin-left: -0.16667rem;
}
.m-groupScheduleCard .ctnWrap .actionWrap .tipsWrap {
  position: absolute;
  width: 12.33333rem;
  right: 0;
  top: 4.75rem;
  line-height: 1rem;
  font-size: 1rem;
  color: #bbb;
}
.m-groupScheduleCard .ctnWrap .actionWrap .tipsWrap .tips.tips-detail {
  vertical-align: middle;
}
.m-groupScheduleCard .ctnWrap .actionWrap .tipsWrap .tips.tips-detail .mainTip {
  vertical-align: middle;
  font-size: 1rem;
}
.m-groupScheduleCard .ctnWrap .actionWrap .tipsWrap .tips.tips-detail .subTip {
  vertical-align: middle;
  padding-left: 0.41667rem;
}
.m-groupCard {
  position: relative;
  padding: 1.25rem 1.25rem 1.66667rem 1.25rem;
  background-color: #fff;
}
.m-groupCard:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-groupCard .titleWrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 1rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  color: #333;
  font-size: 1.16667rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-groupCard .titleWrap .time {
  padding-right: 0.83333rem;
}
.m-groupCard .titleWrap .markWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}
.m-groupCard .titleWrap .markWrap .mark {
  padding: 0 0.58333rem;
  height: 16PX;
  line-height: 0;
  border-radius: 8px;
  background-color: rgba(255, 58, 82, 0.1);
  font-size: 0;
  color: #FF3A52;
}
.m-groupCard .titleWrap .markWrap .mark .inner {
  line-height: 16PX;
  vertical-align: middle;
  font-size: 1rem;
}
.m-groupCard .titleWrap:after {
  content: '';
  position: absolute;
  width: 0.33333rem;
  height: 1.16667rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #FF3A52;
}
.m-groupCard .ctnWrap {
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.83333rem;
}
.m-groupCard .ctnWrap .imgWrap {
  overflow: hidden;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
}
.m-groupCard .ctnWrap .imgWrap img {
  width: 100%;
}
.m-groupCard .ctnWrap .detailWrap {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  padding-left: 0.83333rem;
}
.m-groupCard .ctnWrap .detailWrap .courseNameWrap {
  display: -ms-flexbox;
  display: flex;
}
.m-groupCard .ctnWrap .detailWrap .courseNameWrap .courseName {
  -ms-flex: 1;
      flex: 1;
  padding-bottom: 0.33333rem;
  height: 1.66667rem;
  line-height: 1.66667rem;
  color: #333;
  font-size: 1.16667rem;
}
.m-groupCard .ctnWrap .detailWrap .courseNameWrap .courseName .nameTxt {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.m-groupCard .ctnWrap .detailWrap .courseNameWrap .courseName .nameTxt.nameTxt-limit {
  max-width: 70%;
}
.m-groupCard .ctnWrap .detailWrap .courseInfo {
  padding-bottom: 0.5rem;
  height: 1.33333rem;
  line-height: 1.33333rem;
  font-size: 1rem;
  color: #999;
}
.m-groupCard .ctnWrap .detailWrap .spaceInfo {
  margin-top: 0.83333rem;
  height: 1.33333rem;
  line-height: 1.33333rem;
  font-size: 1rem;
  color: #999;
}
.m-groupCard .ctnWrap .actionWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}
.m-groupCard .ctnWrap .actionWrap .trialTag {
  border-radius: 8PX 4PX 4PX 8PX;
  vertical-align: top;
}
.m-groupCard .ctnWrap .actionWrap .price {
  font-size: 1.25rem;
  font-weight: 600;
  color: #FF3A52;
}
.m-groupCard .ctnWrap .actionWrap .price .unit {
  font-size: 1rem;
  font-weight: 400;
}
.m-groupCard .ctnWrap .actionWrap .originalPrice {
  text-decoration: line-through;
  font-size: 1rem;
  color: #999;
}
.m-groupCard .ctnWrap .actionWrap .info {
  -ms-flex: 1;
      flex: 1;
  line-height: 1.33333rem;
  font-size: 1rem;
  color: #999;
}
.m-groupCard .ctnWrap .actionWrap .btn {
  padding: 0 1.66667rem;
  min-width: 80px;
  width: auto;
  height: 28PX;
  line-height: 28PX;
  border-radius: 14PX;
  font-size: 1.16667rem;
}
.m-privateSchedulesList .m-privateScheduleCard {
  margin-bottom: 0.83333rem;
}
.m-privateScheduleCard {
  position: relative;
  background-color: #fff;
}
.m-privateScheduleCard .coachWrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  padding: 1.25rem;
}
.m-privateScheduleCard .coachWrap .coachAvatarWrap {
  position: relative;
  overflow: hidden;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}
.m-privateScheduleCard .coachWrap .coachAvatarWrap img {
  width: 100%;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap {
  -ms-flex: 1;
      flex: 1;
  padding: 0 0 1.25rem 1.25rem;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .coachName {
  padding-bottom: 0.83333rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  color: #333;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .coachName .mark {
  vertical-align: text-top;
  display: inline-block;
  line-height: 1.16667rem;
  padding: 0 0.08333rem;
  font-size: 1rem;
  color: #fff;
  border-radius: 2px;
  background-color: #FF3A52;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .coachName .coachScore {
  padding: 0 0.16667rem;
  margin-left: 0.66667rem;
  background-color: #ffaa04;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .coachName .trialMark {
  margin-left: 0.41667rem;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .coachName .timeMark {
  padding: 0 0.58333rem;
  border-radius: 7px;
  background-color: rgba(255, 2, 0, 0.1);
  color: #ff0200;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .infoInnerWrap {
  display: -ms-flexbox;
  display: flex;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .infoInnerWrap .tagsWrap {
  -ms-flex: 1;
      flex: 1;
  font-size: 1rem;
  line-height: 1.41667rem;
  color: #7f7f7f;
}
.m-privateScheduleCard .coachWrap .coachInfoWrap .infoInnerWrap .coachActionWrap .coachActionBtn {
  padding: 0 0.33333rem;
  width: 5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
}
.m-privateScheduleCard .courseWrap {
  padding: 0 1.25rem;
}
.m-privateScheduleCard .courseWrap .privateCourseItem {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  padding: 0.75rem 0;
  box-sizing: border-box;
}
.m-privateScheduleCard .courseWrap .privateCourseItem:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-privateScheduleCard .courseWrap .privateCourseItem:last-child:after {
  border: none;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseImgWrap {
  margin-top: 0.25rem;
  position: relative;
  overflow: hidden;
  width: 3.33333rem;
  height: 3.33333rem;
  border-radius: 50%;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseImgWrap img {
  width: 100%;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 0.83333rem;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .courseName {
  line-height: 2rem;
  color: #333;
  font-size: 0;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .courseName .name {
  padding-right: 0.41667rem;
  max-width: 15rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .courseName .nameWithTag {
  max-width: 10rem;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .coursePriceWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .coursePriceWrap .price {
  font-size: 1.25rem;
  font-weight: 600;
  color: #FF3A52;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .coursePriceWrap .price .unit {
  font-size: 1rem;
  font-weight: 400;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .coursePriceWrap .originalPrice {
  text-decoration: line-through;
  font-size: 1rem;
  color: #999;
  margin-left: 0.41667rem;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .courseInfo {
  padding-top: 0.41667rem;
  line-height: 1.41667rem;
  font-size: 1rem;
  color: #bbb;
}
.m-privateScheduleCard .courseWrap .privateCourseItem .courseInfoBox .courseActionBtn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 5.83333rem;
  text-align: center;
  height: 2rem;
  line-height: 2rem;
  border-radius: 12px;
  font-size: 1rem;
  margin: 0;
  margin-left: 0.83333rem;
}
.m-courtCard {
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.m-courtCard .court-image {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 0.83333rem;
  border-radius: 50%;
}
.m-courtCard .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.m-courtCard .court-type {
  -ms-flex: 1;
      flex: 1;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.66667rem;
}
.m-courtCard .tag {
  padding: 0.08333rem 0.41667rem;
  color: #ff5555;
  border-radius: 10px;
  background-color: #FDE6E4;
}
.m-courtCard .price-box {
  color: #999;
}
.m-courtCard .price {
  color: #ff5555;
  font-size: 1.5rem;
  font-weight: 600;
}
.m-courtCard .action-wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.83333rem;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.m-courtCard .half-tag {
  color: #967442;
  padding: 0.08333rem;
  border-radius: 2px;
  background: rgba(230, 194, 141, 0.21);
}
.m-courtCard .btn {
  display: inline-block;
  padding: 0 1.66667rem;
  min-width: 80px;
  width: auto;
  margin: 0;
  height: 28PX;
  line-height: 28PX;
  border-radius: 14PX;
  font-size: 1.16667rem;
}
.m-trainCard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  padding: 0.5rem 1.25rem 1.33333rem 1.25rem;
  line-height: 0;
  font-size: 0;
  background-color: #fff;
}
.m-trainCard > .dateWrap {
  width: 6.66667rem;
}
.m-trainCard > .dateWrap .date {
  padding: 0.41667rem 0 0.83333rem 0;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 1.08333rem;
  color: #FF3A52;
}
.m-trainCard > .dateWrap .date .unit {
  font-size: 1rem;
  color: #bbb;
}
.m-trainCard > .dateWrap .shortDate {
  padding-top: 0.41667rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.41667rem;
  color: #FF3A52;
}
.m-trainCard > .dateWrap .fromTime {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.66667rem;
  color: #666;
}
.m-trainCard > .dateWrap .divide {
  font-size: 1rem;
  color: #bbb;
}
.m-trainCard > .dateWrap .toTime {
  line-height: 1em;
  font-size: 1rem;
  color: #bbb;
}
.m-trainCard > .infoWrap {
  -ms-flex: 1;
      flex: 1;
  width: 16.66667rem;
  overflow: hidden;
}
.m-trainCard > .infoWrap .mark {
  display: inline-block;
  width: 1.33333rem;
  height: 1.33333rem;
  text-align: center;
  padding-top: 0.08333rem;
  margin-right: 0.33333rem;
  border-radius: 2px;
  line-height: 1.33333rem;
  vertical-align: middle;
  background-color: #FF3A52;
  font-size: 1rem;
  color: #fff;
}
.m-trainCard > .infoWrap .refundTxt {
  color: #E95C5B;
  font-size: 1rem;
  margin-left: 0.33333rem;
}
.m-trainCard > .infoWrap .info,
.m-trainCard > .infoWrap .course {
  padding-bottom: 0.41667rem;
}
.m-trainCard > .infoWrap .course {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-trainCard > .infoWrap .info,
.m-trainCard > .infoWrap .status {
  line-height: 1.41667rem;
  color: #bbb;
  font-size: 1rem;
}
.m-trainCard > .infoWrap .divide {
  padding-bottom: 0.41667rem;
}
.m-trainCard > .infoWrap .info {
  color: #666;
}
.m-trainCard > .infoWrap .info .icn {
  color: #bbb;
}
.m-trainCard > .infoWrap .half-tag {
  font-size: 1rem;
  color: #fff;
  background-color: #ff5555;
  padding: 0.04167rem 0.08333rem;
  margin-left: 0.16667rem;
}
.m-trainCard > .infoWrap .course {
  line-height: 2.08333rem;
  color: #333;
  font-size: 1.5rem;
}
.m-trainCard > .infoWrap .course .courseName {
  padding-right: 0.16667rem;
  display: inline-block;
  max-width: 50%;
}
.m-trainCard > .infoWrap .course .courseName.courseName-wide {
  max-width: 70%;
}
.m-trainCard > .infoWrap .status .corpCheckInStatus.z-disabled {
  color: #ff5555;
}
.m-trainCard > .infoWrap .status .corpCheckInStatus.z-disabled .icn {
  opacity: 0.6;
}
.m-trainCard > .infoWrap .status .corpCheckInStatus .icn {
  margin-right: 0.16667rem;
  height: 1.33333rem;
  width: 1.33333rem;
  vertical-align: text-bottom;
}
.m-trainCard > .infoWrap .status .u-btn-sub.z-disable {
  opacity: 0.5;
}
.m-trainCard > .infoWrap .status .btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: 2rem;
  line-height: 2rem;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0 0.25rem;
  width: auto;
  font-size: 1rem;
}
.m-trainCard > .infoWrap .status .btn .icn {
  vertical-align: initial;
  margin-right: 0.08333rem;
  margin-top: 0.08333rem;
  width: 1rem;
  height: 1rem;
}
.m-trainCard > .infoWrap .status .btn:not(:last-of-type) {
  margin-right: 0.83333rem;
}
.m-trainCard > .imgWrap {
  margin-top: 1.16667rem;
  position: relative;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
}
.m-trainCard > .imgWrap img {
  width: 100%;
}
.m-trainCard.m-trainCard-disabled > .dateWrap .date,
.m-trainCard.m-trainCard-disabled > .dateWrap .shortDate,
.m-trainCard.m-trainCard-disabled > .dateWrap .fromTime {
  color: #7f7f7f;
}
.m-trainCard.m-trainCard-disabled > .infoWrap .mark {
  background-color: #7f7f7f;
}
.m-fashionModulesDisplay {
  position: relative;
}
.m-fashionModulesDisplay:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-fashionModulesDisplay .bannerWrap {
  position: relative;
  width: 100%;
  padding-top: 32.53%;
}
.m-fashionModulesDisplay .bannerWrap .innerBannerWrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.m-fashionModulesDisplay .bannerWrap img {
  width: 100%;
}
.m-fashionModulesDisplay .bannerWrap .notice {
  position: absolute;
  top: 0.83333rem;
  right: 0;
}
.m-fashionModulesDisplay .bannerWrap .mint-swipe {
  height: 100%;
}
.m-fashionModulesDisplay .bannerWrap .mint-swipe-item {
  height: 100%;
  display: block !important;
}
.m-fashionModulesDisplay .bannerWrap .mint-swipe-indicators {
  left: auto;
  right: 0;
  bottom: 0.5rem;
}
.m-fashionModulesDisplay .bannerWrap .mint-swipe-indicator {
  width: 6PX;
  height: 6PX;
  display: inline-block;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1PX solid #fff;
  background-color: transparent;
  margin: 0 0.25rem;
  opacity: 1;
}
.m-fashionModulesDisplay .bannerWrap .mint-swipe-indicator.is-active {
  background: #fff;
  opacity: 1;
}
.m-fashionModulesDisplay .shopModuleWrap {
  position: relative;
  height: 7.58333rem;
}
.m-fashionModulesDisplay .shopModuleWrap .mint-swipe-indicators {
  bottom: 0.5rem;
}
.m-fashionModulesDisplay .shopModuleWrap .mint-swipe-indicator {
  width: 5PX;
  height: 5PX;
  background-color: #d8d8d8;
  opacity: 0.5;
}
.m-fashionModulesDisplay .shopModuleWrap .mint-swipe-indicator.is-active {
  background-color: #d8d8d8;
  opacity: 1;
}
.m-fashionModulesDisplay .shopModuleItemsWrap {
  background-color: white;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem {
  height: 7.75rem;
  box-sizing: border-box;
  padding: 1.25rem 0 1rem 0;
  background-color: white;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem:active {
  background-color: #f8f8f8;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem .iconWrap {
  width: 3.33333rem;
  height: 3.33333rem;
  line-height: 3.33333rem;
  overflow: hidden;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem .iconWrap .icn {
  font-size: 3.33333rem;
  vertical-align: middle;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem .txtWrap {
  padding-top: 0;
  line-height: 2rem;
  font-size: 1rem;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .m-actionItem .txtWrap p {
  box-pack: center;
  -webkit-box-pack: center;
}
.m-fashionModulesDisplay .shopModuleItemsWrap .shopModuleItem .imgIcon {
  width: 100%;
  height: 100%;
}
.m-scheduleOrderHeader {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
}
.m-scheduleOrderHeader .calendarIconWrap {
  position: relative;
  margin-left: 1.25rem;
  margin-right: 3.58333rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #7f7f7f;
}
.m-scheduleOrderHeader .calendarIconWrap .icon {
  font-size: 2.5rem;
}
.m-scheduleOrderHeader .calendarIconWrap .month {
  position: absolute;
  left: 0;
  top: 0.33333rem;
  width: 100%;
  font-size: 1rem;
}
.m-scheduleOrderHeader .inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  font-size: 0;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.m-scheduleOrderHeader .inner .selectItem {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
  padding: 1rem 0.66667rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  color: #7f7f7f;
}
.m-scheduleOrderHeader .inner .selectItem.z-active {
  color: #333;
}
.m-scheduleOrderHeader .inner .selectItem.z-active:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
  width: 1rem;
  height: 0.33333rem;
  background-color: #333;
}
.m-scheduleOrderHeader .shopSelectWrap {
  width: 9rem;
}
.m-scheduleOrderHeader .shopSelectWrap .m-selectShop .header {
  padding: 1rem 1.66667rem 1rem 0;
  background-color: transparent;
}
.m-recentDatePicker {
  padding: 0.41667rem 0 0 0;
}
.m-recentDatePicker .weekdays,
.m-recentDatePicker .recentDate {
  text-align: center;
}
.m-recentDatePicker .weekdays {
  padding-bottom: 0.58333rem;
}
.m-recentDatePicker .weekdays .weekDay {
  line-height: 1.16667rem;
  color: #7f7f7f;
  font-size: 1rem;
}
.m-recentDatePicker .recentDate {
  height: 40PX;
  font-size: 0;
}
.m-recentDatePicker .recentDate .dayListWrap {
  -ms-flex-align: start;
      align-items: flex-start;
}
.m-recentDatePicker .recentDate .dayListWrap .dayCtnWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.m-recentDatePicker .recentDate .date {
  display: inline-block;
  width: 26PX;
  height: 26PX;
  line-height: 26PX;
  border-radius: 50%;
  font-size: 1.25rem;
  color: #000;
}
.m-recentDatePicker .recentDate .date.z-prev {
  color: #7f7f7f;
}
.m-recentDatePicker .recentDate .date.z-today {
  color: #FF3A52;
}
.m-recentDatePicker .recentDate .date.z-active {
  background-color: #000;
  color: #fff;
}
.m-recentDatePicker .recentDate .markItem {
  padding-top: 0.16667rem;
  display: -ms-flexbox;
  display: flex;
  height: 15PX;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.m-recentDatePicker .recentDate .markItem .dot {
  display: inline-block;
  width: 0.33333rem;
  height: 0.33333rem;
  border-radius: 50%;
  background-color: #FF3A52;
}
.m-recentDatePicker .recentDate .markItem .mark {
  display: inline-block;
  font-size: 12PX;
  height: 16PX;
  line-height: 16PX;
  border-radius: 8PX;
  padding: 0 5PX;
  background-color: #FF3A52;
  color: #fff;
  transform: scale(9/12);
}
.m-selectShop .header {
  padding: 1rem 2.5rem;
  position: relative;
  background-color: #fff;
  font-size: 1.25rem;
  line-height: 1.75rem;
  height: 1.75rem;
  text-align: center;
}
.m-selectShop .header .homeWrap {
  position: absolute;
  padding: 1rem 0 1rem 1.25rem;
  left: 0;
  top: 0;
  bottom: 0;
  color: #bbb;
}
.m-selectShop .header .homeWrap .homeIcn {
  margin-right: 0.08333rem;
  color: #bbb;
}
.m-selectShop .header .headerTxtWrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.m-selectShop .header .headerTxtWrapper.headerTxtWrapper-disabled:after {
  display: none;
}
.m-selectShop .header .headerTxtWrapper:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: -0.83333rem;
  top: 0.83333rem;
  border-top: 0.33333rem solid #bbb;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 0.33333rem solid transparent;
}
.m-selectShop .header .btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  height: 2rem;
  line-height: 2rem;
  border: solid 1px #979797;
  border-radius: 4px;
  color: #666;
  background-color: #fff;
  padding: 0 0.33333rem;
  font-size: 1.16667rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.m-selectShop .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.m-selectShop .mask.white,
.m-selectShop .mask.z-display {
  position: relative;
  background-color: transparent;
}
.m-selectShop .mask.white .layer,
.m-selectShop .mask.z-display .layer {
  position: relative;
  padding-bottom: 0;
  border-radius: 0;
}
.m-selectShop .mask.white .layer .list,
.m-selectShop .mask.z-display .layer .list {
  max-height: none;
}
.m-selectShop .mask .close {
  position: absolute;
  right: 1.25rem;
  top: -3.75rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.m-selectShop .mask .close .icn {
  font-size: 1.25rem;
  color: #666;
}
.m-selectShop .mask .close:after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 0.16667rem;
  height: 1.25rem;
  bottom: -1.25rem;
  left: 50%;
  margin-left: -0.08333rem;
}
.m-selectShop .mask .title {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 4.58333rem;
  margin-left: 1.83333rem;
  position: absolute;
  top: 5.5rem;
}
.m-selectShop .mask .layer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 0.66667rem;
  border-top-right-radius: 8px;
  padding-bottom: 0.91667rem;
  transform: translateZ(100px);
  -webkit-transform: translateZ(100px);
}
.m-selectShop .mask .layer .logoWrap {
  position: absolute;
  top: -2.91667rem;
  left: 50%;
  margin-left: -2.91667rem;
  overflow: hidden;
  width: 5.83333rem;
  height: 5.83333rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #eee;
}
.m-selectShop .mask .layer .logoWrap img {
  width: 100%;
}
.m-selectShop .mask .layer .selectShopLayerHeader {
  padding: 3.75rem 0 0.58333rem 0;
  text-align: center;
}
.m-selectShop .mask .layer .selectShopLayerHeader .headerMainInfo {
  line-height: 1.5rem;
  font-size: 1.25rem;
  color: #333;
  font-weight: normal;
}
.m-selectShop .mask .layer .selectShopLayerHeader .headerSubInfo {
  line-height: 1.41667rem;
  font-size: 1rem;
  color: #bbb;
}
.m-selectShop .mask .layer .listWrap {
  overflow: auto;
  min-height: 25.66667rem;
  max-height: 25.66667rem;
}
.m-selectShop .mask .layer .list li.z-active,
.m-selectShop .mask .layer .list li:hover,
.m-selectShop .mask .layer .list li:active {
  background-color: #f8f8f8;
}
.m-selectShop .mask .layer .list li .inner {
  padding: 1.25rem 0;
  margin: 0 0 0 1.25rem;
  position: relative;
  top: -0.08333rem;
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: left;
}
.m-selectShop .mask .layer .list li .inner .ctnWrap {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  box-sizing: border-box;
  min-height: 3.66667rem;
}
.m-selectShop .mask .layer .list li .inner .ctnWrap h4 {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: normal;
  width: 100%;
}
.m-selectShop .mask .layer .list li .inner .ctnWrap h4 .badge {
  margin-left: 0.41667rem;
  vertical-align: text-top;
}
.m-selectShop .mask .layer .list li .inner .ctnWrap p {
  font-size: 1.08333rem;
  color: #999;
  line-height: normal;
  overflow: hidden;
}
.m-selectShop .mask .layer .list li .inner .subWrap {
  padding-right: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  box-sizing: border-box;
  text-align: right;
  font-size: 1rem;
  color: #bbb;
}
.m-selectShop .mask .layer .list li .inner .subWrap .icn {
  margin-left: 0.41667rem;
}
.m-selectShop .mask .layer .loading {
  position: static;
  padding: 6.66667rem 0 0 0;
  background-color: #fff;
}
.m-selectShop .mask .layer .loading > i {
  margin-top: 0;
  background-color: #fff;
}
.m-selectShop .mask .layer .loading > i:after {
  background-color: #fff;
}
.m-userDoc > .userShopInfoWrap {
  padding: 3.33333rem 1.25rem 7.5rem 1.25rem;
  text-align: center;
  background-color: #232428;
}
.m-userDoc > .userShopInfoWrap > .logoWrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 50%;
  border: 1px solid #fff;
}
.m-userDoc > .userShopInfoWrap > .logoWrap img {
  width: 100%;
}
.m-userDoc > .userShopInfoWrap > .nameWrap {
  padding-top: 0.83333rem;
}
.m-userDoc > .userShopInfoWrap > .nameWrap .name {
  line-height: 2rem;
  font-size: 1.41667rem;
  color: #fff;
}
.m-userDoc > .userShopInfoWrap > .infoWrap {
  padding-top: 0.41667rem;
}
.m-userDoc > .userShopInfoWrap > .infoWrap .info {
  line-height: 1.5rem;
  font-size: 1.08333rem;
  color: #fff;
  opacity: 0.6;
}
.m-userDoc > .userInfoWrap {
  width: 28.75rem;
  box-sizing: border-box;
  margin: -5rem auto 0 auto;
  padding: 2.5rem 1.66667rem 1.25rem 1.66667rem;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.m-userDoc > .userInfoWrap .infoWrap {
  padding-bottom: 1.25rem;
  font-size: 0;
  line-height: 0;
  display: -ms-flexbox;
  display: flex;
}
.m-userDoc > .userInfoWrap .infoWrap .label,
.m-userDoc > .userInfoWrap .infoWrap .info {
  vertical-align: top;
  font-size: 1.16667rem;
  line-height: 1.66667rem;
}
.m-userDoc > .userInfoWrap .infoWrap .label {
  -ms-flex: 1;
      flex: 1;
}
.m-userDoc > .userInfoWrap .infoWrap .image {
  width: 1.66667rem;
  height: 1.66667rem;
  border-radius: 50%;
}
.m-userDoc > .userInfoWrap .infoWrap .faceIdWrap {
  text-align: right;
  font-size: 1.16667rem;
  position: relative;
}
.m-userDoc > .userInfoWrap .infoWrap .faceIdWrap .imageWrap .input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
}
.m-userDoc > .userInfoWrap .infoWrap .faceIdWrap .imageWrap .operate {
  color: #00CED8;
}
.m-userDoc > .userInfoWrap .infoWrap .faceIdWrap .faceIdTips {
  color: #999;
  font-size: 0.83333rem;
  margin-top: 0.66667rem;
}
.m-userDoc > .userInfoWrap .infoWrap .info {
  color: #666;
}
.m-userDoc .tips {
  padding-top: 1.25rem;
  text-align: center;
  color: #bbb;
  font-size: 1rem;
}
.m-userDoc > .uploadStatus {
  color: white;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: 11.33333rem;
  height: 3.5rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.m-userDoc > .uploadStatus .icn {
  width: 1.66667rem;
  height: 1.66667rem;
  margin-right: 0.83333rem;
}
.m-timetableSelectorLayer .timetableMask {
  position: fixed;
  z-index: 90;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.m-timetableSelectorLayer .timetableSelector {
  position: fixed;
  z-index: 125;
  bottom: 0;
  left: 0;
  width: 100%;
}
.m-timetableSelector {
  background-color: #fff;
}
.m-timetableSelector .close {
  position: absolute;
  right: 1.25rem;
  top: -3.75rem;
}
.m-timetableSelector .close .icn {
  color: #666;
}
.m-timetableSelector > .timetableCourseWrap {
  position: relative;
  min-height: 5rem;
  box-sizing: border-box;
  padding: 0.58333rem 7.91667rem 1.5rem 7.91667rem;
}
.m-timetableSelector > .timetableCourseWrap .courseImgWrap {
  position: absolute;
  overflow: hidden;
  width: 5.83333rem;
  height: 5.83333rem;
  padding: 0.08333rem;
  box-sizing: border-box;
  border-radius: 50%;
  left: 1.25rem;
  top: -2.91667rem;
  background-color: #fff;
}
.m-timetableSelector > .timetableCourseWrap .courseImgWrap img {
  width: 100%;
}
.m-timetableSelector > .timetableCourseWrap .courseInfoWrap .name {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.5rem;
}
.m-timetableSelector > .timetableCourseWrap .courseInfoWrap .info {
  font-size: 1rem;
  color: #bbb;
  line-height: 1.41667rem;
}
.m-timetableSelector > .timetableCourseWrap .courseActionWrap {
  position: absolute;
  top: 1.33333rem;
  right: 1.25rem;
}
.m-timetableSelector > .timetableCourseWrap .courseActionWrap .courseAction {
  font-size: 1rem;
  color: #bbb;
}
.m-timetableSelector > .timetableWrap {
  box-sizing: border-box;
  height: 22.33333rem;
  padding: 0 1.25rem;
  overflow-y: auto;
}
.m-timetableSelector > .timetableWrap > .warnTip {
  margin-bottom: 0.5rem;
  line-height: 1.5rem;
  background-color: #ffaa04;
  font-size: 1rem;
  text-align: center;
  color: #fff;
}
.m-timetableSelector > .timetableWrap .timetableLabel {
  padding-bottom: 0.83333rem;
  font-size: 1rem;
  color: #bbb;
}
.m-timetableSelector > .timetableWrap .timetableLabel .icn {
  font-size: 1rem;
}
.m-timetableSelector > .timetableWrap .timetable {
  position: relative;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.m-timetableSelector > .timetableWrap .timetable:before {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  border-left: 0.08333rem solid #ddd;
  color: #ddd;
  transform: scaleX(0.5);
}
.m-timetableSelector > .timetableWrap .timetable:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #ddd;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-timetableSelector > .timetableWrap .timetable .tableItem,
.m-timetableSelector > .timetableWrap .timetable .tableTipItem {
  float: left;
  position: relative;
  height: 2.91667rem;
  line-height: 2.91667rem;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem {
  width: 20%;
  text-align: center;
  color: #333;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem .badge,
.m-timetableSelector > .timetableWrap .timetable .tableItem .mark,
.m-timetableSelector > .timetableWrap .timetable .tableItem .tipMark {
  position: absolute;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem .badge {
  left: 0;
  top: 0;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem .mark {
  right: 0.25rem;
  top: 0.25rem;
  width: 0.91667rem;
  height: 0.91667rem;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem .tipMark {
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  border-top: 0.33333rem solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #f8f8f8;
  border-left: 0.33333rem solid transparent;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem.z-active {
  background-color: #FF3A52;
  color: #fff;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem.z-disabled {
  color: #bbb;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem.z-disabled.z-active {
  background-color: #ddd;
  color: #666;
}
.m-timetableSelector > .timetableWrap .timetable .tableItem:before {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-right: 1px solid #ddd;
  color: #ddd;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.m-timetableSelector > .timetableWrap .timetable .tableItem:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  right: 0;
  left: 0;
  border-top: 0.08333rem solid #ddd;
  color: #ddd;
  transform: scaleY(0.5);
}
.m-timetableSelector > .timetableWrap .timetable .tableTipItem {
  width: 100%;
  padding: 0 1.25rem;
  box-sizing: border-box;
  color: #333;
  background-color: #f8f8f8;
}
.m-timetableSelector > .timetableWrap .timetable .tableTipItem:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-right: 1px solid #ddd;
  color: #ddd;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.m-timetableSelector > .timetableActionWrap {
  padding: 0.83333rem 1.25rem;
  box-sizing: border-box;
  min-height: 5rem;
}
.m-timetableSelector > .timetableActionWrap .infoWrap {
  display: none;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial {
  font-size: 0;
  vertical-align: middle;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap {
  display: inline-block;
  overflow: hidden;
  width: 60%;
  vertical-align: bottom;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap .price {
  display: inline-block;
  font-weight: bold;
  max-width: 52%;
  color: #FF3A52;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap .price .priceUnit {
  display: inline-block;
  font-size: 1.33333rem;
  line-height: 1.33333rem;
  color: #FF3A52;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap .price .num {
  display: inline-block;
  margin-left: -0.25rem;
  font-size: 2.33333rem;
  line-height: 2.33333rem;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap .hightlight {
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  padding-left: 0.83333rem;
  width: 48%;
  font-size: 1.16667rem;
  color: #bbb;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .infoWrap .hightlight .originPrice {
  margin-left: -0.16667rem;
  display: inline-block;
  padding-top: 0.41667rem;
  line-height: 1.5rem;
}
.m-timetableSelector > .timetableActionWrap.timetableActionWrap-trial .btnWrap {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
}
.m-timetableSelector > .timetableActionWrap .actionBtn {
  width: 100%;
  line-height: 3.33333rem;
  height: 3.33333rem;
  font-size: 1.41667rem;
}
.m-globalActionBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.16667rem;
  font-size: 0;
  z-index: 70;
  box-shadow: 0 0 6px 0 #eee;
  background-color: #fff;
}
.m-globalActionBar .actionItem,
.m-globalActionBar .midActionItem {
  display: inline-block;
  height: 4.16667rem;
  vertical-align: top;
  color: #7f7f7f;
}
.m-globalActionBar .actionItem {
  width: 19%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.5rem;
}
.m-globalActionBar .actionItem .actionIcnWrap {
  display: inline-block;
  width: 1.83333rem;
  height: 1.83333rem;
}
.m-globalActionBar .actionItem .actionIcnWrap .icn {
  font-size: 1.83333rem;
}
.m-globalActionBar .actionItem .actionTxtWrap {
  padding-top: 0.33333rem;
  line-height: 1.16667rem;
  font-size: 1rem;
}
.m-globalActionBar .actionItem.z-active {
  color: #FF3A52;
}
.m-globalActionBar .midActionItem {
  width: 24%;
  position: relative;
}
.m-globalActionBar .midActionItem .actionIcnWrap {
  position: absolute;
  box-shadow: 0 2px 4px 0 #eee;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #fff;
  top: -1.5rem;
  left: 50%;
  margin-left: -2.5rem;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.66667rem;
  border: 2px solid #fff;
}
.m-globalActionBar .midActionItem .actionIcnWrap .icn {
  font-size: 3.33333rem;
}
.m-globalActionBar .midActionItem.z-active .actionIcnWrap {
  background-color: #FF3A52;
  color: #fff;
}
.m-globalActionBar.m-globalActionBar-special .midActionItem {
  color: #FF3A52;
}
.m-globalActionBar.m-globalActionBar-special .midActionItem .actionIcnWrap {
  border: none;
  top: -2.66667rem;
}
.m-globalActionBar.m-globalActionBar-special .midActionItem .midTip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  text-align: center;
  font-size: 1rem;
  color: #bbb;
}
.m-globalActionBar.m-globalActionBar-special .midActionItem.z-active {
  color: #fff;
}
.m-globalActionBar.m-globalActionBar-special .midActionItem.z-active .actionIcnWrap {
  background-color: #FF3A52;
  color: #FF3A52;
  box-shadow: none;
}
.m-imgInfoDisplay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  position: relative;
  padding: 1.25rem;
  background-color: #fff;
}
.m-imgInfoDisplay .imgWrap {
  position: relative;
  overflow: hidden;
  width: 3.16667rem;
  height: 3.16667rem;
  box-sizing: border-box;
  border: none;
  border-radius: 100%;
  posiiton: relativde;
}
.m-imgInfoDisplay .imgWrap > img {
  width: 100%;
  height: 100%;
}
.m-imgInfoDisplay .infoWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-imgInfoDisplay .infoWrap .mainInfo {
  font-size: 1.41667rem;
  line-height: 2rem;
  color: #333;
}
.m-imgInfoDisplay .infoWrap .subInfo {
  line-height: 1.41667rem;
  font-size: 1rem;
}
.m-imgInfoDisplay:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.m-imgInfoDisplay .imgWrap {
  background-color: #eee;
}
.m-imgInfoDisplay .infoWrap {
  padding-left: 1.25rem;
}
.m-imgInfoDisplay .infoWrap .subInfo {
  color: #7f7f7f;
}
.m-shopServices {
  padding: 1.25rem 1.25rem 0 1.25rem;
  font-size: 0;
  background-color: #fff;
}
.m-shopServices .m-shopService {
  display: inline-block;
  padding-bottom: 1.25rem;
  width: 33.333%;
}
.m-shopService {
  font-size: 0;
}
.m-shopService .serviceIcn,
.m-shopService .serviceName {
  vertical-align: middle;
}
.m-shopService .serviceIcn {
  font-size: 1.83333rem;
  color: #979797;
}
.m-shopService .serviceName {
  display: inline-block;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: 0.41667rem;
  color: #333;
  font-size: 1.25rem;
}
.m-cell.m-cell-img .cellHd {
  padding-right: 1.25rem;
}
.m-cell.m-cell-img .cellImgWrap {
  position: relative;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  border: 36px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.m-cell.m-cell-img .cellImgWrap > img {
  width: 100%;
  height: 100%;
}
.m-cell.m-cell-icon {
  padding-left: 4.16667rem;
}
.m-cell.m-cell-icon .inner .cellBd {
  position: relative;
}
.m-cell.m-cell-icon .inner .cellBd h5 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
  font-weight: normal;
}
.m-cell.m-cell-icon .inner .cellBd h5 + p {
  margin-top: 0.41667rem;
}
.m-cell.m-cell-icon .inner .cellBd p {
  font-size: 1rem;
  line-height: 1.41667rem;
  color: #7f7f7f;
}
.m-cell.m-cell-icon .inner .cellBd > .iconfont,
.m-cell.m-cell-icon .inner .cellBd .head-icon {
  font-size: 1.66667rem;
  color: #bbb;
  position: absolute;
  left: -2.91667rem;
  top: 50%;
  margin-top: -0.83333rem;
}
.m-invitation {
  text-align: center;
}
.m-invitation .imgWrap {
  position: relative;
  height: 17.08333rem;
  background-color: rgba(0, 184, 193, 0.1);
}
.m-invitation .imgWrap .icon {
  position: absolute;
  bottom: 0.58333rem;
  left: 50%;
  margin-left: -2.08333rem;
  display: inline-block;
  width: 4.16667rem;
  height: 4.16667rem;
  border-radius: 50%;
}
.m-invitation .imgWrap .bgImg {
  position: absolute;
  top: 3.75rem;
  left: 50%;
  margin-left: -8.33333rem;
  display: inline-block;
  width: 16.66667rem;
  height: 16.66667rem;
}
.m-invitation > h3 {
  margin-top: 4.16667rem;
  color: #333;
  font-size: 1.41667rem;
}
.m-invitation .txt {
  margin: 1rem auto 2.5rem;
  line-height: 1.5;
  color: #7f7f7f;
  font-size: 1.25rem;
}
.m-invitation .btnWrap > button {
  width: 16.66667rem;
  background-color: #FF3A52;
  border: 1px solid #FF3A52;
}
.m-accounts-wrap {
  margin: 0 1.66667rem;
  border-top: 0.08333rem solid #eee;
}
.m-accounts-wrap > .item {
  padding: 1.66667rem 0;
  border-bottom: 1px solid #eee;
}
.m-accounts-wrap > .item .avatarContainer {
  -ms-flex: 0.8;
      flex: 0.8;
}
.m-accounts-wrap > .item .avatarContainer .avatar {
  width: 4.16667rem;
  height: 4.16667rem;
  border-radius: 50%;
  overflow: hidden;
}
.m-accounts-wrap > .item .avatarContainer .avatar > img {
  width: 100%;
}
.m-accounts-wrap > .item .info {
  -ms-flex: 1.3;
      flex: 1.3;
  text-align: left;
  color: #333;
  font-size: 1.25rem;
  line-height: 1.5;
}
.m-accounts-wrap > .item .info p > span {
  color: #7f7f7f;
  font-size: 1.08333rem;
}
.m-accounts-wrap > a {
  display: block;
  margin-top: 1.66667rem;
  text-align: center;
}
.m-indicators {
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.m-indicators > li {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #d8d8d8;
  margin: 0 0.41667rem;
}
.m-indicators > li.z-active {
  background-color: #FF3A52;
}
.m-indicators > li.label {
  margin: 0;
  padding: 0 0.58333rem;
  height: 18PX;
  width: auto;
  border-radius: 9PX;
  line-height: 18PX;
  font-size: 1rem;
  background-color: #d8d8d8;
  color: #fff;
  transform: scale(0.6667);
}
.m-indicators > li.label.z-active {
  background-color: #FF3A52;
}
.m-indicators.m-indicators-white > li {
  background-color: rgba(255, 255, 255, 0.3);
}
.m-indicators.m-indicators-white > li.z-active {
  background-color: #fff;
}
.m-infoItem {
  padding: 0 1.25rem;
  background-color: #fff;
}
.m-infoItem .infoItemInner {
  padding: 1.25rem 0;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
}
.m-infoItem .infoItemInner .mainInfoWrap {
  -ms-flex: 1;
      flex: 1;
}
.m-infoItem .infoItemInner .mainInfoWrap .tip {
  color: #999;
}
.m-infoItem .infoItemInner .subInfoWrap {
  color: #999;
}
.m-workoutCard {
  position: relative;
  width: 28.75rem;
  max-height: 21.66667rem;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.m-workoutCard.m-workoutCard-noFold {
  max-height: initial;
  padding-bottom: 2.5rem;
}
.m-workoutCard.m-workoutCard-video {
  max-height: initial;
  padding-bottom: 0rem;
}
.m-workoutCard .headerWrap {
  display: -ms-flexbox;
  display: flex;
  height: 5.83333rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
  background: url('https://img.qingchengfit.cn/923115f05d818711642fa448912ae5a2.png') no-repeat;
  background-size: cover;
  font-size: 1.66667rem;
  background-color: #000;
  color: #fff;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.m-workoutCard .headerWrap .name {
  -ms-flex: 1;
      flex: 1;
}
.m-workoutCard .headerWrap .timeIcon {
  width: 1.75rem;
  height: 2.125rem;
  background: url('//static.qingchengfit.cn/9e863d9682c80f291d56070f8e63908c.png') no-repeat;
  background-size: cover;
}
.m-workoutCard .headerWrap .time {
  padding-left: 0.83333rem;
}
.m-workoutCard .notOpen {
  position: relative;
  height: 15.75rem;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0.9));
}
.m-workoutCard .notOpen .txt {
  position: absolute;
  bottom: 1.66667rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.25rem;
  color: #fff;
}
.m-workoutCard .ctnWrap .inner {
  padding: 0.83333rem;
}
.m-workoutCard .ctnWrap .inner a[data-qc-action='action'] {
  color: #fa5555;
}
.m-workoutCard .ctnWrap .inner img {
  max-width: 100%;
}
.m-workoutCard .ctnWrap .inner div[data-qc-action='video'],
.m-workoutCard .ctnWrap .inner .videoWrap {
  width: 100%;
  height: 15.83333rem;
  background-color: black;
}
.m-workoutCard .ctnWrap .inner div[data-qc-action='video'] video,
.m-workoutCard .ctnWrap .inner .videoWrap video {
  width: 100%;
  height: 15.83333rem;
}
.m-workoutCard .ctnWrap .liveInfoWrap {
  padding: 1.66667rem 0.83333rem;
}
.m-workoutCard .ctnWrap .liveInfoWrap .infoItem {
  padding-bottom: 0.83333rem;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  color: #7f7f7f;
}
.m-workoutCard .ctnWrap .liveInfoWrap .infoItem .name {
  color: #333;
}
.m-workoutCard .ctnWrap .liveInfoWrap .infoItem .info {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.m-workoutCard .ctnWrap .liveInfoWrap .infoItem .info a {
  color: #FF3A52;
  text-decoration: underline;
}
.m-workoutCard .ctnWrap .liveInfoWrap .liveDesc {
  font-size: 1rem;
  color: #333;
  word-break: break-all;
}
.m-workoutCard .ctnWrap .liveInfoWrap .liveDesc img {
  max-width: 100%;
}
.m-workoutCard .ctnWrap .scoreMethod {
  padding: 0 0.83333rem;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.08333rem dashed #eee;
  height: 4.16667rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.m-workoutCard .ctnWrap .scoreMethod .name {
  font-size: 1.08333rem;
  font-weight: bold;
}
.m-workoutCard .ctnWrap .scoreMethod .method {
  font-size: 1rem;
  color: #7f7f7f;
}
.m-workoutCard .toggleBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #999;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), #ffffff);
}
.m-workout .workoutItemCtn .workoutItem {
  width: 92%;
  margin: 0 auto;
}
.m-workoutGroup .titleWrap {
  padding: 1.66667rem 1.25rem 0 1.25rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
  color: #333;
}
.m-workoutGroup .selectWrap {
  padding: 1.66667rem 1.25rem;
  background-color: white;
}
.m-workoutGroup .selectWrap .select {
  padding-right: 4.16667rem;
  -webkit-appearance: none;
  border: none;
  line-height: 1.5rem;
  height: 1.5rem;
  font-size: 1.08333rem;
  color: #7f7f7f;
  background-color: white;
}
.m-workoutGroup .selectWrap .arrow {
  pointer-events: none;
  margin-left: -3.33333rem;
  vertical-align: middle;
}
.m-movementDisplay .inner {
  box-sizing: border-box;
  width: 25rem;
  max-height: 37.5rem;
  border-radius: 4px;
  background-color: #fff;
  padding: 1.25rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.m-movementDisplay .inner .mediaWrap {
  padding-bottom: 1rem;
}
.m-movementDisplay .inner .mediaWrap:last-child {
  padding-bottom: 0;
}
.m-movementDisplay .inner .mediaWrap img {
  display: block;
  max-width: 100%;
}
.m-movementDisplay .inner .mediaWrap .videoWrap {
  width: 100%;
  height: 15.83333rem;
  background-color: #000;
}
.m-movementDisplay .inner .mediaWrap .videoWrap video {
  width: 100%;
  height: 15.83333rem;
}
.m-movementDisplay .inner .mediaWrap .info {
  padding-top: 1rem;
  line-height: 1.5rem;
  font-size: 1.08333rem;
  color: #333;
}
.m-qrDisplay {
  width: 21.66667rem;
  background-color: #fff;
  border-radius: 4px;
  padding-top: 2.08333rem;
}
.m-qrDisplay .tip {
  font-size: 1.41667rem;
  line-height: 1.66667rem;
  text-align: center;
  color: #333;
}
.m-qrDisplay .imgWrap {
  display: -ms-flexbox;
  display: flex;
  height: 17.66667rem;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.m-qrDisplay .imgWrap .img {
  width: 11rem;
  height: 11rem;
}
.m-onlineCourseCard {
  background-color: #fff;
}
.m-onlineCourseCard .roundTag {
  height: 16PX;
  padding: 0 0.5rem;
  line-height: 16PX;
  border-radius: 8PX;
  font-size: 1rem;
  color: #FF3A52;
  background-color: rgba(255, 58, 82, 0.1);
  font-weight: normal;
}
.m-onlineCourseCard .mainWrap {
  position: relative;
  padding: 1.66667rem 1.25rem 0.83333rem 1.25rem;
  display: -ms-flexbox;
  display: flex;
}
.m-onlineCourseCard .mainWrap .logoWrap {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}
.m-onlineCourseCard .mainWrap .infoWrap {
  -ms-flex: 1;
      flex: 1;
  padding-left: 0.83333rem;
  overflow: hidden;
}
.m-onlineCourseCard .mainWrap .infoWrap .mainInfo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0.33333rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 1.16667rem;
  color: #333;
  font-weight: bold;
}
.m-onlineCourseCard .mainWrap .infoWrap .mainInfo .main {
  max-width: 60%;
  padding-right: 0.5rem;
}
.m-onlineCourseCard .mainWrap .infoWrap .subInfo {
  height: 1.33333rem;
  line-height: 1.33333rem;
  padding-bottom: 1.16667rem;
  font-size: 1rem;
  color: #999;
}
.m-onlineCourseCard .mainWrap .payWrap {
  display: -ms-flexbox;
  display: flex;
  height: 1.75rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-onlineCourseCard .mainWrap .payWrap .onlinePay {
  line-height: 1.33333rem;
  padding-right: 0.83333rem;
  color: #FF3A52;
  font-size: 1.25rem;
  font-weight: bold;
}
.m-onlineCourseCard .mainWrap .payWrap .onlinePay .unit {
  display: inline-block;
  font-size: 1rem;
  transform: scale(10/12);
}
.m-onlineCourseCard .mainWrap .payWrap .trialPriceDisplay {
  padding-right: 0.83333rem;
}
.m-onlineCourseCard .mainWrap .payWrap .cardPayInfo {
  -ms-flex: 1;
      flex: 1;
}
.m-onlineCourseCard .mainWrap .payWrap .tip {
  line-height: 1.33333rem;
  color: #999;
  font-size: 1rem;
}
.m-onlineCourseCard .mainWrap .payWrap .tip.tip-strong {
  color: #FF3A52;
  font-size: 1.08333rem;
  font-weight: bold;
}
.m-onlineCourseCard .mainWrap .payWrap .participate {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}
.m-onlineCourseCard .mainWrap .markWrap {
  padding-top: 0.25rem;
}
.m-onlineCourseCard .subWrap {
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.25rem;
  height: 3.75rem;
  color: #333;
  font-size: 1rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-onlineCourseCard .subWrap .date {
  padding-right: 0.33333rem;
}
.m-onlineCourseCard .subWrap .subTip {
  padding: 0 0.33333rem;
}
.m-onlineCourseHeader {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  height: 3.75rem;
  padding: 0 1.25rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-onlineCourseHeader .calendarIconWrap {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #7f7f7f;
}
.m-onlineCourseHeader .calendarIconWrap .icon {
  font-size: 2.5rem;
}
.m-onlineCourseHeader .calendarIconWrap .month {
  position: absolute;
  left: 0;
  top: 0.33333rem;
  width: 100%;
  font-size: 1rem;
}
.m-onlineCourseHeader .infoWrap {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  font-size: 1.25rem;
  color: #333;
}
.m-onlineCourseDesc {
  padding-top: 1.66667rem;
}
.m-onlineCourseDesc .title {
  padding-bottom: 0.83333rem;
  line-height: 1.5rem;
  font-size: 1.16667rem;
  color: #333;
  font-weight: bold;
}
.m-onlineCourseDesc .descCard {
  display: -ms-flexbox;
  display: flex;
}
.m-onlineCourseDesc .descCard > .cardImgWrap {
  position: relative;
  overflow: hidden;
  width: 5.5rem;
  height: 5.5rem;
}
.m-onlineCourseDesc .descCard > .infoWrap {
  -ms-flex: 1;
      flex: 1;
  padding-left: 0.83333rem;
}
.m-onlineCourseDesc .descCard > .infoWrap .cardName {
  line-height: 1.5rem;
  font-size: 1.16667rem;
  color: #333;
  font-weight: bold;
}
.m-onlineCourseDesc .descCard > .infoWrap .tagWrap {
  margin-left: -0.41667rem;
  padding-bottom: 0.41667rem;
}
.m-onlineCourseDesc .descCard > .infoWrap .cardInfo {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #999;
}
.m-onlineCourseDesc .descWrap {
  padding-top: 0.41667rem;
  font-size: 1.08333rem;
  color: #999;
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
}
.m-onlineCourseDesc .descWrap img {
  max-width: 100%;
}
.m-onlineCourseOrder > .orderTitle {
  padding-bottom: 1.66667rem;
  line-height: 2rem;
  font-size: 1.41667rem;
  color: #333;
}
.m-onlineCourseOrder > .orderInfoList .orderInfoItem {
  padding-bottom: 1.66667rem;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.m-onlineCourseOrder > .orderInfoList .orderInfoItem .label {
  padding-right: 0.83333rem;
  color: #999;
}
.m-onlineCourseOrder > .orderInfoList .orderInfoItem .info {
  -ms-flex: 1;
      flex: 1;
  color: #333;
  text-align: right;
}
.m-onlineCourseOrder > .orderBtnWrap {
  padding-top: 1.5rem;
  text-align: center;
}
.m-onlineCourseOrder > .orderBtnWrap .btn {
  display: inline-block;
  height: 3rem;
  border-radius: 22px;
  padding: 0 2.91667rem;
}
.m-onlineCourseOrder > .orderTip {
  padding-top: 0.83333rem;
  font-size: 1rem;
  color: #999;
  text-align: center;
}
.m-onlineCourseActionBar {
  position: fixed;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.58333rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 1.25rem;
  background-color: #fff;
}
.m-onlineCourseActionBar .infoWrap {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
}
.m-onlineCourseActionBar .infoWrap .infoItem {
  padding-right: 0.83333rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.m-onlineCourseActionBar .infoWrap .infoItem.infoItem-trialPrice {
  -ms-flex-direction: row;
      flex-direction: row;
}
.m-onlineCourseActionBar .infoWrap .infoItem.infoItem-trialPrice .tag {
  margin-left: 0.66667rem;
}
.m-onlineCourseActionBar .infoWrap .infoItem.infoItem-price {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}
.m-onlineCourseActionBar .infoWrap .infoItem .iconWrap {
  width: 1.33333rem;
  height: 1.33333rem;
  line-height: 1.33333rem;
  text-align: center;
}
.m-onlineCourseActionBar .infoWrap .infoItem .iconWrap .icon {
  color: #999;
  font-size: 1.33333rem;
}
.m-onlineCourseActionBar .infoWrap .infoItem .name {
  padding-top: 0.41667rem;
  font-size: 1rem;
  color: #999;
}
.m-onlineCourseActionBar .infoWrap .infoItem .info {
  font-size: 1rem;
  color: #999;
}
.m-onlineCourseActionBar .infoWrap .infoItem .info .unit {
  font-size: 1.08333rem;
}
.m-onlineCourseActionBar .infoWrap .infoItem .info .price {
  font-size: 1.5rem;
}
.m-onlineCourseActionBar .infoWrap .infoItem .info.info-strong {
  font-size: 1.08333rem;
  line-height: 1.5rem;
  color: #e22714;
  font-weight: bold;
}
.m-onlineCourseActionBar .btnWrap {
  margin-right: 0.83333rem;
  width: 8.16667rem;
}
.m-onlineCourseActionBar .btnWrap:last-child {
  margin-right: 0rem;
}
.m-onlineCourseActionBar .btnWrap.btnWrap-wide {
  width: 16.25rem;
}
.m-onlineCourseActionBar .btnWrap.btnWrap-icon {
  width: 10rem;
}
.m-trialPriceDisplay {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  line-height: 1.66667rem;
}
.m-trialPriceDisplay .trialPrice {
  font-size: 1.41667rem;
  color: #FF3A52;
}
.m-trialPriceDisplay .unit {
  color: #FF3A52;
}
.m-trialPriceDisplay .originPrice {
  padding-left: 0.41667rem;
  color: #999;
  text-decoration: line-through;
}
.m-layerBtmCtn {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.25rem;
  border-top-left-radius: 0.66667rem;
  border-top-right-radius: 8px;
  background-color: #fff;
}
.m-layerBtmCtn .close {
  position: absolute;
  right: 1.25rem;
  top: -3.75rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.m-layerBtmCtn .close .icn {
  font-size: 1.25rem;
  color: #666;
}
.m-layerBtmCtn .close:after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 0.16667rem;
  height: 1.25rem;
  bottom: -1.25rem;
  left: 50%;
  margin-left: -0.08333rem;
}
.m-layerBtmCtn .imgWrap {
  position: absolute;
  top: -2.91667rem;
  left: 50%;
  margin-left: -2.91667rem;
  overflow: hidden;
  width: 5.83333rem;
  height: 5.83333rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #eee;
}
.m-layerBtmCtn .imgWrap img {
  width: 100%;
}
.m-layerBtmCtn .name {
  padding-top: 2.5rem;
  text-align: center;
}
.m-paymentItem .inner {
  height: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.m-paymentItem .inner .logoWrap {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
}
.m-paymentItem .inner .logoWrap .logo {
  display: block;
  width: 100%;
  height: 100%;
}
.m-paymentItem .inner .cardInfoWrap {
  -ms-flex: 1;
      flex: 1;
  padding-left: 0.66667rem;
  overflow: hidden;
}
.m-paymentItem .inner .cardInfoWrap .name {
  font-size: 1.08333rem;
  line-height: 1.75rem;
  color: #333;
}
.m-paymentItem .inner .cardInfoWrap .info {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #999;
}
.m-paymentItem .inner .priceInfoWrap {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.41667rem;
  -ms-flex-align: center;
      align-items: center;
}
.m-paymentItem .inner .priceInfoWrap .priceInner {
  padding-left: 0.41667rem;
}
.m-paymentItem .inner .priceInfoWrap .priceInner .price {
  line-height: 1.75rem;
  font-size: 1.08333rem;
  color: #666;
}
.m-paymentItem .inner .priceInfoWrap .priceInner .originPrice {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #999;
  transform: scale(10/12);
  text-decoration: line-through;
}
.m-paymentItem .inner .actionWrap {
  padding-left: 1.25rem;
  box-sizing: border-box;
  width: 4.58333rem;
}
.m-paymentBar {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  padding: 0.83333rem 1.25rem;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  -ms-flex-align: center;
      align-items: center;
}
.m-paymentBar .infoWrap {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  font-size: 1.16667rem;
  line-height: 1.75rem;
  color: #333;
}
.m-paymentBar .infoWrap .highlight {
  color: #ff0200;
  font-size: 1.66667rem;
}
.m-paymentBar .btnWrap .btn {
  width: auto;
  padding: 0 0.83333rem;
}
.tagSelector {
  position: relative;
  background: #fff;
}
.tagSelector:after {
  content: "";
  position: absolute;
  height: 0.08333rem;
  z-index: 50;
  transform-origin: 0 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  color: #eee;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.tagSelector .ctn {
  padding: 0.83333rem 0 0.83333rem 1.25rem;
  height: 2.5rem;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}
.tagSelector .ctn::-webkit-scrollbar {
  display: none;
}
.tagSelector .ctn .tagItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.83333rem;
  margin-right: 0.83333rem;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  box-sizing: border-box;
  height: 2.5rem;
  border-radius: 15px;
  border: 1px solid #d9d9d9;
  color: #666;
  background: #fff;
  font-size: 1rem;
  line-height: 1.16667rem;
}
.tagSelector .ctn .tagItem .inner {
  padding-top: 0.08333rem;
}
.tagSelector .ctn .tagItem.z-active {
  color: #FF3A52;
  border: 1px solid #FF3A52;
}
.m-partnerCodeVerify {
  margin: 1.25rem;
}
.m-partnerCodeVerify .scan-icon {
  height: 3.5rem;
  color: #FF3A52;
}
.m-partnerCodeVerifyTab {
  display: -ms-flexbox;
  display: flex;
}
.m-partnerCodeVerifyTab .tabItem {
  -ms-flex: 1;
      flex: 1;
  position: relative;
  padding: 0 1.41667rem;
  line-height: 3.33333rem;
  text-align: center;
}
.m-partnerCodeVerifyTab .tabItem .ctn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.16667rem;
  background: #fff;
}
.m-partnerCodeVerifyTab .tabItem.z-disabled {
  background-color: transparent;
}
.m-partnerCodeVerifyTab .tabItem.z-disabled .ctn {
  background: transparent;
}
.m-partnerCodeVerifyTab .tabItem:first-child {
  border-top-left-radius: 0.83333rem;
}
.m-partnerCodeVerifyTab .tabItem:first-child::before,
.m-partnerCodeVerifyTab .tabItem:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1.41667rem;
  height: 100%;
  background: #fff;
}
.m-partnerCodeVerifyTab .tabItem:first-child::before {
  left: 0;
  border-top-left-radius: 0.83333rem;
}
.m-partnerCodeVerifyTab .tabItem:first-child:after {
  right: 0.41667rem;
  border-radius: 17px 17px 0 0;
  transform: skew(17deg);
}
.m-partnerCodeVerifyTab .tabItem:last-child {
  border-top-right-radius: 10px;
}
.m-dyVerifyPanel {
  padding: 1.66667rem;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.m-dyVerifyPanel .inputWrap {
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.25rem;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
  height: 3.66667rem;
}
.m-dyVerifyPanel .inputWrap .input {
  -ms-flex: 1;
      flex: 1;
  border: none;
  outline: none;
  padding: 0 0.83333rem;
  font-size: 1.16667rem;
  height: 3.5rem;
  line-height: 3.5rem;
}
.m-dyVerifyPanel .inputWrap .icon {
  display: block;
  width: 1.33333rem;
  height: 1.33333rem;
  background-color: #eee;
  margin-left: 0.83333rem;
}
.m-dyVerifyPanel .btnWrap {
  padding-top: 1.66667rem;
}
.m-dyVerifyPanel .btnWrap .btn {
  width: 100%;
  height: 3.66667rem;
  line-height: 3.66667rem;
  border-radius: 22px;
}
.m-dyVerifyPanel .tipWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 1.66667rem;
  font-size: 1.08333rem;
  line-height: 1.41667rem;
  color: #000;
}
.m-dyVerifyPanel .descWrap {
  line-height: 1.66667rem;
}
.m-dyVerifyPanel .descWrap .desc {
  font-size: 0.91667rem;
}
.m-dyVerifyPanel .descWrap .title {
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0.83333rem;
  color: #333;
}
.m-dyVerifyPanel .descWrap .desc {
  color: #666;
}
.m-verifyCardWrap {
  height: 8.33333rem;
  min-height: 8.33333rem;
  padding-top: 1.66667rem;
  background-size: 100%;
  background-position-y: center;
}
.m-verifyCardWrap::after {
  display: none;
}
.m-verifyCardWrap .titleWrap {
  font-size: 1.16667rem;
  padding-bottom: 0.54167rem;
}
.m-partnerVerifyPanelWrap .circle {
  position: relative;
}
.m-partnerVerifyPanelWrap .circle::before,
.m-partnerVerifyPanelWrap .circle::after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f4f4f4;
  border-radius: 50%;
  z-index: 2;
}
.m-partnerVerifyPanelWrap .mint-checkbox-core,
.m-partnerVerifyPanelWrap .mint-radio-core {
  box-sizing: border-box;
  transform: scale(0.8);
}
.m-partnerVerifyPanelWrap .mint-checkbox-core {
  border-radius: 0;
}
.m-partnerVerifyPanelWrap .partnerTag {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.83333rem;
  padding: 0.16667rem 0.41667rem;
  border-radius: 4px 0 4px 0;
  background-image: linear-gradient(98.27deg, #f86931 -19.93%, #ffd98f 186.64%);
}
.m-partnerVerifyPanelWrap .numTag {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 1rem;
  padding: 0.16667rem 0.41667rem;
  border-radius: 0 4px 0 4px;
  background-color: #f04d4d;
}