/* 将光标颜色设置为#203AE6 */
input,
textarea {
  caret-color: #203AE6;

}

.ver-sub {
  vertical-align: sub;
}

/*我的工作贝*/
.indexapp {
  background: url("../images/h5useworkbi/bg.png") no-repeat;
  background-size: contain;
  font-size: .28rem;
}

.indexapp .van-nav-bar {
  background-color: transparent;
}

.indexapp {
  min-height: 9rem;
}

.indexapp .swiper-slide {
  display: block;
}

.opera-box {
  padding-top: .15rem
}

.opera-box .icon-box {
  display: inline-flex;
  justify-content: space-between;
  width: 33%;
  vertical-align: middle;
}

.opera-box .icon-item {
  width: 100%;
  text-align: center;
}

.opera-box .icon-item .wimg {
  width: .8rem;
  height: .8rem;
}


.workbi-info {
  margin: .54rem .2rem 0 .2rem;
  padding-bottom: 3rem;
  position: relative;
  background: rgba(107, 38, 239, 1) url("../images/h5useworkbi/workbibg.png") no-repeat;
  background-size: contain;
  position: relative;
  border-radius: .2rem .2rem 0 0;
}

.workbi-info .workbi-img {
  position: absolute;
  right: .25rem;
  top: -.35rem;
  width: 2.2rem;
  height: 2.2rem;
}

.workbi-info .workbi-img img {

  width: 2.48rem;
  height: 2.48rem;
}

/* .workbi-info .workbi-bg{width: 100%;position: relative;z-index: 1;} */
/* .workbi-info .workbi-con{width: 100%;position: relative;z-index: 2;} */
.workbi-info .workbi-info-title {
  padding: .4rem .4rem 0 .4rem;
  color: #FFFFFF;
}

.workbi-info .workbi-info-title .wicon {
  vertical-align: middle;
  margin-left: .05rem;
}

.workbi-info .workbi-num {
  padding: .12rem .4rem .4rem .4rem;
  font-size: .64rem;
  font-family: D-DIN-DIN, D-DIN-DIN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .6rem;
}

.workbi-info .workbi-num a {
  font-family: D-DIN-DIN-Bold, D-DIN-DIN;
  color: #FFFFFF;
}

.workbi-info .workbi-num a .ver-sub,
.workbi-info .workbi-num a .ver-mid {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.workbi-info .workbi-num a .van-icon {
  vertical-align: middle;
}

.workbi-info .workbi-num .wait-refund {
  display: block;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.4rem;
  font-weight: 400;
}

.workbi-info .workbi-num .p {
  font-size: 0.3rem;
  font-weight: 400;
}

.workbi-info .workbi-num .fan-icon {
  vertical-align: text-top;
}

.workbi-info .workbi-num.numstr1 {
  font-size: .44rem;
}



.workbi-info .szmx {
  display: block;
  position: absolute;
  top: 2.39rem;
  right: 0;
  padding: 0.1rem .16rem;
  border-radius: .47rem 0px 0px .47rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: .24rem;
  color: #FFFFFF;
}


.workbi-info .accounts {
  background: url("../images/h5useworkbi/account-bg.png") no-repeat;
  background-size: cover;
  background-position: 0 0;
  background-size: 6.3rem;
  height: 2.24rem;
  margin: 0 .4rem;
  position: relative;
  z-index: 1;
  padding: 0 .32rem;

  overflow: hidden;
}

.workbi-info .accounts .a-title {
  font-size: 0.32rem;
  padding-top: .2rem;
  color: #FFFFFF;
  line-height: 0.44rem;
}

.workbi-info .accounts .a-title img {
  width: .36rem;
  margin-right: .04rem;
  vertical-align: middle;
  margin-right: .12rem;
}

.workbi-info .accounts .a-list {}

.workbi-info .accounts .a-item {
  display: flex;
  padding: .2rem 0;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.workbi-info .accounts .a-item:last-child {
  border-bottom: 0;
}

.workbi-info .accounts .a-item .key {
  flex: 1;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
}

.workbi-info .accounts .a-item .value {
  flex: 1;
  font-family: D-DIN-DIN, D-DIN-DIN;
  font-weight: bold;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: right;
}

.workbi-info .slideaccounts {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.34rem;
  padding-top: .16rem;
  text-align: center;
}

.workbi-info .iconfont {
  opacity: .5;
  font-size: .24rem;
  margin-left: .12rem;
}

.workbi-info .slideaccounts {
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.34rem;
  padding-top: .16rem;
  text-align: center;
  font-size: .24rem;
  position: relative;
  z-index: 4;
}

.workbi-info .slideaccounts .iconfont {
  margin-left: .04rem;
  ;
}




.work-gas {
  padding: .3rem .32rem 0 .32rem;
  min-height: 3.09rem;
  /*1.66rem;*/
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: -.2rem;
  right: -.2rem;
  background: url("../images/h5useworkbi/workbi-blackbg.png") no-repeat;
  background-size: cover;
  background-position: 0 0;
  background-size: 7.5rem;
}

.work-gas::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100% - 1.66rem);
  background: #2F2C3A;
  z-index: 1;
}

