@font-face{font-family:"mosfont";src:url("../icons.woff") format('woff');}
.mIcon{font-family:mosfont;}
*{box-sizing:border-box;font-size:var(--fontSize);margin:0px;padding:0px;transition:100ms;color:var(--fg);-webkit-tap-highlight-color:transparent;}

html,body{background:var(--bg_page);}
body{text-align:left;color:var(--fg);margin:auto;}
html,body,input,textarea{font-family:"微软雅黑";}
a{text-decoration:none;color:var(--fg);}
img{-webkit-user-drag:none;}
input,select{outline:0px;height:calc(var(--fontSize)*1.8);vertical-align:middle;padding:0px 4px;}
input{background:var(--white1);color:var(--black1);}
select{background:var(--white);color:var(--black1);}
select>option{background:var(--white);color:var(--black1);}
input,select,textarea{border:1px solid var(--semiFG);outline:none;border-radius:2px;}
:is(input,select,textarea):focus{border-color:var(--actFG);}
[draggable="true"] {z-index:1;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}

:root{
    --wrW:1200px;
    --headerH:50px;
    --fontSize:15px;
    --pd:8px;   
    
    --primary:#3498db;
    --white:#dddddd;--white1:#ffffff;--semiWhite:#ffffff77;
    --grey:#ccc;--grey1:#ddd;
    --black:#222222;--black1:#000000;--semiBlack:#00000077;
    --red:#aa0000;--red1:#bb0000;
    --green:#00aa00;--green1:#00bb00;
    --blue:#07f;--blue1:#0099ff;
    --yellow:#ff7b00;--yellow1:#ff9900;
    --brown:#d4be81;


    --bg_page:#262626;
    --bar_bg:#333333;
    --bar_bg_hov:#555;
    --bar_fg:#e1e1e1;
    --semiBar_fg:#ccccff22;
    --bar_fg_hov:#ffffff;

    --boxShadow:0 0px 8px 0 rgba(0, 0, 0, .1);
}

