|
|
@@ -1,144 +1,472 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 游客登录
|
|
|
+ <div class="visitor-login-page">
|
|
|
+ <div class="page-head">
|
|
|
+ <img class="head-icon" src="@/assets/images/login-return.png" @click="router.go(-1)" alt="404">
|
|
|
</div>
|
|
|
- <div v-show="step == 1">
|
|
|
- 手机号
|
|
|
- <el-input v-model="loginForm.userName"></el-input>
|
|
|
- <el-button @click="phoneLogin">登录</el-button>
|
|
|
- </div>
|
|
|
- <div v-show="step == 2">
|
|
|
- 手机号
|
|
|
- <el-input v-model="loginForm.userName"></el-input>
|
|
|
- <el-button @click="getCheckCode">
|
|
|
- <div v-show="seconds == 60">发送验证码</div>
|
|
|
- <div v-show="seconds < 60 && seconds >=0">剩余{{seconds}}秒</div>
|
|
|
- </el-button>
|
|
|
- 验证码
|
|
|
- <el-input v-model="loginForm.checkCode"></el-input>
|
|
|
- <el-button @click="validCheckCode">注册</el-button>
|
|
|
- </div>
|
|
|
- <div v-show="step == 3">
|
|
|
- 密码
|
|
|
- <el-input type="password" v-model="loginForm.password"></el-input>
|
|
|
- 再次确认密码
|
|
|
- <el-input type="password" v-model="loginForm.reppassword"></el-input>
|
|
|
- 高考省份:{{loginForm.areaId}}:{{loginForm.areaName}}
|
|
|
- <div>
|
|
|
- <span v-for="dict in gk_province" :key="dict.value" @click="chooseArea(dict.value,dict.label)">{{dict.label}} </span>
|
|
|
+ <div class="page-content">
|
|
|
+ <div class="content-background">
|
|
|
+ <div class="content-left">
|
|
|
+ <div class="content-form">
|
|
|
+ <p>新基础生涯</p>
|
|
|
+ <p>欢迎访问新基础生涯唤醒一体机</p>
|
|
|
+ <div v-show="step === 1" class="form-box">
|
|
|
+ <p>游客登录</p>
|
|
|
+ <el-form ref="loginRef" :model="loginForm" :rules="loginStepOneRules" class="login-form">
|
|
|
+ <el-form-item prop="userName">
|
|
|
+ <el-input
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ v-model="loginForm.userName"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ class="form-box-input1"
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <svg-icon icon-class="user_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <p class="form-box-text">
|
|
|
+ 未检测到该手机号 请先注册
|
|
|
+ </p>
|
|
|
+ <div style="display: flex;justify-content: center">
|
|
|
+ <el-button class="form-box-btn1" @click="phoneLogin">登录</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div v-show="step === 2" class="form-box">
|
|
|
+ <p>游客登录</p>
|
|
|
+ <el-form ref="loginStepTwoRef" :model="loginForm" :rules="loginStepTwoRules" class="login-form">
|
|
|
+ <el-form-item prop="userName">
|
|
|
+ <el-input
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ v-model="loginForm.userName"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ class="form-box-input1"
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <svg-icon icon-class="user_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ <template #suffix>
|
|
|
+ <el-button v-show="seconds === 60" class="form-box-btn2" @click="getCheckCode">
|
|
|
+ 发送验证码
|
|
|
+ </el-button>
|
|
|
+ <el-button class="form-box-btn2" v-show="seconds < 60 && seconds >=0" @click="getCheckCode">
|
|
|
+ 剩余{{seconds}}秒
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="checkCode">
|
|
|
+ <el-input
|
|
|
+ v-model="loginForm.checkCode"
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ placeholder="请输入验证码"
|
|
|
+ class="form-box-input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ {{loginForm.checkCodeText}}
|
|
|
+ <div style="display: flex;justify-content: center">
|
|
|
+ <el-button class="form-box-btn1" @click="validCheckCode">下一步</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div v-show="step === 3" class="form-box">
|
|
|
+ <p>游客登录</p>
|
|
|
+ <p class="form-box-text">
|
|
|
+ 手机号通过验证 请设置密码 下次直接密码登录
|
|
|
+ </p>
|
|
|
+ <el-form ref="loginStepThreeRef" :model="loginForm" :rules="loginStepThreeRules" class="login-form">
|
|
|
+ <el-form-item prop="password">
|
|
|
+ <el-input
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ type="password"
|
|
|
+ v-model="loginForm.password"
|
|
|
+ placeholder="请输入密码"
|
|
|
+ class="form-box-input1"
|
|
|
+ show-password
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <svg-icon icon-class="password_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="reppassword">
|
|
|
+ <el-input
|
|
|
+ type="password"
|
|
|
+ v-model="loginForm.reppassword"
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ placeholder="请再次输入密码"
|
|
|
+ class="form-box-input1"
|
|
|
+ show-password
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <svg-icon icon-class="password_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="areaItem">
|
|
|
+ <el-select v-model="loginForm.areaItem"
|
|
|
+ class="form-box-select"
|
|
|
+ @change="chooseArea" placeholder="选择高考省份">
|
|
|
+ <el-option
|
|
|
+ v-for="item in gk_province"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="sex">
|
|
|
+ <el-select v-model="loginForm.sex" class="form-box-select" placeholder="选择性别">
|
|
|
+ <el-option
|
|
|
+ v-for="item in sys_user_sex"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <div style="display: flex;justify-content: center">
|
|
|
+ <el-button class="form-box-btn1" @click="registHandler">注册</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div v-show="step === 4" class="form-box">
|
|
|
+ <p>游客登录</p>
|
|
|
+ <el-form ref="loginStepFourRef" :model="loginForm" :rules="loginStepFourRules" class="login-form">
|
|
|
+ <el-form-item prop="userName">
|
|
|
+ <el-input
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ v-model="loginForm.userName"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ class="form-box-input1"
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+<!-- <el-icon class="el-input__icon"><user /></el-icon>-->
|
|
|
+ <svg-icon icon-class="user_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="password">
|
|
|
+ <el-input
|
|
|
+ v-model="loginForm.password"
|
|
|
+ style="background-color: #F5F9FA;"
|
|
|
+ placeholder="请输入密码"
|
|
|
+ class="form-box-input1"
|
|
|
+ show-password
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <svg-icon icon-class="password_login" class="el-input__icon input-icon"/>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <p class="form-box-text">
|
|
|
+ 检测您已使用到该手机号注册 请使用密码登录
|
|
|
+ </p>
|
|
|
+ <div style="display: flex;flex-direction: column;width: 100%">
|
|
|
+ <el-button class="form-box-btn1" @click="visitor_login">登录</el-button>
|
|
|
+<!-- <p class="form-box-text1" >-->
|
|
|
+<!-- 忘记密码?-->
|
|
|
+<!-- </p>-->
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <el-button @click="registHandler">注册</el-button>
|
|
|
- </div>
|
|
|
- <div v-show="step == 4">
|
|
|
- 手机号
|
|
|
- <el-input v-model="loginForm.userName"></el-input>
|
|
|
- 密码
|
|
|
- <el-input v-model="loginForm.password" type="password"></el-input>
|
|
|
- <el-button @click="visitor_login">登录</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
|
|
|
- import {getUserInfo, sendCheckCode, validCheckCodeAndRegister,regist} from '@/api/xjc-platform/xjc_index.js'
|
|
|
- import {login} from '@/api/login'
|
|
|
- import { setToken } from '@/utils/auth'
|
|
|
- const loading = ref(false)
|
|
|
- const router = useRouter()
|
|
|
- const route = useRoute()
|
|
|
- const {proxy} = getCurrentInstance()
|
|
|
- const {rank, gk_province} = proxy.useDict('rank', 'gk_province')
|
|
|
- const params = route.query
|
|
|
- //1手机号 2-验证码注册 3-设置密码和省份
|
|
|
-
|
|
|
- const step = ref(1)
|
|
|
- const seconds = ref(60)
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- const loginForm = ref({
|
|
|
- userName: '',
|
|
|
- //一体机用户手机注册
|
|
|
- businessType: '1',
|
|
|
- checkCode: '',
|
|
|
- areaId:null,
|
|
|
- areaName: null,
|
|
|
- password : '',
|
|
|
- reppassword :''
|
|
|
- })
|
|
|
-
|
|
|
- function phoneLogin() {
|
|
|
- getUserInfo(loginForm.value.userName).then(resp => {
|
|
|
- if (resp.sysUser == null) {
|
|
|
- //没有此人，需要注册
|
|
|
- step.value = 2
|
|
|
- } else {
|
|
|
- step.value = 4
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+import {getUserInfo, sendCheckCode, validCheckCodeAndRegister,regist} from '@/api/xjc-platform/xjc_index.js'
|
|
|
+import {login} from '@/api/login'
|
|
|
+import { setToken } from '@/utils/auth'
|
|
|
+const loading = ref(false)
|
|
|
+const router = useRouter()
|
|
|
+const route = useRoute()
|
|
|
+const {proxy} = getCurrentInstance()
|
|
|
+const {rank, gk_province,sys_user_sex} = proxy.useDict('rank', 'gk_province','sys_user_sex')
|
|
|
+const params = route.query
|
|
|
+//1手机号 2-验证码注册 3-设置密码和省份
|
|
|
+
|
|
|
+const step = ref(1)
|
|
|
+const seconds = ref(60)
|
|
|
|
|
|
- function getCheckCode() {
|
|
|
- sendCheckCode(loginForm.value).then(resp => {
|
|
|
- console.log("一体机注册，验证码:", resp.checkCode)
|
|
|
- //开始倒计数
|
|
|
- secondsBegin()
|
|
|
- })
|
|
|
- }
|
|
|
|
|
|
- function secondsBegin() {
|
|
|
- seconds.value--;
|
|
|
- if (seconds.value > 0) {
|
|
|
- window.setTimeout(secondsBegin, 1000)
|
|
|
+
|
|
|
+const loginForm = ref({
|
|
|
+ userName: '',
|
|
|
+ //一体机用户手机注册
|
|
|
+ businessType: '1',
|
|
|
+ checkCode: '',
|
|
|
+ areaId:null,
|
|
|
+ areaName: null,
|
|
|
+ areaItem:null,
|
|
|
+ password : '',
|
|
|
+ reppassword :'',
|
|
|
+ sex:null,
|
|
|
+ checkCodeText:'',
|
|
|
+})
|
|
|
+
|
|
|
+const loginStepOneRules = {
|
|
|
+ userName: [{required: true, trigger: "blur", message: "请输入您的手机号"}]
|
|
|
+}
|
|
|
+const loginStepTwoRules = {
|
|
|
+ userName: [{required: true, trigger: "blur", message: "请输入您的手机号"}],
|
|
|
+ checkCode : [{required: true, trigger: "blur", message: "请输入验证码"}],
|
|
|
+}
|
|
|
+const loginStepThreeRules = {
|
|
|
+ password: [{required: true, trigger: "blur", message: "请输入密码"}],
|
|
|
+ reppassword: [{required: true, trigger: "blur", message: "请再次输入密码"}],
|
|
|
+ sex: [{required: true, trigger: "blur", message: "请选择性别"}],
|
|
|
+ areaItem: [{required: true, trigger: "blur", message: "请选择高考省份"}]
|
|
|
+}
|
|
|
+const loginStepFourRules = {
|
|
|
+ userName: [{required: true, trigger: "blur", message: "请输入您的手机号"}],
|
|
|
+ password: [{required: true, trigger: "blur", message: "请输入密码"}],
|
|
|
+}
|
|
|
+
|
|
|
+function phoneLogin() {
|
|
|
+ proxy.$refs.loginRef.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ loading.value = true
|
|
|
+ getUserInfo(loginForm.value.userName).then(resp => {
|
|
|
+ if (resp.sysUser == null) {
|
|
|
+ //没有此人，需要注册
|
|
|
+ step.value = 2
|
|
|
} else {
|
|
|
- seconds.value = 60
|
|
|
+ step.value = 4
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function getCheckCode() {
|
|
|
+ sendCheckCode(loginForm.value).then(resp => {
|
|
|
+ console.log("一体机注册，验证码:", resp.checkCode)
|
|
|
+ loginForm.value.checkCodeText = resp.checkCode
|
|
|
+
|
|
|
+ //开始倒计数
|
|
|
+ secondsBegin()
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function secondsBegin() {
|
|
|
+ seconds.value--;
|
|
|
+ if (seconds.value > 0) {
|
|
|
+ window.setTimeout(secondsBegin, 1000)
|
|
|
+ } else {
|
|
|
+ seconds.value = 60
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function validCheckCode() {
|
|
|
+ proxy.$refs.loginStepTwoRef.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ loading.value = true
|
|
|
+ validCheckCodeAndRegister(loginForm.value).then(resp => {
|
|
|
+ if (resp.codeValidResult == true) {
|
|
|
+ step.value = 3
|
|
|
}
|
|
|
+ })
|
|
|
}
|
|
|
+ })
|
|
|
|
|
|
- function validCheckCode() {
|
|
|
- validCheckCodeAndRegister(loginForm.value).then(resp => {
|
|
|
- if (resp.codeValidResult == true) {
|
|
|
- step.value = 3
|
|
|
+}
|
|
|
+function chooseArea(val) {
|
|
|
+ console.log("loginForm.value--",loginForm.value,val.target)
|
|
|
+ loginForm.value.areaId = loginForm.value.areaItem.value
|
|
|
+ loginForm.value.areaName = loginForm.value.areaItem.label
|
|
|
+ console.log("loginForm.value",loginForm.value)
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+function registHandler() {
|
|
|
+ proxy.$refs.loginStepThreeRef.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ loading.value = true
|
|
|
+ if(loginForm.value.password != loginForm.value.reppassword){
|
|
|
+ proxy.$modal.msgError("密码不一致")
|
|
|
+ }else{
|
|
|
+ regist(loginForm.value).then(resp =>{
|
|
|
+ proxy.$modal.msgSuccess("注册成功")
|
|
|
+ //跳转到主页
|
|
|
+ router.push({
|
|
|
+ path : '/xjc_login',
|
|
|
+ query :{
|
|
|
+ userName : loginForm.value.userName,
|
|
|
+ password : loginForm.value.password,
|
|
|
+ modulePath : params.modulePath
|
|
|
}
|
|
|
+ })
|
|
|
})
|
|
|
+ }
|
|
|
}
|
|
|
- function chooseArea(areaId,areaName) {
|
|
|
- loginForm.value.areaId = areaId
|
|
|
- loginForm.value.areaName = areaName
|
|
|
+ })
|
|
|
+
|
|
|
+}
|
|
|
+function visitor_login(){
|
|
|
+ loading.value = true
|
|
|
+ // 调用action的登录方法
|
|
|
+ loginForm.value.loginType = "1"
|
|
|
+ proxy.$refs.loginStepFourRef.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ loading.value = true
|
|
|
+ login(loginForm.value.userName, loginForm.value.password, null, null, loginForm.value.loginType).then(resp => {
|
|
|
+ setToken(resp.data.access_token)
|
|
|
+ router.push({
|
|
|
+ path: params.modulePath
|
|
|
+ })
|
|
|
+ })
|
|
|
}
|
|
|
- function registHandler() {
|
|
|
- if(loginForm.value.password != loginForm.value.reppassword){
|
|
|
- proxy.$modal.msgError("密码不一致")
|
|
|
- }else{
|
|
|
- regist(loginForm.value).then(resp =>{
|
|
|
- proxy.$modal.msgSuccess("注册成功")
|
|
|
- //跳转到主页
|
|
|
- router.push({
|
|
|
- path : '/xjc_login',
|
|
|
- query :{
|
|
|
- userName : loginForm.value.userName,
|
|
|
- password : loginForm.value.password,
|
|
|
- modulePath : params.modulePath
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
+ })
|
|
|
+}
|
|
|
+function jumpReturn(path) {
|
|
|
+ router.push({
|
|
|
+ path: path,
|
|
|
+ query : {
|
|
|
+ modulePath : params.modulePath
|
|
|
}
|
|
|
- function visitor_login(){
|
|
|
- loading.value = true
|
|
|
- // 调用action的登录方法
|
|
|
- loginForm.value.loginType = "1"
|
|
|
- login(loginForm.value.userName, loginForm.value.password, null, null, loginForm.value.loginType).then(resp => {
|
|
|
- setToken(resp.data.access_token)
|
|
|
- router.push({
|
|
|
- path: params.modulePath
|
|
|
- })
|
|
|
- })
|
|
|
+ })
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+div,p,input{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.visitor-login-page{
|
|
|
+ background: url('@/assets/images/login-page-background.png') no-repeat;
|
|
|
+ background-size: 1920px 1080px;
|
|
|
+ z-index:10;
|
|
|
+ width: 100%;
|
|
|
+ height: 1080px;
|
|
|
+ .page-head{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width:100%;
|
|
|
+ height: 123px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .head-icon{
|
|
|
+ width: 74px;
|
|
|
+ height: 74px;
|
|
|
+ margin-left: 74px;
|
|
|
}
|
|
|
+ }
|
|
|
+ .page-content{
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 123px;
|
|
|
+ bottom: 0;
|
|
|
+ .content-left{
|
|
|
+ width: 600px;
|
|
|
+ margin-left: 237px;
|
|
|
+ margin-top: 70px;
|
|
|
+ .content-form{
|
|
|
+ display: flex;
|
|
|
+ flex-direction:column;
|
|
|
+ align-items:center;
|
|
|
+ p:nth-child(1){
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 48px;
|
|
|
+ color: #414141;
|
|
|
+ }
|
|
|
+ p:nth-child(2){
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #414141;
|
|
|
+ margin-top: 42px;
|
|
|
+ }
|
|
|
+ .form-box{
|
|
|
+ width: 490px;
|
|
|
+ margin-top: 29px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ p:nth-child(1){
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #666666;
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
|
|
|
-</script>
|
|
|
+ .form-box-input1{
|
|
|
+ width: 445px;
|
|
|
+ height: 65px;
|
|
|
+ background: #F5F9FA;
|
|
|
+ border-radius: 5px 5px 5px 5px;
|
|
|
+ margin-top: 20px;
|
|
|
+ ::v-deep .el-input__wrapper{
|
|
|
+ background: #F5F9FA;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-box-select {
|
|
|
+ width: 446px;
|
|
|
+ height: 65px;
|
|
|
+ background: #F5F9FA;
|
|
|
+ border-radius: 5px 5px 5px 5px;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
-<style scoped>
|
|
|
+ ::v-deep .el-select__wrapper {
|
|
|
+ height: 65px;
|
|
|
+ background: #F5F9FA;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .el-select-dropdown__item {
|
|
|
+ text-align: left; /* 或者 center，根据需要调整 */
|
|
|
+ padding-left: 30px !important;
|
|
|
+ }
|
|
|
+ ::v-deep .el-select-dropdown__item {
|
|
|
+ text-align: center !important; /* 使用 !important 来确保样式覆盖 */
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-box-text{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #979797;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .form-box-text1{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #5956E9;
|
|
|
+ margin-top: 9px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .form-box-btn1{
|
|
|
+ width: 255px;
|
|
|
+ height: 65px;
|
|
|
+ background-color: #5956E9;
|
|
|
+ border-radius: 33px 33px 33px 33px;
|
|
|
+ margin:16px auto 26px;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ .form-box-btn2{
|
|
|
+ width: 150px;
|
|
|
+ height: 57px;
|
|
|
+ background: #87B8FF;
|
|
|
+ border-radius: 10px 10px 10px 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
</style>
|
byq