.work-gas .content {
  padding: .45rem 0 .4rem 0;
  position: relative;
  z-index: 2;
}

.work-gas .contenttop {
  display: flex;
  align-items: center;
}

.work-gas .gas-img {
  width: .72rem;
  height: .72rem;
  margin-right: .16rem;
}

.work-gas .gas-txt {
  flex: 1;
}

.work-gas .gas-txt h2 {
  font-size: .28rem;
  font-weight: 600;
  color: #FFFFFF;
}

.work-gas .gas-txt .des {
  padding-top: 0.08rem;
  font-size: .24rem;
  color: rgba(255, 255, 255, 0.5);
}

.work-gas .gas-open {
  width: 1.52rem;
  /* height: .48rem; */
  padding: 0.1rem 0;
  border-radius: .32rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: .24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #191A1C
}

.work-gas .gas-open.btn1 {
  background: #fff;
  color: #191A1C
}

.work-gas .lq {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.2rem;
  padding: .14rem .32rem;
  margin-top: .24rem;
}

.work-gas .lq .lq-item {
  display: inline-block;
  width: 50%;
  line-height: .34rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.7);
}

.work-gas .lq .operator-num {
  margin-top: .08rem;
  min-height: .2rem;
}

.work-gas .lq .operator-num .num {
  font-size: .32rem;
  font-family: D-DIN-DIN, D-DIN-DIN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .4rem;
}

.work-gas .lq .operator-num .numstr {
  font-size: .28rem;
}

.next-box {
  position: relative;
  padding-top: 1px;
  z-index: 3;
}

.next-lj {
  position: absolute;
  top: -.23rem;
  left: .97rem;
  right: .97rem;
}

.next-lj img {
  width: 100%;
}

.operatelist {
  display: flex;
  padding: .25rem .77rem;
  margin: .24rem .2rem 0 .2rem;
  background: rgba(32, 58, 230, 0.1);
  border-radius: 0.2rem
}

.operatelist .oitem {
  flex: 1;
  margin-right: .88rem;
  padding-top: .22rem;
}

.operatelist .oitem:last-child {
  margin-right: 0;
}

.operatelist .icon {
  min-width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  background: #203AE6;
  border-radius: 0.28rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.operatelist .iconfont {
  font-size: .48rem;
}

.operatelist .icon .txt {
  color: #fff;
  font-size: 0.24rem;
  padding: 0 0 0 .12rem;
  display: none;
}

.operatelist .txt {
  font-size: 0.24rem;
  color: #191A1C;
  line-height: 0.34rem;
  text-align: center;
  padding-top: .15rem;

}

.operatelist.txtoutshow .txt {
  display: none;
}

.operatelist.txtoutshow .icon .txt {
  display: block;
}




/*消息提醒*/
.remind-box {
  width: 7.1rem;
  background: #5C3AFF;
  border-radius: 0.12rem;
  margin: .24rem .2rem 0 0;
  padding: .28rem .32rem;
  box-sizing: border-box;
}

.remind-box .tit {
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.44rem;
  padding-bottom: .12rem;
}

.remind-box .list {
  padding-right: .24rem;
  position: relative;
}

.remind-box .item {
  padding: .12rem 0 0 .28rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.34rem;
  position: relative;
}

.remind-box .item::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.12rem;
  height: 0.12rem;
  background: #FFFFFF;
  border-radius: 50%;
}

