|
|
|
|
@ -13,12 +13,18 @@
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
padding: 0px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
.login-page{
|
|
|
|
|
padding-bottom: .4rem;min-height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox {
|
|
|
|
|
.login-page .header-img{
|
|
|
|
|
width: 100%;text-align: center;padding-top: .55rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .header-img img{
|
|
|
|
|
width:6.7rem;height: 5.35rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style>
|
|
|
|
|
.login-page .loginbox {
|
|
|
|
|
width: 6.3rem;
|
|
|
|
|
height: 6.34rem;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
@ -26,7 +32,7 @@
|
|
|
|
|
margin: .6rem auto 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .title {
|
|
|
|
|
.login-page .loginbox .title {
|
|
|
|
|
display: flex;
|
|
|
|
|
height: 1rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
@ -34,26 +40,26 @@
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .title img,
|
|
|
|
|
.loginbox .titleright {
|
|
|
|
|
.login-page .loginbox .title img,
|
|
|
|
|
.login-page .loginbox .titleright {
|
|
|
|
|
width: .4rem;
|
|
|
|
|
height: .4rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .title img {
|
|
|
|
|
.login-page .loginbox .title img {
|
|
|
|
|
padding-left: .22rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .titleright {
|
|
|
|
|
.login-page .loginbox .titleright {
|
|
|
|
|
padding-right: .22rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .title div {
|
|
|
|
|
.login-page .loginbox .title div {
|
|
|
|
|
font-size: .4rem;
|
|
|
|
|
color: #292929;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .formitem {
|
|
|
|
|
.login-page .loginbox .formitem {
|
|
|
|
|
display: flex;
|
|
|
|
|
height: .8rem;
|
|
|
|
|
width: 5rem;
|
|
|
|
|
@ -65,26 +71,70 @@
|
|
|
|
|
margin: .3rem auto 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .formitem img {
|
|
|
|
|
.login-page .loginbox .formitem img {
|
|
|
|
|
width: .4rem;
|
|
|
|
|
height: .4rem;
|
|
|
|
|
margin-right: .1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loginbox .formitem input {
|
|
|
|
|
.login-page .loginbox .formitem input {
|
|
|
|
|
border: 0px;
|
|
|
|
|
height: .8rem;
|
|
|
|
|
font-size: .28rem;
|
|
|
|
|
text-align: left;
|
|
|
|
|
width: 4.5rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .verify-item{
|
|
|
|
|
border: 0px;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .verify-item .formitem{
|
|
|
|
|
margin-right: .2rem;margin-top: 0px;width: 3.5rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .verify-item .formitem input{
|
|
|
|
|
width:2rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .verify-item .verify-img{
|
|
|
|
|
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-btn-group{
|
|
|
|
|
display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-btn-group div{
|
|
|
|
|
width: 2.9rem;height: 1.4rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-footer{
|
|
|
|
|
display: flex;width:100%;justify-content:center;align-items:center;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-footer img{
|
|
|
|
|
width: .3rem;height: .3rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-footer .chatqq{
|
|
|
|
|
font-size: .24rem;color:#21B1EB;margin-left: .1rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .login-btn-group .login-btn-big{
|
|
|
|
|
width: 5.6rem;height: 1.4rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .phonecodebtn{
|
|
|
|
|
width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .reg-footer{
|
|
|
|
|
display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .reg-change{
|
|
|
|
|
display: flex;align-items:center;margin-left: .25rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .reg-change img{
|
|
|
|
|
width: .3rem;height: .3rem;
|
|
|
|
|
}
|
|
|
|
|
.login-page .loginbox .reg-change div{
|
|
|
|
|
color:#21B1EB;margin-left: .1rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div
|
|
|
|
|
style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;padding-bottom: .4rem;min-height: 100vh;">
|
|
|
|
|
<div style="width: 100%;text-align: center;padding-top: .55rem;">
|
|
|
|
|
<img src="__IMG__/ssg/home/hader.png" style="width:6.7rem;height: 5.35rem;">
|
|
|
|
|
<div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
|
|
|
|
|
<div class="header-img">
|
|
|
|
|
<img src="__IMG__/ssg/home/hader.png">
|
|
|
|
|
</div>
|
|
|
|
|
<input type="hidden" value="{$promote_id}" id="promote_id" name="promote_id"/>
|
|
|
|
|
<div class="swiper-container">
|
|
|
|
|
@ -105,27 +155,25 @@
|
|
|
|
|
<img src="__IMG__/ssg/login/password.png">
|
|
|
|
|
<input id="password" type="password" placeholder="请输入密码" value="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="formitem" style="border: 0px;">
|
|
|
|
|
<div class="formitem" style="margin-right: .2rem;margin-top: 0px;width: 3.5rem;">
|
|
|
|
|
<div class="formitem verify-item">
|
|
|
|
|
<div class="formitem">
|
|
|
|
|
<img src="__IMG__/ssg/login/code.png">
|
|
|
|
|
<input id="userCode" type="text" placeholder="请输入验证码" value="" style="width:2rem;">
|
|
|
|
|
<input id="userCode" type="text" placeholder="请输入验证码" value="">
|
|
|
|
|
</div>
|
|
|
|
|
<img id="verifyCode" style="cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;"
|
|
|
|
|
onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
|
|
|
|
|
<img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
|
|
|
|
|
</div>
|
|
|
|
|
<!---按钮-->
|
|
|
|
|
<div
|
|
|
|
|
style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
|
|
|
|
|
<div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
|
|
|
|
|
<div class="login-btn-group">
|
|
|
|
|
<div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
|
|
|
|
|
登陆
|
|
|
|
|
</div>
|
|
|
|
|
<div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
|
|
|
|
|
<div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
|
|
|
|
|
注册
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex;width:100%;justify-content:center;align-items:center;">
|
|
|
|
|
<img src="__IMG__/ssg/login/kf.png" style="width: .3rem;height: .3rem;">
|
|
|
|
|
<div class="chatqq" style="font-size: .24rem;color:#21B1EB;margin-left: .1rem;">
|
|
|
|
|
<div class="login-footer">
|
|
|
|
|
<img src="__IMG__/ssg/login/kf.png">
|
|
|
|
|
<div class="chatqq">
|
|
|
|
|
联系客服
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -152,23 +200,21 @@
|
|
|
|
|
<img src="__IMG__/ssg/login/code.png">
|
|
|
|
|
<input id="phonecode" type="text" placeholder="请输入短信验证码" value="" style="width:2.5rem;">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="getPhoneCode" style="width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;">
|
|
|
|
|
<div id="getPhoneCode" class="phonecodebtn">
|
|
|
|
|
获取验证码
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!---按钮-->
|
|
|
|
|
<div id="phonereg"
|
|
|
|
|
style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
|
|
|
|
|
<div
|
|
|
|
|
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
|
|
|
|
|
<div id="phonereg" class="login-btn-group">
|
|
|
|
|
<div class="login-btn-big" style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;">
|
|
|
|
|
立即注册
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;">
|
|
|
|
|
<div class="reg-footer">
|
|
|
|
|
<div>注册即表示同意<a href="{:U('News/protocol')}" style="color:#3CC2EF">《用户协议》</a></div>
|
|
|
|
|
<div style="display: flex;align-items:center;margin-left: .25rem;">
|
|
|
|
|
<img src="__IMG__/ssg/login/change.png" style="width: .3rem;height: .3rem;">
|
|
|
|
|
<div class="gouserreg" style="color:#21B1EB;margin-left: .1rem;">
|
|
|
|
|
<div class="reg-change">
|
|
|
|
|
<img src="__IMG__/ssg/login/change.png">
|
|
|
|
|
<div class="gouserreg">
|
|
|
|
|
切换普通注册
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -198,8 +244,7 @@
|
|
|
|
|
<input id="regpassword2" type="password" placeholder="请再次确认输入密码" value="">
|
|
|
|
|
</div>
|
|
|
|
|
<!---按钮-->
|
|
|
|
|
<div
|
|
|
|
|
style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
|
|
|
|
|
<div class="login-btn-group">
|
|
|
|
|
<div id="userreg"
|
|
|
|
|
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
|
|
|
|
|
立即注册
|
|
|
|
|
@ -227,7 +272,7 @@
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
|
|
// autoplay: true,//可选选项，自动滑动
|
|
|
|
|
// initialSlide :1,
|
|
|
|
|
// initialSlide :2,
|
|
|
|
|
noSwiping : true,
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
tpingzhang
5 years ago