renhailaowu/pages/zhijiaoIndex/index.wxss

/* required by usingComponents */

page {
  overflow-x: hidden;
  /* line-height: 1; */
  background: #f5f5f5;
}

.demo-steps-class {
  margin: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.demo-btn-container {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}

.demo-btn {
  width: 47%;
}

.atd-config-transparent-header {
  background-color: #fff;
}

/*.atd-config-transparent-header .content-top {
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*13jpTYrECqYAAAAAAAAAAABjARQnAQ');
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
width: 100vw;
height: 746rpx;
color: #fff;
}*/

/* .atd-config-transparent-header .content-top{
color: #000;
} */

.atd-config-transparent-header .content-top .statusBar {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.atd-config-transparent-header .content-top .titleBar {
  /* background-color: #108ee9; */
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 32rpx;
}

.tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40rpx;
  box-sizing: border-box;
  /* 如果 swipeable="{{true}}"，需要增加 height */
  /* height: 350px; */
  /* 为了体现 stickyBar 的作用而增加的 tab-content 的高度 */
  height: 100vh;
}

/*.atd-config-transparent-header .content-bottom {
margin-top: 1000rpx;
background-image: url('https://gw.alipayobjects.com/mdn/rms_7a3c08/afts/img/A*rFctR6myHjcAAAAAAAAAAABjARQnAQ');
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
width: 100vw;
height: 746rpx;
}
*/

.atd-config-transparent-header .content-top .titleBar {
  background-color: #fff;
}

.am-tabs-content-wrap {
  height: auto !important;
}

.atd-config-transparent-header .content-top .titleBar {
  padding-left: 0;
}

.am-tabs-tab-bar-wrap {
  width: calc(100vw - 120px);
}

.latest {
  color: rgba(0, 0, 0, 0.65);
}

.latest .active {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 601;
}

.secondSelect {
  padding: 8px 20px;
}

.zoneSelect .dib {
  font-size: 14px;
  margin-left: 8px;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.65);
  padding: 4px;
}

.zoneSelect .dib.active {
  background-color: rgba(254, 99, 63, 0.15);
  color: #fe633f;
}

.am-tabs-bar {
  padding-left: 20px;
}

.weui-tabs-swiper {
  display: none;
}

.weui-tabs-bar__item {
  margin: 12px 8px;
}

.weui-tabs-bar__title {
  color: rgba(0, 0, 0, 0.65);
}

.weui-tabs-bar__title.tab-bar-title__selected {
  font-weight: bolder;
  color: rgba(0, 0, 0, 0.85);
  border-bottom-color: #fe633f !important;
}

.dian {
  float: left;
  position: relative;
  line-height: 36px;
  left: 20px;
  box-shadow: -30px 0 30px #fff;
}

.weui-cell_access .weui-cell__ft {
  padding-right: 16px;
}


.weui-tabs {
  padding-left: 12px;
}
.tagsLi {
  font-size: 12px;
}
.mt6{
  margin-top: 6px;
}
.mb6{
  margin-bottom: 5px;
}
.logoClass {
  width: 72px;
  height: 72px;
  max-width: 100%;
  /* border: 1rpx solid #ddd; */
  /* margin-bottom: 16px; */
  border-radius: 4px;
}
.f20.c633.lh1{
  font-weight: 601;  
}
.storeName{
  font-size: 17px;
  color:rgba(0,0,0,0.85);
  /* flex:1; */
  width: 360rpx;
  font-weight: 601;
  line-height:1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hourPay{
  /* f18 c633 lh1 flex-1 tr  */
  font-size: 18px;
  line-height: 1;
  flex: 1;
  text-align: right;
  white-space: nowrap;
  color: #ea433a;
  font-weight: 601;
}
.weui-btn.weui-btn_primary{
  justify-content: center;
  text-align: center;
  padding: 0;
  font-size: 12px;
  margin-top: 2px;
  font-weight: bold;
  width:64px;
  height:20px;
  background-color: #ffcc33;
border-radius: 24px;
  margin-bottom: 0;
  border: 1px solid #ffcc33;
    color: #333;
}
.weui-btn.weui-btn_primary:active{
  background-color: #e4b62e !important;
    border: 1px solid #e4b62e;
}
.searchbar-result{margin-top:0;font-size:14px}.searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:var(--weui-FG-1)}.searchbar-result:before{display:none}
.weui-search-bar {
  position: relative;
  padding: 8px 16px;
  padding-bottom: 10px;
}
  .tttg{
      max-width:calc(100vw - 150px);float: left;
  }
  .tttg .tagsLi{
      display: none;
  }
  .tttg .tagsLi:nth-child(-n+3){
     display: inline-block;
  }
  .f12.c045.flex-1.mb4{
      margin-bottom: 7px;
  }
  .prImg{
      position: relative;
      width: 72px;
      height: 72px;  
      margin-right: 10px;
  }
