/* 学员 */
.student-list{ width:100%; height:auto;overflow:hidden; padding:0 10px; box-sizing:border-box;}
.student-list .infoList{width:100%; display: block;	padding:5px 10px;box-sizing: border-box;
    background: #fff;height: auto;overflow: hidden;color: #333;
    border-radius: 8px;
    padding-bottom:3px;margin: 10px auto;
    box-shadow: #dddddd 0 1px 0;border: 1px solid #dddddd;}
.student-list .infoList .names{width:100%;height:35px; line-height:35px;overflow:hidden;}
.student-list .infoList .topic{float: left;width:50%;height: 35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #309de0;font-size: 16px;}
.student-list .infoList .time{float: left;width:25%;height: 35px;overflow:hidden;color: #309de0;font-size: 15px;}
.student-list .infoList .use{float: left;width:25%;height: 35px;overflow:hidden;color: #02b628;font-size: 15px;text-align: right;}
.student-list .infoList .use font{padding:2px 6px;border-radius:0.3rem;}
.student-list .infoList .uls{width: 100%;height: auto;overflow: hidden;margin-top:5px;padding-left: 5px;}
.student-list .infoList li{display:block;float: left;width:100%;height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #888;font-size: 14px;}
.student-list .infoList li img{position: relative;top:2px;margin-right:5px;}
.student-list .infoList .li-1{width:50%;}
/* .student-list .infoList:nth-child(1){border-top: none;} */
.student-list .infoList .ZhiDing {background-color: rgb(255, 124, 77); color: white;font-size: 12px; margin-left: 5px;padding: 2px 6px; border-radius: 4px;}

/* 老师教员列表 */
.wapjiaoyuan a:hover{background:#fff}
#grid{padding:10px 4%}
.wapjiaoyuan{border:1px solid #e8e8e8;margin:0 auto 16px;border-radius:12px;background:#fff;box-shadow:0 2px 12px rgba(60,87,89,0.08);width:100%;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}
.recommend-list{border-radius:8px;box-shadow:0 0 34px 2px rgb(60 87 89 / 13%);width:100%;margin:5px auto}
.recommend-list .d{padding:16px 14px 0}
.recommend-list .d .d-flex{overflow:hidden;display:flex !important}
.recommend-list img{max-width:100%;vertical-align:middle;border-style:none}
.recommend-list .head-text{float:left;padding-left:12px;flex:1;float:none}
.recommend-list .head-text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px;line-height:1.6;font-size:14px}
.recommend-list .head-text span{padding:2px 5px;border-radius:5px;width:auto;line-height:1.6;font-size:14px;letter-spacing:normal}
.recommend-list .star-teacher{display:inline-block;margin-top:-7px;margin-left:55%;background:url(/Images/ic_titl_star.svg) no-repeat;background-size:100% 100%;padding:0 4%;line-height:1.6;color:#bb7815;font-size:14px;text-align:center;position:absolute}
.recommend-list .d-flex{display:flex !important;align-items:flex-start}
.recommend-list .head-pic{width:70px;height:70px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f0f0f0;position:relative}
.recommend-list img{width:100%;height:100%;object-fit:cover}
.recommend-list .content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;color:#666;line-height:1.5;margin:12px 0;text-align:left}
.context-bottom{padding:8px 15px;background:url(/Images/teacher_recom.png) no-repeat center;background-size:100% 100%;color:#fff;font-size:14px;text-align:right}
/* 老师教员详情 */
.xiangxixinxi{background:#f2f2f2}
.xiangxixinxi p{background:#fff;border-bottom:1px dashed #ccc;padding:5px 20px 10px 20px;color:#000;margin:0}
.xiangxixinxi h5{background:#fff;padding:5px 15px;margin:0;font-size:16px;color:#f78400}
.item{color:#000}
/* wap的top导航栏 */
.header1{ text-decoration: none;border-bottom:1px solid #f1f1f1;background:#fff;height:43px;align-items:center;display:flex;justify-content:space-between}
.header1 img{width:36px}
.header1 .zhong img{width:33px;padding-bottom:16px}
.header1 .zhong{color:#2c7ac3;font-weight:bolder;font-size:26px;position:absolute;text-align:center;top:-2px;left:50%;margin-left:-30%;width:60%;text-decoration:none}
.header1 .fh{padding-left:5px;font-size:18px}
.header1 .fh i.ic-back{display:block;width:30px;height:30px;background:url(/Images/fanhuibule.png) no-repeat;background-size:100% 100%}
.header1 .fh i.ic-shouye{background:url(/Images/shouye.png) no-repeat;}
.header1 .tc{padding-right:10px;background-color:transparent;font-size:18px}

/* 通知栏 */
.wap-sreg{margin:0 auto;background-color:#fff;width:96%;margin-top:10px;border-radius:5px}
.g1{font-size:16px;color:#333333;width:90%;margin:0 auto;padding-top:10px;padding-bottom:10px;position:relative;line-height:20px;text-align:center}
.g1 h1,.g1 h2{font-size:16px;color:#333333;text-align:center}
.xuzhi{width:90%;margin-left:5%;padding-bottom:10px}
.xuzhi p{font-size:14px;margin:1px;padding:1px;list-style:none;font-family:"Microsoft YaHei"}
/* 页码样式 */
.stats-container{padding:8px 20px;text-align: center;}
.stats-container p{text-align: center;margin:0;font-size:15px;color:#555;line-height:1.6}
.stats-container span{color:#3ac779;font-weight:600;font-size:16px;margin:0 4px}
.mobile-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.page-btn,.page-num,.current-page,.page-dots{display:inline-flex;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:8px;font-size:15px;text-decoration:none;transition:all 0.2s ease}
.page-num{color:#666;border:1px solid #e0e0e0;background:#fff}
.page-num:hover{border-color:#3ac779;color:#3ac779;box-shadow:0 2px 6px rgba(58,199,121,0.15)}
.current-page{background:#3ac779;color:white;font-weight:600;border:1px solid #3ac779}
.page-btn{background:#f8f8f8;border:1px solid #e0e0e0;color:#666;font-weight:500}
.page-btn:hover:not(.disabled){background:#3ac779;border-color:#3ac779;color:white}
.page-dots{color:#999;cursor:default}
.disabled{opacity:0.5;cursor:not-allowed}
.mobile-pagination span:not(.page-btn):not(.current-page):not(.page-dots){color:#3ac779;font-weight:500;padding:0 4px}
@media (max-width:380px){
    .page-btn,.page-num,.current-page,.page-dots{min-width:34px;height:34px;font-size:14px;padding:0 8px}
    .mobile-pagination{gap:4px}
}
/* 分类页码样式 */
.page_xin{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);overflow:hidden}
.pagination{padding:1.2em 1em}
.pagination-info{text-align:center;font-size:14px;color:#666;margin-bottom:1.2em;line-height:1.8}
.emph-num{color:#3ac779;font-weight:600}
.pagination-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.page-btn,.page-num,.current-page,.ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-size:16px;border-radius:8px;text-decoration:none;transition:all 0.2s ease;user-select:none}
.page-btn{background-color:#f8f9fa;color:#3ac779;border:1px solid #e9ecef;font-weight:600}
.page-btn:hover,.page-btn:active{background-color:#e9ecef}
.page-btn.prev,.page-btn.next{font-weight:bold}
.page-num{background-color:#f8f9fa;color:#495057;border:1px solid #e9ecef}
.page-num:hover,.page-num:active{background-color:#e9ecef;color:#3ac779}
.current-page{background:#3ac779;color:white;font-weight:600;border:1px solid #3ac779}
.ellipsis{color:#adb5bd;font-weight:600;background:transparent;border:none;min-width:auto;padding:0 8px}
@media (max-width:360px){.page-btn,.page-num,.current-page,.ellipsis{min-width:40px;height:40px;font-size:14px}
.pagination-info{font-size:13px}
}.page-btn,.page-num{-webkit-tap-highlight-color:transparent}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}.pagination{animation:fadeIn 0.3s ease-out}

/* 底部foot */
.top_bar{position:fixed;z-index:900;bottom:0;left:0;right:0;margin:auto;font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,sans-serif}
.top_menu{display:-webkit-box;display:block;width:100%;height:56px;display:-webkit-box;display:box;margin:0;padding:0;-webkit-box-orient:horizontal;background:#fff;max-width:640px;border-top:1px solid #dedede}
.top_bar .top_menu>li{-webkit-box-flex:1;position:relative;text-align:center}
.top_menu li:first-child{background:none}
.top_bar .top_menu>li>a{height:48px;margin-right:1px;display:block;text-align:center;color:#666;text-decoration:none;text-shadow:0 1px rgba(0,0,0,0.3);-webkit-box-flex:1}
.top_bar .top_menu>li>a label{overflow:hidden;margin:0 0 0 0;font-size:14px;display:block;line-height:18px;text-align:center}
.top_bar .top_menu>li>a img{padding:3px 0 0 0;height:33px;width:33px;color:#fff;line-height:48px;vertical-align:middle}
.top_bar li:first-child a{display:block}

/* wap学生注册点击同意 */
.custom-checkbox{display:inline-block;position:relative;padding-left:25px;cursor:pointer;font-size:14px}
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #ccc;border-radius:5px}
.custom-checkbox:hover .checkmark{border-color:#0ECB81;border-radius:5px}
.custom-checkbox input:checked ~ .checkmark{background-color:#0ECB81}
.checkmark:after{content:"";position:absolute;display:none}
.custom-checkbox input:checked ~ .checkmark:after{display:block}
.custom-checkbox .checkmark:after{left:7px;top:4px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* 首页标题 */
.index_title{background:#FFFFFF;overflow:hidden;font-size:18px;padding:10px 15px;line-height:26px;box-shadow:0 2px 12px rgba(0,0,0,0.06);display:flex;justify-content:space-between;align-items:center}
.index_title h2{font-weight:500;position:relative;padding-left:15px;display:flex;align-items:center}
.index_title h2:before{content:'';position:absolute;left:0;height:20px;width:5px;background:#0ecb81;border-radius:3px}
.index_title .more{color:#0ecb81;font-size:14px;text-decoration:none;display:flex;align-items:center;font-weight:500}