*[data-theme="dark"]{
    --bg_page:#262626;

    --bar_bg:#333333;
    --bar_bg_hov:#555;
    --bar_fg:#e1e1e1;
    --semiBar_fg:#ccccff22;
    --bar_fg_hov:#ffffff;

    --fg:#cccccc;
    --semiFG_LL:#ffffff11;
    --semiFG_L:#ffffff33;
    --semiFG:#ffffff55;
    --semiFG_H:#ffffff99;
    --actFG:#ffa500;
    --actHovFG:#ffb500;

    --bg:#232323;
    --semiBG_LL:#00000011;
    --semiBG_L:#00000033;
    --semiBG:#00000055;
    --semiBG_H:#00000099;
    --fg_sub:#aaaaaa;
    
    --bg_hov:#eeeeee;

    --fgo1:#ffffff11;--fgo2:#ffffff22;--fgo3:#ffffff33;--fgo4:#ffffff44;
    --bgo1:#00000011;--bgo2:#00000022;--bgo3:#00000033;--bgo4:#00000044;
    --fg_hov0:#ffffff;
    --fg_hov1:#ffa500;
    --fg_hov2:#ce890a;
    --bg_hov0:#000000;
    --bg_hov_grad:linear-gradient(180deg, #ffffff, #ffb700);
    --pnlBorder:var(--semiFG_L);    

    --boxBG:var(--semiFG_LL);
    --boxHovBG:var(--bg);
}

*[data-theme="light"]{
    --bg_page:#f4f6f9;

    --bar_bg:#ffffff;
    --bar_bg_hov:#ddd;
    --bar_fg:#111;
    --semiBar_fg:#00000022;
    --bar_fg_hov:#000;

    --fg:#000000;
    --semiFG_LL:#00000011;
    --semiFG_L:#00000033;
    --semiFG:#00000055;
    --semiFG_H:#00000099;
    --actFG:#07f;
    --actHovFG:#09f;
    --bg:#ffffff;
    --semiBG_LL:#ffffff11;
    --semiBG_L:#ffffff33;
    --semiBG:#ffffff55;
    --semiBG_H:#ffffff99;
    --fg_sub:#aaaaaa;
    
    --bg_hov:#eeeeee;

    --fgo1:#00000011;--fgo2:#00000022;--fgo3:#00000033;--fgo4:#00000044;
    --bgo1:#ffffff11;--bgo2:#ffffff22;--bgo3:#ffffff33;--bgo4:#ffffff44;
    --fg_hov0:#000000;
    --fg_hov1:#ffa500;
    --fg_hov2:#ce890a;
    --bg_hov0:#ffffff;
    --bg_hov_grad:linear-gradient(180deg, #ffffff, #ffb700);
    --pnlBorder:#0000;

    --boxBG:var(--bg);
    --boxHovBG:var(--semiBG_H);
}

.pnl{background-color:var(--bg);box-shadow:var(--boxShadow);padding:var(--pd);border:2px solid var(--pnlBorder);}
.narrow_ctnr{max-width:var(--wrW);margin:auto;}
.vip-color{background:-webkit-linear-gradient(#ffc77d, #ff7300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-ctnr{max-width:var(--wrW);padding:10px;margin:var(--headerH) auto 0px auto;}

.btn{background:var(--blue);border-radius:2px;cursor:pointer;color:#fff !important;user-select:none;}
.btn:hover{background:var(--blue1);}
.btn.green{background:var(--green);}
.btn.green:hover{background:var(--green1);}
.btn.red{background:var(--red);}
.btn.red:hover{background:var(--red1);}

.site-path>*:not(:last-child)::after{content:'\e918';font-family:mosfont;}
.site-path>a{color:var(--fg);}
.site-path>a:hover{color:var(--actFG);}

.pimg{border-radius:15%;border:2px solid var(--semiFG_L);}
:is(.biaoti, .qian, .chanpin, .xinxi, .chenggong, .shibai)::before{font-family:mosfont;margin-right:2px;}
:is(.biaoti, .qian, .chanpin, .jifen, .yonghu){color:var(--actFG);font-weight:bold;margin:0px 2px;cursor:pointer;}
:is(.biaoti, .qian, .chanpin, .jifen, .yonghu):hover{color:var(--actHovFG);}
.biaoti::before{content:'\e936';}
.qian::before{content:'￥';}
.chanpin::before{content:'\e913';}
.xinxi::before{content:"\2139\fe0f";}
.chenggong::before{content:'\e902';color:var(--green1);}
.shibai::before{content:'\e901';color:var(--red1);}

.vipbtn{background:var(--white);padding:0px 8px;border-radius:99px;font-weight:normal;user-select:none;color:var(--black1);border:1px solid var(--semiFG_L)}
.vipbtn:hover{background:var(--white1);}
.vipbtn::before{content:'黄金VIP';color:var(--black1);}
.vipbtn.y{background:linear-gradient(45deg, #ffd700, #ffb700);}
.vipbtn.y:hover{background:linear-gradient(45deg, #ffe135, #ffc700);}


.gap{flex-grow:1;}


/* -------- basic colors -------- */
.white{color:var(--white);}.white1{color:var(--white1);}
.black{color:var(--black);}.black1{color:var(--black1);}
.red{color:var(--red);}.red1{color:var(--red1);}
.green{color:var(--green);}.green1{color:var(--green1);}
.blue{color:var(--blue);}.blue1{color:var(--blue1);}
.yellow{color:var(--yellow);}.yellow1{color:var(--yellow1);}

.white_bg{background-color:var(--white);}.white_bg1{background-color:var(--white1);}
.black_bg{background-color:var(--black);}.black_bg1{background-color:var(--black1);}
.red_bg{background-color:var(--red);}.red_bg1{background-color:var(--red1);}
.green_bg{background-color:var(--green);}.green_bg1{background-color:var(--green1);}
.blue_bg{background-color:var(--blue);}.blue_bg1{background-color:var(--blue1);}
.yellow_bg{background-color:var(--yellow);}.yellow_bg1{background-color:var(--yellow1);}



/*------- icons -------*/




/*copyable*/
.copyable, .delable{position:relative;}
.copyable:hover:after, .delable:hover:after{content:"复制";font-size:calc(var(--fontSize)*0.8);cursor:pointer;position:absolute;top:0;right:0;background:var(--blue1);color:var(--white1);pointer-events:all;width:32px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;}
.delable:hover:after{content:"删除";}

.predel{animation:predel 300ms;}
@keyframes predel {0%{scale:1;}100%{scale:0;}}


/*---------- COMMON ----------*/
.g_wr{margin:calc(var(--headerH)*2) auto var(--headerH) auto;width:var(--wrW);}



/*---------- DIALOG ----------*/

dialog{padding:0px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);border-radius:4px;text-align:center;background:var(--bg);display:flex;flex-direction:column;position:fixed;margin:auto;border:none;outline:none;overflow:hidden;animation:dlg-pop 0.2s;border:0;}
*[data-theme="dark"] dialog{border:2px solid var(--semiFG_L);}
dialog::backdrop{background:#0009;}
dialog.noblock{margin:initial;top:50%;left:50%;transform:translate(-50%, -50%);}

dialog>.ttl{font-weight:bold;background:var(--bar_bg);width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;height:calc(var(--fontSize)*2);user-select:none;}
dialog>.ttl *{color:var(--bar_fg);white-space:nowrap;}
dialog>.ttl>*:not(:first){margin-right:4px;}
dialog>.ttl>.txt{padding:4px;}
dialog>.ttl>.dlg-close{height:100%;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;align-items:center;}
dialog>.ttl>.dlg-close:hover{background:var(--red);;}

dialog>.ctnr{padding:20px;overflow-y:auto;}
dialog>.ctnr.red{color:var(--red);}
dialog>.ctnr.green{color:var(--green);}
dialog>.ctnr.yellow{color:var(--yellow);}

dialog>.footer{padding:0px 10px 10px 10px;display:flex;align-items:center;justify-content:center;user-select:none;}
dialog>.footer>*:not(:last-child){margin-right:20px;}
dialog .footer .dlg-btn{padding:4px 10px;color:var(--fg);border:none;border-radius:4px;cursor:pointer;}
dialog .footer .dlg-btn.dlg-ok{background:var(--blue);color:var(--white1);}
dialog .footer .dlg-btn.dlg-ok:hover {background:var(--blue1);}
dialog .footer .dlg-btn.dlg-ccl{background:var(--bar_bg);color:var(--bar_fg);}
dialog .footer .dlg-btn.dlg-ccl:hover {background:var(--bar_bg);color:var(--bar_fg_hov);}
@keyframes dlg-pop {0% { transform:scale(0);}100% {transform:scale(1);}}

/*pnl captcha*/
.pnl_captcha{max-width:calc(100% - 20px);width:360px;}
.pnl_captcha>.ctnr{width:100%;}
.pnl_captcha>.ctnr>.divCtnr{display:flex;width:100%;align-items:center;}
.pnl_captcha>.ctnr>.divCtnr>*{height:50px;}
.pnl_captcha>.ctnr>.divCtnr>.mIcon{height:auto;user-select:none;cursor:pointer;font-size:calc(var(--fontSize) * 1.6);}
.pnl_captcha>.ctnr>.divCtnr>.mIcon:hover{color:var(--actFG);}
.pnl_captcha>.ctnr>.divCtnr>.mIcon:active{scale:0.9;}
.pnl_captcha>.ctnr>.divCtnr>*:not(:last-child){margin-right:8px;}
.pnl_captcha>.ctnr>.divCtnr>img{min-width:150px;background:#ccf;}
.pnl_captcha>.ctnr>.divCtnr>input{flex:1;width:100px;}

.pnl_login{max-width:calc(100% - 20px);width:480px;border:2px solid var(--semiFG_L);}
.pnl_login>.ctnr{padding:0px 24px calc(var(--fontSize)*2) 24px;}
.pnl_login .ttl{background:none;}
.pnl_login .footer{display:none;}
.pnl_login input[type="radio"]{display:none;}
.pnl_login .divCtnr{display:flex;flex-direction:column;gap:16px;}
.pnl_login .divCtnr>.lbls{display:flex;justify-content:space-evenly;}
.pnl_login .divCtnr>.lbls>*{flex:1;color:var(--semiFG);font-size:calc(var(--fontSize) * 1.2);cursor:pointer;user-select:none;}
.pnl_login .divCtnr>.lbls>*:not(:last-child){border-right:1px solid var(--semiFG);}
.pnl_login .divCtnr #ppassword:checked ~ .lbls>*[data-w="ppassword"], .pnl_login .divCtnr #pphone:checked ~ .lbls>*[data-w="pphone"], .pnl_login .divCtnr #pemail:checked ~ .lbls>*[data-w="pemail"]{color:var(--actFG);cursor:not-allowed;}
.pnl_login .divCtnr>.ctnts{display:flex;justify-content:center;align-items:center;}
.pnl_login .divCtnr>.ctnts>*{display:none;flex-direction:column;gap:16px;align-items:center;flex-direction:row;flex-wrap:wrap;}
.pnl_login .divCtnr #ppassword:checked ~ .ctnts>*[data-w="ppassword"]{display:flex;}
.pnl_login .divCtnr #pphone:checked ~ .ctnts>*[data-w="pphone"]{display:flex;}
.pnl_login .divCtnr #pemail:checked ~ .ctnts>*[data-w="pemail"]{display:flex;}
.pnl_login .divCtnr>.ctnts>*>.s{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;}
.pnl_login .divCtnr>.ctnts>*>.s>.c{display:flex;flex:1;gap:8px;align-items:center;}
.pnl_login .divCtnr>.ctnts>*>.s>.c>input{flex:1;height:calc(var(--fontSize)*2);}
.pnl_login .divCtnr>.ctnts>*>.s.s_duoinp>.c>input{width:50%;;}
.pnl_login .divCtnr>.ctnts>*>.s>.i{white-space:nowrap;text-align:right;color:var(--semiFG);}
.pnl_login .divCtnr>.ctnts>*>.s>.i.hide{display:none;}
.pnl_login .divCtnr>.ctnts>*>.s>.c>.txt{white-space:nowrap;}
.pnl_login .divCtnr>.ctnts>*>.s>.c>.txt.getvericode{color:var(--semiFG);cursor:not-allowed;}
.pnl_login .divCtnr>.ctnts>*>.s>.c>.txt.getvericode.on{color:var(--actFG);cursor:pointer;}
.pnl_login .divCtnr>.ctnts>*>.s>.c>.link{cursor:pointer;color:var(--actFG);}
.pnl_login .divCtnr>.ctnts>*>.s>.b{cursor:pointer;user-select:none;border:1px solid var(--semiFG_L);flex:1;border-radius:4px;padding:8px 0px;max-width:50%;background:var(--blue);color:var(--white1);}
.pnl_login .divCtnr>.ctnts>*>.s>.b:hover{background:var(--blue1);}
.pnl_login .divCtnr>.ctnts>*>.s>.b.disabled{cursor:not-allowed;background:var(--grey) !important;}
@media screen and (max-width:1200px){.pnl_login>.ctnr{
    padding:0px 8px calc(var(--fontSize)*2) 8px;}
}

.course{background:linear-gradient(190deg, #47a, #226);padding:8px;margin:auto;width:500px;display:flex;flex-direction:column;box-shadow:var(--boxShadow);cursor:auto;max-width:100%;overflow:hidden;border-radius:4px;}
.course:hover{border-color:#fff;}
.course *{color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.course .btn{background:#7db2ff;padding:2px 16px;border-radius:2px;cursor:pointer;color:#000 !important;}
.course .btn:hover{background:#3e8dff;}
.course .info{color:#8692d3;}
.course .info::before{content:"\2139\fe0f";}
.course>*:not(:last-child){margin-bottom:8px;}
.course>.cur{display:flex;}
.course>.cur>.l{flex:1;}
.course.hidecur>.cur{display:none;}
.course>.top{display:flex;}
.course>.top>.l{height:52px;margin-right:8px;}
.course>.top>.l>img{width:50px;height:50px;cursor:zoom-in;filter:drop-shadow(0px 2px 2px #0007);}
.course>.top>.r, .course>.btm{display:flex;flex-direction:column;}
.course>.top>.r>.c_name{font-weight:bold;font-size:calc(var(--fontSize) * 1.2);}
.course>.top>.r>.c_link{cursor:pointer;}
.course>.top>.r>.c_link:hover{color:#ffa500;}
.course>.btm>.description{margin-bottom:4px;}
.course>.btm>.expire{display:none;}
.course>.btm>.expire.expired{color:#f55;}
.course>.btm>.expire.expired::after{content:'(已过期)';margin-left:4px;}

.item{width:256px;background:var(--white1);padding:var(--pd);border-radius:4px;cursor:pointer;border:1px solid var(--semiFG_L);}
.item:hover{transform:translateY(calc(var(--pd) * -0.5));}
.item>*{width:100%;}
.item>.t{background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;aspect-ratio:1.777;position:relative;margin-bottom:4px;}
.item>.t>.btns{position:absolute;left:2px;bottom:2px;display:flex;align-items:center;gap:4px;max-width:calc(100% - 4px);}
.item.copyright>.t::after{content:'版权';position:absolute;right:2px;top:2px;border-radius:2px;padding:0px 4px;user-select:none;background:var(--red1);color:var(--white1);}
.item>.t>.btns>*{border-radius:2px;padding:0px 4px;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item>.t>.btns>.price{background:var(--actFG);color:var(--bg);}
.item>.t>.btns>.req{background:var(--green);color:var(--white1);}
.item>.b{color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.userAuths{flex-direction:column;align-items:start !important;gap:8px;}
.userAuths>.ctnt{display:flex;gap:4px;flex-wrap:wrap;padding:8px;background:var(--semiBG_H);border-radius:4px;width:100%;border:1px solid var(--semiFG_L);min-height:60px;}
.userAuths>.ctnt>.box{font-size:0px;user-select:none;}
.userAuths>.ctnt>.box>img{width:40px;}
.userAuths>.ctnt>.box{display:flex;justify-content:center;width:44px;height:44px;align-items:center;}
.userAuths>.ctnt>.box>img:hover{width:44px;}
.userAuths>.txt{min-height:calc(var(--fontSize)*2);}
.userAuths>.txt>.n{color:var(--actFG);margin-right:8px;}
.userAuths>.txt>.n:hover{color:var(--actHovFG);}
.userAuths>.txt>.a{font-weight:bold;}
.userAuths>.txt>.a.g{color:var(--green1);}
.userAuths>.txt>.a.r{color:var(--red);}

@media screen and (max-width:1200px){
    .g_wr{width:100%;}
    .item{width:calc(50% - 16px);}
}