button.collect{
      position: absolute;
      left: 0;
      top: 65px;
      bottom: 0;
      padding: 0;
      width: 48px;
      border: 1rpx solid #ddd;
      border-radius: 2px;
      height: 18px;
      text-align: center;
      margin: 0;
      padding: 0px;
      background-color: #fff;
      /* opacity: 0.7; */
      line-height: 18px;
      /* border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; */
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .cf{
      color: #fff;
  }
  .icon-sousuo{
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -7px;
    width: 16px;
    height: 16px;
    color: #cccccc;
  }
  .weui-search-bar__form{
    border-radius: 20px;
  }
  .icon-qingchu{
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -15px;
    padding: 8px;
    width: 18px;
    height: 18px;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    color: rgba(0, 0, 0, 0.25);
  }
  .f15{
    font-size: 15px !important;
  }
  .weui-search-bar__box {
    padding-left: 36px;
  }
  .weui-search-bar{
    background-color: #027AFF;
  }
  .p1020 {
    padding:12px;
}
/* .p1020 .display-flex{
  padding: 16px 10px;
  
} */
#searchBar .cf,#searchBar .cf085{
  color: #FFF;
}
.banner{
  /* background-color: #027AFF; */
  margin-top: 10px;
  padding:0 10px;
}
.innerSwiper{
  border-radius: 8px;
  overflow: hidden;
}

.jobCenter{
  height:calc(100vh);
  padding: 0px;
  margin-top:10px;
  border-radius: 8px;
  position: relative;
  z-index: 999;
  background-color: #fff;
  box-sizing: border-box;
}
.jobCenterActive{
  height:calc(100vh);
  /* padding: 0 10px;
  margin-top:10px; */
  /* border-radius: 8px; */
  position: relative;
  z-index: 999;
  background-color: #f8f8f7;
  box-sizing: border-box;
}
.jobOne{
  /* margin-top: 10px; */
  padding: 0 10px;
  line-height: 1;
  margin-top:-1rpx;
  margin-bottom: 12px;
}
.jobIn{
  border:1rpx solid #f5f5f5;
  /* padding: 20px 0px; */
  background-color: #fff;
  border-radius: 8px;
}
.jobOne:nth-of-type(1) .jobIn{
  border-top:0;
}
.jobOne:nth-child(1) .jobIn{
  border-top:0;
}
.icon-weixuanzhong2{
  color:#999;
  font-size:6px;
  margin-left:2px;
  line-height: 36px;
  position: relative;
  top:-2px;
}
.xgxg .icon-zhankai{
  font-size: 10px;
  color: #999;
}
.csbf{
  margin: 14px 0;
  position: relative;
  font-size: 14px;
  /* width:60px; */
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  background-color: #f6f6f6;
  border-radius: 16px;
  padding: 0 16px;
}
/* .csbf .icon-baise1{
  font-size:7px;
  position: relative;
  top: -2px;
} */
.csbf.active{
  color: #027AFF;
}
/* .csbf.active .icon-baise1{
  color: #027AFF;
} */
.weui-search-bar__box .weui-search-bar__input {
  padding: 6px 0;
}
.topHover,.ahover{
  opacity: 0.8;
}
.c8,.icon-wode-shoucang{
  color: #888;
}
.cred,.icon-shoucang-red{
 color: rgba(234,67,58,1);
}
.collect.collectred{
  /* opacity: 0.5; */
  border: 1rpx solid #ea433a; 
}
.opacityBtn{
  position: absolute;
  width: calc(100vw - 100px);
  z-index: 999;
  opacity: 0;
}
.opacityBtn button{
  padding:0 10px;
}
.clickMore{
  width: 120px;
height: 28px;
margin: 16px auto;
opacity: 1;
border: 1px solid #979797;
border-radius: 20px;
color: #8c8c8c;
line-height: 28px;
font-size: 14px;
background-color: #fff;
}
.stm{
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #262626;
  line-height: 18px; 
}
.gjFixed{
  position: fixed;
  top:42px;
  left:0;
  width:100vw;
  height:100vh;
  /* right:0;
  bottom:0; */
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
}
.oh{
  overflow: hidden;
  height:100vh;
}
.oa{
  overflow:auto;
}
.weui-half-screen-dialog{
  height:75vh;
  border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0;
}
.bgAc{
  display: inline-block;
  width: 80px;
height: 32px;
background: #f5f6f7;
border-radius: 7px;
font-size: 12px;
color: #666666;
line-height: 32px;
text-align: center;
margin-right:8px;
margin-bottom: 10px;
}
.bgAc.active{
  background: rgba(2,122,255,0.10);
  color: #027aff;
}
.btmFix {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  /* background-color: #ffffff; */
  z-index: 99;
}
.resetBtn{
  height: 44px;
  opacity: 1;
  background: #fff;
  border: 1rpx solid #027AFF;
  border-radius: 25px;
  font-size: 18px;
  font-weight: 601;
  color: #027AFF;
  padding: 0;
  line-height: 44px;
  margin-bottom: 40px;
}
.resetBtn:active{
  background-color: #f2f2f2;
}
.loginOut {
  width: 100%;
  height: 44px;
  opacity: 1;
  background: #027AFF;
  border-radius: 25px;
  font-size: 18px;
  font-weight: 601;
  color: #ffffff;
  padding: 0;
  line-height: 44px;
  margin-bottom: 40px;
}
.loginOut{
  margin-top: 20rpx;
}
.pl10{
  padding-left: 10px;
}
.pr10{
  padding-right: 10px;
}
.spef{
  justify-content: space-between;
}
.spef .flex-1{
  max-width: 52px;
  min-width: 52px;
}
.p10100{
  padding: 10px 10px 0;
  min-height:100vh;
}
.xgxg{
  padding:0 10px;position: sticky; top: 0;z-index:1000;background-color: #fff;
  border-radius: 8px;
}