/*
Descr: 知客易联
Author: Ling Cheng Xing Hai - QQ1334094881
Tips: 不允许将此程序用于任何非法用途，如有发现将停止授权更新，并提供相关证据配合执法机构
Version: 3.0
*/

@font-face {
  font-family: 'iconfont';  /* Project id 2032319 */
  src: url('//at.alicdn.com/t/font_2032319_9zj7ch7hsj.woff2?t=1638084411341') format('woff2'),
       url('//at.alicdn.com/t/font_2032319_9zj7ch7hsj.woff?t=1638084411341') format('woff'),
       url('//at.alicdn.com/t/font_2032319_9zj7ch7hsj.ttf?t=1638084411341') format('truetype');
}

.fa,.iconfont {
    font-style: normal;
    font-size: .875rem;
    font-family: iconfont!important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.iconfont.nav-icon{
	vertical-align: unset;
	margin-right: 1px;
	font-weight: 300;
	font-size: .7rem
}
.iconfont.block{
    display: block;
}
.warp{
/*	padding: 0.3rem 0.5rem;*/
	background: #fff;
}

.warp .title{
    padding: 0.3rem 0;
	font-size: 0.65rem;
}

.vivw{
	margin: .5rem;
}

/**{
	margin:0;
	padding:0;
	outline:none;
	font-size: 0.75rem;
}*/
*,input{
	outline:none!important; 
	border:0;
}
li{
	list-style: none;
}
html,body{
	margin:0;
	padding:0;
	font-size: 62.5%;
	height: 100%;
}
body{
	background-color: #f8f8fa;
	font-family: "Noto Sans SC"!important;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	overflow-x: hidden;
	font-weight: 400;
}

img{
	-webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    background: transparent;
    -webkit-box-shadow: none;

}
img.showbg{
	width: 100%;
}
.goto{
	cursor:pointer;
	-webkit-tap-highlight-color: transparent; 
	outline: none;
}

.flex-wrap{
	flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
}
.flex-nowrap{
	flex-wrap: nowrap;
    display: -webkit-flex;
    display: flex;
}
.flex-row-start{
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:flex-start;
}
.flex-row-end{
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
}
.flex-row-center{
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:center;
	-webkit-justify-content:center;
}
.flex-row-around{
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:space-around;
	-webkit-justify-content:space-around;
}
.flex-row-between{
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.flex-column-start{
	flex-direction:column;
	-webkit-flex-direction:column;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
}
.flex-slide{
    white-space: nowrap;
    overflow-x: auto;
}
.flex-slide::-webkit-scrollbar{
    display: none;
}
.items-center{
	align-items:center;
}
.container{
	max-width: 560px;
	margin:0 auto;
	padding-bottom: 100px;
}
.page-index .container{
	padding-bottom: 50px;
}
.text-main-color{

}
.main-bgcolor{
	background: #4058D1!important;
	color: #fff!important;
}
.main-textcolor{
	color: #4058D1!important;
}
/*主页*/
.page-index{

}
.page-index .head-bar{
	padding: .5rem .8rem;
	font-size: .75rem;
	background: #fff;
}
.page-index .head-bar.effect1{
	position: relative;
	background: transparent;
	padding: .1rem 0;
	color: #fff;

}
.page-index .head-bar.effect1:after{
    position: absolute;
    top: 0;
    width: 100%;
    height: 160px;
    content: '';
    background: #29B195;
    z-index: -1;
    left: 0
}
.page-index .head-bar.effect1 .web-title{
    padding: .3rem .5rem;
    left: 0;
    top: 0;
    width: 16%;
    font-size: .65rem;
}
.page-index .head-bar.effect1 .bar-search{
	margin: 0
}

.page-index .head-bar.effect1 .bar-search form{
	width: 56%;
}
.page-index .head-bar.effect1 .other{
    padding: .3rem .5rem .3rem 0;
    width: 16%;
    text-align: right;
    font-size: .7rem;
}
.page-index .head-bar.effect1 .bar-search form{
	padding: .3rem;

}
.page-index .head-bar.effect1 .bar-input{
	font-size: .65rem
}
.page-index .head-bar .web-title{
	position: relative;
}
.page-index .head-bar .avatar{
	width: 33px;
	height: 33px;
	border-radius: 100px;
}
/*.page-index .head-bar .web-title:after{
	position: absolute;
	content: ' ';
	width: 15px;
	height: 2px;
	background: #4058D1
}*/
.page-index .head-bar .bar-search{
	z-index: 2;
	margin-top: .3rem;
}
.page-index .head-bar .bar-search form{
	background: #f3f3f3;
	border-radius: 25px;
	padding: .5rem;
	width: 100%;
	margin-right: 10px;
}
.page-index .head-bar .bar-search .btn{
	width: 15%;
	text-align: center;
}
.page-index .bar-input{
	background: transparent;
	color: #666;
	font-size: 0.7rem;
	width: 100%;
}

.page-index .weui-icon-search{
	color: #666;
	font-weight: 600;
	font-size: 0.65rem;
    margin-right: 5px;
}

.page-index  .weui-search-bar__box .weui-search-bar__input{

}
.transparent{
	background: transparent!important;
}
.page-index .banner{
/*    padding: 0 0.5rem;*/
    overflow: hidden;
    background: #fff;
/*   margin-bottom: 0.5rem*/
}
.page-index .banner .swiper-banner{
    overflow: hidden;
    position: relative;
}
.page-index .banner  .swiper-wrapper{
	
}
.page-index .banner .swiper-pagination{

}
.page-index .banner .swiper-slide{
	
}
.page-index .banner.effect2{
	height: 140px;
}
.page-index .banner.effect2 .swiper-banner{
    width: 100%;
    height: 100%;
    overflow: unset!important;
}
.page-index .banner.effect1{
	padding-bottom: .5rem
}
.page-index .banner.effect2 .swiper-slide{
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	transition: 300ms;
	transform: scale(1.2);
}
.page-index .banner.effect2 .swiper-slide-active,.page-index .banner.effect2 .swiper-slide-duplicate-active{
     transform: scale(2.9);
     z-index: 9;
}
.page-index .banner.effect2  .swiper-wrapper img{
	margin: 0!important;
	width: 100%!important;
	border-radius: 5px!important;
}

.page-index .banner .swiper-wrapper img{
	width: 92%;
	margin: 0 4%;
    border-radius: 10px; 
	vertical-align: middle;
	overflow: hidden;
	height:auto;
}
.page-index .bar-nav{
	padding: .5rem 0;
	background: #fff;
}
.page-index .bar-nav .item{
	width: 25%;
    align-items: center;
}
.page-index .bar-nav .item img{
    width: 2.5rem;
}
.page-index .bar-nav .item span{
	margin:.2rem 0;
	font-size: 0.65rem;
}
.page-index .patch-nav{
	margin-top: .5rem;
}
.page-index .patch-nav .item{
	width: 44%;
	margin-left: 4%;
	border-radius: 10px;
	overflow: hidden;
}
.page-index .patch-nav .item img{
	width: 100%;
}
.page-index .patch-nav .item:nth-child(2n){
	margin-right: 4%;
}
.page-index .notice{
    background: #333;
    color: #9b9b9b;
    padding: .2rem .8rem;
    margin: .5rem;
    justify-content: flex-start;
    border-radius: 25px;

}
.page-index .notice.effect2{
	margin: .5rem 0;
	border-radius: 0!important;
	padding: .2rem .8rem;
	background: #fff9df;
    color: #333;
}
.page-index .notice i{
	margin-right: 10px;
}
.page-index .notice .swiper-wrapper{
	font-size: 0.65rem;
	color: #9b9b9b;
}
.page-index .swiper-notice{
	height: 1rem;
	overflow: hidden;
}
.page-index .nav-list{
	padding: 0.5rem;
	position: relative;
}
.page-index .nav-list .screen{
	position: absolute;
    right: 0;
    top: 0;
    margin-top: .7rem;
    font-size: .7rem;
    background: #f8f8fa;
    padding: 0 .5rem;
}
.page-index .nav-list .screen i{
    vertical-align: unset;
	font-size: .7rem
}
.page-index .nav-list h2{
	font-size: 0.75rem;
}

.page-index .nav-list .item{
	font-size: 0.65rem;
	display: inline-block;
	color: #999;
	margin-right: 20px;
	position: relative;
	padding: .2rem 0;
	font-weight: 600;
}
.page-index .nav-list .item.on{
	color: #333;
}
.page-index .nav-list .item.on:after{
    position: absolute;
    bottom: 0;
    width: 100%;
    content: '';
    background: #29B195;
    left: 0;
    height: 2px;
    border-radius: 20px;
}

.tasklist .item{
    background: #fff;
    position: relative;
    margin: .5rem;
    border-radius: 5px;
    overflow: hidden;
}

.tasklist .item.vip{
	box-shadow: 0px 0px 10px #fec753;
	margin-bottom: 5vw;
}

.tasklist .item .vipbox{
	display: none;
}

.tasklist .item.vip .vipbox{
	display: block;
	width: 25vw;
    position: absolute;
    top: -;
    top: 3vw;
    text-align: center;
    left: -8vw;
    background: #ef992c;
    color: #fff;
    font-size: 3vw;
	-ms-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
}

.tasklist .item .left{
	flex-wrap:initial;

}
.tasklist .item img.task_top{
	position: absolute;
	width: 10vw;
	right: 0;
	top: 2vw;
}
.tasklist .item img.commission_icon{
	position: absolute;
	width: 20vw;
	right: 3vw;
	bottom: 2vw;
}
.tasklist .item img.pic{
	width: 3rem;
	height: 3rem;
	margin:0.5rem;
	border-radius: 100%;
}
.tasklist .item .num{
	font-size: 0.65rem;
	color: #666;
}
.tasklist .item .title{
	font-size: 0.7rem;
	color: #333;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11rem;
    font-weight: 600;
/*    margin-top: 10px;*/
}
.tasklist .item .price{
    text-align: left;
    color: #e4696a;
    font-weight: 600;
}
.tasklist .item .price span{
	font-size: 1rem;
}
.tasklist .item .price-desc{
    color: #ccc;
    font-size: .6rem;
    text-align: right;
    font-weight: 400;
}
.tasklist .item .cate span{
	display: inline-block;
/*	font-size: 0.6rem;
	background: #f3f3f3;
	color:#666;
	padding:0.2vw 2vw;
	text-align: center;
	border-radius: 5px;
	    display: inline-block;*/
}
.tasklist .item .cate span.tui{
	margin-right: 5px;
	background: #b5f9c0;
	color: #03a01c
}
.tasklist .item .cate span.dai{
	margin-right: 5px;
	background: #f9b5b5;
	color: #dc0505
}
.tasklist .item .cate span.jie{
	margin-right: 5px;
	background: #f8e0ab;
	color: #dca102
}


.tasklist .item .cate span.vip{
/*	background: #f2f6ff;
	color:#4e82f6;*/
	margin-left: 1vw;
}

.tasklist .item .cate span:nth-child(2){

}
.tasklist .item .cate span:nth-child(3){
	
}
.tasklist .item .money{
	font-size: 0.6rem;
	color: #666
}
.tasklist .item .num{
	color: #999;
	font-size: 0.65rem;
/*	margin: 0 0 0.3rem;*/
}
.tasklist .item .num span.on{
	color: #fc7d7d
}
.tasklist .item .data{
	font-size: 0.6rem;
	color: #666;
	padding-bottom: 2vw;
}
.tasklist .item .right{
    margin: 3vw 3vw 3vw 0;
    align-items: flex-end;
}
.tasklist .item .right .money{
	color: #e4696a;
	font-size: 0.65rem;
}
.tasklist .item .right .money span{
	font-size: 0.75rem;
	font-weight:600;
}
.tasklist .item .right .txt{
	color: #666;
	font-size: 3.5vw;
}
.tasklist .item .foot{
	padding: 0.3rem;
    margin: 0 0.3rem;
	font-size: 0.65rem;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.tasklist .item .foot .time{
	color: #999;
	font-size: 0.6rem;
}
.tasklist .item .foot .avatar{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 100%;
	margin-right: .3rem;
}
.tasklist .item .foot .time b{
	color: #ff5d00;
	margin: 0 2px;
	font-weight: 400;
}
/*.tasklist .pad{
	padding: .5rem;
}*/
.tasklist .item-s1{
	width: 48%;
	background: #fff;
	border-radius: 5px;
	margin-bottom: .6rem;
}
.tasklist .item-s1 .title{
	margin: .3rem .5rem;

}
.tasklist .item-s1 .title h3{
	font-size: .7rem;
	color: #35394a;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tasklist .item-s1 .num{
	font-size: .65rem;
	color: #818597;
	margin:0 .5rem;
}
.tasklist .item-s1 .info-bar{
	font-size: .65rem;
	padding: .3rem .5rem;
	border-top:1px solid #f3f3f3;
}
.tasklist .item-s1 .info-bar b.money{
	color: #ff3548
}
.tasklist .effect2 .item .topbar{
	padding: .5rem;
	border-bottom: 1px solid #f3f3f3;
}
.tasklist .effect2 .item .topbar .avatar{
	width: 25px;
	height: 25px;
	border-radius: 25px;
}
.tasklist .effect2 .item .cent{
	padding: .5rem;
}
.tasklist .effect2 .item .foot{
	text-align: right;
}
.tasklist .effect2 .item .foot{
	border:none;
	padding-bottom: .8rem;
}
.tasklist .effect2 .item .foot .btn{
	padding: .3rem 1.5rem;
    display: inline-block;
    font-size: .7rem;
    box-shadow: 0px 0px 10px #29B195;
}

/**任务详情**/
.page-taskset{

}

.page-taskset .top-bar{
	height: 150px;
	position: relative;
}

/*.page-taskset .top-bar:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
    content: '';
    background: #29B195;
    z-index: -1;
    left: 0;
}*/

.page-taskset .task-bar{
	background: rgba(0,0,0,.8);
	margin: .5rem .8rem;
	color: #29B195;
	border-radius: 5px;
	padding:.5rem;
}

.page-taskset .task-bar .time{
	font-size: .6rem
}

.page-taskset .worklist.sns .item{
	margin: 0 .8rem;
	font-size: 1rem;
	width: 30%;
}
.page-taskset .worklist.sns .item span{
	margin: .1rem 0;
	font-size: .6rem
}
.page-taskset .worklist{
	background: #fff;
	margin: .8rem;
	padding:.5rem;
	margin-bottom: .3rem;
}
.page-taskset .worklist .item{
	width: 20%;
	text-align: center;

	text-justify: newspaper;
	word-break: break-all;
	
}
.page-taskset .work-btns{
	margin: .8rem;
}
.page-taskset .work-btns .btn{
	width: 15%;
	text-align: center;
}
.page-taskset .work-btns .btn i{
	font-size: .6rem
}
.page-taskset .update_time{
	font-size: .6rem;
	color: #999;

	margin: .3rem .8rem;
}
.page-taskset .worklist .item span{
	font-size: .6rem;
	color: #666
}
.page-taskset .task-bar .price{
	font-size: .6rem
}
.page-taskset .work-sub .btn{
	width: 50%;
	display: block;
	text-align: center;

	margin: 0 auto;
	margin-top: .5rem;
}
.page-taskset .countdown{
	margin: .8rem;
	font-size: .65rem;
/*    background: #dbaa70;*/
    color: #6c4421;
    border-radius: 5px;
    padding: .2rem .3rem;
}
.page-taskset .work-tips{
    background: #fff2ea;
    color: #ff5d00;
    padding: .2rem .8rem;
    margin: .5rem 0;
    justify-content: flex-start;
    text-align: center;
}
.page-taskset .work-tips .swiper-notice{
    height: 1rem;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.page-taskset .work-tips .swiper-wrapper {
    font-size: 0.65rem;
    color: #ff5d00;

}
/**任务详情**/
.page-taskdetail{

}
.page-taskdetail .point-tips{
    font-size: 0.65rem;

    padding: 0.5rem;
    background: #f3f3f3;
    color: #333;
    text-align: center;
}
.page-taskdetail .weui-cells{
	margin-top: 0;
}
.page-taskdetail .top{
	background: #fff;
	padding:.8rem;
/*	margin: .5rem;*/
	position: relative;
	overflow: hidden;
}
.page-taskdetail .top .bg{
	position: absolute;
	right:-20px;
	top: 0px;
	opacity: .1;
/*	font-weight: 600;*/
	font-size: 2rem;
}
.page-taskdetail .top .bg i{
	font-size: 1.8rem;
	margin-right: .5rem;
}
.page-taskdetail .top .left{
	margin-left:.5rem;
	flex-wrap:nowrap;
	max-width: 70%;
}
.page-taskdetail .top .right{
	border-left: 1px solid #f3f3f3;
	width: 25%;
	text-align: right;
}
.page-taskdetail .meta-vip{
	background: #38303d;
	color: #eed9b3;
	margin: .5rem;
	border-radius: 5px;
	padding: .3rem .5rem;
	font-size: .6rem;
}
.page-taskdetail .meta-vip .btn-open-vip{
	padding: 0 .5rem;
	font-size: .6rem;
}
.page-taskdetail .meta-vip i{
	margin-right: 5px;
	font-size: .7rem;
}
.page-taskdetail .meta-nav{
	padding: 0.3rem 0.5rem;
	background: #fff;
	font-size: 0.6rem;
/*	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;*/
	color: #777;
	margin: .5rem;
	border-radius: 5px;
}
.page-taskdetail .meta-nav .item{
	width: 50%;
    margin: .1rem 0;

}
.page-taskdetail .meta-nav i{
	margin-right: 3px;
}
.page-taskdetail .meta-nav .item.v{
	color: #34ae89;
}
.page-taskdetail .meta-nav .item span{
	vertical-align: middle;
}
.page-taskdetail .detail{
	background:#fff;
	margin-bottom: 10px;
	font-size: 0.7rem;
	padding: 0.5rem 0.5rem; 
	margin: .5rem;
}
.page-taskdetail .detail .title{
	font-size: 0.65rem;
	margin-bottom: 5px;
}
.page-taskdetail .detail .title h3{
font-size: 0.65rem;
}
.page-taskdetail .detail .warp{
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: .65rem;
  color: #666;
}
.page-taskdetail .warp{

}
.page-taskdetail .warp .title{

}
.page-taskdetail .examine{
	padding: 0.5rem 0.5rem; 
	margin: .5rem;
	border-radius: 5px;
}
.page-taskdetail .check_text_content_wrap{
	padding: 0.5rem 0.5rem; 
	font-size: .65rem;
}
.page-taskdetail .check_text_content_wrap h3{
	font-size: .65rem;
	margin-bottom: .3rem;
}
.page-taskdetail .wenzi_check_textarea{
	width: 100%;
	border-radius: 5px;
}
.page-taskdetail .member{
	background: #fff;
	padding: 0.5rem;
	font-size: 0.65rem;
	margin-bottom: .5rem;
	margin:.5rem;
}
.page-taskdetail .member .avatar{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
}
.page-taskdetail .member .info{
	font-size: 0.65rem;
	margin-top: .2rem;
}
.page-taskdetail .member .info i{
	font-size: 0.65rem;
    vertical-align: unset;
    margin-right: 3px;
}
.page-taskdetail .link{
	padding: 0.5rem;
	margin: .5rem;
}
.page-taskdetail .link span.t{
	font-weight: 600;
	font-size: 0.7rem;
}
.page-taskdetail .sub-tips{
	background: #fff;
	text-align: center;
	font-size: 0.65rem;
	color: #ff5d00;
	padding:0.3rem 0;
}

/*.page-taskdetail .replies{
	margin-top: 0.5rem;
	overflow: hidden;
	padding:0.3rem 0.5rem;
	background: #fff;
	margin: .5rem;
}
.page-taskdetail .replies .item{
	overflow: hidden;
	margin: 0.5rem 0;
	font-size: .65rem;
	background: #fff;
	padding: .6rem;
	border-radius: 5px;
    box-shadow: 0px 0px 10px #f3f3f3;
}
.page-taskdetail .replies .item .text{

}
.page-taskdetail .replies .item .img{

}
.page-taskdetail .replies .item img{
    width: 50%;
    max-height:120px;
    margin-top: .5rem;
}
.page-taskdetail .replies h3{
	font-size: 0.65rem;
}*/

.page-taskdetail .str_box{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
}
.page-taskdetail .str_box .check_details{
    padding: .3rem .8rem;
}
.page-taskdetail .str_box .check_details .btn{
    padding: 0!important;
    margin: 0;
    display: inline-block;
}
.page-taskdetail .str_tion{
	width: 52%;
	margin-left: .5rem;
}
.page-taskdetail .str_tion span{
	font-size: .6rem;
}
.page-taskdetail .str_tion span i{
	vertical-align: unset;
	font-size: .65rem;
	margin-right: .15rem;
}
.page-taskdetail .str_details{
	margin-right: .5rem;
	width: 40%;
}
.page-taskdetail .str_details .btn{
	width: 90%;
}
/*.page-taskdetail .replies .l{
	width: 8%;
	position: relative;

}
.page-taskdetail .replies .x:after{
    position: absolute;
    content: '';
    width: 2px;
    background: #f3f3f3;
    height: 1000px;
    left: 35%;
    top: -10px;
}
.page-taskdetail .replies .sn{
	color: #fff;
	background: #ff5d00;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 0.6rem;
	display: block;
}

.page-taskdetail .replies .content{
	font-size: 0.65rem;
	padding: 10px 0
}
.page-taskdetail .replies .content img{
	max-width: 150px;
	display: block;
	max-height: 100px;
}*/
.page-taskdetail .replies .r{
	width: 90%;
}
.page-taskdetail .tasksubtop{
	justify-content:flex-start;
}
.page-taskdetail .subwarp{
    text-align: center;
    margin-top: 3vw;
    background: #f93f70;
    color: #fff;
    padding: 2vw 0;
}
.page-taskdetail .tasksubtop .t-return{
	margin:3vw;
	font-size: 3.3vw;
	padding:2vw 3vw;
	background: #fff;
	border-radius: 2vw;
}
.page-taskdetail .tasksubtop .task-details{
	background: #fff;
	font-size: 3.5vw;
	padding: 2vw 3vw;
}
.page-taskdetail .top .task-pic{
	width: 15vw;
	height: 15vw;
	margin:3vw;
	border-radius: 100%;

}

.page-taskdetail .top .t-title{
	font-size: 0.8rem;
	font-weight: 600;
}
.page-taskdetail .top .price{
	color: #ff3548;
	font-size: .5rem;
}
.page-taskdetail .top .price b{
	font-size: .8rem;
	margin-right: 3px;
}
.page-taskdetail .top .show_tips{

	margin-top: 0.1rem;
}
.page-taskdetail .top .t-author{
	font-size: 3vw;
	color: #666
}
.page-taskdetail .top .t-money{
	margin: 0.5rem;
/*	font-size: 3vw;*/
/*	color: #ff9917;*/
}

.page-taskdetail .top .t-money.no{
	margin: 0;
}
.page-taskdetail .top .t-money .re{
	font-size: 0.65rem;
	font-weight: 600;
}
.page-taskdetail .top .t-money i{
	font-size: 0.7rem;
	vertical-align:inherit;
	margin-right: 5px;
	font-weight: 400; 
}

.page-taskdetail .top .t-money .re.jf{
	/*color: #ff524d;*/
	color: #999;
}
.page-taskdetail .top .t-money i.ic{
    font-style: normal;
    font-size: .6rem;
	width: 0.5rem;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;

}
.page-taskdetail .top .t-money .re span{
	font-size: 0.5rem;
}
.countdown{
	margin-top: .5rem;
	text-align: center;
	font-size: .7rem
}
.countdown b{
	color: #d04240;
	font-size: .75rem;
	margin: 0 .1rem
}

.page-taskdetail .task-describe{
	padding: 3vw;
	background: #fff;
	border-top: 1px solid #f3f3f3;
	font-size: 3.5vw;
}
.page-taskdetail .task-vip-commission{
	padding: 3vw;
    margin-top: 3vw;
    text-align: center;
    background: #d6292c;
    color: #fff;
    font-size: 3.5vw;
}
.page-taskdetail .task-describe img{
	width: 6vw;
	margin-right: 2vw;
}
.page-taskdetail .task-describe .p{
	justify-content:flex-start;
}
.page-taskdetail .task-de{
	padding: 3vw;
	background: #fff;
	margin-top: 3vw;
}
.page-taskdetail .task-de .task-num{
	font-size: 0.65rem;
/*	margin-bottom: 3vw;*/
}
.page-taskdetail .task-de .task-num img{
	width: 6vw;
	margin-right: 2vw;
}
.page-taskdetail .task-de .privacy{
	width: 100%;
	padding: 3vw;
	background:#f3f3f3;
	color: #666;
	text-align: center;
}
.page-taskdetail .task-de .task-num span{
	color: #ff5d00;
}
.page-taskdetail .task-de .copy_text{
	background: #f4f4f4;
	color: #999;
	font-size: 3.5vw;
	border-radius: 1vw;
	width: 75%;
}
.page-taskdetail .task-de .copy_text span{
    margin: 3vw;
    display: block;
    word-wrap: break-word;
    max-height: 25px;
    overflow-y: auto;
}
.page-taskdetail .task-de .btnLine{
	width: 25%;
	font-size: 3.5vw
}
.page-taskdetail .task-de .btnLine button{
	font-size: 3vw;
	padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.page-taskdetail .task-tech{
	padding: 0 3vw;
	margin-top: 5vw;
	font-size: 3.5vw;
	background: #fff;
}
.page-taskdetail .task-tech .step_desc{
    text-align: center;
    width: 100%;
    display: block;
    margin: 10px 0;
}
.page-taskdetail .task-tech .step_img{
	text-align: center;
    margin: 3vw 0;
}
.page-taskdetail .task-tech .step_img img{
	width: 80%!important;
}
.page-taskdetail .task-tech .weui-navbar{
	background: #fff
}
.page-taskdetail .task-tech .weui-navbar__item{
	font-size: 0.7rem
}
.page-taskdetail .task-tech .weui-navbar__item.weui-bar__item--on{
	background-color: transparent; 
	color: #546ae4
}
.page-taskdetail .weui-navbar+.weui-tab__bd{
	padding:10px;
	padding-top: 50px;
}
.page-taskdetail .task-tech .describe{
	padding:3vw 0;
}
.page-taskdetail .task-tech .describe img{
	max-width: 100%;
}
.page-taskdetail .upload{
	background: #fff;
	padding: 3vw;
	margin-top: 5vw;
}
/*.page-taskdetail .upload .inputLine span{
	font-size: 3.5vw;
}*/
.page-taskdetail .weui-uploader{
	margin: 0 3vw;
}
.page-taskdetail .weui-textarea{
	background:#f3f3f3;
	padding: 1vw;
}
.page-taskdetail .remarks{
	font-size: 0.7rem;
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}
.page-taskdetail .upload .inputLine p{
	font-size: 3.5vw;
	margin-bottom: 2vw;
}
.page-taskdetail .subup-btn{
	margin-top: 10vw;
}
.page-taskdetail .subup-btn .sub-btn{
    background: linear-gradient(90deg,#fca331,#fb8d01);
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 3.5vw;
    width: 80%;
    margin: 3vh auto;
    border: none;
    display: block;

}
.page-taskdetail .subup-btn .sh{
	width: 90%;
	margin: 0 auto;
	border-radius: 2vw;
	line-height: 10vw;
	font-size: 4vw;
	text-align: center;
	background: #f3f3f3;
	color: #999
}
.page-taskdetail .subup-btn .task-ok{
	width: 90%;
	margin: 0 auto;
	border-radius: 2vw;
	line-height: 10vw;
	font-size: 4vw;
	text-align: center;
	color: #03ae33;
	font-weight: 600;
}
.page-taskdetail .uploader{
	margin: 20px 0;
}

/*登录页*/
.page-login{
	background: #fff;
}
.page-login .head-img{
	text-align: center;
	padding: .5rem;
	padding: 1rem 0;
}
.page-login .head-img img{
	margin:0 auto;
	max-width: 80%;
}
.page-login .login_form{
    padding: 1rem 1.5rem;
}
.page-login .weui-cell{
	background: #f3f3f3;
	    color: #382346;
	padding: 0;
	margin-bottom: 1rem;
	border-radius: 25px;
	line-height: 2rem;
	overflow: hidden;
	position: relative;
}
.page-login .weui-cell.btn{
	background: transparent;
	margin-top: 2rem;
}
.page-login .weui-cell:nth-child(1){
	
}
.page-login .weui-cell__ft{
	position: absolute;
	right: 0;
	top: 0;
}
.page-login .weui-label{
	width: auto;
	padding:0 15px;
}
.page-login .input_ico3{
	width: 1rem
}
.page-login input{
	color: #382346;
}
.page-login .getcode{
	background: transparent;
	margin-right: 10px;
	color: #1d36c4;

}

.page-login .login-switch{
	font-weight: 600;
	font-size: 0.9rem;
	margin: 15px 0;
}
.page-login .login-switch span{
	padding: 5px 10px;
	position: relative;
}
.page-login .login-switch span.on{
	color: #29B195
}
.page-login .login-switch span.on:after{
    position: absolute;
    content: '';
    width: 20%;
    height: 2px;
    background: #29B195;
    bottom: 0;
    /* text-align: center; */
    /* margin: 0 auto; */
    left: 40%;
    /* position: relative; */
}
.page-login .found{
	font-size: 0.65rem;
/* 	position: absolute; */
	width: 100%;
	bottom: 0;
	color:#999;
/*	position: absolute;*/
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 10px;
}

/**个人中心**/
.page-member.index{
	
}
.page-member.index .head{
	justify-content:space-between;
	padding:.8rem .5rem 0;
	background: #fff;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
/*    background: url(/public/static/home/images/user_bg.jpg);
    background-size: 100%;*/
/*    padding-bottom: 3rem;*/
}
.page-member.index .head .avatar{
	width: 2.85rem;
	height: 2.85rem;
	margin-right:.85rem;
	border-radius: 100%;

	position: relative;
}
.avatar.online{
/*	border: 3px solid #b5f8e2;*/
position: relative;
}
.avatar.online:after{
    content: "";
	width: 10px;
    height: 10px;
    background: #19cb98;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    bottom: 0;
    border:1px solid #fff;
}

.page-member.index .head .avatar img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.page-member.index .head .left .username{
	font-size: .75rem;
	color: #666;
	font-weight: 600;
}
.page-member.index .head .left .username span{
    background: rgba(255,255,255,0.5);
    color: #444;
    font-weight: 400;
    font-size: 3vw;
    padding: 0.2vw 1vw;
    border-radius: 1vw;

}
.page-member.index .head .left .username span.vip{
	color: #fff!important;
    background: #bf9955!important;
    box-shadow: 0 0 10px #fcd66b!important;
}
.page-member.index .head .left .day_limit_task_num{
	display: inline-block;

}
/*.page-member.index .head .left .level span{
	border:0.2vw solid #fff;
}*/
.page-member.index .head .left .level img{
	width: 4vw;
	margin-right: 2vw;

}
.page-member.index .head .right{
	color: #666;
    font-size: .65rem;

}
.page-member.index .head .right img{
	margin-right: 1vw;
	width: 5.5vw;
	opacity: 0.6;
}
.page-member.index .mytask{
/*    margin: .5rem;
*/
}
.page-member.index .mytask .title,.page-member.index .rowlist .title{
	margin-left: 0.5rem;
}
/*.page-member.index .twarp{
	margin: 0 3vw 0;
    position: relative;
    top: -5vw;
}*/
.page-member.index .notice_slide{
    background: #fff;
    margin-bottom: 3vw;
    padding: 1vh 4vw;
    /* box-shadow: 0 0px 5px #fb7d83; */
    justify-content: flex-start;
    border-bottom: 1px solid #f3f3f3;
    align-items: center;
}
.page-member.index .notice_slide img{
	width: 5vw;
	float: left;
}

.page-member.index .notice_slide .swiper-roll{
	height: 3vh;
    margin: 0 2vw;
    position: relative;
    overflow: hidden;
	margin-left: 6vw;
	font-size: 3vw;
	line-height: 3vh;
}

.page-member.index .goout{
	width: 90%;
	margin: 1rem auto;
}
.page-member.index .barList{
	text-align: center;
	background: #fff;
/*	margin-bottom: 2vw;*/
/*	padding: 3vw 0;*/
/*	margin: 0 0 2vh;*/
/*	border-radius: 2vw;*/
}
.page-member.index .barList .barNav{
	justify-content:flex-start;
}
.page-member.index .barList .mesBox .num{
	color: #000;
	font-size: 0.65rem;
	text-align: center;
}

.page-member.index .barList .mesBox img{
	width: 1.5rem;
	margin: 0 auto;
}

.page-member.index .barList .mesBox{
	width: 25%;
	margin: 3vw 0;
	color: #666;

}
.page-member.index .barList .mesBox .text{
	font-size: 0.65rem;
	color: #666
}
.page-member.index .barList .mesBox .text span{
	color: red;
}
.page-member.index .user-vip{
	background: #534f5e;
	position: relative;
	border-radius:5px;
	margin:.6rem 0 .5rem;
}
.page-member.index .goto{
	z-index: 99
}

.page-member.index .user-vip .v-ts{
	margin: .5rem;
	color: #e4d095;
	font-size: .65rem;
}
/*.page-member.index .user-vip .v-ts .bold{
	font-size: 0.65rem;
}*/
.page-member.index .user-vip .v-ts i{
	font-size: .7rem;
	margin-right: .1rem;
    vertical-align: unset;
}
.page-member.index .user-vip .v-btn{
	padding: .1rem .5rem;
	color: #6a5236;
	font-size: .6rem;
	background: #d8b37f;
	border-radius: 20px;
	margin-right: .5rem;
}
.user-ad{
	margin: 0 .5rem;
	border-radius: 5px;
	overflow: hidden;
}
.user-ad img{
	width: 100%;
}
.page-member.index .userwallet{
/*	margin: 0 0.5rem;*/
/*    background: #4e82f6;*/
    color: #333;
/*	padding: 3vw;*/

	font-size: 0.6rem;
/*	position: relative;
	top: -2.5rem;*/
/*	background: url('/public/static/home/images/wallet_bg.png');*/
	background-size: 100%;
	background-repeat: no-repeat;
	margin:.5rem;
	margin-top: .8rem;
}


.page-member.index .userwallet .num{
	font-weight: 600;
/*	color: #000;*/
	font-size: 0.7rem;
	text-align: center;
}
.page-member.index .userwallet .title{
	text-align: center;
	color: #999
}
.page-member.index .userwallet .info{
	padding: .5rem 0 .2rem;
	font-size: 0.55rem;
}

.page-member.index .banner{
	margin:.5rem;
	position: relative;
}
.warp.item-head{
/*	margin: 0 0.3rem;*/
	padding: 0.3rem 0.5rem;
	background: #fff;
	font-size: 0.7rem;
	font-weight: 600;
	color: #333;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	border-bottom:1px solid #f3f3f3;
}
.warp.item-head i{
	margin-right: 3px;
}
.page-member.index .assets{
	margin: 0 0.3rem;
	background: #fff;
	font-size: 0.7rem;
}

.page-member.index .release{
	margin: 3vw;
}
.page-member.index .release .send{
    background: #eee;
    font-size: 0.7rem;
    padding: 3vw;
    color: #000!important;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
}
.page-member.index .release .item{
    background: #fff;
    padding: 3vw;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    font-size: 0.6rem;
}
.page-member.index .release .examine{
	width: 46%;
    border-right: 1px solid #f3f3f3;
}
.page-member.index .release .list{
    width: 48%;
    margin-left: 4%;
}
.page-member.index .release .num{
	color: #000;
	font-size: 0.7rem;
}
.page-member.index .release .title{
    font-size: 0.6rem;
    margin-bottom: 3px;
}
.page-member.index .tool{
	justify-content:space-between;
/*	background: #fff;*/
	margin:0 3vw;

}
.page-member.index .tool .openvip{
	position: relative;
	width: 48%;
    background: #fcd66b;
    background: linear-gradient(90deg,#ffe8bf,#fcd66b);
	color:#c5881a;
	border-radius: 2vw;
	margin:3vw 0;
}
.page-member.index .tool .sharefriend{
	position: relative;
	width: 48%;
    background: #fcd66b;
    background: linear-gradient(90deg,#cddcff,#5f97fc);
	color: #126ace;
	border-radius: 2vw;
	margin:3vw 0;
}
.page-member.index .tool .corner{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 12vw;
}
.page-member.index .tool .text{
	margin:5vw 3vw;
}
.page-member.index .rowlist{
	background: #fff;
/*	margin: 0.5rem;*/
	border-radius: 5px;
/*	margin-top: .5rem;*/
}
.page-member.index .rowlist .item{
	width: 46%;
	margin: 2%;
	text-align: center;
	background: #f3f3f3;
	padding: .5rem 0;
	font-weight: 600;
}
.page-member.index .rowlist .item img{
	width: 1.2rem;
	margin-right: .5rem;
}
.page-member.index .rowlist .item span{
	margin-top: 0.1rem;
	font-size: 0.6rem;
}
.page-member.index .columnlist{
	background: #fff;
/*	margin: 0.5rem;*/
	border-radius: 5px;
/*	margin-top: .5rem;*/
	
}
.page-member.index .columnlist .weui-cells{
	margin:0;
}
.page-member.index .columnlist .weui-cell{
	border-bottom: 1px solid #f3f3f3;
}
.page-member.index .columnlist i{
	margin-right: 5px;
}
.page-member.index .columnlist .weui-cell__bd{
	font-size: 0.65rem;
	color: #666;
}
.page-member.info .warp{
	padding:3vw;
	margin:3vw;
	background: #fff;
}
.page-member.info .warp .title{
	font-size: 0.65rem;
	margin-bottom: 3vw;
	display: block;
	font-weight: 600;
}
.page-member.info .avatar-warp{
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 10px auto;
	position: relative;
	border-radius: 100%;
    overflow: hidden;
}
.page-member.info .weui-cells{
/*	padding:3vw;*/
	font-size: 3.5vw;
	border-radius:2vw;
	margin-top: 0px;
}
.page-member.info .weui-cell_select{
	padding:3vw;
}
.page-member.info .weui-cells .weui-cell{
    border-radius: 1vw;
    font-size: .7rem;
}
.page-member.info .weui-cells .weui-cell .weui-cell__bd.pic img{
	width: 15vw;
	height: 15vw;
	border-radius: 100%;
}
.page-member.info .weui-cells .weui-cell .pic input {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.page-member.info .weui-cells .weui-cell.bai{
	background: #fff!important;
	border-bottom: 0.2vw solid #f3f3f3;
}
.page-member.info .weui-cells .weui-cell.code .add_upload{
	cursor: pointer;
	position: relative;
}
.page-member.info .weui-cells .weui-cell.code .add_upload img.thum{
    position: absolute;
    width: 100%;
    height: 100%;

    z-index: 0;
}
.page-member.info .weui-cell.code .add_upload .xb-uploader .placeholder .webuploader-pick{
	width: 100%!important;
	background: transparent!important;
	box-shadow: none!important;
}

.page-member.info .tool{
	background: #fff;
	font-size: .65rem;
	color: #666;
}
.page-member.info .tool div:first-child{
	border-bottom: 1px solid #f3f3f3;
}
.page-member.info .tool span{
	display: block;
	text-align: center;
	padding: .5rem;
}

.page-member.info .tool i{
	margin-right: 5px;
}
.page-member.info .btn{
/*	padding: .3rem 0;
	border:2px solid #343434;
	font-weight: 600;
	color: #343434;
    background: transparent;
    border-radius: 5px;
    text-align: center;
    font-size: 3.5vw;
    width: 35%;
    margin: 3vh auto;

    display: block;*/
}
.page-member.info .btn i{
	
	margin-right: 5px;
}
.page-member.info .weui-cells .weui-vcode-btn{
	font-size: 3.5vw;
}
.page-member.info .weui-btn-area{
	margin: 6vw 0vw 3vw;
    background: #07c160;
/*    background: linear-gradient(90deg,#9672f7,#7045f2);*/
    color: #fff;
    padding: 2vw 0;
    border-radius: 2vw;
    text-align: center;
}
.page-mytask{

}
/*.page-mytask .tasklist .item{
	margin: .3rem .5rem;
	width: auto;
}*/
.page-mytask .task_box{
	background: #fff;

}
.page-wallet{
	background: #fff;
}
.page-wallet .wallet{
	background: #f2f6ff;
	margin: 0.5rem;
	padding:0.5rem 1rem;
	font-size: 0.65rem;
	color: #4e82f6;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.page-wallet .wallet.jf{
    background: #fcefee;
    color: #ff524d;
}
.page-wallet .wallet i.bg{
    position: absolute;
    right: 0;
    font-size: 6rem;
    opacity: 0.1;
}
.page-wallet .wallet span.num b{
	font-size:1rem;
	margin-right: 2px;
}
.page-wallet .recharge{
	margin:0.5rem;
	font-size: 0.65rem;
	padding: 0.5rem;
}
.page-wallet .recharge span.t{
	margin: 0.2rem 0;
}
.page-wallet .recharge .frame{
	font-size: 1rem;
}
.page-wallet .recharge .frame input{
	font-size: 1rem;
}
.page-wallet .recharge .tips{
	font-size: 0.65rem;
	border-top: 1px solid #f3f3f3;
	padding: 0.3rem 0;
	margin: 0.3rem 0;
	color: #999;
	margin-bottom: 1rem;
}
/*.page-wallet .cash{
	margin: 0.5rem;
}*/
.page-wallet .recharge .code h3.title{
	font-size: .7rem;
	margin: .5rem;
}
.page-wallet .recharge .code img{
	width: 100%;
}
.page-wallet .recharge .weui-cells{
	margin-bottom: 1rem;
}
.top-tips{
	font-size: 0.65rem;
	margin: 0 0 0.5rem;
	padding: 0.5rem;
	background: #fff9df;
	color: #333;
	text-align: center;
}
.page-wallet .recharge .weui-cell{
	font-size: 0.7rem;
	padding: 0.3rem 0;
}
.page-wallet .un{
	margin: 0 0.5rem;
	background: #282f43;
	color: #e2d3b9;
	border-radius: 5px;
	font-size: 0.65rem;
}
.page-wallet .un i{
	margin-right: 3px;
}
.page-wallet .un .rec{
	padding: 1%;
	width: 100%;
	text-align: center;
	position: relative;
	/*border-right:1px solid #e2d3b9;*/
}
.page-wallet .un .rec:after{
	position: absolute;
	content: '';
	background: #e2d3b9;
	width: 1px;
	height: 10px;
	right: 0;
	top: 0.6rem;
}
.page-wallet .un .cash{
	padding: 1%;
	width: 100%;
	text-align: center;
}
.page-wallet .list{

}
.page-wallet .list .item{
	font-size: 0.65rem;
	padding: 0.5rem;
	margin: 0 0.5rem;
	border-bottom: 1px solid #f3f3f3;
}
.page-wallet .list .item span.t{
	color: #666;
	font-size: 0.6rem;
}
.page-wallet .list .item .m{
	font-size: 0.7rem;
	font-weight: 600;
	text-align: right;
}
.page-wallet .list .item .m.z{
	color: #0dc3b5;
}
.page-wallet .list .item .m .money{
	color: #0dc3b5;
}
.page-wallet .list .item .m .desc{
	font-size: .6rem;
	font-weight: 400;
	color: #999
}
.page-wallet .list .item .m.f{
	color: #ff4742
}
.page-wallet .list .item .foot{
	padding: 0.2rem 0 0;
	font-size: 0.6rem;

}
.page-wallet .list .item .foot span.note{
	margin-left: 5px;
/*	background: #fff9df;
    color: #333;*/
}
.page-wallet .list span.alipay i{
	color: #1377ff;
}
.page-wallet .list span.weixin i{
	color: #04af10;
}
.page-wallet .list .desc span.ok{
	color: #04af10;
}
.page-wallet .list .desc span.no{
	color: #fb2837;
}
.page-wallet .list .desc span.wait{
	color: #ff5d00;
}
.page-wallet .list .desc .btn{
    font-size: .6rem;
    padding: 0rem .3rem;
    margin-top: .2rem;
    display: inline-block;
}
/**底部**/
.footer{
	position: fixed!important;
	background-color: #fff!important;
	z-index: 500;
    bottom: 0;
    width: 100%;
}
.footer .this{
	
}
.footer .weui-tabbar__label{
	font-size: 0.6rem;
}
.footer .this .weui-tabbar__label{
	color: #333;
}
.footer .this img{
	filter:none;
}
.footer .item{
	position: relative;
}
.footer .item:nth-child(3){
	
}
.footer .item .weui-badge{

}
.footer img{
	-webkit-filter: grayscale(1); 
	filter: grayscale(1); 
}

.footer-btns{
	position: fixed;
	bottom: 0;
	width: 100%;
	left:0;
	background: #fff;
	z-index: 99;
}
.footer-btns .btn{
	width: 100%;
	margin: .5rem;
	text-align: center;
	padding: .5rem .8rem;
	font-size: .75rem;
}
.footer.task-footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color:transparent!important;
	left: 0;
}
.footer.task-footer .task-status{
	background: #fff9df;
	color: #333;
	padding: 0.5rem;
	font-size: 0.65rem;
	text-align: center;
}
.task-footer .btn{
	text-align: center;
	line-height: 12vw;
	text-align: center;
}
.task-footer .rec-btn{
	color: #fff;
	font-size: 0.7rem;
	padding: 0.5rem 0;
	width: 100%;
	text-align: center;
	background: #f97c4e;
	background-image: linear-gradient(to right, #f97c4e , #f8b75d);
    /* background: linear-gradient(90deg,#3481f6,#0765f5); */
    overflow: hidden;
}

.task-footer .sub-btn{
	width: 50%;
	text-align: center;
	font-size: 0.7rem;
	padding: 0.5rem 0
}
.task-footer .sub-btn.goto{
	background: #f97c4e;
	background-image: linear-gradient(to right, #f97c4e , #f8b75d);
	color: #fff;
}
.task-footer .sh-btn{
	color: #fff;
	width: 70%;
    background: #0765f5;
    background: linear-gradient(90deg,#3481f6,#0765f5);
    font-size: 0.7rem;
}
.label{
	font-size: 0.6rem;
	padding: 0rem 0.2rem;
	border-radius: 3px;
    display: inline-block;
}
.label-radius{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.label i{
	font-size: 0.65rem;
    vertical-align: unset;
/*    margin-right: 3px;*/
}
.label-main{
    background: #29B195!important;
        color: #fff!important;
}
.label-aux1{
    background: #5b93e5!important;
    color: #fff!important;
}
.label-aux2{
    background: #c848d5!important;
    color: #fff!important;
}
.label-aux3{
    background: #e4696a!important;
    color: #fff!important;
}
.label-aux4{
    background: #ffb822!important;
    color: #1e222b!important;
}

.label-default{
	background: #f3f3f3;
	color: #999;
}
.label-small{
	border-radius: 50px;
}
.label-blue{
	background: #f2f6ff;
    color: #4e82f6;
}
.label-green{
    background: #e5faf3;
    color: #16a677;
}
.label-red{
    background: #fff6e5;
    color: #f90c19;
}
.label-black{
    background: #282f43;
    color: #e2d3b9;
}
.label-tips{
    background: #fff2ea;
    color: #ff5d00;
}
.label-s9{
    background: #dbaa70;
    color: #6c4421;
}
.label-s10{
	background: #71eab7;
    background: -webkit-linear-gradient(left, #73cba5, #87dabc);
    background: -o-linear-gradient(left, #73cba5, #87dabc);
    background: linear-gradient(to right, #73cba5, #87dabc);
	color: #fff;
}
.label-s11{
	background: #5f87ff;
    background: -webkit-linear-gradient(left, #5f87ff, #80a7ea);
    background: -o-linear-gradient(left, #5f87ff, #80a7ea);
    background: linear-gradient(to right, #5f87ff, #80a7ea);
	color: #fff;
}
.label-s12{
	background: #34323d;
    background: -webkit-linear-gradient(left, #34323d, #545260);
    background: -o-linear-gradient(left, #34323d, #545260);
    background: linear-gradient(to right, #34323d, #545260);
	color: #facba1;
}
.label-s13{
	background: #487ffb;
    background: -webkit-linear-gradient(left, #487ffb, #9dbafa);
    background: -o-linear-gradient(left, #487ffb, #9dbafa);
    background: linear-gradient(to right, #487ffb, #9dbafa);
    color: #fff;
}
.label-s14{
	font-size: .65rem;
/*	margin: .5rem 0;*/
    color: #333;
    line-height: 1.2rem;
}
.btn{
	font-size: 0.65rem;
    background: #e6e7ef;
    color: #818597;
	border-radius: 5px;
	padding: 0.2rem 0.5rem;
	display: inline-block;
	z-index: 2;
}
.btn-in{
	font-size: 0.65rem;
	padding:0!important;
	border-radius: 25px;
	display: inline-block;
	height: 1.5rem;
	line-height: 1.5rem!important;
	width: 100%;
}

.btn-small{
	font-size: 0.6rem;
	padding: 0.2rem 0.5rem;
	margin: 0.1rem;
	border-radius: 25px;
	display: initial;
}
.btn-ssmall{
	font-size: 0.6rem;
	padding: 0.1rem 0.5rem;
	margin: 0.1rem;
	border-radius: 25px;
	display: initial;
}
.btn-default{
	font-size: 0.7rem;
	width: 100%;
	text-align: center;
	padding:0.5rem 0;
	border-radius: 25px;
}


.btn-sign{
	border:3px solid #fff;
	border-radius: 5px;
	padding: 0.1rem 0.3rem;
	background: #ff524d;
	color: #fff;
	z-index: 9
}
.btn-s0{
	background: #fff;
}
.btn-s1{
	background: #4e82f6;
	color: #fff;
}
.btn-s2{
	background: #16a677;
	color: #fff;
}
.btn-s3{
	background: #f90c19;
	color: #fff;
}
.btn-s4{
	background: #282f43;
	color: #fff;
}
.btn-s5{
	background: #ff5d00;
	color: #fff;
}
.btn-s6{
	background: #ff635f;
    color: #fff;
}
.btn-s7{
	background: #57d9b9;
    color: #fff;
}
.btn-s8{
    background: #ffdd1a!important;
    color: #333!important;
}
.btn-s9{
    background: #ffdd1a!important;
    color: #333!important;
}
.btn-main{
    background: #28b195!important;
    color: #fff!important;
}
.btn-aux1{
    background: #5B93E5!important;
    color: #fff!important;
}
.btn-aux2{
    background: #C848D5!important;
    color: #fff!important;
}
.btn-aux3{
    background: #E4696A!important;
    color: #fff!important;
}
.btn-aux4{
    background: #FFB822!important;
    color: #1e222b!important;
}
#about_url{
	opacity: 0;
	width: 0;
	height: 0;
}

.weui-uploader__file{
	position: relative;
	overflow: hidden;
}
.check_state{
	position: absolute;
	top: 0px;
    right: 0px;
	z-index: 6;
	color: red;
}
.page-404{
	text-align: center;
	background: rgba(255,255,255,0.5);
}
.page-404 .topimg{
	margin-top: 5rem;
	width: 80%;
}
.page-404 .btns{
	margin-top: 1rem;
}
.page-404 i{
	color: #666;
	font-size: 6rem;
}
.page-404 h4{
	color: #999;
	font-size: 0.75rem;
}
.page-404 .mui-button-area{
/*	background: #f3f3f3;*/
	font-size: 0.7rem;
	margin: 0.5rem 0;
	padding: 0.5rem;
	color: #666;
}
.copy{
	font-size: 0.7rem;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;

}
.page-tips{
	font-size: 0.65rem;
	color: #999
}
.page-tips i{
	font-size: 4rem;
}
.page-tips span{
	margin: .3rem 0
}
.page-nav{
	background: #fff;
	border-radius: 5px;
/*	margin: 0.3rem;*/
	font-size: 0.65rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
.page-nav .item{
	text-align: center;
	width: 100%;
	padding: 0.5rem 0;
	color: #666;
	position: relative;
}
.page-nav .item .s{
	border:none;
    text-align: center;
    width: 100%;
    padding: 0.3rem 0;
    color: #666;
}
.page-nav .item.on{
	color: #4e82f6;
/*	border-bottom: 2px solid #4e82f6*/
}
.page-nav .item.on:after{
	content: '';
    position: absolute;
    width: 20%;
    height: 2px;
    background: #4e82f6;
    bottom: 0;
    left: 40%;
}
.paging{
	text-align: center;
	font-size: 0.6rem;
}
.paging select{
	padding: 0.1rem 0.3rem;
	background:transparent;
}
.weui-cell__ft{
	font-size: 0.65rem;
	font-weight: 400;

}
.cz-item i{
	margin-right: 3px;
	font-size: 0.75rem
}
.cz-item{
    width: 100%;
    height: 40px;
    border: 0;
    cursor: pointer;
    font-size: 0.7rem;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}

.pay-item i{
	margin-right: 3px;
	font-size: 1.5rem
}
.pay-item{
    width: 100%;
    height: 60px;
    border: 0;

    cursor: pointer;
    font-size: 1.25rem;
    display: inline-block;
    line-height: 60px;
    text-align: center;
}
.pay-item.wxpay{
	color:#60c430;
}
.pay-item.alipay{
	color: #029fec
}
.pay-item.qqpay{
	color: #12b7f5;
}
.pay-item.yepay{
color: #282f43;
}
.pay-item span {
    display: inline-block;
    text-align: center;
    width: 100px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
/*    color: #999;*/
}
.pagination{
	flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:center;
	-webkit-justify-content:center;
	margin-top: 0.5rem;
}
.pagination li{
	display: none;
	padding: 0.1rem .5rem;
	background: #fff;
	margin: 0 .3rem;
	font-size: 0.65rem;
	background: #f3f3f3;
	color: #999;
	border-radius: 5px;
}
.pagination li a{
	color: #999
}
.pagination li.disabled{
	display: none!important;
}
.pagination li:first-child,.pagination li:last-child{
	display: block;
}

/**任务发布**/
.page-task.taskfill{

}
.page-task.taskfill .choice{
	padding:3vw;
	background: #fff;
}
.page-task.taskfill .choice .title{
	text-align: center;
    background: #f4f4f4;
    width: 95%;
    margin: 3vw auto;
    color: #333;
    font-size: 4vw;
    padding:3vw 0;
    border-radius: 2vw;
}
/*.page-task.taskfill .taskfill-from{
	padding:3vw;
	background: #fff;
}*/
/*.page-task.taskfill .taskfill-from .weui-cells{
	margin: 0px!important;

}*/
.page-task.taskfill .taskfill-from .top{
	padding-bottom: 3vw;
	justify-content: space-between;
    -webkit-box-align: center;
    box-align: center;

}
.page-task.taskfill .taskfill-from .top .weui-cell{
	margin-bottom:0;
	width: 60%;
}
.page-task.taskfill .taskfill-from .cate{
	background: #f4f4f4;
	font-size: 3.5vw;
	padding: 2vw;
	width: 25%;
	color: #026dc0;
	text-align: center;
}
/*.page-task.taskfill .taskfill-from .weui-cell{
	background: #f4f4f6;
	border-radius: 1vw;
	font-size: 0.65rem;
	margin-bottom: 3vw;
	color: #222;
	padding: .5rem
}
.page-task.taskfill .taskfill-from .weui-textarea{
	background: #f4f4f4;
}*/
.page-task.taskfill .taskfill-from .weui-uploader__input-box,.page-task.taskfill .taskfill-from .weui-uploader__file{width: 50px;height: 50px;}
.page-task.taskfill .send{
	background: #fff;
	padding: 3vw;
	text-align: center;
	font-size: 3.5vw;
	color: #666;
}
.page-task.taskfill .send span{
	color: #ff9302
}
.page-task.taskfill .send-btn{
	margin:3vw;
	background: #774df2;
    background: linear-gradient(90deg,#9672f7,#7045f2);
    color: #fff;
    padding:2vw 0;
    border-radius: 2vw;
    width: 80%
}
.weui-grids:before,.weui-grids:after,.weui-grid:before,.weui-grid:after,.weui-cell:before{
	display: none;
}
.body_overflow {
    overflow-x:hidden;
    overflow-y:hidden;
}
.page-task.taskfill .buzhou {
    position: absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;;
    background: #fff;
    overflow: hidden;
    overflow-y:hidden;
    z-index:99;
}
.page-task.taskfill .task_need{
    display: inline-block;padding-top: 10px;padding-bottom: 5px}
.page-task.taskfill .task_need input{
    display: none;
}
.page-task.taskfill .task_need label{
    margin-left: 0;
    float: left;
    border:1px solid #9e9797;
    padding:2px 3px;
    font-size: 10px!important;;-webkit-transform:scale(0.8);
}
.page-task.taskfill .task_need label.select{
    border:1px solid #704eea;
    color: #704eea;
}
.page-task.taskfill #taskBuzhou .item{
    margin-top: 5px;
    height: 100%;
    /* border: 1px solid #ccc; */
    background: #f3f3f3;
    padding: 3vw;
}
.page-task.taskfill .itemLeft,.itemCenter,.itemRight{
	height: 60px;padding:3px
}
.page-task.taskfill #taskBuzhou span.xh{

    color: #000;
    font-weight: bold;
}
.page-task.taskfill #taskBuzhou .item .itemCenter{
    margin: 0 10px;;
    line-height: 60px;
    position: relative;
}
.page-task.taskfill #taskBuzhou .item .itemCenter img{
	height: 60px;
	max-width: 100px;
}
.page-task.taskfill #taskBuzhou .item textarea{
    height: 54px;
    padding: 3px;

}
.page-task.taskfill #taskBuzhou .item .itemLeft input{
    width:34px;
}

.page-detail{
	background: #fff;
}

.page-detail .task-card{
	background: rgba(0,0,0,.8);
    margin: .5rem .8rem;
    color: #29B195;
    border-radius: 5px;
    padding: .5rem;
    font-size: .7rem;
}
.page-detail .detail-list{
	background: #f3f3f3;
	margin: 0.5rem;
	padding: 0.5rem;
	font-size: 0.7rem;
	color: #666;
}
.page-detail h3{
	font-size: 0.65rem;
	margin-top: 0.3rem;
}
.page-detail .weui-cells{
	margin: 0;
	background: transparent;
}
.page-detail .member-btn{
	margin: 0.5rem;
}
.page-detail .audit-btns{

}
.page-detail .audit-btns .btn{
	width: 30%;
	display: block;
	text-align: center;
	padding: .3rem;
	font-size: .7rem;
	margin: .5rem;
}
/**签到页**/
.page-sign{
	background: #f3f3f3;
}
.page-sign .Calendar{
	margin:0.5rem;
	background: #fff;
	padding: 0.5rem 0.3rem;
	border-radius: 5px;

}
.page-sign table{
	width: 100%;
	font-size: 0.65rem;

}
.page-sign table tr.tou{
	color: #333;
	font-weight: 600
}
.page-sign table td{
	text-align: center;
	padding: 0.2rem 0;
	color: #666
}
.page-sign table td.onToday{
/*	background: #ff524d;*/
	color: #ff524d;
	/*border:1px solid #ff524d;*/
	border-radius: 100%;
	position: relative;
	font-weight: 600
}
.page-sign table td.onToday:after{
	content: "已签";
	position: absolute;
	font-size: 0.4rem;
	top: 0;
    right: -6px;
}
.page-sign #toyear{
	margin-bottom: 0.5rem;
}
.page-sign #toyear i{
	font-size: 0.6rem;
}
.page-sign .rule{
	margin: 0.5rem;
	border-radius: 5px;
}
.page-sign .rule span.num{
	color: #ff524d;
	margin: 0 0.1rem;
	font-size: 0.75rem;
}

.weui-switch-cp__box{
	height: 20px!important;
}
.weui-switch-cp__box:before, .weui-switch:before{
	height: 20px!important;
	width: 40px!important;
}
.weui-switch-cp__box:after, .weui-switch:after{
    width: 20px!important;
    height: 20px!important;
}
.weui-switch, .weui-switch-cp__box{
	width: 42px!important;
}

/* 审核图样 - 写流程  */
.upload_check_wrap,.write_step_wrap{
	display:none;
	width:100%;
}

/* 审核图样   */


/* 写流程   */
.write_step_wrap{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:6;
	background-color:rgba(0,0,0,0.6);
}
.step_cont_wrap{
    width: 70%;
    /* min-height: 400px; */
    border-radius: 10px;
    margin: 100px auto;
    z-index: 7;
    /* border-radius: 6px; */
    background-color: #fff;
    position: relative;
    padding-bottom: .5rem;
}
.opera_content{
	position:relative;
}
.write_step_content{
    position: relative;
    overflow:hidden;
}
.each_step{
    width: 100%;
    height:auto;
}
.step_intro{
	padding:0 10px;
    font-size: 0;
}
.step_title,.add_step{
/*    display: inline-block;*/
}
/* 步骤标题 */
.stepWrap{
	height:30px;
}
.step_title{

}
.step_title span i{
	font-size: 0.6rem;
	color: #666;
}
.step_title span,.add_step{
	font-size: 0.65rem;
/*	width:68px;
    height: 22px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #FE4B1C;
    border-radius: 4px;
    border:1px solid  #FE4B1C;
    cursor: pointer;*/
}
.step_title span{
	display:inline-block;
    margin: 6px 0 0 5px;
}
/* 添加步骤按钮 */
.add_step{
    float: right;
    margin: 0.8rem 0 0 0;
}
/* 步骤说明 */
.step_text{
    display: block;
    width: 96%;
	font-size: 0.65rem;
	padding: 0.3rem;
    border: none;
    border-radius: 6px;

    font-size: 14px;
    color: #999;

}
/* 上传图片 */
.step_photo_wrap{
    width: 100%;
/*    margin:20px  0  0  0;*/
}
.file_wrap {
	/* width:5.25rem; */
	/* min-height:9rem; */
	display: inline-block;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    background: #f3f3f3
}
/* 流程上传流程图   */
.stepPhotoWrap{
	display:table;	
}
.stepPhotoWrap .file_wrap {
	display:table-cell;
	vertical-align:middle;
}

/* 操作流程 - 图片区域   */
.stepFileWrap{
	/* position:relative;
	top:50%;
	margin-top:69px; */
}

.file_wrap>img{
    width: 100%;
    height: auto;
}
.file_wrap img.upload_img{
    width: auto;
    height:18rem;
    position: absolute;
    left: 50%;
    top: 1.35rem;
    z-index: 1;
    margin: 0 0 0 -5.913rem;
}
.stepInput {
    width:70px;
    height:100%;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    margin: 0 0 0 -35px;
    cursor: pointer;
}
#stepUl{
    width: 100%;
    overflow-y:scroll;
    max-height: 300px;
}
.guize_title{
	padding: 0.5rem;
    border-bottom: 1px solid #f3f3f3;
}
.guize_title h3{
	font-size: 0.7rem;
}
.guize_title span{
    font-size: 0.65rem;
    color: #16a677!important;
}
.guize_title span i{
	margin-right: 5px;
    font-size: 0.65rem;
    vertical-align: baseline;
}
.upload_msg{
    width: 100%;
    text-align: center;
    color: #555;
    font-size: 14px;
    line-height:34px;
}
.write_step_content .upload_msg{
	top: 8.05rem;
}
.write_step_pager {
	padding-top: 15px;
	text-align: center;
}
.write_step_pager select {
	display: none;
}
.guize_btn_wrap{
    width: 80%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: #16a677!important;
    color: #fff!important;
    text-align: center;
    border-radius: 50px;
    left: 0;
    bottom: 0;
    margin: .5rem auto;
    cursor: pointer;
}
.step_cont_wrap .bottom_a, .check_step_wrap .bottom_a{
    width: 20px;
    height: 36px;
    display: none;
    position: absolute;
    top: 236px;
    z-index: 100;
    cursor: pointer;
    background-size:20px  36px;
    margin: 0;
}
.check_step_wrap .bottom_a{
	top: 50%;
	margin-top: -18px;
}
.step_cont_wrap .prev_a, .check_step_wrap .prev_a{
    left: 26px;
    background: url("../images/back_pre.png") no-repeat;
    background-size:20px  36px;
}
.step_cont_wrap .next_a, .check_step_wrap .next_a{
    right:26px ;
    background: url("../images/back_next.png") no-repeat;
    background-size:20px  36px;
}


.step_content li{
    border-bottom: 2px dashed #f3f3f3;
    padding: 0.3rem 0;
}

.add_foot{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;

	left: 0;
}
.add_foot .es-price{
	font-size: 0.65rem;
	color: #666;
	text-align: right;
	margin-left: .3rem;
}
.add_foot .sub-btn{
	width: 25%;
	background: #4e82f6;
}
.add_foot .sub-btn .btn-sub{
	background: transparent;
	width: 100%;
	height: 100%;
	padding: .7rem;
/*    background: #4e82f6;
    color: #fff;*/
    text-align: center;
    font-size: .7rem;	
}
.page-fans{

}
.page-fans .fans-list .item{
	background: #fff;
	margin-bottom: 0.3rem;
	padding: 0.5rem;
	font-size: 0.65rem;
}
.page-fans .fans-list .item .avatar{
	width: 35px;
	height: 35px;
	border-radius: 25px;
}
.page-fans .fans-list .item span b{
	margin-right: 5px;
	font-weight: 400;
}
.page-fans .fans-list .item span.time{
	color: #999;
	font-size: 0.6rem;
}
.page-feedback .form{

}
.page-feedback .member-btn{
	margin-top: 0.5rem;
}
.page-feedback .feedback-list .item{
	margin: 0.5rem;
	background: #fff;
	padding: 0.5rem;
	border-radius: 5px;
}

.page-feedback .item span.time{
	font-size: 0.6rem;
	color: #666;
}
.page-feedback .item .foot{
	border-top: 1px solid #f3f3f3;
	margin-top: 0.3rem;
	padding-top: 0.3rem;
}
.page-feedback .item .head{
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 0.3rem;
	padding-bottom: 0.3rem;
}
.page-feedback .item .content{
	font-size: 0.65rem;
	color: #666;
    overflow: hidden;
    text-overflow: ellipsis;

}
.page-feedback.detail .feedback-list .item{
	margin: 0;
	margin-bottom: 0.3rem;
}

.page-feedback .detail-item{
	padding: 0.5rem;
}
.page-feedback.add{
/*	background: #fff;*/
}
.page-feedback.add h3{
	font-size: .65rem;
	margin: .5rem 0 .3rem;
}
.page-feedback.add .weui-cells{
	font-size: .65rem;
}
.page-feedback .weui-textarea{
	font-size: .65rem
}

.page-workorder.add{

}
.page-workorder .tips-bar{
	background: #fff6e5;
    color: #f90c19;
    padding: .8rem;
    font-size: .6rem;
}
.page-workorder .weui-cells{
	font-size: .7rem;
}
.page-workorder .weui-textarea{
	font-size: .65rem;
	color: #29B195!important
}
.page-workorder.detail .record-tips{
	background: #fff2ea;
    color: #ff5d00;
    padding: .5rem .8rem;
    font-size: .65rem;
}
.im-list{

}
.im-list .item{
	background: #fff;
/*	margin: .8rem;*/
	padding: .8rem .5rem;
	border-radius: 5px;
	border-bottom: 1px solid #f3f3f3;
}
.im-list .item .avatar{
	width: 35px;
	height: 35px;
	border-radius: 25px;
    margin: 0 auto;
}
.im-list .item .time{
	font-size: .6rem;
	color: #999;
}
.im-list .item .username{
	font-size: .65rem;
/*	line-height: 10px;*/
}
.im-list .item .content{
	background: #fff;
	font-size: .65rem;
}
.im-list .item .content p{
	margin: .1rem 0;
	word-wrap: break-word;
	word-break: break-all;
}
.im-list .item .img-warp{
	width: 30%;
	height: 80px;
	overflow: hidden;
	padding: .1rem;
}
.im-list .item .img-warp img{
	width: 100%;
}
 .detail-item .detail-item .author{
	width: 25%;
 }
 .im-list .item .avatar-label{
	position: relative;
	margin: .3rem;
	text-align: center;
	margin-right: 10px;
 }
 .im-list .item .avatar-label .label{
 	position: absolute;
 	left: -2px;
    font-size: .6rem;
    padding: 0 .1rem;
    top: 30px;
	text-overflow: ellipsis;
    white-space: nowrap;
 }
 .page-notice{

 }
 .page-notice .container .item{
 	padding: 0.3rem 0;
 }
 .page-notice .container .item .day{
 	text-align: center;
 }
  .page-notice .container .item .cont h4{
  	color: #333;
  	font-size: 0.65rem;
  }
 .page-notice .container .item .cont{
 	background: #fff;
 	margin: .5rem;
	padding: .5rem;
 	font-size: 0.6rem;
 	border-radius: 5px;
 	color: #999;
 }
.page-notice.detail{
/*	background: #fff;*/
}
.page-notice.detail .head{
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	margin:.5rem;
	text-align: center;
	font-size: 0.7rem;
	color: #333;
	padding: .5rem
}
.page-notice.detail .head .day{
	font-size: .6rem;
	color: #999;
}
.page-notice.detail .cont{
	margin:0 .5rem;
	padding: .5rem;
	font-size: 0.65rem;
	color: #666;
	line-height: 1.2rem;
	background: #fff;
}

.page-help .cont{
	background: #fff;
	padding: .5rem;
	font-size: 0.65rem;
}

/*任务大厅*/
.page-task{

}
.page-task .cate-nav{
	background: #fff;
	padding:0 .5rem;
}
.page-task .cate-nav .tips{
text-align: center;
    /* background: #f3f3f3; */
    color: #999;
    /* margin: .3rem; */
    padding: .3rem;
    font-size: .65rem;
}
.page-task .cate-nav .item{
	width: 25%;
	text-align: center;
	font-size: 0.67rem;
	margin:.5rem 0;
	display: inline-block;
}
.page-task .cate-nav .item img{
	width: 50%;;
}
.page-task .cate-nav .item.this{
	color:#ff5d00;
	font-weight: 600;
}
.page-task .search{
	text-align: center;
}
/* .page-task .weui-search-bar{
	background-color: #fff;
} */

/**邀请**/
.page-spread{
	background-image: url(../images/extension_bg.png);
	background-position: top center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch; /* ios5+ */
	
}
.page-spread .container{
	padding-top: 18rem;
}
.page-spread .spread-warp{
	width: 80%;
	background: #fff;
	margin:0 auto;
    border-radius: 2vw;
    padding: 1.5vw;
    border-radius: 1vw;
    margin: 2vh auto;
}
.page-spread .spread-warp .invit-code{
	text-align: center;
	padding: .5rem 0;
	font-size: .7rem;

}
.page-spread .titlea{
	text-align: center;
	width: 35%;
	margin: 0 auto;
	background: #d22a2a;
	color: #fff;
	border-bottom: 0.2vw solid #000;
    border-radius: 20px;
    margin-top: 2vw;
}
.page-spread .spread-warp .num{
    width: 50%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
}
.hidden{position: absolute;opacity: 0;}
.page-spread .spread-warp .num span{
	font-size: 3vw;
}
.page-spread .spread-warp .num .n{
	color: #fd6147;
	font-size: 0.8rem;
	font-weight: 600;
}
.page-spread .share_btn{
    margin: .5rem auto 1rem;
	width: 80%;
}
.page-spread .share_btn.none{
	margin: 0 auto;
	padding-bottom: 2vh;
}
.page-spread .check_btn{
	font-size: 0.7rem;
	color: #82530f
}
.page-spread .check_btn i{
	font-size: 0.6rem;
	vertical-align:  inherit;
	margin-left: 5px;
}
.shrae_text{
	margin: 2vh 0 0;
}
.shrae_text h2{
	text-align: center;
	font-size: 3.5vw;
}

.shrae_text h2 span {
    position: relative;
    display: inline-flex;
    align-items: center;
    display: -webkit-inline-flex;
    -webkit-align-items: center;
}

.shrae_text h2 span:after {
    content: "";
	width: 8px;
    height: 6px;
    background: #fd3bbb;
    border-radius: 10px;
    position: relative;
    right: -10px;
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}

.shrae_text h2 span:before {
    content: "";
	width: 8px;
    height: 6px;
    background: #5391de;
    border-radius: 10px;
    position: relative;
    left: -10px;
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}
.shrae_text .text_rule{
	padding:.5rem;
	font-size: 0.6rem;
}
.shrae_text .text_rule p{
	margin: .3rem 0;
}
.shrae_text .text_rule p span{
	margin-left:.2rem;
	color: #ef4d48
}
.page-spread .share_btn .btn{
    padding: 1vw 5vw;
    border-radius: 1.5vw;
    position: relative;
    border-radius: 20px;
    background: #ffd046;
    color: #9f5138;
    font-size: 3vw;
    box-shadow: 0px 2px 5px #be641f;
    font-weight: 600;
}
.page-spread .share_btn .btn .after{
    border: 1vw solid #f79b18;
    box-shadow: 0px 0px 5px #ebb882;
}
.page-spread .ex-title img{
	width: 100%;
}
.page-spread .myCode{
	position: relative;
}

.page-spread .mycode .codeBox{
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	width: 100%;
	z-index: 2;
	align-items: center;
	/*margin-top: 10vw*/
}
.page-spread .share_writing{
	font-size: 0.6rem;
	padding: 0.6rem;
	color: #9f5138
}

.page-spread .mycode .codeBox .invitationCode{
	display: flex;
    display: -webkit-flex;
    margin-top: 5vw;
    margin-bottom: 5vw;
}
.page-spread .mycode .codeBox .invitationCode span{
    display: flex;
    display: -webkit-flex;
    width: 8vw;
    height: 8vw;
    background: #fff;
    color: #ff0000;
    font-size: 3.5vw;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
    border-radius: 1vw;
    font-family: arial;
    box-shadow: 0px 0px 2px #be641f;
}
.page-spread .mycode .codeBox .invitationCode span:last-child{
	margin-right: 0;
}
.page-spread .ex-num{
	height: 10vh;
	width: 90%;
    background: url(../images/extension_num.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 auto;
}
.page-spread .ex-num .num{
	width: 50%;
    justify-content: space-between;
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
}
.page-spread .ex-num .num span:nth-child(1){
	color: #ff0000;
}
.page-spread .ex-num .num span:nth-child(2){
	font-size: 0.6rem;
	color: #be641f;
	font-weight: 600;
}
.page-spread .sharebtn{
	border-radius: 10vw;
	background: #fff;
	width: 90%;
	margin:5vw auto;
	overflow: hidden;
	color: #ea7d1c;
	margin-top: 10vw;
}
.page-spread .sharebtn .btn{
	padding:3vw 0;
	width: 50%;
	text-align: center;
}
.page-spread .sharebtn .btn.copy{
	background: #42a1ff;
	color: #ecf4ff;
}
.page-spread .qrcode{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	top: 0;
	display: none;
	background: rgba(0,0,0,0.5);
}
.page-spread .qrcode .img{
	background:#fff;
	margin:2vh auto;
	width: 75%;
	padding:3vw;
	border-radius: 2vw;
	max-height: 85vh;
	position: relative;
}
.page-spread .qrcode img{
	width: 100%;
}
.page-spread .qrcode .spread-text{
	text-align: center;
	margin-top: 2vw;
}
.page-spread .qrcode .close{
    text-align: center;
    /* margin-top: 3vw; */
    position: absolute;
    top: 0；;
    top: -2vw;
    right: -2vw;
    background: #f9032b;
    color: #fff;
    width: 9vw;
    height: 9vw;
    /* line-height: 10vw; */
    border-radius: 25vw;
    font-size: 5vw;
    text-align: center;
}
.page-spread .copy_url{
	background: #fff;
	border-radius: 2vw;
	overflow: hidden;
	margin:4vw;
}
.page-spread .copy_url .myLink{

}
.page-spread .copy_url .myLink .linkText{
	width: 80%;
}
.page-spread .copy_url button{
	width: 20%;
	background: #f3f3f3;
	color:#666;
	border:none;
	padding: 2vw;
}

.page-spread-other .u-list{

}
.page-spread-other .u-list .item{
	background: #fff;
	margin: .5rem;
	padding: .5rem .5rem .2rem;
	font-size: 0.65rem;
	border-radius: 5px;
}
.page-spread-other .u-list .item .price{
	font-size: .6rem;
    color: #ff5d00;
    font-weight: 600
}
.page-spread-other .u-list .avatar{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 5px;
}
.page-spread-other .u-list .head .t{
	font-size: .6rem;
	color: #f19b36;
}
.page-spread-other .u-list .head .m{
	font-size: .6rem;
	color: #ff5d00
}
.page-spread-other .u-list .foot{
	border-top: 1px solid #f3f3f3;
	padding-top: .3rem;
	margin-top: .3rem;
	font-size: .6rem;
	color: #999;
}
.page-rule{

}
.page-rule h3{
	font-size: .65rem;
	text-align: center;
	position: relative;
}
.page-rule h3:after{
	position: absolute;
	content: '';
	width: 20px;
	height: 2px;
	background: #57d9b9;
	bottom: 0;
	left: 47%;
}
.page-rule p{
	font-size: .6rem;
	margin: .2rem 0;
	text-align: center;
}
.weui-gallery{
	overflow: scroll;
	background: rgba(0,0,0,0.8)!important;
}
img.weui-gallery__img{
    margin: 5%;
    width: 90%;
}

.copyright-text{
	font-size: 0.65rem;
	text-align: center;
	color: #666;
	margin-top: 3rem;
}

.page-lottery.lotterylog{
    line-height: 24px;
    font: 14px Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;
    background: rgb(250, 61, 62);
    background-image: url(/public/static/plugins/lottery/images/logbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
}
.page-lottery .head_img{
    margin: 0 auto;
    margin-top: 50px;
    display: block;
    width: 88%;
    position: relative;
    top: 3px;
}
.page-lottery .list{
	background-color: #FCEFC8;
    margin: 0 auto;
    width: 88%;
    min-height: 300px;
    border-radius: .04rem;
    position: relative;
}
.page-lottery .li-nav{
	margin-bottom: 0.5rem;
}
.page-lottery .li-nav span{
    text-align: center;
    color: #fc453a;
}
.page-lottery .list span{
	display: inline-block;
	width: 33%;
	text-align: center;
	font-size: 0.65rem;
}

.page-lottery .list .item span{
	padding: 0.3rem 0;
	color: #fc453a;
}
.page-lottery .list .item:nth-child(2n){

    background-color: #fce9ae;
}

.page-lottery .pagination{
	padding-bottom: .6rem
}
.page-vip .top-warp{
/*	height: 155px;*/
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}
.page-vip .top-warp:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
    content: '';
    background: #282828;
    color: #e2d3b9;
    z-index: -1;
}
.page-vip .top-warp h3{
	text-align: center;
	font-size: 1rem;
	color: #e5bda4;
}
.page-vip .top-warp p{
	text-align: center;
    color: #e1b59a;
    font-size: .7rem;
}
.page-vip.index .user-card{
    padding: .8rem;
    color: #5e3e29;
    border-radius: 5px;
    margin:.5rem .8rem;
    overflow: hidden;
    position: relative;
    bottom: -10px;
    -webkit-transition: ease-in bottom .15s;
    transition: ease-in bottom .15s;
  	background: #dbaa70;
    background: linear-gradient(-45deg, #dbaa70 50%, #fdd5a6 60%, #dbaa70 70%);
  	background-size: 600% 100%;
 /*   animation: rotatefresh 2s infinite linear;*/
}


.page-vip.index .tips-text-2 {
    font-size: .65rem;
    color: #5e3e29;
}
.page-vip.index .user-card .name {
    font-weight: 600;
}
.page-vip.index .user-card i.bg {
    position: absolute;
    right: -.5rem;
    bottom: -3rem;
    font-size: 5rem;
    opacity: .1;
}
.page-vip .vip-list{
	margin: .8rem .5rem 0;
}

.page-vip .vip-list .tips{
	font-size: .65rem;
	margin-bottom: .5rem;
}

.page-vip .vip-list .item{
	width: 100%;
	background: #fff;
	padding: .8rem .5rem;
	font-size: .65rem;
	border-radius: 5px;
	border:2px solid #f3f3f3;
	margin: .1rem;
	display: inline-block;
	position: relative;
}

.page-vip .vip-list .item.this{
	background: #fffdf6;
	border:2px solid #d4c58e;
}
.page-vip .vip-list .item.none{
	background: #f3f3f3;
	border:2px solid #f3f3f3;
	opacity: .3;
}
.page-vip .vip-list .item span.name{
	font-size: .6rem;
	font-weight: 600;
}

.page-vip .vip-list .item span.price{
	font-weight: 600;
	color: #633911;
}

.page-vip .vip-list .item span.price b{
	font-size: .9rem;
}
.page-vip .vip-list .item span.original{
	text-decoration:line-through;
	font-size: .6rem;
	color: #999;
}
.page-vip .user-card .avatar{
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	margin-right: .5rem;
}
.page-vip .vip-title{
	text-align: center;
	color: #cea47e;
	font-weight: 600;
	margin-top: .5rem;
}
.page-vip .vip-title i{
	margin-right: 5px;
	vertical-align: unset;
}
.page-vip .quanyi-list{

}

.page-vip .quanyi-list .item:nth-child(2n){
	background: #f5f5f5;
}
.page-vip .quanyi-list .w35{
	width: 35%;
}
.page-vip .quanyi-list .w30{
	width: 30%;
}
.page-vip .quanyi-list .quanyi-name{
	position: relative;
}
.page-vip .quanyi-list .quanyi-name i{
	color: #999;
	cursor:pointer;
	outline: none;
	top:0;
	margin-left: 3px;
}

.page-vip .quanyi-list i.zq{
	color: #00b204;
}
.page-vip .quanyi-list i.cw{
	color: #f10028
}
.page-vip .quanyi-list .quanyi-vip{
	color: #dda276;
/*	font-weight: 600;*/
}
.page-vip .privilege{
	margin: .8rem;
/*	padding: .5rem;*/
	background: #fff;
	margin-bottom: 0rem;
}
.page-vip .privilege h4{
    color: #e2d3b9;
}
.page-vip .privilege .item{
	font-size: .7rem;
	padding: .5rem;
	text-align: center;
}
.page-vip .privilege .item.title{
	color: #999;
	font-size: .65rem;
	font-weight: 600;
}

.page-vip .fee{
	text-align: center;
	display: block;
	padding: .5rem;
	margin: 0 .8rem;
	font-size: .7rem;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #fff;
}
.page-vip .fee .price{
	color: #ff5d00;
	font-weight: 600;
}
.page-vip .pay-warp{
	position: fixed;
	bottom: 0;
	width: 100%;
	background:#fff;
	z-index: 50
}
.page-vip .pay-warp .pay-info{
	width: 57%;
	padding: 0 4%;
}
.page-vip .pay-warp .pay-info .price{
	font-size: .65rem;
	color: #000;
}
.page-vip .pay-warp .pay-info .agree{
	font-size: .6rem;
	color: #666;
}
.page-vip .pay-warp .pay-info .agree b{
	color: #4e82f6
}
.page-vip .pay-warp .pay-info .price b{
	color: #633911;
	font-size: .75rem;
}
.page-vip .pay-warp .pay-btn{
	width: 35%;
	background: #dbab6d;
	color: #633911;
	padding: .7rem 0;
	text-align: center;
	font-size: .7rem;
	font-weight: 600;
}
.tips-text{
	font-size: .65rem;
	color: #999;
}
.tips-text-1{
	font-size: .65rem;
	color: #e2d3b9;
}
.tips-text-2{
	font-size: .65rem;
	color: #5e3e29;
}
.page-kefu .code{
	text-align: center;
	padding:1rem 0;
}
.page-kefu .code img{
	width: 50%;
	margin:0 auto;
}

.page-kefu .step{
	background:#fff;
	margin: .5rem;
	padding: .5rem;

}
.page-kefu .pay_code{
	width: 40%;
	margin:0 5%;
}
.page-kefu .pay_code img{
	width: 100%;
}
.page-kefu .step p{
	font-size: .7rem;
	margin: .5rem;

}
.page-refresh{

}

/*.page-refresh .tips{    
	font-size: 0.65rem;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    background: #fff9df;
    color: #333;
    text-align: center;
}*/
.page-refresh .meallist .w10{
	width: 10%;
}
.page-refresh .meallist .w20{
	width: 20%;
}
.page-refresh .meallist .w25{
	width: 25%;
}
.page-refresh .meallist .w35{
	width: 35%;
}
.page-refresh .meallist .w30{
	width: 30%;
}
.page-refresh .meallist{

	background: #fff;
	text-align: center;
}
.page-refresh .meallist .item.title{
	font-weight: bold;
	font-size: .7rem;
}
.page-refresh .meallist .item{
	padding: .5rem 0;
	font-size: .65rem;
	border-bottom: 1px solid #f3f3f3;
}

.weui-dialog{
	border-radius:.5rem!important;
}
.weui-dialog.dialog-agreement{
    width: 90%!important;
    max-width: 400px;
    top: 50%;
}
.weui-dialog.dialog-agreement .weui-agree{
	max-height: 480px;
}
.weui-dialog.dialog-tips{
	top: 8%;
    width: 90%;
    max-width: 400px;
	flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.weui-dialog.dialog-list-cover{

}
.weui-dialog.dialog-list-cover .list-item{
    width: 100%;
    border: 0;
    cursor: pointer;
}
.weui-dialog.dialog-list-cover .list-item span{
    display: inline-block;
    text-align: center;
    width: 100px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    color: #999;
    line-height: 35px;
    border-bottom: 2px solid #f3f3f3;
}
.weui-dialog.dialog-tips .weui-dialog__hd{
	display: none;
}

.weui-dialog.dialog-tips .weui-dialog__bd{
	font-size: .7rem!important;
    width: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5rem;
}

.weui-dialog.dialog-tips .weui-dialog__ft{
	width: 35%;
}

.weui-dialog.dialog-tips .weui-dialog__btn{
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 25px;
    padding: 0;
    margin: 0;
    font-size: .65rem!important;
}
.weui-dialog.dialog-login{
	
}
.weui-dialog.dialog-login img{
	width: 100%;
}
.weui-dialog.dialog-login .dialog-bg{
	height: 120px;
}
.weui-dialog.dialog-login img.bg{
	position: absolute;
	left:0;
	top: 0;
}
.dialog-notice .btn-msg{
	color:#46b1ff;
	border-radius: 25px;
	border:3px solid #46b1ff;
	font-weight: 600;
}
.weui-dialog p{
	font-size: .65rem;
	margin: .3rem;
}
.weui-dialog__bd{
	font-size: 0.65rem!important;
    line-height: 1rem!important;
    min-height: auto!important;
}
.weui-dialog__ft:after{
	border:none!important;
}
.weui-dialog__ft{
    line-height: 35px!important;
}
.weui-dialog__btn:nth-child(2){
	
}
.weui-dialog__btn{
	display: block!important;
    -webkit-box-flex: none!important;
    -webkit-flex: none!important;
    flex: none!important;

    /* text-decoration: none; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
    /* position: relative; */
/*    padding: 0 2rem;*/
	width: 40%;
	text-align: center;

    margin: 1rem auto!important;
    border-radius: 50px!important;
    font-size: 0.75rem!important;
    /* padding: 0.5rem; */
    /* height: 1rem;  */
}


.weui-dialog__btn:after{
	border-left:none!important;
}
.weui-dialog__btn.default{
	background: #e6e7ef;
	color: #C0C3D2
}
.weui-dialog__btn.primary{
	background: #16a677!important;
	color: #fff!important;
}
.weui-dialog__btn.determine{
	background: #ffdd1a!important;
	color: #333!important;
	font-weight: 600;
}
.weui-dialog__btn.cancel{
	background: transparent!important;
	color: #999!important;
	border: 1px solid #999
}

.app-header{
	position: relative;
}
.app-header.default{
    background: #fff;
    color: #282f43;
    border-bottom: 1px solid #f3f3f3;
}
.app-header.top{
	position: absolute;
	top: 0;
	width: 100%;
	background: transparent;
	z-index: 999;
}
.app-header.top .back,.app-header.top .title{
	color: #fff;
}
.app-header .back{
	padding: .3rem .5rem;
	left: 0;
	top: 0;
	width: 16%;
	font-size: .7rem;

}
.app-header .title{
    padding: .3rem .5rem;
    width: 50%;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
}
.app-header .other{
    padding: .3rem .5rem .3rem 0;
	width: 16%;
	text-align: right;
	font-size: .7rem;
}

.weui-toptips{
	width: 80%!important;
	margin: 0 auto;
	margin-top: .3rem;
	border-radius: 5px;
}

.weui-toast{
	font-size: .75rem!important;
}

.page-blackhouse{

}
.page-blackhouse .list .item{
	margin:.3rem;
	background: #fff;
	padding: .5rem;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	font-size: .65rem;
}
.page-blackhouse .list .item .avatar{
	width: 2rem;
	border-radius: 50px;
	margin-right: .3rem;
}
.page-blackhouse .item .time{
	font-size: .6rem;
	color: #999;
}

.page-blackhouse .list .item i{
    font-size: 4rem;
    position: absolute;
    top: -15px;
    right: -20px;
    opacity: .1;
	z-index: 0;
}
.page-blackhouse .list .item .remark{
	padding-top: .3rem;
	margin-top: .4rem;
	border-top: 1px solid #f3f3f3;
	color: #d81e06
}
.weui-agree{
	display: block;
	text-align: left;
    padding: .5em 15px;
    font-size: 13px;
    max-height: 220px;
	line-height: 1.2rem;
    overflow-y: auto;
}

.form-warp{
	padding: .5rem;
}
.form-warp .weui-cells:before,.form-warp .weui-cells:after{
	display: none;
}
.form-warp .weui-cells{
	background:#fff;
	border-radius: 5px;
	font-size: .7rem;
}
.form-warp .weui-cells:first-child{
	margin-top: 0px;
}
.form-warp .weui-cell{
	border-bottom: 1px solid #f3f3f3;
	padding: .6rem;
}

.form-warp .weui-cell:last-child{
	border-bottom:none;
}
.form-warp .weui-cell__hd{
	margin-right: 15px;
	color: #666;
}
.form-warp .weui-cell__hd .weui-label{
	position: relative;
}
.form-warp .weui-cell__hd .weui-label.red:after{
	background-color: #e24242;
	position: absolute;
	content: '';
	width: 5px;
	height: 20px;
	left: -15px;
	top: 0px;
}
.form-warp .weui-cell__hd .weui-label.green:after{
	background-color: #16a677;
	position: absolute;
	content: '';
	width: 5px;
	height: 20px;
	left: -15px;
	top: 0px;
}
.form-warp .sublimt{padding: .5rem;margin-top: 1rem;}
.weui-toast_content{
	width: 100%;
}
.form-warp .desc{margin: .5rem 0;font-size: .65rem;}
.form-warp .desc p{line-height: 1.2rem;color: #666}

.sns_login{
	width: 60%;
	margin:0 auto;
}
.sns_login .title{
	text-align: center;
	color: #999;
	font-size: 0.7rem;
}
.sns_login .item{
	width: 40%;
	text-align: center;

}
.sns_login .item i{
	font-size: 2rem
}
.sns_login .item.weixin{
	color: #8BC34A
}

.sns_login .item.qq{
	color: #1296DB
}

.back_home{
	position: fixed;
	right: 10px;
	bottom: 100px;
	padding:.1rem;
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	box-shadow: 0px 0px 5px #999;
	text-align: center;
	font-size: .5rem;
	z-index: 999;
}

.page-ranking{
	background: #f52f3a;
    background: -webkit-linear-gradient(left, #e6184f, #f52f3a);
    background: -o-linear-gradient(left, #e6184f, #f52f3a);
    background: linear-gradient(to right, #e6184f, #f52f3a);
}
.page-ranking .main-warp{
    background: url(/public/static/home/images/raking_bg.png) no-repeat;
    background-size: 100%;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    -webkit-box-flex: 1;
    flex: 1 1;
    padding-bottom: 18.667vw;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 19vw;
    -webkit-overflow-scrolling: touch;
}
.page-ranking .screen{
	width: 10rem;
    height: 1.5rem;
    margin: 0 auto;
    border-radius: 50px;
    background: #ffecec;
    padding: .1rem;
    margin-bottom: 10vw;
}
.page-ranking .screen .item{
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    -webkit-box-flex: 1;
    flex: 1 1;
    width: 4.5rem;
    font-size: .65rem;
    height:1.3rem;
    margin:0.1rem;
    line-height: 1.3rem;
    border-radius: 50px;
    text-align: center;
}
.page-ranking .screen .item.on{
	background-color: #ff552e;
    color: #fff;
}

.page-ranking .rank-detail {
	margin: .5rem;
    border-radius: 10px;
    background-color: #fff;
}
.page-ranking .rank-detail .rank-123 .item{
	text-align: center;
	position: relative;
	width: 30%;

}
.page-ranking .rank-detail .rank-123 .item:nth-child(2){
	top: -1rem;
	background:#fff;
	border-radius: 10px;
	width: 40%;
	box-shadow: 0px -5px 20px #eee
}
.page-ranking .rank-detail .rank-123 .item:nth-child(2) .user-photo{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
}
.page-ranking .rank-detail .rank-123 .rank-icon{
    margin: 0 auto;
    width: 1.5rem;
    top: -10px;
    position: relative;
    margin-bottom: .5rem;
}
.page-ranking .rank-detail .rank-123 .user-photo{
	margin: 0 auto;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	margin-bottom: .6rem;
}
.page-ranking .rank-detail .rank-123 .user-name{
	font-size: .7rem;
}
.page-ranking .rank-detail .rank-123 .rank-money{
    font-size: 0.6rem;
    color: #ff552e;
}
.page-ranking .rank-detail .rank-list{

}
.page-ranking .rank-detail .rank-list .item{
	padding: .5rem;
	border-bottom: 1px solid #f3f3f3;
}
.page-ranking .rank-detail .rank-list .item:last-child{
	border-bottom: none;
}
.page-ranking .rank-detail .rank-list .item .user-photo{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: .5rem
}

.page-ranking .rank-detail .rank-list .item .rank-number {
    display: inline-block;
    width: .8rem;
    height:.8rem;

    margin-right: 10px;
    font-size: 4vw;
    color: #bbb;
    letter-spacing: 0;
}

.page-ranking .rank-detail .rank-list .item .user-score {
    font-size: .6rem;
    color: #ff552e;
}

.j-input .input{
	background: #f3f3f3;
	width: 2rem;
	margin: 0 .3rem;
	padding: .5rem;
}

.j-input .input.w90{
	width: 90%;
}

.page-ladder{
	background: 
}

.page-ladder .main{
	background: #fff;
	margin: 8rem .9rem 0;
	border-radius: .5rem;
/*	border:5px solid #3281e3;*/
}
.page-ladder .main .item{
	padding: .5rem 0;
	border-bottom: 5px solid #f3f3f3;
}
.page-ladder .main .item:last-child{
	border-bottom: none;
}
.page-ladder .main .item .icon{
	text-align: center;
	width: 15%;
}
.page-ladder .main .item .icon i{
	font-size: 1.6rem;
}
.page-ladder .main .item .rule{
	width: 63%;
	margin: 0 1%;
}
.page-ladder .main .item .rule h4{
	font-size: .75rem;
	margin-top: .3rem;
}
.page-ladder .main .item .rule p{
	font-size: .65rem;
	color: #999;
}
.page-ladder .main .item .rule p b{
	margin: 0 .1rem
}
.page-ladder .main .item .state{
	width: 20%;
}
.task-replies.replies{
	position: relative;
	margin: .5rem
}
.task-replies.replies .title{
    font-size: .7rem;
    /* margin: .5rem 0; */
    background: #fff;
    padding: .5rem .8rem;
    border-bottom: 1px solid #f3f3f3;
}
.task-replies.replies .title span{
	color: #999;
	font-size: .65rem
}
.task-replies.replies .addstep{
    width: 50%;
    margin: 0 auto;
    display: block;
    padding: .3rem;
    margin-bottom: 15px;
    
}
.task-replies.replies .item{
	background: #fff;
	padding: .8rem;

	border-bottom: 1px solid #eee
}
.task-replies.replies .step-title{
	font-size: .7rem;
	color: #505863
}
.task-replies.replies .step-title span{
    /* color: #4e82f6; */
	background: #FFB822!important;
    color: #1e222b!important;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
    margin-right: 5px;
}
.task-replies.replies .step-coent{
	margin: .5rem 0;
}
.task-replies.replies .step-coent textarea{
    width: 100%;
    border: 1px solid #ccc;
    height: 80px;
    border-radius: 5px;
    text-indent: .5rem;

    padding: .5rem 0;
}

.task-replies.replies .step-coent .flex-row-between div.b{
    width: 75%;
}
.task-replies.replies .step-coent .flex-row-between div.textbox{
    background: #f3f3f3;
    text-align: center;
    font-size: .7rem;
    padding: .3rem;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
}
/*.task-replies.replies .step-coent .flex-row-between .btn{
    border-radius: 0;
    width: 15%;
    text-align: center;
    height: 100%;
}*/
.task-replies.replies .step-coent p.defu{
    background: #f3f3f3;
    text-align: center;
    font-size: .7rem;
    padding: .3rem;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
}
.task-replies.replies .step-coent .thumb{
	width: 50%;
	overflow: hidden;
	position: relative;
    border-radius: 10px;
    overflow: hidden;
    max-height: 180px;
}
.task-replies.replies .step-coent .thumb.sub:after{
    content: '提交示例图';
}
.task-replies.replies .step-coent .thumb:after{
	position: absolute;
    content: '说明图';
    left: 0;
    top: 0;
    background: #28b195;
    color: #fff;
    font-size: .65rem;
    padding: .1rem .5rem;
}
.task-replies.replies .step-coent .thumb img{
	width: 100%;
	display: block;
}
.task-replies.replies .step-coent input.sub{
    width: 100%;
    background: #fff;
    border: 1px solid #E4696A;
    padding: .5rem 0;
    display: block;
    text-indent: .5rem;
}
.task-replies.replies .step-coent .step-upload{
    width: 45%;
/*    border: 1px dashed #4e82f6;*/
/*    border-radius: 5px;*/
    text-align: center;
    height: auto;
    font-size: .70rem;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    background: #f3f3f3
}
.task-replies.replies .step-upload .upload-btn{
	position: relative;
	margin-top: .5rem;
}
.task-replies.replies .step-upload .btns{
	margin-top: 0;
    z-index: 2;
    position: absolute;
    width: 100%;
    /* text-align: center; */
    top: 0;
    align-items: center;
    display: -webkit-flex;
    height: 100%;
    /* text-align: center; */
    justify-content: center;
    display: -webkit-flex;
}
.task-replies.replies .step-upload .btns .btn{
	border-radius: 25px;
/*	font-weight: 300;*/
	width: auto;
}

.task-replies.replies .step-upload .btns .btn i{
	font-size: .6rem;
	font-weight: 300
}
.task-replies.replies .step-coent .step-upload .itext{
	z-index: 2;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    text-shadow: 0 0 5px #fff;
}
.task-replies.replies .step-coent .step-upload .itext span{
	font-size: .65rem;
}
/*.task-replies.replies .step-coent .step-upload:after{
    position: absolute;
    content: "上传图片";
    width: 100%;
    text-align: center;
    top: 0;
    color: #fff;
    left: 0;
    text-shadow: 0px 0px 10px #000;
    z-index: 2
}*/
.task-replies.replies .step-coent .step-upload img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}
.task-replies.replies .step-coent .step-upload .imagefile{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 3
}
.task-replies.replies .operation{
	text-align: center;
}
.task-replies.replies .operation span{
	color: #999;
	font-size: .7rem;
	width: 30%;
	display: inline-block;
}
.task-replies.replies .operation span i{
	font-size: .65rem;
	margin-right: 3px;
}
.task-replies.replies .step-coent div.b{
	background: #f3f3f3;
	text-align: center;
	font-size: .7rem;
	padding: .3rem;
	color: #666;
	word-wrap: break-word;
	word-break: break-all;
}
.dialog-setp{

}
.dialog-setp .item{
	text-align: left;
}
.dialog-setp .item .step-img{
	border: 1px solid #ccc;
	height: 100px;
}
.dialog-setp .item .step-img .anniu{
	text-align: center;
	width: 100%;
	line-height: 100px;
	position: relative;
	overflow: hidden;
}
.dialog-setp .item .step-img .step-thumb{
	width: 50%;
	height: 100px;
}
.dialog-setp .item .step-img .imagefile{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.dialog-setp .item label{
	font-size: .7rem;
    color: #333;
    letter-spacing: 2px;
    margin: 10px 0;
}
.dialog-setp .item textarea{
	border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    min-height: 80px;
    font-size: .70rem;
    line-height: 1rem;
}
.dialog-setp .item input{
	border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    min-height: 80px;
    font-size: .75rem;
}
.step-item i{
	margin-right: 3px;
	font-size: 1.5rem
}
.step-item{
    width: 100%;

    border: 0;
    cursor: pointer;

}
.step-item span {
    display: inline-block;
    text-align: center;
    width: 100px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    color: #999;
    line-height: 35px;

    border-bottom: 2px solid #f3f3f3;
}
.step-item:last-child{

}
.login-warp{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(0,0,0,.2);
	z-index: 999;

}
.login-warp span{
	display: inline-block;
	margin-top: 80px;
	padding: .3rem 1rem;
}

.page-task-cate{

}
.page-task-cate .cate-warp .title{
	margin: .5rem;
	color: #999;
}
.page-task-cate .cate-list{
	background: #fff;
	margin: .5rem;
	padding: .5rem 0;
}
.page-task-cate .cate-list .item{
	width: 25%;
	font-size: .70rem;
	text-align: center;
}
.page-task-cate .cate-list .item img{
	width: 60%;
	margin: .5rem 0;
	border-radius: 10px;
}

.loat-bar{
	position: fixed;
	right: 25px;
	bottom: 100px;
	z-index: 100;
}
.loat-bar .item{
    background: #FFB822!important;
    color: #818597!important;
	border-radius: 25px;
	width: 35px;
	height: 35px;
	text-align: center;
    box-shadow: 0px 0px 5px #666;
	line-height: 13px;
}
.loat-bar .item:first-child{
	margin-bottom: .8rem;
}
/*.loat-bar .item.returnhome{
	background: #E4696A;
	color:#E4696A;
}*/
.loat-bar .item i{
	font-size: .7rem;
    margin-top: 6px;
    display: inline-block;
}
.loat-bar .item span{
	margin-top: 3px;
	font-size: .6rem;
	display: inline-block;
}
.page-member .master{
	background: #fff;
}
.page-member .master .warp.item-head{
	background: transparent;
	padding: .5rem;
}
.page-member .master .tips{
	width: 100%;
	text-align: center;
	font-size: .65rem;
	padding: .8rem 0;
}
.page-member .master .tips p{
	margin-bottom: .3rem;
	color: #a2a5b9
}
.page-member .master .worklist{
	width: 100%;
}
.page-member .master .worklist .item{
	width: 33%;
	text-align: center;
	padding: .5rem 0
}
.page-member .master .worklist .item p{
	font-size: .7rem;
	color: #505863;
	font-weight: 500
}
.page-member .master .worklist .item span{
	font-size: .6rem;
	color: #a2a5b9
}
/*.page-member .master .weui-cell__ft{
	color: #ffb822
}*/
.swiper-pagination-bullet{
    height: 6px!important;
    border-radius: 50px!important;
    width: 6px!important;
    -webkit-transition: ease-in .15s;
    transition: ease-in .15s;
}
.swiper-pagination-bullet-active{
    width: 15px!important;
    border-radius: 5px!important;
    height: 6px;
    background: #28b195!important
}

.acc-rule{
	color: #999;
	margin: .8rem;
	font-size: .65rem
}
.demo-tips{
    position: fixed;
    z-index: 999;
	width: 100%;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    transition: top 0.3s cubic-bezier(.4,0,.2,1);
    height: 100%;
    background: rgba(0,0,0,.5);
    left:0;
}
.demo-tips b{
	color: red;
	margin: 0 .3rem;
	font-size:.9rem;
}
.demo-tips .box{
	background: #fff;
	padding:.5rem;
	width: 80%;
	margin:0 auto;
	position: relative;
	top: -150px;
    font-size: .7rem;
    transition: top 0.3s cubic-bezier(.4,0,.2,1);
}

.demo-tips .box .tips-close{
	margin-top: 10px;
	text-align: right;
	color: #19cb98;
	opacity: .8;
	text-transform: lowercase;
}

.highlight{
  -webkit-animation: shine 20s infinite;
          animation: shine 20s infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
/*定义动画*/

@-webkit-keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.no-joinlog-tips{
	position: absolute;
	top: 43px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	z-index: 5;
}
.task-replies.replies .item.filter{
	filter: blur(20px);
}
/* .no-joinlog-tips::after{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	filter: blur(20px);
    transform: scale(1.1);
	background-color: rgba(255, 255, 255, .5);
}
.no-joinlog-tips p{
	position: relative;
	color: #FFB822;
}
.no-joinlog-tips p::after{
	position: absolute;
	content: '';
	width: 100px;
	height: 2px;
	left: calc( 50% - 50px );
	background-color:#FFB822;
	opacity: .1;
} */