@charset "utf-8";
* {box-sizing:border-box; }

html, body, applet, object, blockquote,
a, abbr, acronym, address, big, cite, span, p,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:14px; line-height:24px; font-family:Arial, sans-serif; }
.table, .table th, .table td { border-collapse:collapse; border:1px solid #bdc4c9; text-align:center; }
:focus { outline:0;}
html,body { border: 0; padding: 0; margin: 0; background: #fff; color:black; }
div { text-align: center; text-align: -webkit-center; background-repeat: no-repeat; background-position:center top; overflow: hidden; }
main { max-width: 800px; margin: 0 auto; overflow: hidden; }
h1, h2, h3 { margin-top: 2rem; }
p { margin-bottom: 1.5rem; } 
a { color: #007bff; text-decoration: none; transition: color 0.3s ease; }
a:hover { text-decoration: none; }
ul { list-style: none; padding: 0; margin: 0; }
li { display: list-item; }
.textlft{ text-align: left; }


/** IOS系统微信中，阻止字体大小调整 */
body{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
body{ max-width: 800px; margin: 0 auto; position: relative; }
body{ margin: 0 auto; position: relative; }
/** 导航栏 */
.headerpage{ position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 62px; transition: all 1s; z-index: 1000; padding: 10px 22px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.header-box.scrolled .headerpage { height: 52px; background: #fff !important; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); border-bottom: 1px solid #e24949; }
.header-left{ display: flex; justify-content: flex-start; }
.header-right{ display: flex; justify-content: flex-end; }
.headerpage img{ height: 35px; }
/** 侧边栏 */
.sidebar{ position: fixed;top: 0;left: -240px;width: 240px;z-index: 3002;background: #fff; }
.sidebar.show{ transition: all 0.5s ease; left: 0;height: 100vh; }
.area .nickname{ height: 32px !important; font-size: 28px; line-height: 32px; margin-bottom: 10px; font-weight: 800; overflow: hidden; max-width: 116px; white-space: nowrap; text-overflow: ellipsis; }
.userinfo-btn{ font-size: 14px; background: #fff; color: #e03f3f; border-radius: 8px; cursor: pointer; width: 80px; height: 22px; text-align: center; }
.sidebar-userinfo{ background-image: url('../img/mobile/base_bg.png');background-size: cover;height: 158px;display: flex;align-items: flex-end;justify-content: center;padding-bottom: 10px;padding-left: 15px; border-bottom: 1px solid #e03f3f; }
.sidebar-userinfo .avatar img{ width: 100%;height: 100%;border-radius: 50%; }
.sidebar-userinfo .area{ margin-left: 10px;width: 116px;height: 100px;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.sidebar-userinfo .area .nickname{ color: #fff; }
.sidebar-menus{ -webkit-box-flex: 1;-ms-flex: auto;flex: auto;overflow: auto; }
.sidebar-logo{ position: fixed; bottom: 20px; width: 240px; }
.sidebar-logo img{ width: 168px; }
.sidebar-mask{ position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 3001;-webkit-transition: background-color .3s cubic-bezier(.2,0,0,1) 0s, left .3s cubic-bezier(.2,0,0,1) 0s;transition: background-color .3s cubic-bezier(.2,0,0,1) 0s, left .3s cubic-bezier(.2,0,0,1) 0s;visibility: hidden;background: #00000080; }
.sidebar-mask.show{ transition: all 0.5s ease; left: 240px; visibility: visible; }
.scrollbar{ height: calc(100vh - 158px);overflow: hidden;position: relative; }
.scrollbar ul{ margin-top: 50px; }
.menu-item{ text-align: left;margin: 10px 20px 0;padding-left: 10px;line-height: 40px; }
.menu-item:not(:last-child){ border-bottom: 1px solid #999; }
.menu-item a{ width: 100%;font-size: 20px;color: #474546;display: inline-block; }
.menu-item a .icon-right{ float: right;margin-right: 5px;font-size: 20px;line-height: 30px; }
.menu-item.stu-center{ background: #f9eaf0; margin-top: 0; padding-top: 10px; }
.menu-item.stu-center a{ color: #e03f3f; }
@media (min-width: 768px){ .headerpage img{ width: 100%; } }
.buttomspan{ margin-right: 5%; font-size: 1.1rem; color: #fff; line-height: 20px; display: inline-block; }
.dis-inline-flx { display: inline-flex; }
.contact-type { font-size: 1.1rem; color: #fff; line-height: 30px; align-items: center; margin-right: 2vw; }
.ft-icon { display: inline-block; width: 24px; height: 24px; }
.icon-tel { background: url(../img/mobile/icon_ft_tel.png) no-repeat; }
.icon-email { background: url(../img/mobile/icon_ft_email.png) no-repeat; }
.miniprogram{ height: 44px; background: url(../img/pc/icon_ft_miniprogram.png) no-repeat; background-size: contain; margin: 3vw auto; }
.copyright-text{ font-size: 1.1rem; color: #fff; display: inline-block; line-height: 20px; }
.prompt-message{width: auto;position: fixed;z-index: 10001;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.8);color: #fff;padding: 10px 20px;border-radius: 4px;}
/* 全局模态框样式 */
#confirmModal {display: none; /* 初始状态隐藏 */background: #fff;position: fixed;width: 376px;height: 274px;border-radius: 5px;padding: 15px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999; /* 可根据需要调整 */overflow: hidden;height: 274px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.modal-header{font-size: 20px;font-weight: 600;}
.modal-dialog {width: 100%;height: 100%;}

/* 修改密码 模态框样式 */
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 101; }
.modal2 { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.modal2 { width: 376px; height: 316px; border-radius: 5px; padding: 15px; z-index: 9999; }
.modal2 h2 { margin-top: 0; }
.modal2 div { position: relative; }
.modal2 div img { position: absolute; left: 16px; top: 10px; }
.modal2 input { padding-left: 55px; width: 346px; height: 50px; margin-bottom: 15px; border: 1px solid #e03f3f; border-radius: 5px; font-size: 1rem; }
.modal2 .phone { cursor: not-allowed; }
.modal2 .editpwd { width: 140px; height: 40px; background-color: #e03f3f; border: 1px solid #e03f3f; background-color: #e03f3f; color: #fff; border-radius: 5px; font-size: 1rem; }
.modal2 .close { position: absolute; top: 10px; right: 10px; background: #e03f3f; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; cursor: pointer; }

.modal-content {position: relative;display: flex;flex-direction: column;background-color: #fff;background-clip: padding-box;pointer-events: auto;}
.modal-body{height: 146px;font-size: 18px;line-height: 146px;}
.modal-content button{width: 140px;height:40px;background-color: #e03f3f;border: 1px solid #e03f3f;background-color: #e03f3f;color: #fff;border-radius: 5px;font-size: 16px;}
.modal-content #cancelBtn{background-color: #b6b6b6;border: 1px solid #b6b6b6;}
.logincontent{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background-image: url(../img/mobile/student/bg.png);background-repeat: no-repeat;background-size: cover;flex: 1;}
.login-form {margin: 0 auto;max-width: 100%;padding: 25px 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 4px;z-index: 2;}
.login-title{width: 256px;height: 120px;}
.login-box{width: 360px;padding: 5% 8%;border-radius: 5px;background-color: #fff;border-radius: 8px;display: flex;flex-direction: column;align-items: center;}
.login-method{overflow: unset;display: flex;width: 100%;height: auto;margin-bottom: 30px;justify-content: space-around;font-size: 16px;}
.login-method div{overflow: unset;cursor: default;}
.login-method .active{color: #e03f3f;position: relative;}
.login-method .active::after{content: "";position: absolute;transform: translate(0px, 5px);inset: 100% 0px 0px;background-color: #e03f3f;bottom: -5px;left: 0;}
#getCode{cursor:default;width: auto;padding: 0 10px;font-size: 12px;display: flex;justify-content: center;align-items: center;color: #425fda;border: 1px solid #425fda;background: #fff;height: 24px;margin-right: 5px;border-radius: 5px;}
.fw-input {position: relative;font-size: 14px;width: 100%;border: 1px solid #e03f3f;border-radius: 4px;margin-bottom: 20px;line-height: 28px;}
.input-prefix {width: 20px;height: 20px;position: absolute;left: 5px;top: 4px;}
.icon-phone {background: url(../img/mobile/student/phone.png) center no-repeat;background-size: 20px 20px;}
.icon-pwd {background: url(../img/mobile/student/pwd.png) center no-repeat;background-size: 20px 20px;}
.input-inner {display: inline-block;width: 100%;}
.input-inner input{width: 100%;padding: 10px;border: 0px;box-sizing: border-box;height: 28px;font-size: 12px;}
.input-inner input, .input-inner select {padding-left: 30px;}
.agreebox {text-align: left;width: 100%;margin-left: 20px;display: flex;align-items: center;}
.agreebox-chkbox{height: 15px;width: 15px;color: #606266;font-weight: 500;font-size: 14px;margin-right: 5px;position: relative;cursor: pointer;display: inline-block;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox__input{white-space: nowrap;cursor: pointer;outline: none;display: inline-block;line-height: 1;position: relative;}
.checkbox__inner {display: inline-block;position: relative;top: -2px;border: 1px solid #ddd;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;background-color: #fff;z-index: 1;-webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);}
.checkbox__input.is-checked .checkbox__inner {background-color: #e03f3f;border-color: #e03f3f;}
.checkbox__input.is-checked .checkbox__inner:after {-webkit-transform: rotate(45deg) scaleY(1);transform: rotate(45deg) scaleY(1);}
.checkbox__inner:after {-webkit-box-sizing: content-box;box-sizing: content-box;content: "";border: 1px solid #fff;border-left: 0;border-top: 0;height: 7px;left: 4px;position: absolute;top: 1px;-webkit-transform: rotate(45deg) scaleY(0);transform: rotate(45deg) scaleY(0);width: 3px;-webkit-transition: -webkit-transform .15s ease-in .05s;transition: -webkit-transform .15s ease-in .05s;transition: transform .15s ease-in .05s;transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;-webkit-transform-origin: center;transform-origin: center;}
.checkbox__original {opacity: 0;outline: none;position: absolute;margin: 0;width: 0;height: 0;z-index: -1;}

.agreebox a { color: #aaa; font-size: 10px; }
.agreebox a:hover { text-decoration: none; }
.submit-btn{padding: 10px 20px;background: #e03f3f;color: #fff;border: none;border-radius: 5px;cursor: pointer;width: 72%;margin-top: 20px;height: 30px;display: flex;justify-content: center;align-items: center;}
.agreelayer {position: absolute;display: none;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);justify-content: center;align-items: center;}
#agreementContent {background-color: #fefefe;margin: 15% auto;padding: 20px; border: 1px solid #888;width: 80%; height: 60%;display: flex;flex-direction: column;}
#agreementContent .header{height: 40px;display: flex;justify-content: center;position: relative;}
#agreementContent .header #userdeal{font-size: 20px;font-weight: bolder;}
#agreementContent .header #closeAgreement{position: absolute;right: 5px;background: #e03f3f;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;cursor: pointer;}
#agreementContent .header #closeAgreement:hover{background: #e03f3fa8;}
#agreementContent p{height: calc(100% - 40px);overflow-y: auto;padding: 10px;text-align: left;}

/* 页面公共样式 */
.header-box { height: 62px; }

@media screen and (min-height: 550px) {.login-form {position: absolute;top: 68%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin-top: -220px;}}
@media screen and (min-width: 550px) {.login-box{width: 430px;padding: 5% 8%;border-radius: 5px;background-color: #fff;border-radius: 8px;display: flex;flex-direction: column;align-items: center;}}
@media screen and (min-width: 800px) {.copyright-text{ margin-right: 20px; }}
/* 横屏 */
@media (orientation: landscape) {
    .logincontent{ overflow: auto; }
    .avatar{ overflow: hidden; }
    .sidebar-logo{ display: none; }
    .scrollbar{ overflow: auto; height: calc(100vh - 176px);}
    .scrollbar ul { margin-top: 0; }
    .area .nickname { height: 24px !important;font-size: 20px;line-height: 24px; }
    .sidebar-userinfo { height: 176px;padding-bottom: 32px; }
    .sidebar-userinfo .avatar img{ width: 100%;height: 100%;border-radius: 50%; }
    .concat { top: 38vw !important;left: unset !important;right: 0 !important; }
    .userinfo .avatar{ width: 20%;height: 16vw; }
    .mycourse .coursebox { height: 100% !important; }
}