flying-monkey/commons/flying-monkey.css

/* 注册页面 */
.register-close {width: 26rpx;height: 25rpx;}
.register-title {color: #03affb;}
.register-phone-img{
	width: 0;
	height: 0;
	border-left: 8rpx solid transparent;
	border-top: 10rpx solid #000;
	border-right: 8rpx solid transparent;
	margin: 0 20rpx 0 10rpx;
}
.clear-input {
	width: 100%;
	border: none;
	border-bottom: 1rpx solid #d9d9d9;
	font-weight: 400;
	font-size: 24rpx;
	box-sizing: border-box;
	height: 66rpx;
	padding-right: 60rpx;
}
.obtain-code {
	flex-shrink: 0;
	border: 1rpx solid #03affb;
	color: #03affb;
	width: 170rpx;
	height: 45rpx;
	line-height: 45rpx;
	border-radius: 24rpx;
	padding: 4rpx 0rpx;
	text-align: center;
	margin-left: 20rpx;
}
.obtainIng {
	background-color: #03affb;
	color: #FFFFFF;
}
.placeholderColor {color: #bfbfbf;}
.register-radio {transform: scale(0.5);margin-left: -10rpx;margin-right: -10rpx;}
uni-radio .uni-radio-input {border: 1rpx solid #444444;}
.register-agree-policy {color: #03affb;}
.register-btn {width: 422rpx;height: 76rpx;line-height: 76rpx;text-align: center;margin: 0 auto;border-radius: 76rpx;margin-top: 60rpx; background-color: #03affb;color: #FFFFFF;}
.clear-box {
	position: absolute;right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.clear-close {
	position: relative;
	display: flex;justify-content: center;align-items: center;
	width: 40rpx;height: 40rpx;
	border-radius: 100%; 
	background-color: rgba(0,0,0,.3);
}
.clear-close span {
	position: absolute;
	width: 0;
	border: 2rpx solid #FFFFFF;
	height: 20rpx;
	border-radius: 2rpx;
}
.clear-close span:first-child {transform: rotate(45deg);}
.clear-close span:last-child {transform: rotate(-45deg);}

/* 登录 */
.login-img {
	width: 100%;
}
.login-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 46%;
	padding: 0 50rpx;
}
.login-input-box {
	position: relative;
	display: flex;
	align-items: center;
	border: 1rpx solid #cbcccb;
	border-radius: 10rpx;
	padding: 20rpx;
	margin-bottom: 40rpx;
}
.login-code-btn {
	position: absolute;
	right: 20rpx;
	top: 50%;
	transform: translateY(-50%);
	background-color: #03affb;
	color: #FFFFFF;
	padding: 10rpx 20rpx;
	border-radius: 10rpx;
}
.login-input-box input {
	border-left: 1rpx solid #EEEEEE;
	margin-left: 20rpx;
	padding-left: 20rpx;
}
.login-btn {
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	background-color: #03affb;
	border-radius: 10rpx;
	color: #FFFFFF;
}
/* 忘记密码 */
.forget-title{color: #787a81;}
.forget-input-box{
	border-bottom: 1rpx solid #EEEEEE;
	padding: 20rpx 0;
	margin-bottom: 30rpx;
}
.forget-obtain-code {
	position: absolute;
	right: 0rpx;
	top: 0rpx;
	background-color: #03affb;
	color: #FFFFFF;
	padding: 10rpx 20rpx;
	border-radius: 10rpx;
}
.forget-btn {
	width: 422rpx;
	height: 75rpx;
	line-height: 75rpx;
	text-align: center;
	background-color: #03affb;
	color: #FFFFFF;
	border-radius: 75rpx;
	margin: 0 auto;
	box-shadow: 0rpx 10rpx 30rpx rgba(3, 175, 251,0.3);
	margin-top: 80rpx;
}
/* 首页 */
.home-message-box {line-height: 60rpx;}
.home-message-box image {
	width: 30rpx;
	height: 35rpx;
}
.home-message-box view {
	position: absolute;
	left: 14rpx;
	top: -16rpx;
	width: 40rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	border-radius: 100%;
	font-size: 22rpx;
	background-color: #e93030;
	color: #FFFFFF;
	transform: scale(.8);
}
.project-notice-box {
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	margin: 20rpx 0;
	border-radius: 10rpx;
	box-shadow: 6rpx 6rpx 20rpx rgba(0, 162, 234, 0.3);
	margin-top: -70rpx;
	padding: 20rpx 0;
}
.home-fun-box {
	background-color: #FFFFFF;
	padding: 30rpx;
	margin-bottom: 20rpx;
}
.fun-title::before {
	content: '';
	display: block;
	width: 7rpx;
	height: 30rpx;
	background: linear-gradient(to top, #FFFFFF 0%, #03affb 40%, #03affb 100%);
	border-radius: 26%;
	margin-right: 10rpx;
}
.home-solution {
	background-color: #FFFFFF;
}
.solution-title {
	bottom: 6rpx;
	left: -40rpx;
	right: -40rpx;
	padding: 6rpx;
	background-color: rgba(255,255,255,0.6);
	transform: scale(.6);
	text-align: center;
}
.engineer-num {
	position: absolute;
	top: -16rpx;
	right: -12rpx;
	font-size: 24rpx;
	background-color: #f03232;
	width: 36rpx;
	height: 36rpx;
	line-height: 36rpx;
	text-align: center;
	border-radius: 100%;
	color: #FFFFFF;
	transform: scale(.8);
}