.card-wrap .el-card__header{background:linear-gradient(180deg, rgba(1,112,254,0.11) 0%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%)}.card-wrap-2 .el-card__header{background:linear-gradient(180deg, rgba(6,196,137,0.11) 0%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%)}.recent-btn1{color:#fff}.recent-btn2,.recent-btn3,.recent-btn4{margin-top:4px;color:#666666}.recent-btn2{background-color:#E9F3FF}.recent-btn2:hover{background-color:#0170FE;color:#fff}.recent-btn3{background-color:#f0ffe9}.recent-btn4{background-color:#f9ffef;border:1p solid #d7f2bc;font-weight:normal;color:#87bc64}.recent-btn4:hover{background-color:#7ec050;color:#fff}.recent-btn5{margin-left:10px;background-color:#7ec050;color:#fff;padding:5px 8px;border-radius:5px}.card-top{margin-top:20px}.card-header{position:relative}.user-header{text-align:left}.card-header .right{position:absolute;right:10px;top:0}.banner{position:relative}.banner .banner-info{position:absolute;left:10%;top:15%;z-index:9999}.banner .banner-info h2{font-family:PingFangSC, PingFang SC;font-weight:600;font-size:36px;color:#333333;line-height:56px;text-align:left;font-style:normal;padding:0;margin:0}.banner .banner-info p{font-family:PingFangSC, PingFang SC;font-weight:400;font-size:20px;color:#666666;line-height:28px;text-align:left;font-style:normal;padding:0;margin:0;margin-top:6%}.banner .banner-info button{width:98px;height:34px;background:#0170FE;border-radius:6px;color:#fff;border:0 none;margin-top:10%;cursor:pointer}.banner .banner-info button:hover{background:#0058C2}.login-wrap .header{display:flex;justify-content:space-between;align-items:center}.login-wrap .header .welcome{display:flex}.login-wrap .header .welcome img{width:55px;height:55px;display:block;vertical-align:middle}.login-wrap .header .welcome .userinfo{margin-left:15px}.login-wrap .header .welcome .userinfo b{font-size:20px;display:block}.login-wrap .header .welcome .userinfo p{color:#999999;font-size:14px;margin:0;padding:0}.login-wrap .header .go-loginbtn{background:#F4F5F5;border-radius:4px;color:#0170FE;width:64px;height:28px;border:0 none;font-size:14px;cursor:pointer}.login-wrap .action-tag{margin-top:35px;display:flex;justify-content:center;align-items:center}.login-wrap .action-tag li{list-style:none;color:#999999;text-align:center;font-size:14px;flex:1;text-align:center}.login-wrap .action-tag li span{display:block;color:#333333}.login-wrap .wx-loginbox{margin-top:35px;background:rgba(1,112,254,0.07);border-radius:8px;text-align:center;padding:7% 0}.login-wrap .wx-loginbox p{color:#666666;font-size:14px}.login-wrap .wx-loginbox button{margin-top:10px;width:248px;height:34px;background:#0170FE;border-radius:6px;color:#fff;font-size:14px;border:0 none;cursor:pointer}.login-wrap .recharge-point{margin-top:15px;background:linear-gradient(128deg, rgba(254,143,1,0.21) 0%, rgba(255,172,75,0.12) 100%);border-radius:8px}.login-wrap .recharge-point .r-header{display:flex;justify-content:space-between;align-items:center;padding:25px 18px;border-radius:8px}.login-wrap .recharge-point .r-header .r-left{text-align:left}.login-wrap .recharge-point .r-header b{font-weight:500;font-size:18px;color:#333333;display:block}.login-wrap .recharge-point .r-header p{padding:0;margin:5px 0 0;font-weight:400;font-size:12px;color:#999999}.login-wrap .recharge-point .r-header .r-right button{cursor:pointer;background:#FFFFFF;border-radius:4px;border:1px solid #FF6430;font-weight:400;font-size:14px;color:#FF6430;padding:3px 10px}.login-wrap .recharge-point .r-menu{display:flex}.login-wrap .recharge-point .r-menu a{flex:1;text-align:center;display:block;background:linear-gradient(180deg, rgba(255,255,255,0.33) 0%, rgba(237,246,255,0.41) 100%);padding:12px 0;font-weight:400;font-size:14px;color:#FF6430}.login-wrap .lw-logout{text-align:center;padding:20px 0 0;font-weight:400;font-size:14px;color:#666666}.logined .header .go-loginbtn{width:100px;background:none}.recent-comp .recent-item{display:flex;justify-content:space-between;border-bottom:1px solid #E5E5E5;padding:14px 0}.recent-comp .recent-item a{color:#333333;cursor:pointer}.recent-comp .recent-item a:hover{color:#0170FE}.recent-comp .recent-item:last-child{border:0 none}.recent-comp .contest-time{margin-top:5px;display:flex;align-items:center}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{padding:9px 8px;text-align:left}.rank-table th{background:#F5F5F5}.rank-table tbody{margin-top:10px}.rank-table tbody tr:hover{background:#F5F5F5}.rank-table .circle{border-radius:10px;width:20px;height:20px;display:block;background-color:#E5E5E5;text-align:center;color:#333333}.rank-table .acbox{font-size:14px;color:#333333;text-align:center}.new-rank-table td{padding:12.5px 8px}.answer-tabs{display:flex;align-items:center;padding:0;margin:0}.answer-tabs li{background:#FFFFFF;border-radius:12px;background:#fff;flex:0 0 32%;position:relative;padding:20px;margin-right:16px;cursor:pointer;list-style:none}.answer-tabs li .m-title{font-weight:500;font-size:20px;color:#333333;line-height:20px;text-align:left;font-style:normal;position:relative;z-index:9}.answer-tabs li .m-title span{font-weight:400;font-size:14px;color:#666666;font-style:normal;margin-top:10px;display:block}.answer-tabs li .m-pic{position:absolute;right:0px;top:7px;width:88px;z-index:0}.answer-tabs li.current,.answer-tabs li:hover{background:#0170FE}.answer-tabs li.current .m-title,.answer-tabs li.current span,.answer-tabs li:hover .m-title,.answer-tabs li:hover span{color:#fff}.answer-tabs li:last-child{margin-right:0}.teacher-tags{margin-top:10px;display:flex;flex-wrap:wrap}.teacher-tags span{font-size:12px;background:#FFFFFF;color:#848993;border-radius:4px;border:1px solid #A5A6A8;padding:2px 4px;margin:5px}.teacher-side-list{width:100%}.teacher-side-list .t-item{display:flex;border-bottom:1px solid #F5F5F5;margin-bottom:10px;cursor:pointer;justify-content:space-between}.teacher-side-list .t-item:last-child{border:0 none;margin-bottom:0}.teacher-side-list .t-item .t-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;flex:0 0 50px;margin-top:5px}.teacher-side-list .t-item .t-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.teacher-side-list .t-item .t-main{flex-grow:1;margin-left:10px}.teacher-side-list .t-item .t-title{display:flex;justify-content:space-between}.teacher-side-list .t-item .t-title h3{font-weight:500;font-size:16px;color:#333333;padding:0;margin:0}.teacher-side-list .t-item .t-title h3 span{font-size:12px;padding:2px 5px;margin-left:5px;border-radius:6px}.teacher-side-list .t-item .t-title h3 span.t-online{color:#389E0D;background:#F6FFED;border-radius:6px;border:1px solid #B7EB8F}.teacher-side-list .t-item .t-title h3 span.t-offline{color:#848993;background:#FAFAFA;border:1px solid #D9D9D9}.teacher-side-list .t-item .t-title .t-rating{color:#666666}.teacher-side-list .t-item .t-title .t-rating i{color:#FFB21B}.teacher-side-list .t-item .t-intro{padding:10px 0;margin:0;font-weight:400;font-size:14px;color:#666666}.teacher-main-list{width:100%;display:flex;flex-wrap:wrap}.teacher-main-list .t-item{flex:0 0 30%;padding:15px;margin:0 15px 30px;border-radius:12px;background:#fff;border:1px solid #E9E9E9;cursor:pointer}.teacher-main-list .t-item:hover{border:1px solid #0170FE}.teacher-main-list .t-item .t-head{display:flex}.teacher-main-list .t-item .t-head .t-avatar{width:44px;height:44px;border-radius:50%}.teacher-main-list .t-item .t-head .t-info{margin-left:10px}.teacher-main-list .t-item .t-head h3{font-weight:500;font-size:16px;color:#333333;padding:0;margin:0}.teacher-main-list .t-item .t-head h3 span{font-size:12px;padding:2px 5px;margin-left:5px;border-radius:6px}.teacher-main-list .t-item .t-head h3 span.t-online{color:#389E0D;background:#F6FFED;border-radius:6px;border:1px solid #B7EB8F}.teacher-main-list .t-item .t-head h3 span.t-offline{color:#848993;background:#FAFAFA;border:1px solid #D9D9D9}.teacher-main-list .t-item .t-head .t-rating{color:#666666}.teacher-main-list .t-item .t-head .t-rating i{color:#FFB21B}.teacher-main-list .t-item .t-time-range{margin-top:10px}.teacher-main-list .t-item .t-time-range span{font-weight:400;font-size:12px;color:#999999;display:block}.teacher-main-list .t-item .t-time-range p{font-weight:400;font-size:12px;color:#666666;padding:0;margin:8px 0}.teacher-main-list .t-item .t-intro{padding:10px 0;margin:0;font-weight:400;font-size:14px;color:#666666}.teacher-main-list .t-item .t-btns{margin-top:10px;display:flex;align-items:center}.teacher-main-list .t-item .t-btns button{width:88px;height:32px;background:#FFFFFF;border-radius:6px;border:1px solid #0170FE;font-weight:400;font-size:14px;color:#0170FE;margin-right:15px;cursor:pointer}.teacher-main-list .t-item .t-btns button:hover{background:#0170FE;color:#fff}.teacher-main-list .t-item .t-btns span{font-weight:400;font-size:14px;color:#666666}.teacher-detail{background:#fff;border-radius:10px}.teacher-detail .teacher-main{background:url("/img/teacher-bg.png") no-repeat 0 0;background-size:cover;display:flex;justify-content:space-between;padding:35px 25px;color:#fff;align-items:center}.teacher-detail .teacher-main .t-left{display:flex;align-items:center}.teacher-detail .teacher-main .t-left .t-avatar{width:80px;height:80px;border-radius:50%}.teacher-detail .teacher-main .t-left .t-info{margin-left:10px}.teacher-detail .teacher-main .t-left h3{font-weight:500;font-size:20px;color:#FFFFFF;padding:0;margin:0}.teacher-detail .teacher-main .t-left h3 .t-status{font-size:12px;padding:2px 5px;margin-left:5px;border-radius:6px}.teacher-detail .teacher-main .t-left h3 .t-status.t-online{color:#389E0D;background:#F6FFED;border-radius:6px;border:1px solid #B7EB8F}.teacher-detail .teacher-main .t-left h3 .t-status.t-offline{color:#848993;background:#FAFAFA;border:1px solid #D9D9D9}.teacher-detail .teacher-main .t-left h3 .t-rating{color:#FFFFFF;font-size:12px}.teacher-detail .teacher-main .t-left .t-time-range{font-weight:400;font-size:12px;margin:10px 0 0}.teacher-detail .teacher-main .t-left .t-time-range span{font-weight:400;font-size:12px}.teacher-detail .teacher-main .t-right{text-align:center}.teacher-detail .teacher-main .t-right button{background:#FFFFFF;border-radius:4px;border:1px solid #0170FE;padding:6px 10px;cursor:pointer;font-weight:400;font-size:14px;color:#0170FE}.teacher-detail .teacher-main .t-right p{padding:0;margin:10px 0 0;font-weight:400;font-size:14px;color:#FFFFFF}.teacher-detail .teacher-content{padding:25px}.teacher-detail .teacher-content .t-intro{margin:20px 0 15px}.teacher-detail .teacher-content .t-intro i{font-size:20px;vertical-align:middle}.teacher-detail .teacher-content .t-intro h4{font-weight:500;font-size:14px;color:#333333;padding:0;margin:10px 0}.teacher-detail .teacher-content .t-intro .t-info{font-weight:400;font-size:12px;color:#666666;padding:0;margin:10 0 0}.teacher-detail .teacher-content .t-intro .t-comment{padding:0;margin:0}.teacher-detail .teacher-content .t-intro .t-comment li{list-style:none;padding:0 0 20px;margin:0}.teacher-detail .teacher-content .t-intro .t-comment li:last-child{padding:0}.teacher-detail .teacher-content .t-intro .t-comment li .t-q{font-weight:500;font-size:14px;color:#999999;position:relative}.teacher-detail .teacher-content .t-intro .t-comment li .t-q .t-rating{margin-left:20px}.teacher-detail .teacher-content .t-intro .t-comment li .t-q .t-rating i{color:#FFB21B}.teacher-detail .teacher-content .t-intro .t-comment li .t-q .t-time{position:absolute;right:0;font-weight:400;font-size:14px;color:#999999}.teacher-detail .teacher-content .t-intro .t-comment li .t-a{margin-top:10px;font-weight:400;font-size:14px;color:#333333}.breadcrumb{font-size:14px;font-weight:400;font-size:14px;color:#8C8C8C}.breadcrumb span{padding:0 5px;display:inline-block}.breadcrumb span.current{font-weight:400;font-size:14px;color:rgba(0,0,0,0.65)}.apply-confirm{text-align:center;margin-top:-25px}.apply-confirm i{width:62px;height:62px;display:inline-block;color:#0170FE;font-size:70px}.apply-confirm .a-title{margin-top:15px;font-weight:500;font-size:16px;color:#333333}.apply-confirm .a-info{margin-top:15px;font-weight:400;font-size:14px;color:#333333;line-height:20px}.apply-confirm .a-wxcode{width:89px;margin:15px auto 0}.apply-confirm .a-wxcode img{width:100%;height:auto;display:inline-block}.pass-tip{background:#EAF3FF;border-radius:4px;border:1px solid #7EB7FF;padding:8px;display:flex;justify-content:space-between;align-items:center}.pass-tip .p-left{font-weight:400;font-size:14px;color:rgba(0,0,0,0.65)}.pass-tip .p-right a{font-weight:400;font-size:14px;color:#0170FE}.pass-tip i{color:#0170FE;display:inline-block;margin-right:10px}.show-teacher-wx{text-align:center}.show-teacher-wx img{width:80px;height:80px}.user-nav{padding:0;margin:0;background:#fff;border-radius:8px;padding:15px 0;height:100%}.user-nav li{padding:0;margin:0;list-style:none;text-align:left;margin:20px 0}.user-nav li a{display:block;padding:6px 0 6px 20px;border-left:2px solid #fff;font-weight:400;font-size:14px;color:#666666}.user-nav li a:hover,.user-nav li a.current{border-left:2px solid #0170FE;font-weight:500;font-size:14px;color:#333333}