$rewardImg:'reward-10.png';
.reward-app{
	font-family: $yaheifFontFamily;
	
	&.reward-app-tao{
		.reward-app-content{
			background: url(#{$baseImgUrl}/reward-tao-v2.png) no-repeat;
		}
		.contet-area{
			margin-top: -10px;
		}
		.input-wrap textarea{
			height: 70px;
		}
		.input-wrap .ico-refresh{
			top:auto;
			bottom:7px;
		}
	}
	.reward-app-content{
		width: 480px;
		height: 530px;
		color:#C51A1A;
		background: url(#{$baseImgUrl}/reward-da-v2.png) no-repeat;
	}
	.reward-loading{
		position: relative;
		text-align: center;
		width:150px;height:150px;
		background: url(#{$baseImgUrl}/reward-loading.gif) no-repeat center center;
		p{
			position: absolute;
			bottom:10px;
			width: 100%;
			font-size: 12px;
		}
	}
	.cont-box {
		text-align: center;
		padding-top:100px;
	}
	.reward-close{
		position: absolute;
		right: -59px;
		top: 0;
		width: 54px;
		height: 54px;
		cursor: pointer;
		@include border-radius(50%);
		background:url(#{$baseImgUrl}/#{$rewardImg}) no-repeat 0 0;
		&:hover {
		    background-position: -100px 0;
		}

	}
	.reward-button {
		margin:30px 30px 0;
		background-color: #ffa735;
	    color: #fff;
	    @include border-radius(5px);
	    width: 420px;
	    font-family: $yaheifFontFamily;
	    font-size: 22px;
	    line-height: 60px;
	    display: block;
	    border: none;
	    cursor: pointer;
	    padding:0;
	    &:hover{
	    	background-color:darken(#ffa735,10%);
	    }
	    &.disabled{
			cursor: default;
			background-color:#FFE1BF;
		}
	}
	.capital-manage-url {
		color: #fff;
		line-height: 24px;
		padding-top: 10px;
		display: inline-block;
	}
	.head-wrap{
		height: 140px;
		text-align: center;
		position: relative;
	}
	.contet-area{
		margin-top: -30px;
	}
	.ico-edit-pen{
		background:url(#{$baseImgUrl}/#{$rewardImg}) no-repeat 0px -200px;
		width: 35px;
		height:35px;
		position: absolute;
		top:58px;
		left:252px;
		cursor: pointer;
	}
	.user-others{
		position: absolute;
		top:111px;
		left:330px;
		color: #fff;
		font-size: 12px;
	}
	.radius_img80{
		border:5px solid #fff;
	}
	.user-avatar{
		height: 90px;
	}
	.none-user{
		background:#fff url(#{$baseImgUrl}/#{$rewardImg}) no-repeat 19px -86px;
	}
	.user-name{
		padding-top: 15px;
		color: #fff;
		font-size: 20px;
		line-height: 24px;
	}
	.input-wrap{
		margin:30px auto 0 auto;
		background-color: #DC7167;
		@include border-radius(5px);
		width: 400px;
		padding:5px 10px;
		position: relative;
		input,textarea{
			border:0 none;
			background-color: #DC7167;
			font-size: 16px;
			width: 100%;
			resize:none;
			color:#C51A1A;
			font-family: $yaheifFontFamily;
			&::-ms-clear{display:none;}
		}
		input{
			line-height: 50px;
			height: 50px;
			font-size: 36px;
			&::-webkit-outer-spin-button,
			&::-webkit-inner-spin-button{
			    -webkit-appearance: none !important;
			    margin: 0; 
			}
			&[type="number"]{-moz-appearance:textfield;}
		}
		textarea{
			height: 40px;
			line-height:30px;
		}
		&.focus-input{
			background: #fff;
			
			input,textarea{
				background: #fff;
				color:#C51A1A;
			}
		}
		&.error-input{
			color:#ED4D4A;
		}
		.error-tip{
			position: absolute;
			top:68px;
			color:#fff;
			display:none;
		}
		.total{
			font-size: 14px;
			line-height: 30px;
			font-family: 'Arial';
			text-align: right;
			position: absolute;
			top:0;right:10px;
		}
		.ico-refresh{
			margin: 16px 10px 0 0;
			width: 30px;
			height: 30px;
			display: inline-block;
			background:url(#{$baseImgUrl}/#{$rewardImg}) no-repeat -95px -194px;
			position: absolute;
			top:0;right:0;
			cursor: pointer;
			border-radius:3px;
			&:hover{
				background-color: #FFCCC7;
			}
		}
	}
	.beg-intro{
		
		height:77px;
		line-height: 26px;
	}
	.additional{
		border-top:1px dashed #C51A1A;
		font-size: 16px;
		line-height: 40px;
	}
	.wx-img{
		width:150px;
		height:150px;
		border:10px solid #fff;
		margin:0 auto;
		background:#d34739;
	}
	.wx-img-error{
		width: 150px;
		height:150px;
		display: none;
		text-align: center;
		color:#fff;
		font-size: 12px;
		cursor: pointer;
		span{
			margin:37px 0 27px 0;
			width: 57px;height:50px;display: inline-block;
			background:url(#{$baseImgUrl}/#{$rewardImg}) no-repeat -200px 0;
		}
	}
	.scanning-tip{
		text-align: center;
		color:#fff;
		line-height: 24px;
		padding-top: 5px;
		span{
			color:#FFD800;
			font-size: 18px;
			display: block;
		}
	}
	.money-all{
		font-size: 36px;
		line-height: 38px;
		color:#fff;
		padding-bottom:10px;
	}
	
	
}
.reward-pay-success,.reward-pay-fail{
	width: 600px;
	height: 350px;
	border-radius:20px;
	position: relative;
	margin-top: 150px;
	.close-pay{
		position: absolute;top:10px;right: 10px;
		width: 54px;
		height: 54px;
		display: inline-block;
		background:#fff url(#{$baseImgUrl}/#{$rewardImg}) no-repeat 0 0;
		cursor: pointer;
		&:hover{
			background-position: -100px 0;
		}
	}
}
.reward-pay-success{
	background:#fff url(#{$baseImgUrl}/reward-success-v2.png) no-repeat center 100px;
	.tip{
		padding:130px 0 0 220px;
		font-size: 48px;
		line-height: 50px;
		color:#DE4031;
	}
	.txt {
		padding-top: 20px;
		color:#DE4031;
		font-size: 24px;
		line-height: 49px;
		text-align: center;	
	}
}
.reward-pay-fail{
	background:#fff url(#{$baseImgUrl}/reward-fail.png) no-repeat 68px 99px;
	.tip{
		padding:137px 0 0 296px;
		font-size: 48px;
		line-height: 50px;
		color:#667580;
	}
}
.reward-other {
	position: absolute;
	max-height: 330px;
	overflow: auto;
	background: #fff;
	border-radius:5px;
	z-index: 2;
	ul{
		margin: 0 auto;
	}
	.reward-empty{
		height: 75px;
		line-height: 75px;
	}
	.user-info {
		float: left;
		width: 50px;
		text-align: center;
		cursor: pointer;
		padding: 10px 0;
		span , i {
			display: inline-block;
		}
		.name {
			font-size: 12px;
			line-height: 14px;
			padding-top: 10px;
			display: block;
			color:#333;
		}
	}
	.reward-caret-top {
		position: absolute;
		top: -6px;
		left: 16%;
		margin-left: -6px;
		display: inline-block;
	    width: 0;
	    height: 0;
	    vertical-align: middle;
	    border-bottom: 6px dashed;
	    border-bottom: 6px solid \9;
	    border-bottom-color: #fff;
	    border-right: 6px solid transparent;
	    border-left: 6px solid transparent;
	    cursor: pointer;
	}
	.reward-loading {
		width:32px;
		height:32px;
		background:url(#{$baseImgUrl}/load_m.gif) no-repeat 0 0;
		display: inline-block;
	}
}
.dangshang-userlist{
	color:#ACB7BF;
	text-align: center;
	position: relative;
	.button-action{
		width:50px;height:50px;display: inline-block;
		font-size: 18px;
		line-height: 50px;
		color:#EE4344;
		background-color: #FBF0E0;
		border-radius:50px;
		margin:0 10px 20px 10px;
		cursor: pointer;
		font-family: $fontFamily;
		&:hover{
			box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
			background-color:darken(#FBF0E0,7%);
		}
		&.reward-tao{
			color:#FF5B11;
		}
		.reward-shang-txt-icon,	.reward-tao-txt-icon {
			display: inline-block;
			width:18px;height:18px;
			vertical-align: text-bottom;
			background:url(#{$baseImgUrl}/#{$rewardImg});
		}
		.reward-shang-txt-icon{
			background-position: -200px -250px;
		}
		.reward-tao-txt-icon{
			background-position: -250px -250px;
		}
	}
	.title{
		border:0 none;
		border-top:1px solid #E4EBF0;
		text-align: center;
		position: relative;
		margin-top:10px;
		font-size: 12px;
		line-height: 20px;
		span{
			padding: 0 10px 0 10px;
			position: relative;
			top:-12px;
			background-color: #FFF;

		}
	}
	.userlist-box{
		position: relative;
	}
	.avatar-item,.more{
		margin:0 10px 10px 0;
		cursor: pointer;
		width:30px;
		height: 30px;
		display: inline-block;
		overflow:hidden;vertical-align: middle;
	}
	.more{
		width:30px;
		height: 30px;
		text-align: center;
		display:inline-block;
		border-radius:30px;
		background-color: #E4EBF0;
		vertical-align: middle;
	}
}