.remind-box .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}











/*福选专区*/
.fu-info {
  padding: .2rem 0 .2rem .2rem;
  margin: .3rem .2rem .32rem .2rem;
  background: url("../images/h5useworkbi/adv1.png") no-repeat;
  background-size: contain;
  height: 2rem;
  box-sizing: border-box;
}

.fu-info .title {
  font-size: .22rem;
  color: #FFFFFF;
}

.fu-info .tit1 {
  font-size: .3rem;
  padding-right: .15rem;
  vertical-align: middle;
  font-weight: bold;
}

.fu-info .look-more {
  margin-right: .2rem;
  float: right;
  font-size: .24rem;
  color: rgba(255, 255, 255, 0.8);
}

.fulist {
  margin-top: .18rem
}

.fulist .fuitem {
  display: inline-flex;
  width: 2.18rem;
  height: 1rem;
  background: #FFFFFF;
  border-radius: .08rem;
  margin-right: .08rem;
  padding: .16rem .14rem .16rem .16rem;
  box-sizing: border-box;
  align-items: center;
}

.fulist .fuitem .fu-txt {
  flex: 1
}

.fulist .fuitem .fu-img {
  width: .64rem;
  height: .64rem;
}

.fulist h3 {
  font-size: .26rem;
  color: #191A1C;
}

.fulist .des {
  font-size: .2rem;
  color: #6F7074;
}


.adv-box {
  margin: .3rem .2rem .32rem .2rem;
  border-radius: .12rem;
  overflow: hidden;
}

.adv-box img {
  width: 100%;
  border-radius: .12rem;
}

/*明细列表*/
.detailapp {
  font-size: .28rem;
}

.fix-top.page-fix-top {
  background-color: transparent;
}

.page-fix-top .van-nav-bar {
  background-color: transparent;
}

.yutotal {
  border-top: 1px solid #ECEDEF;
  padding: .29rem 0;
}

.yutotal .tit {
  font-size: 0.24rem;
  color: #6F7074;
  line-height: 0.34rem;
  padding-bottom: .08rem;
}

.yutotal .total {
 font-weight: 600;
font-size: 0.32rem;
color: #191A1C;
line-height: 0.36rem;
}

.yulist {
  padding: .28rem 0 .32rem 0;
  display: flex;
}

.yulist .flex1 {
  flex: 1
}

.yulist .tit {
  font-size: 0.24rem;
  color: #6F7074;
  line-height: 0.34rem;
  padding-bottom: .08rem;
}

.yulist .tit .iconfont {
  font-size: 0.28rem;
  color: #9C9DA0;
  vertical-align: middle;
}

.yulist .total {
  font-weight: bold;
  font-size: 0.36rem;
  color: #191A1C;
  line-height: 0.4rem;
}

.detail-tab .van-tabs__wrap {
  height: 0.9rem;
}

.detail-tab .van-tabs__line {
  width: 1.12rem;
  height: .08rem;
}

.detail-tab .van-tabs__nav--line {
  /* padding-bottom: .23rem; */
  border-radius: .2rem;
  overflow: hidden;
  /* border-bottom: 1px solid #ECEDEF; */
}

.detail-tab [class*=van-hairline]:after {
  position: absolute;
  /* box-sizing: border-box; */
  content: " ";
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #ECEDEF;
  border-top: 0;
  transform: scale(1);
}

.detail-tab .van-tab__text.van-tab__text--ellipsis {
  color: #191A1C;
  font-size: .28rem;
}

.detail-tab .van-tab--active {
  font-weight: normal;
}

