@charset "utf-8";
/* 清除默认样式 */
*,::after,::before{padding:0;margin:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-box-sizing:border-box}
body{font-family:"Microsoft YaHei" , "sans-serif";line-height:1;color:#333;position:relative;background:#fff;font-size: 14px;}
ul,ol{list-style: none;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
i,em{font-style: normal;text-decoration: none;}
a{text-decoration: none;color: #333;}
input,textarea{outline: none;resize: none;border: none;}
img{vertical-align: middle;/*清除3px的bug*/border: 0;}
.none{ display: none; }

/* float */
.fl{float: left;}
.fr{float: right;}
.clearfix{zoom: 1;}
.clearfix::before,.clearfix::after{content: "";display: table;}
.clearfix::after{clear: both;}

/* text */
.text-center{text-align: center;}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* display */
.display-in{display: inline;}
.display-ib{display: inline-block;}
.display-bl{display: block;}
.display-no{display: none;}
.show{display: block !important;}
.hidden{display: none !important;}

/* font */
.fw-bold{font-weight: 700;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.vt-md{vertical-align: middle;}

/* overflow */
.over-hidden{overflow: hidden;}
.over-auto{overflow: auto;}

/* position */
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fix{position: fixed;}

/* else */
.cur-pointer{cursor: pointer;}
.img-responsive{display: block;width: 100%;max-width: 100%;height: auto;}

/*************** dispatch_jump html&css *******************/
.success-msg,.error-msg{margin-top: 40px;text-align: center;}
.success-msg i.success-icon,
.error-msg i.error-icon{display: inline-block;height: 100px;width: 100px;}
.success-msg i.success-icon{background: url(../images/success.png) no-repeat center/100px 100px;}
.error-msg i.error-icon{background: url(../images/error.png) no-repeat center/100px 100px;}
.success-msg p,.error-msg p{padding-top: 18px;font-size: 16px;font-weight: 500;}
.success-btn,.error-btn{padding: 40px 15px 15px;}
.success-btn a,.error-btn a{display: block;height: 40px;line-height: 40px;text-align: center;border-radius: 6px;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}

/****************** empty html&css ************************/
.empty{padding-top: 80px;text-align: center;}
.empty .icon-empty{display: inline-block;width: 48px;height: 48px;background: url(../images/empty-icon.png) no-repeat;}
.empty p{margin-top: 2px;}

/* footer start */
.footer{
	position: fixed;
	left: 0;
	bottom: 0;
	height: 1.2rem;
	width: 100%;
	background-color: #fff;
}

.footer li{
	float: left;
	padding: 0.2rem 0;
	width: 33.3%;
	font-size: 0.28rem;
	text-align: center;
}

.footer li [class^="icon-"]{
	display: block;
	margin: 0 auto;
	margin-bottom: 0.09rem;
	width: 0.46rem;
	height: 0.40rem;
}

.footer li .icon-home{
	background: url(../images/icon_home.png) no-repeat scroll center/contain;
}

.footer li .icon-task{
	background: url(../images/icon_task.png) no-repeat scroll center/contain;
}

.footer li .icon-user{
	background: url(../images/icon_user02.png) no-repeat scroll center/contain;
}

.footer li a{
	display: block;
}

.footer li p{
	margin-top: 0.16rem;
}
/* footer end */

/* srcoll-news start */
.main .scroll-news{
	overflow: hidden;
	position: relative;
	height: 0.6rem;
	border-radius: 0.24rem;
	border: 1px solid #ddd;
	font-size: 0.26rem;
	background-color: #fff;
}

.main .scroll-news .icon-speaker{
	position: absolute;
	top: 0.17rem;
	left: 0.4rem;
	width: 0.27rem;
	height: 0.3rem;
	background: url(../images/icon_speaker.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.main .scroll-news li{
	padding: 0 0.4rem 0 0.75rem;
	height: 0.6rem;
	line-height: 0.6rem;
}

.main .scroll-news a {
	font-size: 0.32rem;	
}

/* srcoll-news end */

/* task-list start */
.task-list{
	position: relative;
}

.task-list .title{
	margin-top: 0.55rem;
	padding-right: 1.9rem;
	line-height: 1.33;
	font-size: 0.36rem;
}

.task-list .title h2{
	font-weight: 700;
	color: #18b153;
}

.task-list .title .more{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.9rem;
	text-align: center;
}

.task-list .icon-more{
	display: inline-block;
	width: 0.23rem;
	height: 0.23rem;
	background: url(../images/icon_more.png) no-repeat scroll center/contain;
	vertical-align: middle;
}

.task-list li{
	position: relative;
	padding: 0.3rem 1.9rem 0.3rem 0;
	border-bottom: 1px solid #dcdcdc;
}

.task-list li p{
	font-size: 0.28rem;
	line-height: 1.33;
}

.task-list li .btn{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1.9rem;
	height: 0.54rem;
	text-align: center;
}

.task-list li .btn span{
	display: inline-block;
	width: 1.12rem;
	height: 0.54rem;
	font-size: 0.24rem;
	line-height: 0.54rem;
}

.task-list li .btn .status{
	border: 1px solid #3ed378;
	color: #3ed378;
}

.task-list li .status.pass{
	color: #bcbcbc;
	border-color: #bcbcbc;
}

.task-list li .btn .credit{
	color: #fff;
	background-color: #fcbd28;
}

/* task-list end */

/* credit-header start */
.credit-header{
	padding: 0.62rem 0 0 0.42rem;
	height: 3.16rem;
	color: #fff;
	background: url(../images/credit_rank_header.jpg) no-repeat scroll center/cover;
}

.credit-header .avatar{
	position: relative;
}

.credit-header .avatar input[type="file"]{
	position: absolute;
	left: 0;
	width: 1.62rem;
	height: 1.62rem;
	opacity: 0;
}

.credit-header .avatar img{
	margin-right: 0.4rem;
	width: 1.62rem;
	height: 1.62rem;
	border-radius: 50%;
}

.credit-header .info p{
	font-size: 0.28rem;
}

.credit-header .info .icon-credit{
	display: inline-block;
	width: 0.44rem;
	height: 0.44rem;
	background: url(../images/icon_credit.png) no-repeat scroll center/contain;
	vertical-align: middle;
}

.credit-header .info h2{
	margin-top: 0.22rem;
	font-weight: 700;
	font-size: 0.40rem;
}

.credit-header > h3{
	padding: 0.26rem 0 0 1.34rem;
	font-weight: 700;
	font-size: 0.28rem;
}
/* credit-header end */

/* common-header start */
.common-header{
	position: relative;
	overflow: hidden;
	height: 1.2rem;
	font-weight: 700;
	font-size: 0.36rem;
	line-height: 1.2rem;
	text-align: center;
	color: #fff;
	background-color: #67c809;
}

.common-header .return-btn,
.common-header .home-btn{
	position: absolute;
	top: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.common-header .return-btn{
	left: 0;	
}

.common-header .home-btn{
	right: 0;
}

.common-header .icon-return,
.common-header .icon-home{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 0.64rem;
	height: 0.64rem;
}

.common-header .icon-return{
	background: url(../images/icon_return.png) no-repeat scroll center/cover;	
}

.common-header .icon-home{
	background: url(../images/icon_home02.png) no-repeat scroll center/cover;
}
/* common-header end */