fohow_xcx/packageUser/pages/user/exchange/exchange.wxss

.exchange-top {
	position: relative;
	width: 750rpx;
	min-height: 100%;
	background: #f3f3f3;
}
.exchange-top-content {
	width: 100%;
	height: 200rpx;
	background: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/labibackgroud.png') no-repeat;
	background-size: cover;
	/* line-height: 160rpx; */
	/* padding: 0 18rpx; */
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20rpx;
}
.exchange-top-radish {
	position: absolute;
	left: 52rpx;
	top: 40rpx;
	font-size: 30rpx;
	color: #ffffff;
}
.exchange-top-count {
	/* float: right; */
	position: absolute;
	top: 106rpx;
	left: 52rpx;
	font-size: 48rpx;
	color: #fff;
	font-weight: bold;
}
.exchange-top-btn{
		position: absolute;
		right: 46rpx;
		top: 74rpx;
		width: 160rpx;
		height: 54rpx;
		line-height: 54rpx;
		border: 2rpx solid #fff;
		border-radius:510rpx; 
		font-size: 30rpx;
		text-align: center;
		color: #fff;
}
.exchange-tip {
	width: 100%;
	padding: 20rpx;
	font-size: 24rpx;
	color: #888888;
	box-sizing: border-box;
}
.exchange-tip-info {
	height: 90rpx;
	line-height: 90rpx;
	border-radius: 8rpx;
	text-align: center;
	background: #e3e6e9;
}
.exchange-title {
	width: 100%;
	font-size: 24rpx;
	color: #bbbbbb;
	padding: 0 50rpx;
	box-sizing: border-box;
}
.exchange-panel {
	width: 710rpx;
	margin: 20rpx auto 0;
	background: #ffffff;
	border-radius: 8rpx;
	padding: 20rpx 30rpx 40rpx;
	box-sizing: border-box;
}
.exchange-panel.bg {
	background: #fcfcfc;
}
.exchange-rule {
	width: 100%;
	height: 120rpx;
	border-bottom: 1rpx solid #eee;
}
.exchange-rule-company {
	float: left;
	width: 450rpx;
	font-size: 28rpx;
	color: #4c4c4c;
	line-height: 30rpx;
}
.exchange-rule-company image {
	float: left;
	width: 100rpx;
	height: 100rpx;
	vertical-align: middle;
	border-radius: 50%;
	border: 2rpx solid #e5e5e5;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 22rpx;
}
.exchange-rule-per {
	float: right;
	height: 100rpx;
	font-size: 28rpx;
	color: #999;
	line-height: 100rpx;
}
.exchange-rule-per image {
	width: 25rpx;
	height: 25rpx;
	margin-left: 20rpx;
	transform:rotate(90deg);
}
.exchange-company-slogan {
	float: left;
	margin-top: 12rpx;
	line-height: 36rpx;
}
.exchange-integral {
	width: 100%;
	height: 60rpx;
	line-height: 60rpx;
}
.exchange-integral1 {
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
}
.exchange-integral-title {
	font-size: 24rpx;
	color: #999;
}
.exchange-integral-count {
	float: right;
	font-size: 28rpx;
	color: #4c4c4c;
}
.exchange-radish {
	position: relative;
	width: 100%;
	height: 100rpx;
	font-size: 28rpx;
	color: #7f93ae;
	margin-bottom: 30rpx;
	background-color: #f6f9fd;
}
.exchange-radish input {
	display: inline-block;
	width: 260rpx;
	height: 100rpx;
	font-size: 28rpx;
	color: #4c4c4c;
	margin-left: 30rpx;
	box-sizing: border-box;
	z-index: 88;
}
.exchange-radish .left {
	float: left;
	height: 100rpx;
	line-height: 100rpx;
	margin-left: 20rpx;
}
.exchange-radish .right {
	float: right;
	width: 124rpx;
	height: 44rpx;
	padding-top: 14rpx;
	padding-right: 20rpx;
}
.exchange-radish .right image {
	display: block;
	width: 32rpx;
	height: 32rpx;
	margin: 6rpx auto;
}
.exchange-radish .right .bg {
	width: 44rpx;
	height: 44rpx;
	background-color: #b8c6d9;
	border-radius: 8rpx;
	margin-top: 14rpx;
}
.exchange-btn1 {
	width: 47%;
	height: 100rpx;
	line-height: 100rpx;
	border-radius: 8rpx;
	text-align: center;
	font-size: 28rpx;
	color: #eab86a;
	margin-top: 30rpx;
	border: 1rpx solid #eab86a;
}
.exchange-btn2 {
	display: block;
	width: 47%;
	height: 100rpx;
	line-height: 100rpx;
	background: #eab86a;
	border-radius: 8rpx;
	text-align: center;
	margin-top: 30rpx;
}
.exchange-btn2__button {
	width: 100%;
	height: 100%;
	font-size: 28rpx;
	color: #fff;
	line-height: 100rpx;
}
.secondTitle {
	width: 320rpx;
	font-size: 24rpx;
	color: #999;
}
.redWord {
	color: #eab86a;
}
.pwdDialog {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
}
.pwdDialog-panel {
	width: 650rpx;
	height: 584rpx;
	background-color: #fff;
	border-radius: 8rpx;
	margin: 260rpx auto;
	padding: 0 30rpx;
}
.pwdDialog-hearder {
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	font-size: 28rpx;
	color: #999;
	border-bottom: 1rpx solid #eee;
}
.pwdDialog-hearder image {
	float: right;
	position: relative;
	top: 32rpx;
	width: 36rpx;
	height: 36rpx;
}
.pwdDialog-logo {
	width: 100rpx;
	height: 100rpx;
	margin: 20rpx auto;
}
.pwdDialog-logo image {
	width: 100rpx;
	height: 100rpx;
	border: 1rpx solid #eee;
	border-radius: 100rpx;
	box-sizing: border-box;
}
.pwdDialog-input {
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	border: 1rpx solid #e5e5e5;
	background-color: #f6f9fd;
	font-size: 28rpx;
	color: #7f93ae;
	padding: 0 30rpx;
	box-sizing: border-box;
}
.pwdDialog-input input {
	float: right;
	width: 300rpx;
	height: 100rpx;
	text-align: right;
}
.pwdDialog-btn {
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	border-radius: 8rpx;
	text-align: center;
	font-size: 28rpx;
	color: #fff;
	background-color: #eab86a;
	margin-top: 30rpx;
}
.pwdDialog-forgot {
	width: 100%;
	height: 28rpx;
	line-height: 28rpx;
	text-align: center;
	font-size: 28rpx;
	color: #3d7cbc;
	margin-top: 40rpx;
}
.ydDialog-panel {
	width: 650rpx;
	background-color: #fff;
	border-radius: 8rpx;
	margin: 260rpx auto;
	padding: 0 30rpx 30rpx;
}
.ydDialog-input {
	position: relative;
	width: 590rpx;
	height: 100rpx;
	margin: 0 auto;
}
.ydDialog-input input {
	display: block;
	width: 100%;
	height: 100rpx;
	background-color: #f6f9fd;
	border: solid 1rpx #e5e5e5;
	font-size: 28rpx;
	color: #b8c6d9;
	padding-left: 30rpx;
	box-sizing: border-box;
}
.ydDialog-btn {
	width: 590rpx;
	height: 100rpx;
	line-height: 100rpx;
	border-radius: 8rpx;
	text-align: center;
	font-size: 28rpx;
	color: #fff;
	background-color: #eab86a;
	margin: 30rpx auto 0;
}
.ydDialog-btnCode {
	position: absolute;
	top: 18rpx;
	right: 16rpx;
	width: 250rpx;
	height: 64rpx;
	line-height: 64rpx;
	font-size: 28rpx;
	color: #eab86a;
	text-align: center;
	background-color: #fff;
	border-radius: 32rpx;
	border: 1rpx solid #cccccc;
	box-sizing: border-box;
	z-index: 99;
}
.user-title{
	position: absolute;
	font-size: 26rpx;
	color: #ffc4af;
	top: 110rpx;
	left: 52rpx;
}
.bind {
	position: absolute;
	font-size: 26rpx;
	color: #fff;
	top: 110rpx;
	left: 228rpx;
	text-decoration:underline
}
.swiper{
	/* margin: 0 auto; */
	margin: 0 20rpx;
	border-radius: 10rpx;
	height: 172rpx;
}
.swiper image{
	width: 100%;
	height: 172rpx;
	/*height: 172rpx;*/
}
.exchange-integral-text{
	padding-top:4rpx;
	font-size: 24rpx;
	color: #999;
	float: right;
}