coupon-share/register/index.css

.alert-info {
  position: absolute;
  top: 4.35rem;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
}
.alert-info p {
  display: inline-block;
  height: 38px;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
}
body{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
/*头部下载*/
.downAppTop{
	background: #F4F4F4;
	width: 100%;
	height: 1.04rem;
	padding: 0 0.3rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
}
.downAppTop .left{
	display: flex;
	align-items: center;
}
.downAppTop .left img{
	width: 0.74rem;
	height: 0.74rem;
	border-radius: 0.1rem;
	margin-right: 0.08rem;
}
.downAppTop .left div :nth-of-type(1){
	color: #4A4A4A;
	font-size: 0.26rem;
	line-height: 0.36rem;
	padding-bottom: 0.02rem;
}
.downAppTop .left div :nth-of-type(2){
	color: #898989;
	font-size: 0.22rem;
	line-height: 0.32rem;
}
.downAppTop .right{
	display: block;
	width: 1.44rem;
	height: 0.44rem;
	background:linear-gradient(292deg,rgba(250,42,55,1) 0%,rgba(252,113,35,1) 100%);
	border-radius:0.22rem;
	color: #FFFFFF;
	font-size: 0.22rem;
	line-height: 0.44rem;
	text-align: center;
}
/*小蜜蜂头部文案*/
.bee_title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.72rem;
	margin-bottom: 0.92rem;
}
.bee_title img{
	width: 0.59rem;
	height: 1.07rem;
}
.bee_title p{
	color: #39393A;
	font-size: 0.34rem;
	line-height: 0.48rem;
	margin: 0.18rem 0.2rem 0;
	text-align: center;
}
/*用户注册*/
.register{
	width: 5.8rem;
	margin: auto;
}
.register .register_phone,.register .register_yzm{
	height: 0.84rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 0.01rem solid #909090;
	padding: 0 0.04rem;
}
.register input{
	font-size: 0.3rem;
	line-height: 0.42rem;
	border: none;
}
.register .register_phone button{
	color: #4A4A4A;
	font-size: 0.26rem;
	line-height: 0.36rem;
	border: none;
	background: transparent;
}
.register .register_button{
	width: 5.76rem;
	height: 0.82rem;
	background:linear-gradient(288deg,rgba(250,42,55,1) 0%,rgba(252,113,35,1) 100%);
	border-radius:0.41rem;
	border: none;
	color: #FFFFFF;
	font-size: 0.4rem;
	line-height: 0.82rem;
	margin-top: 0.8rem;
}
/*猎豆文案*/
.liedou_statement{
	width: 6.58rem;
	margin: auto;
	margin-top: 0.64rem;
}
.liedou_statement h3{
	color: #F5122A;
	font-size: 0.3rem;
	line-height: 0.42rem;
	font-weight: bold;
	margin-bottom: 0.14rem;
}
.liedou_statement p{
	height: 1.76rem;
	width: 100%;
	background: url(../images/character_bg.png) no-repeat;
	background-size:100% 100% ;
	font-size: 0.28rem;
	line-height: 0.4rem;
	letter-spacing:0.01rem;
	color: #DD606B;
	padding: 0 0.08rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
/*注册成功弹框*/
#registerSuccess{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 501;
	text-align: center;
	visibility: hidden;
}
#registerSuccess .content h3{
	font-size: 0.36rem;
	line-height: 0.5rem;
	padding-top: 0.44rem;
	padding-bottom: 0.33rem;
}
#registerSuccess .content .con{
	color: #262626;
	font-size: 0.28rem;
	line-height: 0.4rem;
	margin-bottom: 0.56rem;
}
#registerSuccess .content .copyTkl{
	display: block;
	padding: 0;
	margin: auto;
	width: 1.92rem;
	height: 0.48rem;
	background: #FA2C36;
	border-radius: 0.1rem;
	color: #FFFFFF;
	font-size: 0.28rem;
	line-height: 0.48rem;
	border: none;
}
#registerSuccess .content{
	width: 5rem;
	min-height: 4.26rem;
	background: #FFFFFF;
	position: absolute;
	top: 3.26rem;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 0.32rem;
	box-sizing: border-box;
	border-radius: 0.1rem;
}
#registerSuccess .content .close{
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	bottom: -1.1rem;
	left: 0;
	right: 0;
	margin: auto;
}