body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0}table,td,tr,th,font{font-size:12px}table{margin:0}img{border:none}ol,ul{list-style:none}.l{float:left}.r{float:right}.left{float:left}.right{float:right}.t_l{text-align:left}.t_r{text-align:right}.v_t{vertical-align:top}.v_m{vertical-align:middle}a:hover{color:#f47d17;text-decoration:none}.white{color:#fff}.red{color:red}.black{color:#000}.bold{font-weight:700}.heiti{font-family:黑体}.font14{font-size:14px}.block{display:block}.text-indent{text-indent:24px}.none{display:none}.float_icon{width:44px;margin-left:504px;left:50%}.float_icon a{margin-top:2px;display:block}.fenye{text-align:center;height:45px;padding-top:15px;font-size:14px}.fenye a{color:#666;border:1px solid #d6cfd6;height:20px;padding:3px 10px;font-size:14px;line-height:20px;display:inline-block}.fenye a:hover{color:#fff;background:#d40606;border:none;height:20px;padding:4px 11px;font-size:14px;font-weight:400;display:inline-block}.fenye strong{color:#fff;background:#d40606;border:1px solid #ccc;height:20px;padding:3px 10px;font-size:14px;font-weight:400;line-height:20px;display:inline-block}.fenye em{color:#ccc;background:#fff;border:1px solid #ccc;height:20px;padding:3px 10px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:inline-block}.uer_head{padding-top:15px;padding-bottom:5px;padding-left:12px}.uer_head .div01{height:50px;padding-right:10px}.uer_head .div01 .l{width:50px;height:50px;display:inline}.uer_head .div01 .r{width:130px;display:inline}.uer_head .div01 .r span.span01{color:#fff1da;height:25px;font-size:14px;font-weight:800;line-height:25px;display:block}.uer_head .div01 .r span.span02{color:#ffd289;height:25px;font-size:13px;line-height:25px;display:block}.uer_head .div02{color:#fff1da;height:22px;margin-top:25px;padding-right:10px;font-size:16px;line-height:22px}.uer_head .div02 span{color:#ffd289}.uer_head .div02 a{float:right;color:#fff1da;text-align:center;background:#054e91;width:39px;height:22px;display:block}.uer_head .div02 a:hover{color:#ffd289;text-align:center;background:#054e91;width:39px;height:22px;display:block}.uer_menu{background:url(/images/css/fenxian_bg01.jpg) top no-repeat}.uer_menu .div01{border-bottom:1px dashed #cf371d;padding:10px 10px 10px 20px}.uer_menu .div01 ul li{height:30px;padding:2px 0}.uer_menu .div01 ul li a{color:#ffd289;background:url(/images/css/inner_icon01.jpg) 12px no-repeat;height:30px;padding-left:24px;font-size:16px;line-height:30px;display:block}.uer_menu .div01 ul li a:hover,.uer_menu .div01 ul li a.active{background-color:#054e91}.uer_menu .div02{padding:10px 10px 10px 20px}.uer_menu .div02 ul li{height:30px;padding:2px 0}.uer_menu .div02 ul li a{color:#ffd289;background:url(/images/css/inner_icon01.jpg) 12px no-repeat;height:30px;padding-left:24px;font-size:16px;line-height:30px;display:block}.uer_menu .div02 ul li a:hover,.uer_menu .div02 ul li a.active{background-color:#054e91}.uer_menu .div02a{padding:10px 10px 10px 20px}.uer_menu .div02a ul li{height:30px;padding:2px 0}.uer_menu .div02a ul li a{color:#81582d;background:url(/images/css/inner_icon02.jpg) 12px no-repeat;height:30px;padding-left:24px;font-size:16px;line-height:30px;display:block}.uer_menu .div02a ul li a:hover,.uer_menu .div02a ul li a.active{background-color:#faf8ed}.uer_menu .div02b{padding:10px 10px 10px 20px}.uer_menu .div02b ul li{height:30px;padding:2px 0}.uer_menu .div02b ul li a{color:#fff;background:url(/images/css/inner_icon03.jpg) 12px no-repeat;height:30px;padding-left:24px;line-height:30px;display:block}.uer_menu .div02b ul li a:hover,.uer_menu .div02b ul li a.active{background-color:#c1954a}.error_box{background:#fefce5;border:1px solid #f2d591;margin-bottom:5px;padding:5px 30px;line-height:26px}.error_list{color:#ea0101;margin-left:24px;font-size:14px;list-style-type:square}.top_nav{background:#2e72b1;width:1003px;height:30px;margin:0 auto;line-height:30px}.top_nav .l{float:left;color:#fff;margin-left:20px;display:inline}.top_nav .r{float:right;color:#fff;margin-right:20px;display:inline}.top_nav a{color:#fff;line-height:30px}.top_nav a:hover{color:#ffd289;line-height:30px}.main_right{float:right;background:red;width:250px;padding-bottom:70px;padding-left:5px;display:inline}.landing{height:295px}.landing_nav{height:56px}.landing_nr{color:#ffd289;padding-left:35px}.landing_nr .div01{height:26px;line-height:26px}.landing_nr .div02,.landing_nr .div03{height:40px}.landing_nr .div04{height:40px;margin-top:10px}.landing_nr .div05{height:40px;padding-left:2px;font-size:18px;line-height:25px}.landing_nr .div05 a{color:#ffd289}.landing_nr .div06{color:#fff;margin-top:5px}.landing_nr .div07{margin-top:13px;padding-left:30px}.landing_nr .div07 a.a01{color:#ffccb1;background:url(/images/css/zhifubao.jpg) no-repeat;height:18px;padding:1px 2px 0 53px;line-height:18px;display:inline-block}.landing_nr .div07 a.a03{color:#ffccb1;background:url(/images/css/renren_landing.jpg) no-repeat;height:18px;padding:1px 2px 0 20px;line-height:18px;display:inline-block}.application{width:179px;height:32px;margin-top:15px;padding-left:34px}.application a{text-align:center;color:#ffd38c;background:url(/images/css/application_bg.jpg) no-repeat;width:170px;height:32px;font-size:14px;font-weight:800;line-height:30px;display:block}.current_trad{background:url(/images/css/fenxian_bg01.jpg) top no-repeat;width:208px;padding-left:20px;padding-right:8px}.current_trad p{color:#fff;height:56px;font-size:14px;font-weight:800;line-height:56px}.current_trad ul li{color:#ffd289;height:68px;font-size:12px;line-height:20px}.new_teacher{background:url(/images/css/fenxian_bg01.jpg) top no-repeat;width:250px;padding-left:5px;padding-right:5px}.new_teacher_nav{color:#fff;height:48px;padding-left:39px;padding-right:2px;font-size:14px;font-weight:800;line-height:55px}.new_teacher ul{display:block}.new_teacher ul li{float:left;width:65px;height:85px;margin-top:7px;margin-left:10px;display:inline;overflow:hidden}.new_teacher ul li a img{border:3px solid #fee9c8;width:55px;height:55px}.new_teacher ul li span{text-align:center;color:#fff8dc;height:30px;font-size:14px;line-height:20px;display:block}:root{--color-primary:#ed1f32;--color-primary-dark:#c41103;--color-primary-light:#fc362d;--color-bg:#fef9f5;--color-accent:#fad603;--color-accent-dark:#dc8f03;--color-link:#06f;--color-border:#ebe0d8;--color-text:#333;--color-text-light:#888;--color-text-muted:#aaa;--color-online:#52c41a;--color-busy:#faad14;--color-offline:#bfbfbf;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 2px 12px #0000000f;--shadow-hover:0 8px 30px #ed1f321f;--shadow-nav:0 2px 16px #ed1f3226;--gradient-primary:linear-gradient(135deg, #ed1f32 0%, #c41103 100%);--gradient-hero:linear-gradient(160deg, #ed1f32 0%, #c41103 60%, #a00d02 100%);--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul,li{list-style:none}img{vertical-align:middle;border:0}.clear{clear:both}.main-nav{background:var(--gradient-primary);box-shadow:var(--shadow-nav);z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo .logo-text{color:#fff;letter-spacing:2px;text-shadow:0 2px 4px #00000026;font-size:22px;font-weight:700}.nav-logo .logo-badge{background:var(--color-accent);color:var(--color-primary-dark);letter-spacing:1px;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.nav-menu{align-items:center;gap:28px;display:flex}.nav-menu a{color:#ffffffe6;transition:var(--transition);font-size:15px;font-weight:500;position:relative}.nav-menu a:hover{color:var(--color-accent)}.nav-menu a:hover:after{content:"";background:var(--color-accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-cta{align-items:center;gap:12px;display:flex}.nav-cta .btn-login{color:#fff;transition:var(--transition);border:1px solid #ffffff80;border-radius:20px;padding:6px 18px;font-size:14px}.nav-cta .btn-login:hover{background:#ffffff26;border-color:#fff}.nav-cta .btn-service{color:#fff;transition:var(--transition);border:1px solid #ffffff59;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;display:inline-flex}.nav-cta .btn-service:before{content:"💬";font-size:14px}.nav-cta .btn-service:hover{background:#ffffff26;border-color:#fff}.hero-section{background:var(--gradient-hero);padding:36px 0 32px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#fad6031f 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-10%}.hero-inner{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.hero-title{color:#fff;letter-spacing:3px;text-shadow:0 2px 8px #0003;margin-bottom:8px;font-size:28px;font-weight:700}.hero-subtitle{color:#ffffffd9;letter-spacing:1px;margin-bottom:20px;font-size:14px}.hero-tags{flex-wrap:wrap;gap:12px;display:flex}.hero-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;padding:5px 14px;font-size:13px}.hero-tag:hover{background:#fff3;border-color:#fff6}.hero-tag .dot{background:var(--color-accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.page-body{align-items:flex-start;gap:20px;max-width:1280px;margin:0 auto;padding:0 20px 40px;display:flex}.page-main{flex:1;min-width:0}.section-bar{border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:16px;margin-top:-20px;margin-bottom:20px;padding:16px 20px;display:flex;position:relative}.section-bar .sb-title{color:var(--color-text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.section-bar .sb-title:before{content:"";background:var(--color-primary);border-radius:2px;width:4px;height:18px}.section-bar .sb-hint{color:var(--color-text-light);font-size:13px}.content-section{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;margin-bottom:20px;padding:28px}.content-section .cs-title{color:var(--color-text);border-bottom:2px solid var(--color-bg);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.content-section .cs-title:before{content:"";background:var(--color-primary);border-radius:2px;flex-shrink:0;width:4px;height:16px}.content-section .cs-title .cs-hint{color:var(--color-text-muted);margin-left:auto;font-size:12px;font-weight:400}.form-group{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.form-label{text-align:right;width:110px;color:var(--color-text-light);flex-shrink:0;padding-top:9px;font-size:14px;line-height:1.6}.form-input-wrap{flex:1;position:relative}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:420px;height:40px;color:var(--color-text);transition:var(--transition);background:#fff;padding:0 12px;font-size:14px;line-height:38px}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ed1f321a}.form-input:read-only{color:var(--color-text-light);cursor:default;background:#f9f9f9}.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:500px;color:var(--color-text);resize:vertical;min-height:120px;transition:var(--transition);background:#fff;padding:10px 12px;font-size:14px;line-height:1.8}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ed1f321a}.form-textarea:read-only{color:var(--color-text-light);background:#f9f9f9}.form-hint{color:var(--color-text-muted);margin-top:4px;font-size:12px;line-height:1.5}.char-counter{color:var(--color-text-muted);margin-top:4px;font-size:12px}.char-counter .count{color:var(--color-primary);font-weight:600}.radio-group{align-items:center;gap:24px;padding-top:9px;display:flex}.radio-group label{cursor:pointer;color:var(--color-text);align-items:center;gap:6px;font-size:14px;display:flex}.radio-group input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;border:none;padding:10px 36px;font-size:15px;font-weight:600;display:inline-block}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ed1f324d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;background:#fff;padding:10px 28px;font-size:14px;font-weight:600;display:inline-block}.btn-secondary:hover{background:#fff5f5;box-shadow:0 2px 8px #ed1f3226}.error_box{border-radius:var(--radius-sm);color:var(--color-primary);background:#fff0f0;border:1px solid #ffcaca;margin-bottom:16px;padding:10px 16px;font-size:13px}.success_box{border-radius:var(--radius-sm);color:var(--color-online);background:#f0fff0;border:1px solid #b7eb8f;margin-bottom:16px;padding:10px 16px;font-size:13px}.review-section{border:1px solid var(--color-accent);border-radius:var(--radius-md);background:#fffdf0;margin-top:20px;padding:20px}.review-section .rs-title{color:var(--color-accent-dark);align-items:center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.review-section .rs-title:before{content:"⏳";font-size:16px}.ui-popup{z-index:999;margin:0;padding:0;display:none;position:absolute;top:0;left:0}.ui-mask{z-index:998;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.tankuang{border-radius:var(--radius-md);background-color:#fff;margin:0;overflow:hidden;box-shadow:0 8px 30px #0003}.tankuang .div01{text-align:right;background:var(--gradient-primary);height:42px}.tankuang .div01 .l{float:left;color:#fff;margin-left:20px;font-size:14px;font-weight:700;line-height:42px;display:inline}.tankuang .div01 .r{float:right;width:42px;height:42px;display:inline}.tankuang .div01 .r a{background:url(/yixue/images/close.gif) 50% no-repeat;width:42px;height:42px;display:block}.tankuang .div03{margin:30px 20px 60px}.tankuang .div03 p{text-align:center;font-size:14px;line-height:36px}.tankuang .btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);padding:6px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.tankuang .btn2{color:var(--color-text);border-radius:var(--radius-sm);background:#f0f0f0;padding:6px 18px;font-size:14px;text-decoration:none;display:inline-block}.l-side{flex-shrink:0;width:280px;position:sticky;top:80px}.l-side .ls-section{margin-bottom:20px}.l-side .ls-section:last-child{margin-bottom:0}.l-side .ls-title{background:var(--gradient-primary);color:#fff;letter-spacing:1px;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.l-side .ls-title:before{content:"";background:var(--color-accent);border-radius:2px;flex-shrink:0;width:4px;height:16px}.l-side .ls-user-card{background:linear-gradient(135deg,#fff5f5 0%,#fef9f5 100%);border:1px solid #f0dcdc;border-radius:8px;margin-bottom:20px;padding:18px 16px}.l-side .ls-user-top{align-items:center;gap:14px;display:flex}.l-side .ls-user-avatar{border:3px solid var(--color-primary);object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px;transition:border-color .2s,transform .2s}.l-side .ls-user-avatar:hover{border-color:var(--color-accent);transform:scale(1.05)}.l-side .ls-user-info{flex:1;min-width:0}.l-side .ls-user-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:16px;font-weight:700;text-decoration:none;display:block;overflow:hidden}.l-side .ls-user-name:hover{color:var(--color-primary)}.l-side .ls-balance-row{color:var(--color-text-light);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;line-height:1.8;display:flex}.l-side .ls-balance-row .ls-num{color:var(--color-primary);font-size:17px;font-weight:800}.l-side .ls-balance-row .ls-label{color:var(--color-primary);font-size:13px;font-weight:800}.l-side .ls-balance-row a{align-items:center;gap:4px;text-decoration:none;transition:opacity .2s;display:flex}.l-side .ls-balance-row a:hover{opacity:.8}.l-side .ls-menu-list{background:#fff;border:1px solid #f0dcdc;border-radius:8px;margin:0;padding:0;list-style:none;overflow:hidden}.l-side .ls-menu-list li{border-bottom:1px solid #f5f0f0}.l-side .ls-menu-list li:last-child{border-bottom:none}.l-side .ls-menu-list li a{color:#555;border-left:4px solid #0000;padding:12px 16px;font-size:15px;line-height:1.5;text-decoration:none;transition:all .2s;display:block}.l-side .ls-menu-list li a:hover{background:var(--color-bg);color:var(--color-primary);border-left-color:var(--color-primary);padding-left:20px}.l-side .ls-menu-list li a.active{background:var(--color-bg);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:700}.l-side .ls-badge{float:right;background:var(--color-primary);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:18px}.l-side .ls-badge:empty{display:none}.l-side .ls-teacher-section{border:1px solid var(--color-accent);background:#fffdf0;border-radius:8px;overflow:hidden}.l-side .ls-teacher-title{background:linear-gradient(135deg, var(--color-accent) 0%, #e6c200 100%);color:#5a4500;letter-spacing:1px;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.l-side .ls-teacher-title:before{content:"";background:var(--color-primary);border-radius:2px;flex-shrink:0;width:4px;height:14px}.l-side .ls-teacher-section .ls-menu-list{border:none;border-radius:0}.l-side .ls-enter-room{font-weight:700;color:var(--color-link)!important}.l-side .ls-enter-room:hover{color:var(--color-primary)!important}.l-side .ls-logout{color:#999!important}.l-side .ls-logout:hover{color:var(--color-primary)!important;background:#fff5f5!important}.l-side .clear{clear:both}.l-side .ls-baidu{display:none}.footer{background:var(--gradient-primary);color:#fff;padding:30px 0 24px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.footer-left{flex:1}.footer-logo{margin-bottom:12px}.footer-links-row{margin-bottom:10px;font-size:13px}.footer-links-row .label{color:var(--color-accent);margin-right:8px;font-weight:600}.footer-links-row a{color:#fffc;transition:var(--transition);margin:0 4px}.footer-links-row a:hover{color:var(--color-accent)}.footer-links-row .sep{color:#ffffff4d;margin:0 2px}.footer-meta{color:#fff9;font-size:12px;line-height:2}.footer-right{text-align:center;flex-shrink:0}@media (width<=1024px){.nav-inner,.hero-inner,.footer-inner,.page-body{max-width:100%}}@media (width<=640px){.nav-menu{display:none}.page-body{flex-direction:column}.l-side{width:100%;position:static}.section-bar{flex-direction:column;align-items:flex-start}.form-group{flex-direction:column;gap:6px}.form-label{text-align:left;width:auto;padding-top:0}.form-input,.form-textarea{max-width:100%}}