@charset "utf-8";
/* Style Reset */
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{ width:100%;max-width:512px; margin:0 auto; background:#40c987; font-size:12px; line-height:24px; color:#333; }

.headerbox{width:100%;max-width:512px; margin:0 auto; position:relative; overflow:hidden}
.headerbox img.bg{ display:block; width:100%}
.headerbox .topBox{ position:absolute; top:10px; width:100%; z-index:1}
.headerbox .topBox .L{ flex:1; height:35px; line-height:35px; background:#fff; border-radius:5px;}
.headerbox .topBox .L img{ display:block; float:left; height:25px; margin:5px;}
.headerbox .topBox .L input{ height:35px; line-height:35px;outline:none; float:left; border:0; background:none; color:#666; width:70%;letter-spacing:1px}
.headerbox .topBox .R{ height:35px; padding-left:10px;}
.headerbox .topBox .R img{ display:block; height:25px; margin-top:5px;}


.h54{ width:100%; height:72px; overflow:hidden}
.footerBox{width:100%; max-width:512px; margin:0 auto;}
.footerBox .footer{position:fixed;width:100%;max-width:512px;bottom:0;height:64px;z-index:999;}
.footerBox .footer ul{ overflow:hidden; border-top:1px solid #e8edf0;box-sizing: border-box; background:#fff; border-radius:0}
.footerBox .footer ul li{width:33.3333%; height:64px; float:left; overflow:hidden}
.footerBox .footer ul li a{ display:flex; flex-direction:column; align-items:center; justify-content:center; height:64px; overflow:hidden}
.footerBox .footer ul li img{width:22px;height:22px;display:block; margin:0 auto 4px;opacity:.6}
.footerBox .footer ul li p{ text-align:center; height:18px; line-height:18px; color:#8e97a3; letter-spacing:0; font-size:14px}
.footerBox .footer ul li.on img{opacity:1;}
.footerBox .footer ul li.on p{ color:#2ecb7d; font-weight:700}


.typebox{ overflow:hidden}
.typebox ul{ overflow:hidden; padding:15px 0}
.typebox ul li{ float:left; width:25%;}
.typebox ul li img{ display:block; margin:0 auto; height:50px;}
.typebox ul li p{ text-align:center; line-height:30px; font-size:13px; letter-spacing:1px}

.allbox{ background:transparent; width:100%; height:10px}

.courseBox{ padding:0 15px; overflow:hidden; background:#40c987}
.courseBox .titbox{ display:flex; height:50px; overflow:hidden}
.courseBox .titbox img{ display:block; height:20px; margin:15px 0;}
.courseBox .titbox p{ flex:1; height:50px; line-height:50px; font-size:15px; padding-left:5px; color:#000; letter-spacing:1px}

.courseBox ul.ul_1{ overflow:hidden; border-bottom:none; padding-bottom:15px}
.courseBox ul.ul_1 li{ float:left; width:49%;}
.courseBox ul.ul_1 li:nth-child(2n){ margin-left:2%}
.courseBox ul.ul_1 li img{ display:block; width:100%; border-radius:10px; background:#fff}
.courseBox ul.ul_1 li .tit{ font-size:14px; line-height:30px}
.courseBox ul.ul_1 .price{ color:#F34B06; height:24px;line-height:24px; font-size:16px}
.courseBox ul.ul_1 .price span{ float:right; font-size:12px; color:#bbb; padding-right:5px}


.courseBox ul.ul_2{overflow:hidden;  padding-bottom:15px}
.courseBox ul.ul_2 li{ overflow:hidden;border-bottom:none; padding:10px 0; background:#fff; border-radius:10px; margin-bottom:10px}
.courseBox ul.ul_2 li:first-child{ padding-top:0}
.courseBox ul.ul_2 li:last-child{ border-bottom:none}
.courseBox ul.ul_2 li .L{ float:left; width:100px; height:115px; margin-right:15px}
.courseBox ul.ul_2 li .L img{ display:block; width:100px; height:115px;}
.courseBox ul.ul_2 li .R{ flex:1}
.courseBox ul.ul_2 li .R .tit{ font-size:14px; padding-top:10px;}
.courseBox ul.ul_2 li .R .sub{ color:#bbb;}
.courseBox ul.ul_2 li .R .pri{padding-top: 20px;font-size: 16px; color:#F34B06}
.courseBox ul.ul_2 li .R .pri a{ display:block; float:right; width:100px; height:26px; background:#39c680; color:#fff; text-align:center; line-height:26px; font-size:12px; border-radius:15px; letter-spacing:1px}


.header{width:100%; max-width:512px; margin:0 auto;}
.header .box{height:46px;position:fixed;width:100%;max-width:512px;top:0;z-index:9999;border-bottom:none;background:#40c987}
.header .box .L{position:absolute; left:0; top:0; height:46px; padding-left:15px;}
.header .box .L img{ display:block;height:22px;padding-top:14px;}
.header .box .C{width:100%; height:46px; line-height:46px; text-align:center}
.header .box .C p{ text-align:center; font-size:16px; color:#fff; letter-spacing:1px}
.hbox{ width:100%; height:46px; overflow:hidden}

.videoBox{ padding:15px 0; overflow:hidden}
.videoBox .video_1{ padding:0 15px}
.videoBox .video_1 img{ display:block; width:100%;}
.videoBox .titbox{ padding:15px 15px 5px; overflow:hidden}
.videoBox .titbox p{ font-size:15px; color:#000;letter-spacing: 1px;}
.videoBox .titbox span{ color:#999; font-size:12px;letter-spacing: 1px; padding-top:3px; display:block}
.videoBox ul{ overflow:hidden; padding:10px 15px}
.videoBox ul li{width: 100%;height:90px;box-shadow: #eee 0px 0px 10px 2px;border-radius: 10px;margin-bottom: 10px; padding-top:20px; overflow:hidden}
.videoBox ul li .L{ float:left; padding:0 15px;}
.videoBox ul li .L .date1{ height:30px; line-height:30px;}
.videoBox ul li .L .date1 img{ display:block; float:left; width:14px; margin-top:8px;} 
.videoBox ul li .L .date1 p{ float:left; padding-left:5px}
.videoBox ul li .L .date2{ font-size:16px; color:#000; padding-left:20px; padding-top:8px; letter-spacing:1px; font-weight:bold}
.videoBox ul li .C{ float:left; padding-right:15px}
.videoBox ul li .C img{ display:block; height:70px}
.videoBox ul li .R{ flex:1;}
.videoBox ul li .R .tit{ color:#000; font-size:14px; letter-spacing:1px}
.videoBox ul li .R .sub{ padding-top:15px;}
.videoBox ul li .R .sub img{ display:block; float:left; width:35px; height:35px; border-radius:100%}
.videoBox ul li .R .sub p{ float:left;height:35px; line-height:35px; padding-left:10px}
.videoBox ul li .R .sub a.a1{ float:right; display:block; border:1px solid #0E4ACD; width:70px; height:24px; line-height:24px; text-align:center; color:#0E4ACD; border-radius:5px;font-size:12px; letter-spacing:1px; margin-top:5px; margin-right:15px}
.videoBox ul li .R .sub a.a2{ float:right; display:block; background:#666;border:1px solid #666; width:70px; height:24px; line-height:24px; text-align:center; color:#fff;border-radius:5px; font-size:12px; letter-spacing:1px; margin-top:5px; margin-right:15px}



.courseBox ul.ul_3{overflow:hidden;  padding:15px 0}
.courseBox ul.ul_3 li{ overflow:hidden;border-bottom:1px solid #eee; padding:10px 15px}
.courseBox ul.ul_3 li:first-child{ padding-top:0}
.courseBox ul.ul_3 li:last-child{ border-bottom:none}
.courseBox ul.ul_3 li .L{ float:left; height:80px; margin-right:15px}
.courseBox ul.ul_3 li .L img{ display:block; height:80px;}
.courseBox ul.ul_3 li .R{ flex:1}
.courseBox ul.ul_3 li .R .tit{ font-size:14px; padding-top:5px;}
.courseBox ul.ul_3 li .R .sub{ color:#bbb;}
.courseBox ul.ul_3 li .R .xx{ overflow:hidden; height:30px; line-height:30px;}
.courseBox ul.ul_3 li .R .xx span{ display:block; float:left; width:70%; height:10px; margin-top:10px; background:#E9ECF6;border-radius:10px;}
.courseBox ul.ul_3 li .R .xx p{ float:right; font-size:12px;}


.subscribebox{ padding:0 15px; overflow:hidden}
.subscribebox .item{ overflow:hidden;height:60px; display:flex; padding:10px 0; border-bottom:1px solid #eee}
.subscribebox .item .L{ float:left; width:60px; height:60px;}
.subscribebox .item .L img{ display:block; width:60px; height:60px; border-radius:100%}
.subscribebox .item .C{ flex:1; padding:0 10px;}
.subscribebox .item .C p{ letter-spacing:1px; font-size:14px; padding-top:5px; color:#000}
.subscribebox .item .C span{ color:#666; font-size:12px; letter-spacing:1px;}
.subscribebox .item .R{ float:right;height:60px; line-height:60px; font-size:12px;color:#666;}


.myHeader{ width:100%;max-width:512px; background:linear-gradient(180deg,#43cf8d,#39c680); background-size:100% 100%}
.myHeader .my_1{ display:flex; padding:40px 0 30px; width:100%; height:76px; line-height:76px; color:#fff;}
.myHeader .my_1 .tx{ float:left; display:block; margin-right:10px; width:70px; height:70px; border:3px solid #fff; border-radius:100%; margin-left:20px;}
.myHeader .my_1 span{ flex:1; display:block; font-size:16px; letter-spacing:1px;}
.myHeader .my_1 .more{ display:block; float:right; margin-right:20px; height:24px; margin-top:26px}
.myHeader .my_2{ padding:0 35px 20px; overflow:hidden}
.myHeader .my_2 a{ border:1px solid #fff; border-radius:25px; height:36px; line-height:36px; text-align:center; color:#fff; letter-spacing:1px; font-size:14px; display:block; width:40%}
.myHeader .my_2 a.L{ float:left;}
.myHeader .my_2 a.R{ float:right;}






.mybox_1{overflow:hidden; padding:13px 15px 0}
.mybox_1 .box{ display:flex;background:#fff;box-shadow: rgba(0,0,0,0.06) 0px 6px 16px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_1 .box .L{ float:left; width:50px; margin-right:10px; margin-left:10px}
.mybox_1 .box .L img{ display:block; width:50px; height:50px;}
.mybox_1 .box .C{ flex:1}
.mybox_1 .box .C p{ color:#000; letter-spacing:1px; font-size:15px}
.mybox_1 .box .C span{ letter-spacing:1px; font-size:12px; color:#666; display:block}
.mybox_1 .box .R{ float:right; padding-right:15px}
.mybox_1 .box .R a{ display:block; border:1px solid #39c680; color:#39c680; width:65px; height:26px; line-height:26px; text-align:center; letter-spacing:1px; border-radius:5px; margin-top:11px}


.mybox_2{overflow:hidden; padding:10px 15px}
.mybox_2 ul{ background:#fff; box-shadow: rgba(0,0,0,0.06) 0px 6px 16px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_2 ul li{ width:33.3%; float:left}
.mybox_2 ul li p{ text-align:center; color:#000; font-size:16px; letter-spacing:1px}
.mybox_2 ul li span{ text-align:center; color:#666; display:block; font-size:13px; letter-spacing:1px;}


.mybox_3{overflow:hidden; padding:10px 15px}
.mybox_3 ul{background:#fff;box-shadow: rgba(0,0,0,0.06) 0px 6px 16px;border-radius: 10px;margin-bottom: 10px; padding:10px 0; overflow:hidden}
.mybox_3 ul li{ float:left; width:25%; padding:5px 0}
.mybox_3 ul li img{ display:block; width:28px; margin:0 auto}
.mybox_3 ul li p{ text-align:center; letter-spacing:1px; line-height:26px}


.feedbackBox{ overflow:hidden; padding:5px 15px 0}
.feedbackBox .titbox{ font-size:14px; letter-spacing:1px; height:35px; line-height:35px; padding-left:10px}
.feedbackBox .sub{ padding:10px; overflow:hidden; background:#fff; border-radius:5px; height:150px;}
.feedbackBox .sub textarea{ width:100%; height:150px; border:0; outline:none;}
.feedbackBox .btn{ overflow:hidden; padding-top:40px}
.feedbackBox .btn a{ background:#3F82ED; color:#fff; display:block; height:40px; line-height:40px; letter-spacing:1px; font-size:14px; border-radius:5px; text-align:center;} 


.chartsBox{ overflow:hidden}
.chartsBox .charts_1{ width:170px; margin:0 auto; padding:30px 0; height:50px; line-height:50px; overflow:hidden}
.chartsBox .charts_1 .L{ float:left;color:#666; letter-spacing:1px;}
.chartsBox .charts_1 .L span{ color:#4486FF; font-weight:bold; padding:0 3px; font-size:16px;}
.chartsBox .charts_1 .R{ float:left; color:#666; letter-spacing:1px;}
.chartsBox .charts_1 img{ float:left; display:block; width:50px; height:50px; border-radius:100%; margin:0 5px}
.chartsBox ul{ border-top:1px solid #eee;padding:0 15px; }
.chartsBox ul li{ border-bottom:1px solid #eee; height:50px; line-height:50px; overflow:hidden}
.chartsBox ul li .num{ width:42px; float:left; text-align:center; font-size:14px}
.chartsBox ul li .num img{ display:block; height:34px; margin:8px auto;}
.chartsBox ul li .num p{ text-align:center; font-size:14px}
.chartsBox ul li .tx{ float:left; width:50px}
.chartsBox ul li .tx img{ display:block; width:34px;border-radius:100%; margin:8px auto}
.chartsBox ul li .tit{ float:left; padding-left:5px}
.chartsBox ul li .R{ float:right; color:#666;}
.chartsBox ul li .R span{ font-size:16px; color:#F83B32; padding-right:3px}


.helpBox{ padding:18px 15px; overflow:hidden}
.helpBox ul{ overflow:hidden}
.helpBox ul li{ height:46px; line-height:46px; background:#fff; margin-bottom:10px}
.helpBox ul li .icon{ float:left; display:block; height:30px; margin:8px}
.helpBox ul li p{ float:left}
.helpBox ul li .go{ display:block; float:right; height:18px; margin-top:14px; margin-right:10px}



.setBox{  overflow:hidden}
.setBox ul{overflow:hidden; background:#fff; padding:10px}
.setBox ul li{height:46px; line-height:46px;border-bottom:1px solid #eee; font-size:14px;}
.setBox ul li:last-child{ border:0}
.setBox ul li p{ float:left;}
.setBox ul li span{ float:right; display:block;}
.setBox ul li span.blue{ color:#3F82ED}
.setBox ul li img{ display:block; float:right;height:18px; margin-top:14px;}
.setBox .btn{ overflow:hidden; height:45px; background:#fff; margin-top:25px}
.setBox .btn a{ display:block; text-align:center;line-height:45px; height:45px;font-size:14px; letter-spacing:1px; color:#3F82ED}


.meansBox{ overflow:hidden}
.meansBox ul.ul_1{ background:#fff; overflow:hidden; padding:10px 0 3px; margin-bottom:10px}
.meansBox ul.ul_1 li{ float:left; text-align:center; width:33.3%}
.meansBox ul.ul_1 li img{ display:block; margin:0 auto; width:50px;}
.meansBox ul.ul_1 li p{ text-align:center; height:30px; line-height:30px; color:#666; letter-spacing:1px;}
.meansBox ul.ul_2{ overflow:hidden;}
.meansBox ul.ul_2 li{ margin-bottom:2px; padding:5px; background:#fff; padding-right:10px; overflow:hidden}
.meansBox ul.ul_2 li .L{ float:left;width:110px; height:80px; margin-right:10px}
.meansBox ul.ul_2 li .L img{ display:block; width:110px; height:80px;}
.meansBox ul.ul_2 li .R{ flex:1;}
.meansBox ul.ul_2 li .R .tit{ font-size:14px; letter-spacing:1px; line-height:1.5; color:#333;}
.meansBox ul.ul_2 li .R .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:1.5; color:#666; letter-spacing:1px;}
.meansBox ul.ul_2 li .R .date{ color:#666; font-size:12px; float:right}
.meansBox ul.ul_2 li .R .date span{ display:inline-block; background:#EC482D; color:#fff; border-radius:5px;height: 16px; width:40px; margin-left:5px;line-height: 16px;text-align: center;}












/* ---------- V2 页面风格（按新设计图） ---------- */
.v2-page{background:#40c987;min-height:100vh;padding:14px 12px 84px;box-sizing:border-box;}
.v2-title{font-size:19px;color:#fff;text-align:center;font-weight:700;letter-spacing:1px;padding:12px 0 14px;line-height:1.1;}
.v2-card{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;box-sizing:border-box;border:1px solid #e8edf0;}
.v2-subtitle{font-size:15px;color:#141821;font-weight:700;margin-bottom:8px;line-height:1.2;}
.v2-muted{font-size:12px;color:#8f98a3;line-height:1.4;}
.v2-amount{font-size:26px;color:#1f2328;font-weight:700;line-height:1.2;}
.v2-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.v2-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.v2-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.v2-chip{background:#f8f9fb;border:1px solid #e4e9ee;border-radius:10px;padding:10px 8px;text-align:center;}
.v2-chip .t{font-size:14px;color:#1f2328;font-weight:700;line-height:1.3;}
.v2-chip .d{font-size:12px;color:#39c680;line-height:1.3;}
.v2-ico{width:24px;height:24px;display:block;margin:0 auto 6px;object-fit:contain;}
.disabled-click{cursor:default;}
.pay-phone-input{font-size:14px !important;}
.index-phone-input{
    width:100%;
    border:0;
    outline:none;
    background:transparent;
    font-size:26px;
    font-weight:700;
    letter-spacing:2px;
    padding:6px 0 2px;
    color:#111;
}
.index-phone-input::placeholder{color:#c9d1d9;font-weight:600;letter-spacing:0;}
.index-phone-sub{font-size:12px;color:#8f98a3;}
.v2-ico-sm{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:6px;object-fit:contain;}
.v2-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;}
.v2-btn{height:42px;border-radius:8px;border:none;font-size:16px;font-weight:700;}
.v2-btn-primary{background:#39c680;color:#fff;}
.v2-btn-light{background:#f1f3f5;color:#39c680;}
.v2-input{width:100%;height:42px;border:none;border-bottom:1px solid #dfe4e9;background:transparent;font-size:16px;color:#222;outline:none;}
.v2-list-item{background:#fff;border:1px solid #e8edf0;border-radius:10px;padding:10px 12px;margin-bottom:10px;}
.v2-list-top{font-size:13px;color:#111;margin-bottom:6px;}
.v2-list-main{display:flex;justify-content:space-between;align-items:center;}
.v2-list-main .left{font-size:15px;color:#111;font-weight:700;}
.v2-list-main .right{font-size:36px;color:#111;font-weight:700;line-height:1;}
.v2-list-sub{display:flex;justify-content:space-between;font-size:12px;color:#b4b8be;margin-top:4px;}
.v2-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.v2-stat{background:#fff;border:1px solid #e8edf0;border-radius:10px;padding:10px 6px;text-align:center;}
.v2-stat .n{font-size:14px;color:#111;font-weight:700;}
.v2-stat .k{font-size:12px;color:#7e8690;}

/* ---------- 我的飞猫（按参考图1:1） ---------- */
.myfm-page{background:#40c987;min-height:100vh;padding:16px 14px 84px;box-sizing:border-box;}
.myfm-title{font-size:16px;line-height:1.2;color:#fff;font-weight:700;text-align:center;padding:34px 0 16px;}
.myfm-card{background:#efefef;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 1px 0 rgba(0,0,0,0.06);}
.myfm-user-top{display:flex;align-items:center;gap:14px;}
.myfm-avatar{width:92px;height:92px;border-radius:8px;object-fit:cover;display:block;}
.myfm-user-main{flex:1;min-width:0;}
.myfm-name{font-size:22px;color:#111;line-height:1.05;font-weight:700;}
.myfm-tags{display:flex;gap:8px;margin-top:10px;}
.myfm-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid #8fd9bb;border-radius:18px;font-size:12px;color:#333;line-height:24px;white-space:nowrap;}
.myfm-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border-top:1px solid #dfdfdf;padding-top:10px;}
.myfm-stat{position:relative;text-align:center;}
.myfm-stat:not(:last-child):after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:#dbdbdb;}
.myfm-stat strong{display:block;font-size:14px;line-height:1.05;color:#111;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;}
.myfm-stat span{display:block;font-size:12px;line-height:1.2;color:#222;}
.myfm-card-title{font-size:13px;line-height:1.2;color:#151515;font-weight:700;padding-bottom:10px;border-bottom:1px solid #d7d7d7;margin-bottom:10px;}
.myfm-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.myfm-two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.myfm-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:94px;color:#222;}
.myfm-menu img{width:30px;height:30px;object-fit:contain;display:block;margin:0 auto 8px;}
.myfm-menu p{font-size:13px;line-height:1.2;text-align:center;color:#222;}
.myfm-sub{font-size:12px;line-height:1.2;color:#39c680;margin-top:4px;font-weight:700;}
.myfm-mix-row{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin-bottom:12px;}
.myfm-left-block{margin-bottom:0;}
.myfm-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.myfm-small{padding:8px 6px;margin-bottom:0;min-height:84px;}
.myfm-small img{width:28px;height:28px;margin-bottom:8px;}
.myfm-small p{font-size:13px;}
.myfm-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.myfm-large{padding:10px 6px;margin-bottom:0;min-height:116px;}
.myfm-large img{width:36px;height:36px;margin-bottom:10px;}
.myfm-large p{font-size:13px;}
.myfm-clear-btn{display:flex;align-items:center;justify-content:center;height:84px;font-size:16px;font-weight:700;color:#111;margin-bottom:0;}

/* ---------- 通用返回按钮 ---------- */
.page-back-btn{
    position:fixed;
    left:12px;
    top:12px;
    z-index:1001;
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,0.92);
    border:1px solid #d9e1e8;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2f3a45;
    font-size:18px;
    line-height:1;
    box-shadow:0 1px 6px rgba(0,0,0,0.12);
}