@charset "utf-8";
html, body{
  /* height: 100%; */
  background: #f6f6f6;
}
/*公共样式*/
.f_left{
  float: left;
}
.f_right{
  float: right;
}
.clearfix::before,
.clearfix::after{
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
}
.tabbar-nav {
  /* padding-bottom: .8rem; */
}
img {
  max-width: 100%;
}


.no_display{
  display: none;
}

.visHidden {
  visibility: hidden;
}

input{
  width: 100%;
}
input, select{
  background: #fff;
  border: none;
  outline: none;
  background-color:transparent;
  border-color:transparent;
  
}

.bcgclr{
  background-color: #fff;
}

.ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

/* 登录注册页 */
.orange{
  color: #F18F3D;
}
.bold{
  font-weight: bold;
}

.weui-toast{
  font-size: 0.3rem;
}

.weui-toast--text{
  max-width: 2.5rem;
}

.colorred{
 color: #FE3F3E !important;
}

.wallet{
  font-size: 0.32rem;
}
.icon-arrow-left1{
  position: absolute;
  left: 0;
  font-weight: bold;
}
.tp{
  position: relative;
  margin: 0.5rem 0.5rem 0.2rem;
  text-align: center;
}

.btn{
  border: none;
  background-color: #F18F3D;
  color: #fff;
  border-radius: 0.4rem;
  width: 60%;
  height: 0.7rem;
  text-align: center;
  margin: 0.5rem auto;
  font-size: 0.3rem;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0.7rem;
}

/* 表格 */
.col_table{
  width: 84%;
  height: auto;
  margin: 0 auto;
  padding-top: 0.26rem;
  padding-bottom: 0.2rem;
}
table{
  border:0.01rem solid transparent;
}

.recruit_table{
  width: 100%;
  margin: 0 auto;
}
.col_table thead td p,.col_table tbody td p{
  font-size: 0.28rem;
  height: 0.9rem;
  overflow: hidden;
  text-align: center;
  line-height: 0.9rem;
  color: #818181;
}

.col_table thead td,.col_table tbody td{
  border: 0.01rem solid #f3f2f8;
}

/* 日期 */
.picker-calendar-day.picker-calendar-day-selected span{
  background: #F18F3D;
}

.toolbar .toolbar-inner,.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only{
  font-size: 0.3rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.picker-calendar-month-picker, .picker-calendar-year-picker{
  line-height: 1.5rem;
}
i.icon.icon-next, i.icon.icon-prev{
  width: 0.3rem;
  height: 0.3rem;
}
.picker-calendar-month-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-year-picker .current-year-value{
  height: 1.5rem;
}
.picker-calendar-month{
  height: 42%;
}
.icon{
  border: none !important;
}
.weui-picker-calendar{
  height: 7.5rem;
}

/* 確認框 */
.weui-popup__container--visible .weui-popup__overlay{
  opacity: 0;
}
.popup-bottom .weui-popup__modal{
  height: 3rem;
}
.weui-popup__modal{
  top: 3rem;
  left: 1.4rem;
  width: 64%;
  bottom: 2rem;
  opacity: 0.8;
  background: rgba(0,0,0,0.8);
  border-radius: 0.2rem;
}
.toolbar .toolbar-inner{
  background: rgba(0,0,0,0.8);
}
.toolbar .picker-button{
 
  top: 0.8rem;
  right: 1.5rem;
}
.toolbar .title{
  color: #fff;
  font-size: 0.4rem;
  font-weight: normal;
  margin: 0;
}

.weui-tabbar{
  position: fixed;
}
.icon-home,.icon-file,.icon-search1,.icon-cart,.icon-user{
  font-size: 0.5rem !important;
}
.weui-tabbar{
  background-color: #fff;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label,.weui-tabbar__item.weui-bar__item--on .iconfont{
  color: #ff4e4e !important;
}
.weui-tabbar__icon {
  display: inline-block;
  width: 22px;
  height: 22px;
}


.colorYellow{
  color: #ffcb05 !important;
}
.grey{
  color: #dadada;
}

/* 头部 */
.headNav {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
  background-color: #f22222;
  color: #fff;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.headNav p {
	display: inline-block;
	width: 60%;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: .38rem;
  text-align: center;
}
.headNav p select {
  color: #fff !important;
  height: .6rem;
}
.headNav p select option {
  color: #424242 !important;
}
.headNav .headRight {
  display: inline-block;
  vertical-align: middle;
  /* right: .4rem; */
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 0;
}
.headNav .headLeft {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
  /* left: .2rem; */

}
.headNav .headLeft img{
	width: 22px;
}
.headNav .headRight img{
	width: 16px;
	display: inline-block;
	vertical-align: middle;
}
.headNav .headRight span{
	font-size: 15px;
	vertical-align: middle;
}
/*  */
.wrapper{
  width: 100%;
  height: calc(100% - 48px);
}
/*  */


.btn-bg-icon1 {
  background-size: 18% auto;
  background-image: url(../img/copy_plan_icon.png);
  background-repeat: no-repeat;
  background-position: .12rem center;
}
.btn-bg-icon2 {
  background-size: .3rem;
  background-image: url(../img/cai_shoucang_btn.png);
  background-repeat: no-repeat;
  background-position: .12rem .04rem;
}
.btn-bg-icon3 {
  background-size: .24rem;
  background-image: url(../img/plan_detail_icon.png);
  background-repeat: no-repeat;
  background-position: .22rem .16rem;
}
.btn-bg-icon4 {
  background-size: .26rem;
  background-image: url(../img/compute_icon.png);
  background-repeat: no-repeat;
  background-position: .22rem center;
}
.btn-bg-icon5 {
  background-size: .24rem;
  background-image: url(../img/submit_icon.png);
  background-repeat: no-repeat;
  background-position: .22rem center;
}
.btn-bg-icon6 {
  background-size: .3rem;
  background-image: url(../img/dadi_niantie.png);
  background-repeat: no-repeat;
  background-position: .22rem .16rem;
}
.btn-bg-icon7 {
  background-size: 18% auto;
  background-image: url(../img/copy_number_icon.png);
  background-repeat: no-repeat;
  background-position: .18rem  center;
}
.btn-bg-icon8 {
  background-size: 16%;
  background-image: url(../img/cai_btn_icon5.png);
  background-repeat: no-repeat;
  background-position: .26rem center;
}