.detail-tab .van-tabs__wrap {
  position: sticky;
  top: .88rem;
  z-index: 9;
}

.bgfffbox {
  background: #FFFFFF;
  border-radius: 0.16rem;
  padding: .28rem;
  margin: 0 .2rem .2rem .2rem;
}

.wlist {
  border-radius: 0.16rem;
  padding: 0;
  margin: 0 .2rem .2rem .2rem;
  /* overflow: hidden; */
}

.wlist .d-list {
  padding: 0.01rem .28rem .28rem .28rem;
  background-color: #fff;
  min-height: 9rem;
  border-radius: 0 0 .16rem .16rem;
}

.detailapp .d-opearbox {
  position: sticky;
  z-index: 9;
  top: .88rem;
  padding: 0 .28rem;
  background-color: #fff;
  overflow: hidden;
}

.detailapp .d-opearbox.sticky {
  top: 1.78rem;
}

.detailapp .d-opearbox.borradius {
  border-radius: .16rem .16rem 0 0;
}

.detailapp .d-opear {
  position: relative;
  padding: .28rem 0;
}

.detailapp .d-opear::after {
  /* position: absolute;
  content: " ";
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #ECEDEF;
  transform: scale(1); */
}

.detailapp .opear-btn {
  width: 1.28rem;
  height: .54rem;
  padding: 0 .16rem;
  line-height: .54rem;
  border: 1px solid #9C9DA0;
  border-radius: .08rem;
  font-size: .24rem;
  color: #191A1C;
  display: inline-block;
  border-radius: 0.12rem;
  box-sizing: border-box;
}

.detailapp .opear-btn .iconfont {
  float: right;
  font-size: .24rem;
}


.detailapp .opear-des {
  font-size: .24rem;
  color: #191A1C;
  float: right;
  margin-top: .1rem
}

.detailapp .opear-des .cmx {
  font-size: 0.24rem;
  /* color: #203AE6; */
  line-height: 0.34rem;
  color: #191A1C;
}

.detailapp .opear-des .cmx .iconfont {
  font-size: 0.24rem;color: #3F4042;
}


.detailapp .d-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: .25rem 0 .27rem 0;
}

.detailapp .d-item::after {
  position: absolute;
  /* box-sizing: border-box; */
  content: " ";
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ECEDEF;
  transform: scale(1);
}

.detailapp .d-item .con {
  color: #191A1C;
  flex: 1;
}

.detailapp .d-item .time {
  font-size: .24rem;
  color: #6F7074;
  padding-top: .19rem
}

.detailapp .d-item .num {
  color: #191A1C;
  width: 2rem;
  text-align: right;
  font-weight: 600;
}

.detailapp .d-item .total {
  font-size: .24rem;
  color: #6F7074;
  padding-top: .19rem;
  font-weight: normal;
}

.detailapp .inlie-loadmore {
  font-size: 0.24rem;
  color: #9C9DA0;
}

.detailapp .van-list__finished-text,
.detailapp .van-loading__text {
  font-size: 0.24rem;
  color: #9C9DA0;
}

.detailapp .van-pull-refresh__head {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
}

/* .detailapp .van-pull-refresh{min-height: 180px;} */
.detailapp .doge {
  width: 1.5rem;
}

.detailapp .doge-txt {
  font-size: .12rem;
  color: #666;
  text-align: center;
  line-height: .12rem;
  padding-top: .1rem
}

/* .d-searchbox {
  position: relative;
  z-index: 8;
}



.d-searchbox .van-overlay {
  top: 2rem
}

.d-searchbox .van-popup--top {
  top: 1.8rem
} */
.popupboldtit .van-nav-bar__title {
  font-size: .36rem;
  font-weight: 600;
  color: #191A1C;
}

.p-search {
  padding: .23rem 0 .16rem .32rem
}

.p-search .search-item {
  width: 2.14rem;
  display: inline-flex;
  height: .78rem;
  line-height: .78rem;
  background: #F2F2F3;
  border-radius: .08rem;
  font-size: .28rem;
  margin: 0 .22rem .2rem 0;
  justify-content: center;
  color: #191A1C;
}

