@import "mobile-base.css";

.fullpage{
    background: #1f9fff linear-gradient(to bottom, #57b6ff 0%,#1f9fff 100%);
    width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center;justify-content:center;
}

.site,.sign,.plat{ flex: 1; position: relative;width: 100%;}


.siteName{flex: 1; text-align: center; font-size: .8rem; line-height: 1rem; color: #fff; letter-spacing: 0.1rem; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); }

.ajaxForm{ width: 80%; margin:0 auto;}
.form-item{padding: 0 .2rem; border-top: 1px solid #eee;display: flex; background-color: #fff; position: relative;}
.form-item:first-child{ border-top: 0; border-radius: .1rem .1rem 0 0;}
.form-item:last-child{ border-radius: 0 0 .1rem .1rem;}
.form-text{ padding:.2rem; height: 3rem; border-top: 1px solid #eee;display: flex;}
.form-label{padding-right:.2rem;line-height:1rem;}
.form-input{outline: none; border:none; height:1rem; font-size: inherit; font-family: inherit; flex:1;}
.form-wrap{ margin-bottom: .4rem;}
.form-submit{ text-align: center; line-height: 1rem; border-radius: 0.1rem; background-color: #fff; color: #1f9fff; font-size: .36rem; font-weight: 600; margin-bottom: .3rem;}
.form-link{ line-height: .4rem; height: .4rem; text-align: right;}
.form-link a{ color: #fff;}
.form-link a:first-child{ float: left;}
.captcha{ position: absolute; right:.12rem; top: .12rem; z-index: 99; width: 2.4rem; height:.76rem;}
.smscode{ position: absolute; right:.2rem; top: 0; z-index: 99; line-height: 1rem; text-align:right; color: #1f9fff}
.smscode.intval{ color: #999;}

.other{ position: absolute; bottom: 0; left: 0; width: 100%;}
.other-title{ position: relative; line-height: .6rem; text-align: center; color: #fff;}
.other-title:after{ display: block; width: 25%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 5%; margin-top: -1px; content: '';}
.other-title:before{ display: block; width: 25%; height: 1px; background-color: #fff; position: absolute; top: 50%; right: 5%; margin-top: -1px; content: '';}
.agreement {
	color: #fff;
	font-size: 13px;
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: center;
}
.agreement a{
	color: #ececec;
}
.other-platform{display: flex;}
.platform-item{ flex: 1; text-align: center; line-height: 1.2rem;}
.platform-item .iconfont{ font-size: .8rem; color: #fff;}