/*display兼容性写法*/
.Dis {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.DisAlign {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.DispJustify {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.DispJustifyB {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.DisFlex {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
body {
  height: auto;
  overflow: auto;
  margin-top: 0px;
}
body {
  position: relative;
  min-height: 100%;
  font-family: "San Francisco", Roboto, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #606060;
  font-size: 14px;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
  background-color: #efeff4;
  max-width: 750px;
  margin: 0 auto;
  
  -webkit-overflow-scrolling: touch;
}
.GroupBtn {
  width: 205px;
  height: 36px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 550;
  background-color: #FF535D;
  border-radius: 20px;
  margin: 15px auto 0;
}
.imgUrls {
  width: 100%;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  box-sizing: border-box;
  padding: 25px 2px 1px;
  margin-top: 10px;
}
.imgUrls .notAdded > img,
.imgUrls img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #D3D3D3;
  margin: 0 10px 24px;
  position: relative;
}
.imgUrls .notAdded {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.imgUrls .notAddedBGM {
  background: url('https://testhdh.liantuofu.com/imgPath/club/activity/1569394521739.jpg') no-repeat;
  background-size: 100% 100%;
  background-position: 0 -16px;
}
.imgUrls .colonel {
  position: relative;
  z-index: 1;
}
.imgUrls .colonel::before {
  width: 40px;
  height: 18px;
  content: "团主";
  position: absolute;
  left: 50%;
  bottom: 12px;
  color: #ffffff;
  font-size: 11px;
  background-color: #FF535D;
  border-radius: 11px;
  z-index: 5;
  transform: translate(-50%, -20%);
  /* 50%为自身尺寸的一半 */
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.headKar {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff3e1;
  position: relative;
  height: 44px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.headKar .arrows {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 19px;
  top: 15px;
}
.headKar .headTitle {
  font-size: 16px;
  color: #FF535D;
  font-family: 'PingFangSC-Regular';
  font-weight: 600;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.maskGroup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.maskGroup .maskBox {
  width: 100%;
  height: 100%;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  padding: 52px 25px 10% 25px;
}
.maskGroup .maskContent {
  width: 80%;
  max-height: 80%;
  background-color: #fff;
  border-radius: 5px;
  z-index: 101;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch !important;
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translate(0, -50%);
}
.maskGroup .maskContent .maskHead {
  width: 100%;
  height: 46px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  position: relative;
  color: #4a4a4a;
  font-size: 17px;
  font-weight: 600;
}

.maskGroup .maskContent .maskList {
  width: 100%;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 15px;
}
.maskGroup .maskContent .maskList li:last-child {
  border-bottom: none;
}
.maskGroup .maskContent .maskList li {
  width: 100%;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
}
.maskGroup .maskContent .maskList li .maskFirst {
  width: 160px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maskGroup .maskContent .maskList li .maskFirst img {
  width: 36px;
  height: 36px;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}
.maskGroup .maskContent .maskList li .maskFirst .maskName {
  width: 100px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  color: #4a4a4a;
}
.maskGroup .maskContent .maskList li .maskFirst .maskName span:first-child {
  font-weight: 600;
  font-size: 15px;
}
.maskGroup .maskContent .maskList li .maskFirst .maskName span:last-child {
  
  font-size: 14px;
}
.maskGroup .maskContent .maskBill {
  background-color: #FF535D;
  box-sizing: border-box;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: "PingFangSC-Semibold";
  border-radius: 5px;
}
.foot {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 200;
  background-color: #fff;
  border-top: 1px solid #ffffff;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px 15px;
}
.foot .footMoney {
  color: #FF535D;
  font-family: "PingFangSC-Semibold";
  font-size: 20px;
  font-weight: 600;
}
.foot .footMoney span {
  font-size: 14px;
  font-family: "PingFangSC-Regular";
}
.foot .footBtn {
  width: 160px;
  height: 40px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 8px;
  background-color: #FF535D;
  border-radius: 20px;
}
.foot .footBtn img {
  width: 26px;
  height: 26px;
  border-radius: 100%;
}
.foot .footBtn .footGroup {
  width: 105px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.foot .footBtn .footGroup div:first-child {
  font-size: 12px;
}
.foot .footBtn .footGroup div:last-child {
  font-size: 10px;
}
.foot .footNext {
  width: 180px;
  border-radius: 20px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.foot .footNext .Item {
  width: 50%;
  color: #ffffff;
  font-size: 12px;
  font-family: "PingFangSC-Regular";
  text-align: center;
  box-sizing: border-box;
  padding: 3px 0;
}
.foot .footNext .Item div:last-child {
  font-weight: 600;
}
.foot .footNext .footFirst {
  background-color: rgba(255, 141, 0, 0.9);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.foot .footNext .footLast {
  background-color: #FF535D;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.maskGroupParent{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  top: 12px;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.maskGroupParent img{
  width: 11px;
  height: 11px;
}
.sellNormalDiv{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}