.p-search .search-item.active {
  background: rgba(32, 58, 230, 0.1);
  color: #203AE6;
  font-weight: 600;
}


.detail-date-picker .van-picker__toolbar {
  height: 1.2rem;
}

.detail-date-picker .datebox {
  text-align: center;
  padding: .36rem 0 .2rem 0
}

.detail-date-picker .tit {
  font-weight: 600;
  font-size: 0.36rem;
  color: #191A1C;
  line-height: 0.5rem;
  width: 100%
}

.detail-date-picker .desc {
  font-size: 0.24rem;
  padding-top: 0.08rem;
  color: #9C9DA0;
  line-height: 0.34rem;
}

.detail-date-picker .van-picker__cancel.van-haptics-feedback {
  color: #203ae6
}

.empty {
  display: flex;
  justify-content: center;
  min-height: 6.2rem;
  width: 100%;
  top: 1.8rem;
  bottom: 0;
  background: #fff;
  text-align: center;
  padding-top: 3.3rem;
  border-radius: 0 0 .2rem .2rem;
}

.empty .e-img {
  width: 2rem;
}

.empty .e-txt {
  font-size: .26rem;
  color: #333333;
  padding-top: .32rem
}

.dialog-deltail-list--del.van-popup--center .van-dialog__content {
  padding: 0;
  min-height: 1rem
}

.dialog-deltail-list--del .van-button__content {
  justify-content: start;
  font-size: 0.3rem;
  color: #191A1C;
  padding-left: .36rem
}


.detailapp .xieyi {
  height: 1.13rem;
  background: linear-gradient(360deg, #FFFFFF 0%, #D7D7FF 100%);
}

.detailapp .xieyi .van-nav-bar {
  background-color: transparent;
}

.detailapp .iframe,
.indexapp .iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: .8rem;
}

/*登录*/
.loginapp {
  font-size: .28rem;
  padding: 1.12rem .64rem 0 .64rem
}

.loginapp .logo1 {
  width: 2.59rem;
}

.loginapp .h2 {
  font-size: .48rem;
  color: #191A1C;
}

.loginapp .h2-tip {
  font-size: .28rem;
  color: #6F7074;
  padding-top: .1rem;
}

.loginapp .ver-login {
  font-size: .32rem;
  color: #191A1C;
  padding-top: 1.6rem
}

.loginapp .phone-login-des {
  font-size: .24rem;
  color: #6F7074;
  padding-top: .2rem;
}

.loginapp .phone-box {
  font-size: .32rem;
  color: #191A1C;
  margin-top: .32rem;
  padding: .18rem 0;
  position: relative;
}

.loginapp .phone-box .b86 {
  padding-right: .16rem;
  border-right: 1px solid #E8EBEF;
}

.loginapp .phone-box::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 1px;
  border-bottom: 1px solid #E8EBEF;
  color: #E8EBEF;
  transform-origin: left top;
  transform: scale(0.5);
  pointer-events: none;
}

.loginapp .phone-box .mobile {
  display: inline-block;
  border: 0;
  padding-left: .5rem;
  color: #191A1C;
  height: .72rem;
  line-height: .72rem;
  vertical-align: middle;
  border-radius: 0;
}

.loginapp .login-btn {
  width: 6.22rem;
  margin-top: .4rem;
  height: .88rem;
  line-height: .88rem;
  border-radius: .12rem .12rem .4rem .12rem;
  text-align: center;
  background: url("../images/h5useworkbi/login-btn.png");
  background-size: cover;
  color: #fff;
}

.loginapp .login-btn.disabled {

  background: #DEDEE3;
  color: #9C9DA0;
}

