.wr{--navR:4px;--indent:24px;--rW:250px;margin-bottom:100px !important;}

.banner-carousel{margin:calc(var(--headerH) + 16px) auto 0px auto !important;}
.userrow{margin-left:auto;margin-right:auto;margin-top:8px;}

.wr{max-width:100%;max-width:var(--wrW);margin:16px auto 40px auto;display:flex;}
.wr>*{border:1px solid var(--semiFG_LL);}
html[data-theme="light"] .wr>*{border:1px solid #0000;}

._pnl{background:var(--bg);padding:16px;box-shadow:var(--boxShadow);border-radius:2px;}

.wr_L{width:calc(var(--wrW) - var(--rW));margin-right:16px;}
.wr_L>*:not(:last-child){margin-bottom:16px;}

.wr_L>.tut_srch{display:flex;align-items:center;}
.wr_L>.tut_srch>*:not(:last-child){margin-right:4px;}
.wr_L>.tut_srch>input{flex:1;}

.wr_R{width:var(--rW);}
.present{cursor:zoom-in;max-width:100%;}

.CTNT{display:flex;flex-direction:column;align-items:center;gap:8px;}
.CTNT>.ttl{font-size:calc(var(--fontSize)*1.25);font-weight:bold;text-align:center;}
.CTNT>.xinxi{color:var(--semiFG);width:100%;text-align:left;}
.CTNT>.xinxi, .CTNT>.xinxi>*{font-size:calc(var(--fontSize)*0.85);}
.CTNT>.xinxi>.prod{margin:0px 4px;color:var(--actFG);}
.CTNT>.xinxi>.prod:hover{color:var(--actHovFG);}
.CTNT>.des{color:var(--fg);text-align:left;width:100%;}
.CTNT>hr{border:none;background:none;border-bottom:1px solid var(--semiFG_L);margin:4px 0px 16px 0px;width:100%;}
.CTNT>img{max-width:256px;}
.CTNT>.imgGrp{display:flex;align-items:center;flex-direction:column;gap:4px;}
.CTNT>.imgGrp>.des{color:var(--semiFG_L);}

.BTM{display:flex;gap:8px;align-items:center;justify-content:center;position:fixed;bottom:0px;background:var(--bar_bg);border:none;left:50%;transform:translateX(-50%);padding:16px 20px;width:100%;outline:none;}
*[data-theme="dark"] .BTM{border-top:1px solid var(--semiFG_LL);}
*[data-theme="light"] .BTM{box-shadow:var(--boxShadow);}
.BTM>:is(.c, .p){padding:4px 8px;user-select:none;border-radius:2px;cursor:pointer;}
.BTM>:is(.c, .p)::before{content:'\e650';font-family:mosfont;margin-right:4px;}
.BTM>.c{background:var(--actFG);color:var(--bg);}
.BTM>.c:hover{background:var(--actHovFG);}
.BTM>.p{background:var(--green);color:var(--white1);}
.BTM>.p:hover{background:var(--green1);}


@media screen and (max-width:1150px){
    :root{
        --wrW:100%;
        --rW:0px;
    }
    .wr{width:100%;text-align:center;flex-direction:column;gap:var(--pd);}
    .wr_L{margin:0px;width:100%;}
    .wr_R{width:100%;}
    /* .wr_R{display:none;} */
}
@media screen and (min-width:1150px){
   
}