@font-face {
  font-family: SourceHanM;
  src: url(../font/SourceHanSerifCN-Medium.otf);
}

@font-face {
  font-family: SourceHanH;
  src: url(../font/SourceHanSerifCN-Heavy.otf);
}

@font-face {
  font-family: SourceHanR;
  src: url(../font/SourceHanSerifCN-Regular.otf);
}

@font-face {
  font-family: SourceHanB;
  src: url(../font/SourceHanSerifCN-Bold.otf);
}

/* CSS Document */
.home {
  width: 38.4rem;
  /* height: 21.6rem; */
  background: url(../images/home.png) no-repeat;
  background-size: 100% 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.homeHead {
  width: 14.57rem;
  height: 3.5rem;
  margin: 0.44rem auto 0.32rem;
  text-align: center;
}

.homeTil {
  display: block;
  width: 10.41rem;
  height: 2.06rem;
  margin: 0 auto 0.4rem;
}

.tsgTil {
  display: inline-block;
  text-align: center;
  height: 0.96rem;
  background: url(../images/tsgTil.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0.6rem;
  color: #FFEBC5;
  padding: 0 1rem;
  letter-spacing: 0.13rem;
  white-space: nowrap;
}

.IndexNav {
  width: 100%;
  height: 1.06rem;
  margin: 0.44rem;
}

.IndexNav .dropdown {
  display: block;
  float: left;
  width: 3.2rem;
  height: 1.06rem;
  line-height: 1.06rem;
  background: rgba(255, 238, 192, 1);
  border: 0.03rem solid rgba(189, 113, 9, 1);
  border-radius: 0.53rem;
  font-size: 0.48rem;
  color: #BD7109;
  position: relative;
  margin-right: 0.4rem;
  box-shadow: 0.03rem 0.03rem 0 0 rgba(249, 211, 109, 0.98);
}

.IndexNav .dropdown h2 {
  width: 2.2rem;
  margin-left: 0.43rem;
  white-space: nowrap;
  /*overflow: hidden;
  text-overflow: ellipsis; */
  cursor: pointer;
  font-size: 0.48rem;
}

.downward {
  width: 0.2rem;
  height: 0.12rem;
  position: absolute;
  top: 0.5rem;
  right: 0.27rem;
  font-size: 0.3rem;
  background: url(../images/downward.png) no-repeat;
  background-size: 100%;
}

/*transform: rotate(90deg);*/
.dropdown .sub-menu {
  width: 3.2rem;
  height: auto;
  min-height: 4rem;
  max-height: 8rem;
  position: absolute;
  top: 1.06rem;
  left: 0rem;
  border: 0.03rem solid rgba(189, 113, 9, 1);
  z-index: 9;
  background: rgba(255, 238, 192, 1);
  border-radius: 0.4rem;
  box-sizing: border-box;
  padding-left: 0.43rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.dropdown .sub-menu li {
  height: 1rem;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.homeMain {
  width: 37.26rem;
  height: 14.51rem;
  margin: 0.65rem auto 1.35rem;
  background-color: #FFFFFF;
  border: solid 0.01rem #EC1727;
  border-radius: 0.12rem;
}

.homeMain dl dt {
  position: relative;
  width: 8.14rem;
  height: 4.36rem;
  margin: 0.24rem auto 0;
  border-radius: 0.12rem;
  overflow: hidden;
  background-color: gainsboro;
}

.homeMain dl dt label {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 1.86rem;
  height: 0.68rem;
  text-align: center;
  line-height: 0.68rem;
  border-radius: 0.12rem 0 0.2rem 0;
  color: #FFF;
}

.labelOrgin {
  background-color: #EB6100;
}

.labelBlue {
  background-color: #00A0E9;
}

.labelRed {
  background-color: #E5004F;
}

.homeMain dl dt img {
  width: 8.14rem;
}

.homeMain dl dt b {
  height: 0.45rem;
  line-height: 0.45rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 0.26rem;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.1rem;
  letter-spacing: -0.01rem
}

.homeMain dl dd h3 {
  font-size: 0.36rem;
  font-weight: 700;
  width: 8.12rem;
  margin: 0.24rem auto 0.14rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

.homeMain dl dd p {
  width: 8.12rem;
  font-size: 0.32rem;
  color: rgba(0, 0, 0, .5);
  margin: 0 auto;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
}

.homeMain dl dd p:hover {
  color: #00a1d6;
}

input::-webkit-input-placeholder {
  color: #BE740D;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #BE740D;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #BE740D;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BE740D;
}

.none {
  display: none;
}

/* 返回 */
.GoBack {
  display: block;
  width: 4.29rem;
  height: 2.69rem;
  background: url(../images/back.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 1.01rem;
  bottom: 0.84rem;
  z-index: 8
}

.GoBack a {
  display: block;
  width: 100%;
  height: 100%;
}

/* 弹层 */
.maskBox {
  width: 38.4rem;
  height: 21.6rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.mask {
  width: 38.4rem;
  height: 21.6rem;
  background-color: rgba(0, 0, 0, 0.8);
}

.maskMain {
  width: 14.32rem;
  height: 19rem;
  background: url(../images/maskMain.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1.8rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 12;
}

.close {
  width: 0.7rem;
  height: 0.94rem;
  background: url(../images/close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -0.6rem;
  left: 13.2rem;
  cursor: pointer;
}

.wdlable {
  width: 0.8rem;
  height: 5.24rem;
  background: url(../images/wdlable.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.3rem;
  top: 0.7rem;
}

.saoma {
  width: 3.11rem;
  height: 3.53rem;
  border: solid 0.04rem #D72C21;
  background-color: #FCF2E3;
  position: absolute;
  left: -2.7rem;
  top: 1.05rem;
}

.saoma img {
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  background-color: white;
  padding: 0.08rem;
  margin: 0.3rem auto 0.1rem;
}

.saoma p {
  text-align: center;
  font-size: 0.3rem;
  font-weight: 700;
}

.maskMain .tab {
  width: 7.14rem;
  margin: 0.4rem auto 0;
}

.maskMain .tab img {
  width: 2.83rem;
  height: 0.55rem;
  padding-bottom: 0.05rem;
  cursor: pointer;
}

.maskMain .tab img.curr {
  background: url(../images/ImgCurr.png) bottom no-repeat;
  background-size: 100%;
}

.maskMain .tab .hdxqTit {
  float: left;
}

.maskMain .tab .hdphTit {
  float: right;
}

.maskMain .tab2 {
  width: 7.14rem;
  margin: 0.4rem auto 0;
}

.maskMain .tab2 img {
  width: 2.83rem;
  height: 0.55rem;
  padding-bottom: 0.05rem;
  cursor: pointer;
}

.maskMain .tab2 img.curr {
  background: url(../images/ImgCurr.png) bottom no-repeat;
  background-size: 100%;
}

.maskMain .tab2 .hdxqTit {
  float: left;
}

.maskMain .tab2 .hdphTit {
  float: right;
}

/* 活动详情 */
.maskMain .hdxq {
  width: 12.3rem;
  height: 16.5rem;
  margin: 1.9rem auto 0.9rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.DetailHead {
  display: block;
  width: 10.52rem;
  margin: auto;
}

.maskMain .hdxq::-webkit-scrollbar-track,
.rankMainBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.3);
  background-color: #F9D5A7;
  border: 0.06rem;
  border-radius: 0.5rem
}

.maskMain .hdxq::-webkit-scrollbar,
.rankMainBox::-webkit-scrollbar {
  width: 0.2rem;
  background-color: #F7DCBF;
  border-radius: 0.5rem
}

.maskMain .hdxq::-webkit-scrollbar-thumb,
.rankMainBox::-webkit-scrollbar-thumb {
  background-color: #E87A17;
  border-radius: 0.5rem
}

.DetailMain .DetailTime {
  position: absolute;
  top: -0.02rem;
  right: 0;
  width: 5.5rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  color: white;
  background-color: #FF9626;
  border-bottom-left-radius: 0.2rem;
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DetailMain2 .DetailTime {
  position: absolute;
  top: -0.02rem;
  right: 0;
  width: 5.5rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  color: white;
  background-color: #FF9626;
  border-bottom-left-radius: 0.2rem;
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DetailText {
  width: 10.52rem;
  margin: 0rem auto 0.4rem;
  font-size: 0.44rem;
  line-height: 0.6rem;
}

.Comh2 {
  width: 6.6rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: url(../images/tilZS.png) center no-repeat;
  background-size: 100%;
  text-align: center;
  font-size: 0.46rem;
  font-weight: 700;
  color: #EF3E3E;
  margin: 0 auto 0.2rem;
}

.DetailMain img {
  display: block;
  width: 10.52rem;
  box-sizing: border-box;
  margin: 0 auto 0.24rem;
}

video {
  display: block;
  width: 10.52rem;
  height: 5.97rem;
  border: solid 0.04rem #FED292;
  margin: 0.24rem auto 0;
  background: black;
}

.DetailVideo img {
  width: 100%;
  height: 100%;
}

.audio-box {
  width: 10.52rem;
  height: 1.5rem;
  background-color: #FED292;
  margin: 0.4rem auto 0;
  border-radius: 0.14rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.audio-box {
  padding: 0.16rem 0.42rem
}

.audio-box .audio-btn {
  width: 1.18rem;
  height: 1.2rem;
  float: left;
  cursor: pointer
}

.audio-box .icon-play {
  background: url(../images/play.png) no-repeat;
  background-size: 100% 100%;
}

.audio-box .icon-pause {
  background: url(../images/pause.png) no-repeat;
  background-size: 100% 100%;
}

.audio-box .times-all,
.audio-box .times-now {
  font-size: 0.5rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #FF3A34;
  float: left;
  line-height: 1.2rem
}

.audio-box .times-all {
  margin-left: 0.2rem
}

.audio-box .audio-progress {
  width: 6.2rem;
  height: 0.3rem;
  background: white;
  border-radius: 0.15rem;
  margin-top: 0.4rem;
  float: left;
  margin-left: 0.1rem;
  position: relative
}

.audio-box .audio-progress .icon-progress {
  width: 0.24rem;
  height: 0.6rem;
  background: #FF3A34;
  border-radius: 0.15rem;
  position: absolute;
  left: 0rem;
  top: -0.14rem
}

.BtnBox {
  height: 0.8rem;
  margin-top: 0.4rem;
}

.BtnBox div {
  float: left;
  width: 2rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  color: white;
  font-weight: 700;
  font-size: 0.3rem;
  margin-left: 0.32rem;
}

.backBtn {
  background: url(../images/yellowBtn.png) no-repeat;
  background-size: 100% 100%;
}

.canjiaBtn {
  background: url(../images/redBtn.png) no-repeat;
  background-size: 100% 100%;
}

.resulteBtn {
  background: url(../images/redBtn.png) no-repeat;
  background-size: 100% 100%;
}

.phbBtn {
  background: url(../images/greenBtn.png) no-repeat;
  background-size: 100% 100%;
}


/* 排行榜 */
.rankMainBox {
  width: 12.3rem;
  height: 16.5rem;
  margin: 1.9rem auto 0.9rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.rankMainBox .p1 span {
  width: 2.4rem;
  height: 0.78rem;
  font-size: 0.54rem;
  color: #F13B25;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
}

.rankMainBox .p1 .span1 {
  margin-left: 0.6rem;
}

.rankMainBox .p1 .span2 {
  margin-left: 2rem;
}

.rankMainBox .p1 .span3 {
  margin-left: 2rem;
}

.rankMainBox .span1.curr,
.rankMainBox .span2.curr,
.rankMainBox .span3.curr {
  background: url(../images/rankMainWhite1.png) left bottom no-repeat;
  background-size: 2rem 0.32rem;
}

.rankMainBox .bgTab {
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 7;
  width: 11.44rem;
}

.rankMainBox .qgTab {
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 6;
  width: 11.44rem;
}

.rankMainBox .jgTab {
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 5;
  width: 11.44rem;
}

.rankMainBox .zwTab {
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 5;
  width: 11.44rem;
  text-align: center;
  font-size: 0.4rem;
}

.rankMainBox .tdImg {
  text-align: center;
}

.rankMainBox thead {
  height: 1rem;
  background: url(../images/rankMainWhite2.png) no-repeat;
  background-size: 12.3rem 1rem;
}

.rankMainBox thead th {
  color: #F55F4C;
  font-size: 0.44rem;
  font-weight: 400;
}

.rankMainBox thead .th1 {
  width: 1.2rem;
}

.rankMainBox thead .th2 {
  width: 2.1rem;
}

.rankMainBox thead .th3 {
  width: 1.46rem;
}

.rankMainBox thead .th4 {
  width: 1.26rem;
}

.rankMainBox tbody tr td {
  padding: 0.3rem 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rankMainBox .tdImg img {
  width: 0.9rem;
  height: 1.02rem;
  margin-top: 0.1rem;
}

.rankMainBox tbody .td2 {
  text-align: center;
}

.rankMainBox tbody .td2 img {
  width: 1.32rem;
  height: 1.32rem;
  border-radius: 50%;
}

.rankMainBox tbody .td2 span {
  width: 1.9rem;
  margin-top: 0.4rem;
  margin-left: 0.1rem;
  font-size: 0.38rem;
}

.rankMainBox tbody .td3 {
  color: red;
  font-weight: 700;
}

.rankMainBox tbody .td4 {
  color: gray;
}

.rankMainWhite {
  width: 11.44rem;
  height: 15.3rem;
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

/* 打卡-排行榜 */
.rankMain .p1,
.maskBox .p1 {
  background-color: #FFF;
  width: 12.4rem;
  height: 1rem;
  margin: 0 auto;
}

.dakaBox {
  background-color: #FFF;
}

.rankMainBox .Tab {
  position: absolute;
  height: 15.4rem;
  left: 0;
  top: -0.1rem;
  z-index: 7;
  font-size: 0.24rem;
  color: #999999;
  background-color: #F3F3F3;
  width: 11.44rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.rankMainBox .bgdk {
  z-index: 7;
}

.rankMainBox .qgdk {
  z-index: 6;
}

.rankMainBox .jgph {
  z-index: 5;
}

.rankMainBox.zuopinBox .Tab {
  background-color: #FFF;
}

.headT8 {
  margin-top: 0.3rem;
  margin-left: 0.5rem;
  text-align: center;
}

.headT8 p {
  font-size: 0.28rem;
  height: 0.34rem;
  color: #FAD5D1;
}

.dakaBox .itemBox {
  display: block;
  width: 11.5rem;
  color: #666666;
  margin-bottom: 0.2rem;
  background-color: #FFF;
}

.zanBtn {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/zan.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-right: 0.06rem;
}

.zanBtn.currBtn {
  background: url(../images/currzan.png) no-repeat;
  background-size: 100% 100%;
}

.zanNum {
  font-size: 0.34rem;
  line-height: 0.33rem;
  float: left;
  color: #999999;
}

.item-head {
  height: 1.02rem;
  width: 11.5rem;
  box-sizing: border-box;
  padding: 0.2rem 0.15rem;
  overflow: hidden;
  font-size: 0.24rem;
}

.item-head .item-hleft img {
  float: left;
  width: 0.77rem;
  height: 0.77rem;
  border-radius: 50%;
}

.item-head .item-hleft span {
  margin-left: 0.1rem;
  line-height: 0.77rem;
  float: left;
  font-size: 0.38rem;
}

.item-head .item-hright {
  margin-top: 0.1rem;
}

.note-append .item-hright {
  margin-top: 0.18rem;
}

.dakaBox .zhengwen {
  width: 11.5rem;
  box-sizing: border-box;
  padding: 0rem 0.15rem;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  font-size: 0.41rem;
  letter-spacing: 0.02rem;
  line-height: 0.5rem;
}

.dakaBox .picBox {
  margin: 0.2rem 0.1rem 0;
}

.dakaBox .picBox .img {
  width: 3.5rem;
  height: 3.5rem;
  background-color: #F3F3F3;
  display: inline-block;
  position: relative;
  margin-right: 0.1rem;
  margin-bottom: 0.14rem;
  overflow: hidden;
}

.dakaBox .picBox img {
  display: inline-block;
  width: 3.5rem;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dakaBox .getData {
  font-size: 0.26rem;
  color: #666666;
  margin-left: 0.2rem;
  padding-bottom: 0.1rem;
}

.dakaBox .itemBox .videoBox {
  width: auto;
  max-width: 6rem;
  height: 3.7rem;
  margin-left: 0;
  box-sizing: border-box;
  padding: 0.2rem;
  position: relative;
}

.dakaBox .itemBox .videoBox img {
  width: 100%;
}

/* 打卡排行-详情页 */
.dkDetails {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.dkDetailsBox {
  width: 100%;
  box-shadow: 0 0.03rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.1rem 0.1rem;
  padding-bottom: 0.4rem;
  position: absolute;
  background-color: #FFF;
}

.dkDetailsHead {
  position: absolute;
  list-style: none;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.dkDetailsHead li {
  float: left;
  position: relative;
}

.dkDetailsHead li video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: none;
}

.dkDetailsHead img {
  display: block;
  width: 100%;
  height: auto;
}

.dkDetailsText {
  box-sizing: border-box;
  padding: 0.2rem 0.3rem;
  line-height: 0.42rem;
  color: #212121;
  font-size: 0.3rem;
}

.dkDetailsText p {
  font-weight: 700;
  font-size: 0.34rem;
  line-height: 0.6rem;
}

.dkDFotter {
  height: 0.52rem;
  overflow: hidden;
  margin-top: 0.4rem;
  box-sizing: border-box;
  padding: 0 0.14rem;
}

.dkDFotter img {
  float: left;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  margin-right: 0.1rem;
}

.dkDFotter .item-hleft {
  float: left;
  height: 0.52rem;
}

.dkDFotter .item-hleft .p1 {
  font-size: 0.24rem;
  color: #212121;
  line-height: 0.24rem;
}

.dkDFotter .item-hleft .p2 {
  font-size: 0.2rem;
  color: #999999;
}

.dkDFotter .item-hleft .p2 span {
  margin-right: 0.18rem;
}

.dkDFotter .zanNum {
  color: #666666;
}

.dkDFotter .item-hright {
  margin-top: 0.18rem;
}

#xqbanner img {
  width: 100%;
}

/* 作品排行 */
.hc-img-warp {
  width: 11.5rem;
  position: relative;
  height: 11rem;
  overflow: hidden;
  padding-top: 0.2rem;
  margin-left: 0.1rem;
}

.hc-img-warp .item {
  width: 5.3rem;
  height: auto;
  margin-bottom: 0.2rem;
  position: relative;
  border-radius: 0.08rem;
  overflow: hidden;
  background-color: #F5F5F5;
  box-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, .1)
}

.hc-img-warp .img {
  width: 5.3rem;
  height: auto;
  border: .06rem solid #fff;
  position: relative;
}

.hc-img-warp img {
  display: block;
  width: 100%;
  height: auto;
  color: #212121;
  font-size: 0.22rem
}

.hc-img-warp .info {
  font-size: 0.4rem;
  color: #212121;
  font-weight: 400;
  margin: 0.2rem 0.15rem;
  line-height: 0.5rem
}

.hc-img-warp .item .note-append {
  padding: 0 0.15rem 0.1rem
}

.hc-img-warp .item .user {
  float: left
}

.hc-img-warp .item .avatar {
  float: left;
  position: relative;
  width: 0.77rem;
  height: 0.77rem;
  border-radius: 50%;
  background-color: red;
  overflow: hidden
}

.hc-img-warp .item .avatar img {
  width: 100%;
  height: 100%
}

.hc-img-warp .item .name {
  float: left;
  width: 3.07rem;
  height: 0.77rem;
  font-size: 0.37rem;
  color: #666666;
  line-height: 0.77rem;
  margin-left: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.hc-img-warp .item .like {
  float: right
}

.hc-img-warp .item .likes {
  font-size: 0.12rem;
  color: #555;
  vertical-align: middle
}

.hc-img-warp .item .note-append::after {
  content: '';
  display: block;
  clear: both
}

.hc-img-warp .item .likes {
  font-size: 0.12rem;
  color: #555;
  vertical-align: middle
}

.hc-img-warp .item .video,
.videoBox .video {
  position: absolute;
  width: 1.14rem;
  height: 1.14rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/videop.png) no-repeat;
  background-size: 100% 100%;
}

.hc-img-warp .item .label {
  position: absolute;
  width: 1.54rem;
  height: 0.62rem;
  left: 0.18rem;
  top: 0.18rem;
  background-color: #F33923;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.4rem;
  line-height: 0.62rem;
  border-radius: 0.06rem;
}

.duotuLabel {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 16px;
  background-color: rgba(0, 0, 0, .6);
  color: #FFF;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  z-index: 99;
}

.tuceLabel {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 18px;
  background: rgba(0, 0, 0, 0.6) url(../images/tuce.png) center no-repeat;
  background-size: 15px 14px;
  z-index: 99;
}

/* 加载更多 */
.jiazai {
  display: block;
  width: 11.5rem;
  height: 0.6rem;
  font-size: 0.4rem;
  line-height: 0.6rem;
  text-align: center;
  color: #999;
  margin: 0.1rem auto 0;
}

* {
  font-family: SourceHanM;
  box-sizing: border-box;
}

/* html {
  width: 38.4rem;
  height: 21.6rem;
} */

input {
  border: unset;
}

.beatpicker .days .cell-parent li.cell.cell-months,
.days .cell-parent li.cell.cell-years {
  width: auto;
  padding: 7% 4%;
}

.common-text {
  font-size: 0.39rem !important;
  letter-spacing: 0rem;
  color: #993e02;
  line-height: 1;
}

/* input-radio样式初始化 */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
}

input[type="radio"]::before {
  content: '';
  display: inline-block;
  min-width: 0.47rem;
  width: 0.47rem;
  height: 0.47rem;
  background-color: #ffffff;
  border: solid 0.03rem #993e02;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding-right: 0.16rem;
  /* box-sizing: border-box; */
}

input[type="radio"]:checked::before {
  content: '';
  background: url(../images/input-check.png) no-repeat;
  width: 0.47rem;
  height: 0.47rem;
  background-size: 100% 100%;
  border: none;
}

/* textarea初始化 */
textarea {
  appearance: none;
}

/* 底部两个按钮 */
.common-btn {
  width: 2.13rem;
  height: 1.09rem;
  line-height: 1.09rem;
  background: url(../images/btn-bg.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  text-align: center;
  font-size: 0.5rem;
  /* letter-spacing: 0.2rem; */
  color: #993e02;
  cursor: pointer;
}

/* icon */
.search-icon {
  width: 0.47rem;
  min-width: 0.47rem;
  height: 0.47rem;
  background: url(../images/search.png) no-repeat;
  background-size: 100% 100%;
}

.reset-icon {
  width: 0.5rem;
  height: 0.45rem;
  min-width: 0.5rem;
  background: url(../images/reset.png) no-repeat;
  background-size: 100% 100%;
}

.down-icon {
  background: url(../images/down.png) no-repeat;
  width: 0.24rem;
  min-width: 0.24rem;
  height: 0.13rem;
  background-size: 100% 100%;
}

.time-icon {
  background: url(../images/time.png) no-repeat;
  width: 0.36rem;
  min-width: 0.36rem;
  height: 0.34rem;
  background-size: 100% 100%;
  display: inline-block;
}

.none {
  display: none;
}

.block {
  display: block;
}

.bodyBg {
  width: 38.4rem;
  height: 21.6rem;
  background: url(../images/page-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #000000; */
}

.home .footer {
  position: unset;
}

.bodyBg::-webkit-scrollbar {
  display: none;
}

.bodyBg .content {
  position: relative;
  width: 37.25rem;
  /* height: 19.84rem; */
  background-color: rgba(255, 255, 255, 0.87);
  border-radius: 0.5rem;
}

.content .common-title {
  font-size: 0.82rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rem;
  color: #a51a00;
}

.content .commn-lable {
  font-size: 0.39rem;
  color: #993e02;
  line-height: 1;
  display: flex;
  align-items: center;
}

.baseinfo .title {
  padding: 0.5rem 0 0.7rem 0.79rem;
}

.baseinfo .ul {
  display: inline-flex;
  padding-left: 0.74rem;
}

.baseinfo .ul li {
  display: flex;
  align-items: center;
  position: relative;
}

.baseinfo .ul li:nth-child(1) {
  padding-right: 1.06rem;
}

.baseinfo .ul li:nth-child(2) {
  padding-right: 1.16rem;
}

.baseinfo .ul li:nth-child(3) {
  padding-right: 1.15rem;
}

.baseinfo .ul .input {
  width: 4.8rem;
  height: 0.81rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  padding: 0 0.39rem;
  color: #d5b593;
}

.baseinfo .ul .input::-webkit-input-placeholder {
  font-family: SourceHanM;
  font-size: 0.39rem;
  letter-spacing: 0rem;
  color: #d5b593;
}

.baseinfo .ul .common-required {
  background-image: url(../images/require-star.png);
  width: 0.15rem;
  height: 0.14rem;
  font-size: 0.39rem;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -0.16rem;
  top: 0;
}

.baseinfo .ul .name {
  padding-right: 0.26rem;
}

.baseinfo .ul .khmc,
.baseinfo .ul .phone {
  padding-right: 0.26rem;
  width: auto;
}

.baseinfo .ul .khmc .start-time .input,
.baseinfo .ul .khmc .end-time .input {
  width: 4.1rem;
  height: 0.81rem;
}

.input .baseinfo .ul .wx-number {
  padding-right: 0.16rem;
}

.baseinfo .classify {
  padding: 0.61rem 0 0 0.71rem;
  display: inline-block;
}

.baseinfo .classify .classify-content {
  display: flex;
  height: 0.49rem;
}

.baseinfo .classify .standard {
  padding-right: 0.32rem;
}

.baseinfo .classify .standard .text,
.baseinfo .classify .create .text {
  margin-top: -0.1rem;
}

.baseinfo .classify .standard,
.baseinfo .classify .create {
  display: flex;
  align-items: center;
}

.baseinfo .classify .standard input,
.baseinfo .classify .create input {
  margin-right: 0.1rem;
}

.create-activity {
  padding: 1.03rem 0 0 0.71rem;
}

.create-activity .tip-text {
  padding-top: 0.58rem;
}

.create-activity .tip-text .ul {
  display: inline-flex;
}

.create-activity .tip-text .ul li {
  padding: 0 0.18rem 0 0.22rem;
  text-align: center;
  width: fit-content;
  height: 0.72rem;
  line-height: 0.72rem;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.36rem;
  margin-right: 0.67rem;
  position: relative;
}

.create-activity .tip-text .ul li .close-icon {
  position: absolute;
  right: -0.17rem;
  bottom: 0.47rem;
  width: 0.43rem;
  height: 0.43rem;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-activity .tip-text .close-img {
  width: 0.22rem;
  height: 0.22rem;
}

.create-activity .table {
  width: 35.87rem;
  height: 9.1rem;
  background-color: rgba(255, 255, 255, 0.82);
  border-radius: 0.5rem;
  border: solid 0.03rem #ffd4bd;
  margin: 0.54rem 0 0;
  padding: 0.51rem 0.54rem 0.1rem;
  display: flex;
  flex-direction: column;
}

.create-activity .table .search {
  padding: 0.34rem 0 0.46rem 0.44rem;
}

.create-activity .table .search .ul {
  display: inline-flex;
}

.create-activity .table .search .ul li {
  display: flex;
  align-items: center;
  margin-right: 0.67rem;
  position: relative;
  cursor: pointer;
}

.create-activity .table .search .input {
  width: 4.99rem;
  height: 0.72rem;
  background-color: rgba(255, 238, 192, 1);
  border-radius: 0.36rem;
  border: solid 0.03rem rgba(198, 104, 3, 1);
  padding-left: 0.32rem;
  display: flex;
  align-items: center;
  position: relative;
}

.create-activity .table .search .input ::placeholder {
  font-size: 0.38rem;
  color: #b7a183;
}

.create-activity .table .search .select .down-icon {
  position: absolute;
  right: 0.41rem;
}

.create-activity .table .search .select .select-ul {
  position: absolute;
  left: 0;
  top: 0.72rem;
  width: 100%;
  background-color: rgba(255, 238, 192, 1);
  border-radius: 0.36rem;
  border: solid 0.03rem rgba(198, 104, 3, 1);
  padding-left: 0;
}

.create-activity .table .search .search-btn,
.create-activity .table .search .reset-btn {
  width: 2.14rem;
  height: 0.72rem;
  background-color: #ffeec0;
  border-radius: 0.36rem;
  border: solid 0.03rem #c66803;
}

.create-activity .table .search .search-btn .icon,
.create-activity .table .search .reset-btn .icon {
  margin: 0 0.32rem 0 0.24rem;
}

.create-activity .search .select li {
  padding: 0.1rem 0;
  margin-right: 0 !important;
}

.create-activity .search .select li .text {
  width: 100%;
  text-align: center;
}

.create-activity .c-table {
  /* max-height: 104%; */
  flex: 1;
  overflow: auto;
}

.create-activity .c-table::-webkit-scrollbar {
  appearance: none;
  width: 0.2rem;
}

.create-activity .c-table::-webkit-scrollbar-track {
  /* display: none; */
  border: none;
}

.create-activity .c-table::-webkit-scrollbar-thumb {
  background-color: rgba(198, 104, 3, 0.34);
  border-radius: 0.08rem;
}

.c-table--border td,
.c-table--border th {
  border: solid 0.03rem #ffd4bd;
}

.c-table--border td {
  height: 0.95rem;
}

.c-table--border th {
  background-color: rgb(255, 238, 192);
  height: 0.91rem;
}

.c-table th>.cell {
  font-family: SourceHanH;
  font-size: 0.39rem;
  color: #993e02;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-table .cell {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-table tr:hover>td input,
.c-table tr:hover {
  background-color: #eef0f6;
}

.table .classify {
  width: 100%;
  height: 0.47rem;
  display: flex;
  justify-content: space-around;
}

.table .classify label {
  display: flex;
  align-items: center;
}

.table .classify input {
  margin-right: 0.15rem;
}

.table .classify0 input,
.table .activityHdxs input {
  margin-top: 0.1rem;

}

.table .classify .onther {
  height: 0.56rem;
  width: 4.14rem;
}

.table .classify .onther .input {
  width: 100%;
  font-family: SourceHanR;
  padding: 0 0.88rem;
  font-size: 0.39rem;
  color: #4d0c00;
  border-bottom: solid 0.03rem #993e02;
}

.table .classify .onther .input::placeholder {
  font-family: SourceHanR;
  font-size: 0.39rem;
  color: #bfaca9;
}

.table .cell input {
  height: 100%;
  margin-right: 0.16rem;
}

.table .cell .number-input,
.table .cell .text-input {
  padding: 0 0.68rem;
  width: 100%;
}

.table .cell .month,
.table .cell .activity-name {
  text-align: center;
}

.table .cell .text-input {
  padding: 0 0.5rem 0 1.7rem;
}

.content .worker {
  width: 5.15rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

.content .worker .name {
  height: 1.32rem;
  line-height: 1.32rem;
  text-align: center;
  background-color: #ffd4bd;
  font-size: 0.52rem;
  color: #c66803;
}

.content .worker .worker-text {
  font-size: 0.39rem;
  color: #c66803;
  text-align: center;
  line-height: 1;
}

.content .worker .phone {
  padding-top: 0.25rem;
}

.content .worker .wx-number {
  padding-top: 0.23rem;
}

.content .worker .code {
  width: auto;
  height: 2.32rem;
  display: block;
  margin: 0 auto;
  padding-top: 0.34rem;
}

.content .worker .text {
  font-size: 0.39rem;
  color: #c66803;
  text-align: center;
  /* padding-top: 0.11rem; */
  padding: 0.11rem 0 0.42rem 0;
}

.content .create-activity .remark {
  padding-top: 0.44rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.16rem;
}

.content .create-activity .center:last-child:nth-child(3n + 2) {
  margin-right: calc((100% - 30%) / 2);
}

.create-activity .remark .left {
  display: flex;

}

.create-activity .remark .left .text {
  padding-right: 0.13rem;
}

.create-activity .remark #textarea {
  width: 10.54rem;
  height: 1.25rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  font-size: 0.3rem;
  color: #d5b593;
  padding: 0.11rem 0.13rem;
  margin-top: -0.08rem;
  border: none;
}

.create-activity .remark #textarea::placeholder {
  font-size: 0.3rem;
  color: #d5b593;
}

.create-activity .remark #textarea::-webkit-scrollbar {
  display: none;
}

.create-activity .remark .center .tip-text {
  font-family: SourceHanR;
  font-size: 0.3rem;
  letter-spacing: 0rem;
  color: #e71818;
  white-space: nowrap;
}

.create-activity .remark .center .btns {
  margin-top: 0.26rem;
  text-align: center;
}

.remark .center .btns .cancel-btn {
  margin-right: 0.78rem;
}

/* 提交成功 */
.submit-success {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.submit-success .content {
  width: 17.64rem;
  border-radius: 0.3rem;
  background: url(../images/submit-bg.png) no-repeat;
  background-size: 100% 100%;
}

.submit-success .content .tip-text {
  width: 6.57rem;
  height: 1.41rem;
  background: url(../images/tip-success.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin: 0.66rem auto 0;
}

.submit-success .content .tip {
  font-size: 0.4rem;
  letter-spacing: 0.02rem;
  color: #ffffff;
  text-align: center;
  padding-top: 0.76rem;
}

.submit-success .content .worker {
  position: unset;
  margin: 0.8rem auto 0;
}

.submit-success .content .close-btn {
  display: block;
  margin: 0.68rem auto 0.63rem;
}

/* 首页 */
.home {
  /* display: unset; */
}

.container .title {
  width: 10.41rem;
  height: 1.51rem;
  background: url(../images/title.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin: 0.64rem auto 0;
}

.container .start {
  width: 10.72rem;
  height: 1.59rem;
  background: url(../images/header-tip.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin: 0.57rem auto 0;
  position: relative;
}

.container .start::after {
  content: '';
  width: 1.16rem;
  height: 0.97rem;
  background: url(../images/hand.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  right: -0.51rem;
  top: 0.79rem;
}

.container .content {
  width: 37.26rem;
  height: 14.51rem;
  margin: 0.65rem auto 0;
  background-color: #FFFFFF;
  border: solid 0.01rem #EC1727;
  border-radius: 0.12rem;
  position: unset;
}

.IndexNav {
  width: 100%;
  height: 1.06rem;
  margin: 0.44rem;
}

.IndexNav .dropdown {
  display: flex;
  align-items: center;
  float: left;
  width: 2.82rem;
  height: 1.12rem;
  background-color: #ffeec0;
  border-radius: 0.56rem;
  border: solid 0.03rem #c66803;
  line-height: 1.06rem;
  font-size: 0.48rem;
  color: #BD7109;
  position: relative;
  margin-right: 0.4rem;
  box-shadow: 0.03rem 0.03rem 0 0 rgb(249 211 109 / 98%);
  cursor: pointer;
}

.IndexNav .dropdown h2 {
  /* width: 2.2rem; */
  margin-left: 0.43rem;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  cursor: pointer;
  display: inline-block;
}

.downward {
  width: 0.2rem;
  height: 0.12rem;
  position: absolute;
  top: 0.5rem;
  right: 0.27rem;
  font-size: 0.3rem;
  background: url(../images/down.png) no-repeat;
  background-size: 100% 100%;
}

.dropdown .sub-menu {
  width: 3.2rem;
  position: absolute;
  top: 1.06rem;
  left: 0rem;
  border: 0.03rem solid rgba(189, 113, 9, 1);
  z-index: 9;
  background: rgba(255, 238, 192, 1);
  border-radius: 0.4rem;
  box-sizing: border-box;
  padding-left: 0.43rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.dropdown .sub-menu li {
  height: 1rem;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.dropdown.choose-company {
  width: 3.53rem;
}

.dropdown.search {
  width: 8.56rem;
  position: relative;
  overflow: hidden;
}

.dropdown.search .input {
  height: 95%;
  background-color: rgb(255, 238, 192);
  padding: 0 0.36rem;
  font-size: 0.39rem;
  color: #d5b593;
}

.dropdown.search .input::placeholder {
  font-size: 0.39rem;
  color: #d5b593;
}

.dropdown.search .text {
  position: absolute;
  top: 50%;
  right: 0.33rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding-left: 0.35rem;
  border-left: solid 0.03rem #c66803;
}

.dropdown.time {
  width: 11.04rem;
  position: relative;
  overflow: hidden;
}

.dropdown.time .start-time,
.dropdown.time .end-time {
  margin-top: -0.15rem;
  position: relative;
}

.dropdown.time .start-time .input,
.dropdown.time .end-time .input {
  width: 3.75rem;
  height: 0.74rem;
  background-color: #ffffff;
  border-radius: 0.37rem;
  font-size: 0.39rem;
  color: #d5b593;
}

.dropdown.time .start-time .icon,
.dropdown.time .end-time .icon {
  position: absolute;
  right: 0.27rem;
  top: 56%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.dropdown.time .start-time .input {
  margin-left: 0.23rem;
  padding-left: 0.15rem;
}

.dropdown.time .end-time .input {
  padding-left: 0.26rem;

}

.dropdown.time .start-time .input::placeholder,
.dropdown.time .end-time .input::placeholder {
  font-size: 0.39rem;
  color: #d5b593;
  margin-top: -0.1rem;
  /* padding-left: 0.15rem; */
}

.dropdown.time .line {
  width: 0.44rem;
  height: 0.06rem;
  border: solid 0.03rem #c66803;
  margin: 0 0.22rem 0 0.21rem;
  background-color: #c66803;
}

.dropdown.time .text {
  position: absolute;
  right: 0.42rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding-left: 0.27rem;
  border-left: solid 0.03rem #c66803;
}

.dropdown.reset {
  width: 2.09rem;
}

.dropdown.reset .icon {
  margin: 0 0.21rem 0 0.29rem;
}

.content .content-items {
  display: flex;
  flex-wrap: wrap;

}

.homeItem {
  width: 8.84rem;
  height: 6.02rem;
  background-color: #FFFFFF;
  border-radius: 0.12rem;
  /* float: left; */
  margin-left: 0.36rem;
  margin-bottom: 0.3rem;
}

.homeItem dl {
  display: inline-block;
  width: 8.83rem;
  height: 6.01rem;
  background: url(../images/homeItemBg.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.12rem;
}

/* .content {
  width: 37.26rem;
  height: 14.51rem;
  margin: 0.65rem auto 1.35rem;
  background-color: #FFFFFF;
  border: solid 0.01rem #EC1727;
  border-radius: 0.12rem;
} */

.content dl dt {
  position: relative;
  width: 8.14rem;
  height: 4.36rem;
  margin: 0.24rem auto 0;
  border-radius: 0.12rem;
  overflow: hidden;
  background-color: gainsboro;
}

.content dl dt img {
  width: 8.14rem;
}

.content dl dt b {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 0.26rem;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.1rem;
  letter-spacing: -0.01rem;
}

.content dl dt label {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 1.86rem;
  height: 0.68rem;
  text-align: center;
  line-height: 0.68rem;
  border-radius: 0.12rem 0 0.2rem 0;
  color: #FFF;
}

.content dl dd h3 {
  font-size: 0.36rem;
  font-weight: 700;
  width: 8.12rem;
  margin: 0.24rem auto 0.14rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

.content dl dd p {
  width: 8.12rem;
  font-size: 0.32rem;
  color: rgba(0, 0, 0, .5);
  margin: 0 auto;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
}

.homeMain dl dt label {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 1.86rem;
  height: 0.68rem;
  text-align: center;
  line-height: 0.68rem;
  border-radius: 0.12rem 0 0.2rem 0;
  color: #FFF;
}

.labelRed {
  background-color: #E5004F;
}

.labelOrgin {
  background-color: #EB6100;
}

.labelBlue {
  background-color: #00A0E9;
}

/* 页码 */
.yema {
  width: 17.1rem;
  height: 1.07rem;
  line-height: 0.56rem;
  margin: 0.47rem auto 0.27rem;
  text-align: center;
  color: #BE740D;
  font-weight: 700;
  position: relative;
}

.yema button {
  width: 2.13rem;
  height: 1.1rem;
  background: url(../images/btn-bg.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  cursor: pointer;
  border: none;
  outline: none;
  color: #BE740D;
  font-weight: 700;
  font-size: 0.4rem;
}

.yema button:hover,
.yema .pageWrap ul li:hover {
  opacity: 0.9;
  color: red;
}

.yema .first-page,
.yema .last-page {
  margin: 0 0.2rem;
}

.yema .pageWrap {
  width: 4rem !important;
  height: 1.12rem;
  float: left;
  overflow: hidden;
}

.yema .pageWrap ul {
  width: 100rem;
  height: 0.4rem;
  float: left;
}

.yema .pageWrap ul li {
  width: 1.09rem;
  height: 1.15rem;
  line-height: 1.15rem;
  background: url(../images/lis-icon.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.18rem;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  font-size: 0.4rem;
}

.yema .pageWrap ul .sel-page {
  background: url(../images/lisCurr-icon.png) no-repeat;
  background-size: 100% 100%;
  color: white;
}

.yema .jump-text {
  width: 3.73rem;
  height: 1.11rem;
  float: left;
  background: url(../images/button-icon2.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  text-indent: 0.4rem;
  font-size: 0.4rem;
  color: #BE740D;
}

.yema .jump-button {
  margin: 0;
  float: left;
}

.yema .total-pages,
.yema .total-count {
  display: none;
}

.yema #jumpBtn {
  position: absolute;
  right: 0;
  top: 0rem;
  background: rgba(0, 0, 0, 0);
  width: 1.5rem;
  height: 1.05rem;
  line-height: 1.05rem;
  font-size: 0.43rem;
}

input::-webkit-input-placeholder {
  color: #BE740D;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #BE740D;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #BE740D;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BE740D;
}

.footer {
  position: absolute;
  width: 100vw;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background: rgba(0, 0, 0, .1);
  font-size: 0.28rem;
  color: #582e0d;
  margin-top: -0.1rem;
  display: block;
}

.dropdown .sub-menu::-webkit-scrollbar {
  display: none;
}

/* 日期选择器 */

.input-container .beatpicker-input {
  background-image: url(../images/time.png) !important;
  background-size: 0.36rem 0.34rem;
  background-position: 3.4rem 0.24rem;
}

.home .input-container .beatpicker-input {
  background-position: 3.12rem 0.2rem;
}

.input-container .beatpicker-clear {
  display: none;
}

.beatpicker li.cell {
  width: calc(100% / 9);
}

.beatpicker ul.cell-parent {
  width: 108%;
  padding: 7% 5%;
}

.beatpicker .footer {
  display: none;
}

.disabled .common-text {
  color: #999999;
}