/*css初始化*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.leftbar, .tab-item, .intro ul{
    user-select:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    background: #fbfbfb;
    padding: 0;
    margin: 0;
    color: #222;
    height: 100%;
    overflow-x: hidden;
}

button, input {
    border: 0;
}

*{margin:0;font-family: "微软雅黑","HelveticaNeue",Helvetica,Arial, "PingFangSC", "HiraginoSansGB", "HeitiSC",  "WenQuanYiMicroHei",sans-serif;}
body{background:#fefefe;padding:0;margin:0;
    font-size:0.9rem;color:#111
}
*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
    user-select: none;
}

input {
    background: none;
    outline: none;
    border: 0px;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

*::-webkit-scrollbar{
    width:5px;
    height:5px;
}
*::-webkit-scrollbar-track{
    background: #f7f7f7;
    border-radius:2px;
}
*::-webkit-scrollbar-thumb{
    background: #dce1e6;
    border-radius:5px;
}

body::-webkit-scrollbar{
    width:5px;
}
body::-webkit-scrollbar-thumb{
    background: #dce1e6;
    border-radius:5px;
}

*{
    scrollbar-width: thin;
    scrollbar-color: #dce1e6 #f7f7f7;
}
html{
    scrollbar-width: thin;
    scrollbar-color: #b3b2be #f7f7f7;
}
a{
    text-decoration: none;
    color: #333;
}
:root {
    --open-height: 100px;
    --close-height: 30px;
}



/*页面主体*/

#wrap{
    margin: 0 auto;
    width:100%;
    max-width:2000px;
    display:flex;
    height: calc(100vh - 0px);
}


/*侧边栏部分*/

.left{width:200px;background:#fcfcfc;padding:0 20px;border-right:1px solid #eee;overflow:auto;overflow-x:hidden}
.left .logo{display:flex;align-items:center;width:100%;height:80px;padding-left:10px}
.left .logo img{max-width:145px}
.left .menu li{margin-bottom:8px;display:flex;align-items:center;padding:6px 0;border-radius:30px}
.left .menu li.selected{background:#eee;}
.left .menu li:hover{background:#eee;}
.left .menu li i{width:24px;display:flex;align-items:center;margin-right:30px;padding-left:16px}
.left .menu li a{display:inline-block;display:flex;align-items:center;}
.left .menu li i img{max-width:20px}
.middle{flex:1;background:#fff;padding:0 30px;overflow:auto;overflow-x:hidden;padding-bottom:40px; margin-top: 26px; max-width: 1600px;}
.middle h1.title{
    font-size: 1.7rem;
    font-weight: 500;
}


.middle .listtop h1.title span.num{font-family:Impact}
.my-space-arrow {
    width: 11px;
    vertical-align: middle;
    margin-left: 5px;
}


/**
右侧边栏样式
 */
.right{width: 200px;background:#fff;padding:0 20px;overflow:auto;overflow-x:hidden}
.right .avatar{display:flex;align-items:center;margin-top:30px}
.right .username{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.1rem;}

.right  .regdate{font-size:12px;font-weight:400}
.right .avatar img{max-width:50px;ss}
.right .infotool{display:flex;align-items:center;margin-top:10px; justify-content: center}
.right .infotool a{display:block;display:flex;align-items:center;justify-content:center;padding:3px 14px;border-radius:30px;margin-right:6px;border:2px solid transparent;font-size:12px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.right .infotool a.editinfo{background: #222;color:#fff;}
.right .infotool a.editinfo:hover{background: linear-gradient(102.51deg,#ff3d00 9.6%,rgba(255,0,153,.68) 95.98%) !important;
  color: #fff  !important;}
.right .infotool a.editpw{border:2px solid #222;color:#222;}
.right .total{display:flex;align-items:center;border-top:1px solid #ccc;margin-top:20px;padding-top:10px}
.right .total .num .active-num,.right .total .num .hasnum,.right .total .num .up-num{color:#222;font-family:Impact;font-size:2.2rem;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.right .total .num .total-num,.right .total .num span.symbol-line {color:#222;font-size:1.3rem;font-weight:400;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;margin-left:6px; font-style: normal}

.right .num{
    width: 100%;
}

.right .total .num .numinfo{/*display:flex;align-items:center;*/color:#222;font-size:12px; margin-top: 5px}
.right .buynum{margin-top:14px}
.right .buynum a{display:block;text-align:center;border-radius:30px;padding:6px 14px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;background: linear-gradient(102.51deg,#ff3d00 9.6%,rgba(255,0,153,.68) 95.98%) !important;
  color: #fff  !important;}
.right .buynum a:hover{}
.right .view{margin-top:14px}
.right .view a{display:block;text-align:center;color:#333;background:#f4f4f4;border-radius:30px;padding:6px 14px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;border:2px solid #333;}
.right .view a:hover{background:#333;color:#fff;border:2px solid transparent}
.right .user-info{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.1rem;margin-left:8px}
.right .total .num .total-num{
    margin-left: 0;
}
.right .register-time{
    font-size: 12px;
    font-weight: 400;
    white-space: normal;
}
.right .vip-level{
    font-weight: 550;
    font-size: 12px;
    color: #339966;

}
.right .remain-tips{
    font-size: 14px;
}
.right .vip-remain-tips{
    font-size: 12px;
    margin-top: 5px;
    color: #777;
}
.total-publish-num{
    padding-bottom: 10px;
    /*border-bottom: 1px solid #ccc;*/
}
/**
右侧边栏样式结束处
 */
.flex{display:flex;align-items:center;}
.nowrap{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.svgcolor-change{
    position: relative;
    transform: translateX(-140px);
    filter: drop-shadow(#aaa 140px 0);

}

img.user{max-height:30px}