.loginapp .ver-popup {
  padding-left: .64rem;
  width: 7.5rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.loginapp .ver-popup .h2 {
  margin-top: 1.51rem
}

.loginapp .ver-box {
  padding-top: 1.68rem;
}

.loginapp .ver-box .ver-input {
  width: 1.24rem;
  height: 1rem;
  margin-right: .24rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-bottom: 0.1rem;
  font-weight: bold;
  color: #203AE6;
  vertical-align: middle;
}

.loginapp .ver-box .ver-input::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 1px;
  border-bottom: 1px solid #9C9DA0;
  color: #9C9DA0;
  transform-origin: left top;
  transform: scale(0.5);
  pointer-events: none;
}

/* .loginapp .ver-box .ver-input .VerCode1{font-size: 12px;} */
.loginapp .ver-box .ver-input.focus::after {
  border-bottom: 1px solid #203AE6;
  color: #203AE6;
}

.loginapp .ver-box .ver-input input {
  border: 0;
  text-align: center;
  width: 100%;
  height: 0.9rem;
  font-size: .72rem;
  font-family: D-DIN-DIN-Bold, D-DIN-DIN;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.loginapp .vercode {
  font-size: .24rem;
  color: #203AE6;
  padding-top: .24rem
}

.loginapp .vertext {
  font-size: .24rem;
  color: #6F7074;
  padding-top: .24rem
}

.loginapp .vertext .col203AE6 {
  padding-right: .04rem;
}

.loginapp .agree-popup {
  padding: .4rem .32rem;
  font-size: .28rem;
  color: #6F7074;
}

.loginapp .agree-popup .agree-txt {
  padding-bottom: .18rem;
}

.loginapp .agree-popup .agree-btn {
  width: 4.76rem;
  height: .8rem;
  line-height: .8rem;
  background: linear-gradient(270deg, #203AE6 0%, #4A62FF 100%);
  border-radius: .12rem;
  margin-top: .16rem;
  font-size: .28rem;
  color: #FFFFFF;
  text-align: center;
}

.loginapp .agree-popup .agree-btn.not {
  background: #fff;
  color: #6F7074;
  position: relative;
}

.loginapp .agree-popup .agree-btn.not::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 1px;
  border: 1px solid #9C9DA0;
  border-radius: .2rem;
  color: #9C9DA0;
  height: 200%;
  transform-origin: left top;
  transform: scale(0.5);
}

.agree-bottom {
  font-size: .24rem;
  color: #191A1C;
  position: fixed;
  bottom: .96rem;
  padding-right: .64rem;
  display: flex;
  z-index: 1;
}

.agree-bottom .isAgree {
  margin-right: .12rem;
  width: .32rem;
}




.account-picker {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.account-picker .top {

  /* position: absolute;top: 0;left:0;right: 0; */

  padding: .33rem .33rem .45rem .33rem;
  background-color: #fff;
  z-index: 1;
  color: #333;
  border-radius: .12rem .12rem 0 0;
}




.account-picker .title {
  font-size: .36rem;
  padding-bottom: .27rem;
  position: relative;
  color: #191A1C;
}

.account-picker .title::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 1px;
  border-bottom: 1px solid #E8EBEF;
  color: #E8EBEF;
  transform-origin: left top;
  transform: scale(0.5);
  pointer-events: none;
}

.account-picker .title .close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: .48rem;
  height: .48rem;
}

.account-picker .tip {
  font-size: .24rem;
  margin-top: .32rem;
  color: #666;
}

.account-picker .radio-group {
  flex: 1;
  overflow-y: auto;
}

.account-picker .flexbox {
  background: #FFFFFF;
  /* border: 1px solid #E2E2E2; */
  border-radius: .12rem;
  margin: 0rem .32rem .20rem .32rem;
  padding: .24rem;
  min-height: 1rem;
  align-items: center;
  justify-content: center;
  line-height: .44rem;
  color: #333;
  position: relative;
}

.account-picker .flexbox::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 1px;
  border: 1px solid #DEDEE3;
  border-radius: .2rem;
  color: #DEDEE3;
  height: 200%;
  transform-origin: left top;
  transform: scale(0.5);
}

.account-picker .flexbox.active {
  background: #F3F9FF;
}

.account-picker .flexbox.active::after {
  color: #203AE6;
  border-color: #203AE6;
}

