body, html {
	height: 100%;
	-webkit-tap-highlight-color: transparent;
}
.page, body {
	background-color: #fbf9fe
}
.hd {
	padding: 2em 0
}
.page_desc {
	text-align: center;
	color: #888;
	font-size: 14px
}
.page_title {
	text-align: center;
	font-size: 34px;
	color: #3cc51f;
	font-weight: 400;
	margin: 0 15%
}


/*头部导航*/
.weui-navbar__title {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    -webkit-tap-highlight-color: transparent;
	font-weight:bold;
}
.weui-navbar__btn {
    position: relative;
    display: block;
    padding: 10px 0;
    text-align: center;
	width:60px;
}
.icon_nav_btn {
    margin: 0 auto;
    width:22px;
    height:22px;
}
.icon_nav_btn img {
    display: block;
    width: 100%;
    height: 100%;
}

/*底部导航*/
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
    /*color:#3478CB;*/
	color:#0caa0b;
}

/*首页数字*/
.index_num{
    font-size: 25px;
}

/*新增按钮*/
.btn_add{
	font-weight:bold;
	color:#0caa0b;
}

/*没有提示*/
.nolist{
	text-align: center;
    color: #888;
	line-height:60px;
	font-size:18px;
}

.weui-navbar__item.weui-bar__item_on{background-color:#EAEAEA;color:#333}

.list_desc{
	color:#666;
    font-size: 13px;
    line-height:1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-gray{ color:#999;}

.weui-uploader__files li{border:#CCC 1px solid;}

.pager{
	margin:10px auto;
	padding:6px 15px;
	line-height:36px;
	text-align:center;
	border-top: 1px solid #e5e5e5;
}
.pager .info{width:140px;}
.pager .pre{float:left; margin-top:4px;}
.pager .next{float:right; margin-top:4px;}

/*单图上传*/
.js-img-upload-box {
    float: left;
    position: relative;
    width: 77px;
    height: 77px;
    border: 1px solid #d9d9d9;
  }

  .before-upload:before {
    width: 2px;
    height: 39.5px;
  }

  .before-upload:after {
    width: 39.5px;
    height: 2px;
  }

  .before-upload:after,
  .before-upload:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #d9d9d9;
  }

  .js-img-upload {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: no-repeat 50%;
    background-size: cover;
}

/*
多图上传，外围框，移动时预留空间
*/
.mi-multi-images .sortable-placeholder {
    display: inline-block;
    width: 79px;
    height: 79px;
    border: 1px dashed #ccc;
    margin-right: 15px;
    float: left;
}

.mi-multi-images .sortable-dragging {
    display: inline-block;
}

/*
多图上传，每个元素
*/
.mi-multi-image {
    position: relative;

}
.weui-uploader__input-box {
    width: 79px;
    height: 79px;
}

.mi-multi-image b {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 3;
    width: 30px;
    height: 30px;
    line-height: 20;
    overflow: hidden;
    border-radius: 0 5px 0 0;
    background: -webkit-linear-gradient(225deg, #C3C3C3 50%, rgba(0, 0, 0, 0) 50%);
    cursor: pointer;
}

.mi-multi-image b:hover {
    background: -webkit-linear-gradient(225deg, #E23726 50%, rgba(0, 0, 0, 0) 50%);
}

.mi-multi-image b:before,
.mi-multi-image b:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 7px;
    width: 2px;
    height: 10px;
    background: #FFF;
    -webkit-transform: rotate(-45deg);
}

.mi-multi-image b:after {
    -webkit-transform: rotate(45deg);
}

.mi-multi-image b i {
    display: none;
}

/*个人页面*/
.top {
    background: #06a7e2;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing:border-box;
    color: #fff;
    font-size: 15px;
}

.top .avator {
    font-size: 40px;
}

.top .info {
    margin-left: 15px;
}