| | |
| | | border-radius: 5px; |
| | | color: #ffffff; |
| | | z-index: 99; |
| | | box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3); |
| | | /*box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);*/ |
| | | } |
| | | |
| | | .login-contain { |
| | |
| | | #background_video { |
| | | position: absolute; |
| | | |
| | | top: 50%; left: 50%; |
| | | top: 50%; left: 39.55%; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | object-fit: cover; |
| | | height: 100%; width: 100%; |
| | | height: 100%; width: 79%; |
| | | } |
| | | |
| | | .s-video-all { |
| | |
| | | z-index: -999; |
| | | } |
| | | #girlwu{ |
| | | margin-left: 30%; |
| | | margin-top: 20%; |
| | | margin-left: 58%; |
| | | margin-top: 45%; |
| | | z-index: 999; |
| | | } |
| | | .pText{ |
| | |
| | | |
| | | @media screen and (min-width:300px) and (min-width:650px){ |
| | | .pTextFont{ |
| | | font-size:2rem; |
| | | font-size:0.75rem; |
| | | } |
| | | } |
| | | @media screen and (min-width:650px) and (min-width:1080px){ |
| | | .pTextFont{ |
| | | font-size:3rem; |
| | | font-size:1.125rem; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width:300px) and (min-width:1380px){ |
| | | .pTextFont{ |
| | | font-size:4rem; |
| | | font-size:1.5rem; |
| | | } |
| | | } |
| | | |
| | |
| | | <div style="display: flex;justify-content: center;align-items: center;"> |
| | | <div class="wrap-input100 validate-input m-b-10" style="width: 60%" data-validate="请输入验证码"> |
| | | <input id="code" class="input100" type="text" name="code" placeholder="验证码"> |
| | | <span class="focus-input100"></span> |
| | | <span class="focus-input100"></span>s |
| | | <span class="symbol-input100"> |
| | | <i class="fa fa-lock"></i> |
| | | </span> |
| | | </div> |
| | | <div style="width: 20%;"> |
| | | <div id="getCodeBox"><button onclick="getCode()">获取验证码</button></div> |
| | | <div id="getCodeTime"></div> |
| | | <div id="getCodeTime" style="color: black"></div> |
| | | </div> |
| | | </div> |
| | | <div style="text-align: right;"> |
| | | <button onclick="switchLogin('password')">密码登录</button> |
| | | </div> |
| | | <!-- <div style="text-align: right;">--> |
| | | <!-- <button onclick="switchLogin('password')">密码登录</button>--> |
| | | <!-- </div>--> |
| | | <div class="container-login100-form-btn p-t-10"> |
| | | <button id="smsLogin" class="login100-form-btn login-btn">Login</button> |
| | | </div> |