.account-picker .k {
  width: .56rem;
}

.vercodebox {
  position: relative;
}

.vercodebox .verCodeLoad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}

.account-picker .k .check {
  width: .93rem;
}



.account-picker .flex1 {
  flex: 1;
}

.account-picker .flex1 .col999 {
  color: #999;
  font-size: .24rem;
}

.account-picker .username-view {
  width: 96%;
  word-break: break-word;
  padding-right: .20rem;
  font-size: .32rem;
  color: #191A1C;
}

.account-picker .username-view .col999 {
  font-size: .28rem;
  padding-top: .08rem;
  color: #6F7074;
}

.account-picker .aggrebox {
  background: #fff;
}


/* 微信浏览器提示 */
.wechat-tip-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  max-width: 750px;
  margin: 0 auto;
  z-index: 9999;
}

.wechat-tip-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.wechat-tip-pic img {
  display: block;
  width: 100%;
}

.download-app-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  z-index: 20;
  align-items: center;
  padding: .4rem .32rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + .4rem);
  background: #fff;
  box-sizing: border-box;
}

.download-app-box .download-app-content {
  flex: 1;
  display: flex;
  align-items: center;
}

.download-app-box .download-app-logo img {
  display: block;
  width: 1rem;
  height: 1rem;
}

.download-app-box .download-app-desc {
  margin-left: 0.2rem;
  flex: 1;
  font-size: .28rem;
  color: #191A1C;
  line-height: .4rem;
}

.download-app-box .download-app-btn {
  flex: 0 0 1.8rem;
  height: .72rem;
  background: #203AE6;
  border-radius: .36rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: .28rem;
  color: #FFFFFF;
  line-height: 1;
  cursor: pointer;
}


/*工作贝面板新版样式---20250815--*/
.nwbo {
  padding: 0 .21rem;
}

.nwbo .wbb {
  margin: .28rem 0;
  padding: 0 .32rem;
  background: rgba(107, 38, 239, 1) url("../images/h5useworkbi/workbibg.png") no-repeat;
  background-size: contain;
  position: relative;
  border-radius: .2rem;
}

.nwbo .wbb .top {
  padding-top: .32rem;
  border-radius: .2rem .2rem 0 0;
}

.nwbo .wbb .top img {
  width: .4rem;
  vertical-align: middle;
}

.nwbo .wbb .top .yl {
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
  margin-left: .12rem;
  vertical-align: middle;
}

.nwbo .wbb .top .eye {
  margin-left: .2rem;
  border-radius: .12rem;
  display: inline-flex;
  width: 0.32rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  justify-content: center;
  border-radius: .12rem;
  vertical-align: middle;
}


.nwbo .wbb .top .icon-xianshizhuangtai1,
.icon-yincang {
  font-size: .32rem;
  color: #fff;
}

.nwbo .wbb .top .fr {
  float: right;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.28rem;
}

.nwbo .wbb .top .icon-a-wenhaolunkuohua {
  font-size: .28rem;
  vertical-align: middle;
}

.nwbo .wbb .wblist {
  display: flex;
  position: relative;margin-top:.36rem;
}
.nwbo .wbb .wblist::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}

.nwbo .wbb .wblist .item {
  flex: 1;
  min-height: 1.58rem;padding-top: .28rem;box-sizing: border-box;
}

.nwbo .wbb .wblist .item .head {
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.36rem;
  padding-bottom: .13rem;
  ;
}

.nwbo .wbb .wblist .item .bi {
  font-family: D-DIN-DIN, D-DIN-DIN;
  font-weight: 600;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.56rem;
  /* padding-bottom: .36rem; */
}

.nwbo .wbb .wblist .item .bi .iconfont {
  font-size: .28rem;
  margin-left: .04rem;
  color: #fff;
}

.nwbo .wbb .wball {
  position: relative;
  padding-top: .36rem;
}



.nwbo .wbb .wball .bi {
  font-family: D-DIN-DIN, D-DIN-DIN;
font-weight: bold;
font-size: 0.66rem;
color: #FFFFFF;
line-height: 0.66rem;
}

