/*common*/
body, html {
  background:#f8f8f8;
  height: 100%;
  width:100%;
  -webkit-tap-highlight-color: transparent;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* FFCC00 */
/* C41D32 */
.color-theme{
	color:#FFCC00 !important;
}

.title-color-theme{
	color:#FFFFFF !important;
}

.bg-color-theme{
	color:#333333 !important;
	background:#FFCC00 !important;
}

/*weui*/
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
    color: #FFCC00 !important;
}


/*login*/
.login-bg{
	height: 100%;
}
.login-title{
	padding-top:30%;
	font-size: 18px;
    text-align: center;
    font-weight: bold;
	text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}
.login-subtitle{
	font-size: 17px;
	text-align: center;
    font-weight: bold;
}
.login-txt{
	padding-top:8px;
}
.login-txt-title{
	font-size: 18px;
	text-align: center;
    font-weight: bold;
}
.login-txt-desc{
	width:80%;
	margin:0 auto;
	background:#F1B2B1;
	border-radius:8px;
	padding:8px 10px;
	font-size: 13px;
}
.login-from{
	width:60%;
	margin:0 auto;
}
.login-from .login-input{
	display:block;
	box-sizing: border-box;
	width:100%;
	margin-top:10px;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px 8px;
	height:36px;
	line-height:36px;
}
.login-from .login-btn{
	margin-top:10px;
	height:36px;
	line-height:36px;
}

/*start*/
.start-box{
	width: 90%;
	margin: 10px auto;
	font-size: 15px;
}
.start-box-hello{
}
.start-box-hello span{
	color:#FFCC00 !important;
	font-weight:bold;
}
.start-box-title span{
	color:#FFCC00 !important;
	font-weight:bold;
}
.start-box-item span{
	color:#FFCC00 !important;
	font-weight:bold;
}
.start-result{
	margin:30px auto;
	width:120px;
	height:120px;
	line-height:120px;
	border-radius:120px;
	text-align:center;
	background:#ffbe00;
	
	font-size:20px;
	color:#ffffff;
}

/*problem*/
.problem-from{
	width:80%;
	margin:25px auto;
	background: #FAE6D3;
	border:1px solid #EFD7BE;
	border-radius: 5px;
	padding: 10px 15px;
}
.problem-title{
	font-size:16px;
	font-weight:bold;
}
.problem-items{
	margin-top:10px;
}
.problem-item{
	display:block;
	margin:5px 0;
	background:#ffffff;
	border:1px solid #dedede;
	line-height:20px;
	border-radius:5px;
	padding:10px 10px;
	font-size:14px;
}
.problem-item-checked{
	background:#CCE8CF;
	border:1px solid #42974D;
}
.problem-input{
	
}
.problem-input{
}
.next-btn{
	width:35%;
	margin-top:10px;
	height:36px;
	line-height:36px;
}

/*over*/
.user-info{
	width:80%;
	margin:0 auto;
	padding-top:50px;
}
.logo{
	width:80px;
	height:80px;
	border-radius:100%;
}
.logo img{
	width:100%;
	height:100%;
}
.user-name{
	color:#000000;
	font-size:20px;
}
.activity_prize{
	padding-top:15px;
}
.activity_prize-title{
	font-size:16px;
	font-weight:bold;
}
.activity_prize-txt{
	font-size:15px;
	color:#000000;
}
.activity_prize-txt p{
}

/*user*/
.user-btn-block{
	position:absolute;
	top:10px;
	right:8px;
	width:120px;
	height:36px;
	border-radius:36px ;
	border:1px solid #ffffff;
	overflow:hidden;
}
.user-btn{
	display:block;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
	line-height:24px;
	color:#000000;
}