.refund-show {
	position: fixed;
	width: 750rpx;
	background-color: #f2f2f2;
	&-top{
		background-color: #FFFFFF;
		margin-top: 10px;
		border-radius: 5px;
		padding: 20px 15px;
		&-title{
			@include  flexRowCenter;
			&-text{
				@include styleFont(#202020,20);
				margin-left: 10px;
				font-weight: bold;
				line-height: 22px;
			}
		}
		&-time{
			@include styleFont(#F6312D,14);
			margin-left: 32px;
			line-height: 34px;
		}
		&-list{
			flex-direction: row;
			margin-top: 10px;
			&-left{
				/* #ifdef H5 */
				white-space: nowrap;
				/* #endif */  
				@include styleFont(#666,13);
			}
			&-right{
				flex: 1;
				@include styleFont(#999,13);
			}
		}
	}
	&-detail{
		background-color: #FFFFFF;
		margin-top: 10px;
		border-radius: 5px;
		padding: 20px 15px;
		&-item{
			margin-top: 10px;
			flex-direction: row;
			&-right,&-left{
				@include styleFont(#666,13);
			}
			&-left{
				/* #ifdef H5 */
				white-space: nowrap;
				/* #endif */  
			}
			&-right{
				flex: 1;
			}
			&-copy{
				width:42px;
				height:19px;
				background-color:rgba(238,238,238,1);
				border-radius:10px;
				@include styleFont(#666,12);
				text-align: center;
				line-height: 19px;
				margin-left: 14px;
			}
		}
	}
	&-bottom{
		background-color: #FFFFFF;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		width: 750rpx;
		height: 63px;
		position: fixed;
		bottom: 0;
		left: 0;
		@include  flexRowCenter;
		justify-content: flex-end;
		padding: 0 22px;
		&-item{
			width:78px;
			height:31px;
			border-width: 1px;
			border-color:rgba(153,153,153,1);
			border-radius:15px;
			@include styleFont(#202020,13);
			text-align: center;
			line-height: 29px;
			margin-left: 10px;
		}
	}
}
.active{
	color: #FFFFFF;
	border-width: 0px;
	background-image:linear-gradient(to right,rgba(244,46,20,1),rgba(255,138,0,1));
}