.nwbo .reservation-return{
background: rgba(0,0,0,0.2);
border-radius: 0.12rem;font-size: 0.26rem;
color: #FFFFFF;
line-height: 0.36rem;padding:.12rem .18rem;margin:.12rem 0 0 0;display: flex;align-items: center;
}

.nwbo .reservation-return .l-icon{
margin-right: .08rem;font-size: .36rem;width: .36rem;
}
.nwbo .reservation-return .iconfont{
font-size: .36rem;
}
.nwbo .reservation-return .flex1{
flex:1;
}
.nwbo .reservation-return .r-icon{
font-size: .28rem;width: .28rem;
}



.nwbo .wnl {
  background: #F5F7FF;
  border-radius: 0.2rem;
  overflow: hidden;

}

.nwbo .wnl .top {
  padding: .32rem .32rem .08rem .32rem;
  background: linear-gradient(180deg, #EDE4FF 0%, #F5F7FF 100%);
  position: relative;
}

.nwbo .wnl .top img {
  width: .8rem;
  vertical-align: middle;
}

.nwbo .wnl .top .td {
  vertical-align: middle;
  display: inline-block;
  margin-left: .24rem;
}

.nwbo .wnl .top .txt {
  font-weight: 800;
  font-size: 0.32rem;
  line-height: 0.36rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  background: linear-gradient(42deg, #F96938 0%, #6B26EF 100%);
  background-clip: text;
  color: transparent;
  padding-top: .06rem;
}

.nwbo .wnl .top .desc {
  font-size: 0.24rem;
  color: #9C9DA0;
  line-height: 0.34rem;
  padding-top: .06rem;display: inline-block;
}

.nwbo .wnl .top .kq {
  width: 1.6rem;
  height: 0.64rem;
  line-height: 0.64rem;
  border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
  border: 0.02rem solid #6B26EF;
  font-size: 0.26rem;
  color: #6B26EF;
  text-align: center;
  position: absolute;
  top: .4rem;
  right: .36rem;
}

.nwbo .wnl .nl-list {
  display: flex;
  padding: .32rem .32rem 0 .32rem;
}

.nwbo .wnl .nl-list .item {
  flex: 1;
  padding: 0 0 .32rem 0;
}

.nwbo .wnl .nl-list .head {
  font-size: 0.2rem;
  color: #6F7074;
  line-height: 0.28rem;
}

.nwbo .wnl .nl-list .bi {
  font-weight: 600;
  font-size: 0.3rem;
  color: #191A1C;
  line-height: 0.4rem;
  padding-top: .08rem;
  height: .36rem;
}

.nwbo .thl {
  background: #F5F7FF;
  border-radius: 0.2rem;
  padding: 0 .32rem;
  margin: .24rem 0 .28rem 0;
}

.nwbo .thl .top {
  font-weight: 800;
  font-size: 0.32rem;
  color: #191A1C;
  line-height: 0.36rem;
  padding: .32rem 0 0 0;
}

.nwbo .thl .th-list {
  padding: .32rem 0 .36rem 0;
  display: flex;
}

.nwbo .thl .th-list .item {
  flex: 1;display: flex;align-items: center;
}

.nwbo .thl .th-list .head {
  font-size: 0.28rem;
color: #191A1C;
line-height: 0.4rem;flex: 1;
}

.nwbo .thl .th-list .bi {
  font-weight: 600;
  font-size: 0.36rem;
  color: #191A1C;
  line-height: 0.36rem;
  height: .36rem;flex:1;text-align: right;
}

.nwbo .thl .th-list .bi .iconfont {
  font-size: .24rem;
  color: #6F7074;
  margin-left: .04rem;
}

.ver-b-m {
  vertical-align: -webkit-baseline-middle;
}

.indexapp .fix-top.popupboldtit.xieyi {
  height: 1.13rem;
  background: linear-gradient(360deg, #FFFFFF 0%, #D7D7FF 100%);
}