/******************************html***********************************/
@charset "utf-8";/*云蓝图科技--https://www.yunlantu.com*/

/* 登录首页 */
#logi_inde{width:100%;margin:0 auto;padding:50px 0 30px 0;position: relative;background:url("../../static/img/logd.jpg") no-repeat;background-size:100% 100%;}
#logi_inde .cent{background:none;}
#logi_inde img{width:100%;display: block;margin:0 auto;}
#logi_inde ul{width:100%;padding:1px 0;background:#fff;}
#logi_inde ul li{width:70%;height:40px;line-height:40px;margin:25px auto;font-size:14px;text-align:center;color:#315cc7;border:1px solid #315cc7;border-radius:20px;}
#logi_inde ul li.li{background:#315cc7;}
#logi_inde ul li.li a{display:block;color:#fff;cursor:pointer;}
#logi_inde ul li a{display:block;}
#logi_inde ul li .button{height:40px;line-height:40px;border:none;background: none;color:#315cc7;font-size:14px;}
#logi_inde ul li .button::after{border:none}
#logi_inde .xy{padding:10px;display: flex;background:white;border-radius:0 0 10px 10px;}
#logi_inde .xy radio{width:30px;margin-top:4px;display:block;}
#logi_inde .xy p{line-height:25px;font-size:13px;color:#999;text-align: center;flex: 1;margin-top: 10px;}
#logi_inde .xy p a{color:#3a91d6;}

/* 手机短信 */
#logi_mobi{min-height:calc(100vh - 400px);padding:30% 0 10% 0;background: url('../../static/img/logd.jpg') no-repeat; background-size: 100% calc(100% + 55px); background-position: center -55px; }
#logi_mobi .cent{background:none;}
#logi_mobi .form .t-a input { height:50px; line-height:50px;box-sizing: border-box; padding: 0 12px 0 54px; margin-bottom: 26px; background: #f8f7fc; border: 1px solid #e9e9e9; font-size: 14px; border-radius: 25px; width: 100%; }
#logi_mobi .form .t-a { position: relative; }
#logi_mobi .form .t-a .ico { width: 30px; height: 30px; position: absolute; left: 14px; top: 12px; border-right: 1px solid #dedede; padding-right: 10px; }
#logi_mobi .form button { font-size: 14px; background: #5677fc; color: #fff; height: 44px; line-height: 44px; border-radius: 25px; box-shadow: 0 5px 7px 0 rgba(86,119,252,0.2); width: 100%; border: none; }
#logi_mobi .form button { font-size: 14px; background: #5677fc; color: #fff; height: 44px; line-height: 44px; border-radius: 25px; box-shadow: 0 5px 7px 0 rgba(86,119,252,0.2); width: 100%; border: none; }
#logi_mobi .form .t-c { position: absolute; right: 8px; top: 8px; background: #5677fc; color: #fff; font-size: 12px; border-radius: 18px; height: 28px; line-height: 28px; padding: 0 12px; cursor: pointer; }
#logi_mobi .form .t-c.disabled { background: #A7A7A7; cursor: default; }
#logi_mobi .xy{width:100%;max-width:750px;margin-top:10px; text-align:center;}
#logi_mobi .xy label{font-size:12px;color:#999;}
#logi_mobi .xy a{color:#3a91d6;}

/* 账号密码登录 */
#logi_acco{min-height: 100vh;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 60px 30px 30px;display: flex;flex-direction: column;}
#logi_acco .auth-header {text-align: center;margin-bottom: 40px;}
#logi_acco .auth-logo {width: 80px;height: 80px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;backdrop-filter: blur(10px);}
#logi_acco .auth-logo i {font-size: 36px;color: #fff;}
#logi_acco .auth-title {font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 8px;}
#logi_acco .auth-subtitle {font-size: 14px;color: rgba(255, 255, 255, 0.8);}
#logi_acco .auth-form {background: #fff;border-radius: 20px;padding: 30px 25px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);}
#logi_acco .auth-input-group {display: flex;align-items: center;background: #f5f5f5;border-radius: 12px;padding: 0 15px;margin-bottom: 15px;}
#logi_acco .auth-input-group i {font-size: 18px;color: #999;margin-right: 12px;}
#logi_acco .auth-input-group input {flex: 1;height: 50px;border: none;background: transparent;font-size: 15px;color: #333;}
#logi_acco .auth-input-group input::placeholder {color: #bbb;}
#logi_acco .auth-btn {width: 100%;height: 50px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border: none;border-radius: 12px;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;margin-top: 10px;transition: opacity 0.3s;}
#logi_acco .auth-btn:disabled {opacity: 0.7;}
#logi_acco .auth-links {text-align: center;margin-top: 20px;}
#logi_acco .auth-links a {color: #667eea;font-size: 14px;}
#logi_acco .auth-footer {text-align: center;margin-top: auto;padding-top: 30px;}
#logi_acco .auth-footer a {color: rgba(255, 255, 255, 0.8);font-size: 14px;}
#logi_acco .auth-footer a i {margin-right: 5px;}
#logi_acco .xy{width:100%;max-width:750px;margin-top:10px; text-align:center;}
#logi_acco .xy label{font-size:12px;color:#999;}
#logi_acco .xy a{color:#3a91d6;}

/* 账号密码注册 */
#logi_acco_addt{min-height: 100vh;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 60px 30px 30px;display: flex;flex-direction: column;}
#logi_acco_addt .auth-header {text-align: center;margin-bottom: 40px;}
#logi_acco_addt .auth-logo {width: 80px;height: 80px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;backdrop-filter: blur(10px);}
#logi_acco_addt .auth-logo i {font-size: 36px;color: #fff;}
#logi_acco_addt .auth-title {font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 8px;}
#logi_acco_addt .auth-subtitle {font-size: 14px;color: rgba(255, 255, 255, 0.8);}
#logi_acco_addt .auth-form {background: #fff;border-radius: 20px;padding: 30px 25px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);}
#logi_acco_addt .auth-input-group {display: flex;align-items: center;background: #f5f5f5;border-radius: 12px;padding: 0 15px;margin-bottom: 15px;}
#logi_acco_addt .auth-input-group i {font-size: 18px;color: #999;margin-right: 12px;}
#logi_acco_addt .auth-input-group input {flex: 1;height: 50px;border: none;background: transparent;font-size: 15px;color: #333;}
#logi_acco_addt .auth-input-group input::placeholder {color: #bbb;}
#logi_acco_addt .auth-btn {width: 100%;height: 50px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border: none;border-radius: 12px;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;margin-top: 10px;transition: opacity 0.3s;}
#logi_acco_addt .auth-btn:disabled {opacity: 0.7;}
#logi_acco_addt .auth-links {text-align: center;margin-top: 20px;}
#logi_acco_addt .auth-links a {color: #667eea;font-size: 14px;}
#logi_acco_addt .auth-footer {text-align: center;margin-top: auto;padding-top: 30px;}
#logi_acco_addt .auth-footer a {color: rgba(255, 255, 255, 0.8);font-size: 14px;}
#logi_acco_addt .auth-footer a i {margin-right: 5px;}
#logi_acco_addt .xy{width:100%;max-width:750px;margin-top:10px; text-align:center;}
#logi_acco_addt .xy label{font-size:12px;color:#999;}
#logi_acco_addt .xy a{color:#3a91d6;}