body {
    background: #f8f9fd;
    transition: all .5s;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 1em;
    font-family: 'Source Han Sans CN','Microsoft YaHei','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif, lucida, helvetica, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    /*height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);*/
    /* 为不同平台设置不同的圆角 */
    /*@media screen and (prefers-color-scheme: dark) {
        background-color: #1e1e1e;
    }*/
    /* 为 macOS 添加额外的模糊效果 */
    /*@media screen and (max-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }*/

/*    height:95vh;*/

}

#DivNow {
    /*width: 100%;*/
    position: absolute;
    display: none;
}
#DivNowBg {width:100%;background:#000;position:absolute;height:100%;}
/*#3e5c7b url(/Content/bar-preloader.gif) no-repeat center center*/
.alpha1 {
    filter: alpha(opacity=60); /* IE 透明度20% */
}
.alpha1 {background-color:#000;opacity:0.6; /* Moz + FF 透明度20%*/opacity: 0.6; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/}
.alpha2 {text-align:left;opacity:1;opacity:1;filter:alpha(opacity=100);margin:30px 0px 60px 0px;}
.alpha3 {text-align:center;margin:0px 0px 60px 0px;border:0px solid #333;}
.alpha3a {text-align:left;width:390px;margin:0px 0px 60px 0px;border:0px solid #333;}
.pagetitle {font-size:19px;font-family:SimHei;padding:10px;text-align:center;}
.SetPageDone {padding:45px 10px 45px 45px;font-size:19px;letter-spacing:1px;line-height:26px;color:#FFF;font-family:'Microsoft YaHei', 'SimHei';text-shadow:0px 0px 5px #000;}

div#msgPopBox_title_span {font-size:0.85em;}
div#msgPopBox{max-width:450px;min-width:320px;background:#FFF;-webkit-box-shadow:0em 0em 0.8em #000;box-shadow:0em 0em 0.8em #000;-moz-box-shadow:0em 0em 0.8em #000;display:none;user-select:none;}
div#msgPopBox_title{height:2em;line-height:2em;overflow:hidden;background:#888;color:#fff;padding:0px 5px 0px 8px;border:0em solid #e78f08;font-weight:bold;border-bottom:0.3em solid #AAA;}
div#msgPopBox_title a{width:1.4em;height:1.4em;overflow:hidden;display:block;float:right;text-align:center;text-decoration:none;margin-top:3px;}
div#msgPopBox_info {padding:0.8em 0.6em 2em 0.8em;word-wrap:break-word;max-height:450px;overflow-y:auto;}
div#msgPopBox_info p {padding:0.8em 0em 0.4em 0em;font-size:0.9em;line-height:1.4em;text-align:left;margin:0em;clear:both;}
div#msgPopBox_info p.one {padding:1em 0em 0.4em 0em;font-size:0.9em;line-height:1.5em;text-align:center;margin:0em;font-weight:bold;clear:both;}
div#msgPopBox_info p.big {padding:1em 0em 0.4em 0em;font-size:1em;line-height:2em;text-align:center;margin:0em;color:#AA0000;font-weight:bold;}

/*div.loadingnow, div.gdivfloat {background:#fcfcf1;color:#333;border-radius:5px;padding:1em;margin:1.2em 0.3em 0em 0.3em;}
div.loadingnow img {float:left;}
div.loadingnow span {font-size:1em;color:#000;font-weight:bold;letter-spacing:0.1em;padding:0.65em;font-weight:bold;}*/

center.speedloading_part {
    padding-top: 70px;
/*    opacity:0.5;*/
}
div.speedloading_bg {
    text-align: left;
    background: #000;
    /*    #3e5c7b;;*/
    height: 22px;
    border-radius: 3px;
/*    border: 1px solid #3b5877;*/
    /*    border: 1px solid #000;*/
}
div.speedloading_value {
    background: #243f5b;
    height: 20px;
    width: 0px;
    transition: all .3s;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #3b5877;
}

a {
    text-decoration: none;
    color: #800;
    transition: all .3s;
    cursor:pointer;
}
a:hover {color:#C00;}

.ani-loader {
    line-height:1em;
    float: left;
    margin: 0px 10px 0 0;
    border: 5px solid #CCC;
    border-radius: 50%;
    border-top: 5px solid #C00;
    border-right: 5px solid #C00;
    width: 5px;
    height: 5px;
    animation: spinner 2s linear infinite;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

center#topbar {position:fixed;top:0px;left:0;right:0;padding-top:15px;background:#f8f9fd;}
div#navbar {padding:0 0 4px 10px;border-bottom:solid 5px #37407d;}

div#NavList{text-align:center;font-size:1.3em;font-weight:bold;}
div#NavList a{margin:0 2px;padding:3px 8px;border-top-left-radius:5px;border-top-right-radius:5px;background:#a3c2ed;color:#37407d;border-right:1px solid #888;user-select:none;}
div#NavList a:hover {color:#FFF;background:#37407d;}
div#NavList a.isme {color:#FFF;background:#37407d;}
div#titlelogo {font-size:1.5em;letter-spacing:0.2em;float:left;color:#37407d;font-weight:bold;text-shadow:1px 0px 0px #000;display:block;user-select:none;}
div#titlelogo span {margin-left:3px;color:#080;letter-spacing:0.2em;font-size:0.75em;}
div#navbar_sub {float:right;font-size:0.85em;letter-spacing:0;}
div#navbar_sub a#loginname {font-weight:bold;font-size:1.2em;}
div#subnavbar {text-align:center;border-bottom:dashed 0px #CCC;padding:1.5em 0;white-space:nowrap;width:100%;background:#f8f9fd;}
div#subnavbar a {margin:1em 0;font-weight:bold;color:#37407d;padding:0.5em 0.8em;border:0px solid #AAA;border-right:7px solid #f8f9fd;background:#e7e7e7;box-shadow:#AAA 0px 0px 0px;border-bottom:0px solid #37407d;border-top:0px solid #BBB;color:#856565;user-select:none;}
div#subnavbar a:last-child {border-right:0;border-bottom-right-radius:0;border-top-right-radius:0.8em;border-right: 1px solid #BBB;}
div#subnavbar a:first-child {border-bottom-left-radius:0;border-top-left-radius:0.8em;border-left: 1px solid #BBB;}
div#subnavbar a.isme {color:#800;background:#EEDDDD;box-shadow:#AAA 0px 0px 0px;border-bottom: 1px solid #972828;}
div#subnavbar a:hover {color:#A00;background:#EEE;border-bottom: 1px solid #972828;}
div#subnavbar a.isme:hover {color:#A00;background:#FDD;}

div#subnavbar_ele {text-align:center;padding:0;white-space:nowrap;width:100%;line-height:1em;}
    div#subnavbar_ele img {
        width: 0px;
        height: 10px;
/*        background: url(/Content/split.png) 0 0 no-repeat;
        opacity: 0.8;*/
        border-left: 1px solid #666;
        border-right:1px solid #000;
        margin:0 2px;
    }
    div#subnavbar_ele a {
        font-weight: bold;
        color: #CCC;
        padding: 0 7px;
        border-right: 0px solid #000;
        border-left: 0px solid #777;
        user-select: none;
        font-size: 16px;
        display:inline-block;
        letter-spacing:1px;
        transition: transform 0.1s ease;
    }
        div#subnavbar_ele a:last-child {border-right:0;}
        div#subnavbar_ele a:first-child {border-left:0;}
        div#subnavbar_ele a.isme {color:#C00;transform: scale(1.1);}
        div#subnavbar_ele a:hover {
            color: #FFF;
            transform: scale(1.1);
            /*            transform: scale(1.1);*/
        }
        div#subnavbar_ele a.isme:hover {
            color: #F00;
/*            transform: scale(1.1);*/
        }

img.imglink {
    width:6px;
    height:0;
    border-top:2px solid #AAA;
    border-bottom:1px solid #CCC;
    margin:4px 7px;
}
img.imgsplit {
    width:0;
    height:10px;
    border-left:2px solid #AAA;
    border-bottom:1px solid #CCC;
    margin:0 10px;
}

div#app_topbar {position:fixed;top:0;left:0;right:0;z-index:10;background:#5e5e5e linear-gradient(to right, #003 30%, #008 50%, #000 100%);border-top:0px solid #888;border-bottom:2px solid #000;border-right:0;user-select:none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div#app_title {-webkit-app-region:drag;app-region:drag;font-weight:bold;color:#EEE;padding:0.8em 1em 0.95em 0.7em;line-height:1em;}
span#app_close {font-size:25px;cursor:pointer;color:#AAA;padding:0px 15px 0 10px;font-weight:bold;float:right;user-select:none;margin-top:-3px;}
span#app_close:hover {color:#C00;}

svg#svg_setting {cursor:pointer;padding:10px 0px 0px 9px;margin-right:15px;}
svg#svg_setting g{stroke:#AAA;}
svg#svg_setting g:hover {stroke:#FFF;}
    svg#svg_setting .svg_line {fill: #AAA;}

/* 当鼠标悬停在黑色正方形上时，改变横线颜色 */
/*svg#svg_setting #square:hover ~ .svg_line {
    fill: #FFF;
}*/
svg#svg_setting:hover .svg_line {
    fill: #FFF; 
}

a.app_loginname {letter-spacing:0.1em;font-weight:normal;padding:0;color:#AAA;font-size:14px;}
a.app_loginname:hover{color:#FFF;}
img.app_setting {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="black"><circle cx="50" cy="50" r="40" fill="white" stroke="white" stroke - width="4"/><rect x="45" y="10" width="10" height="20" fill="white"/><rect x="75" y="25" width="10" height="20" fill="white" transform="rotate(45 50 50)"/><rect x="85" y="50" width="10" height="20" fill="white" transform="rotate(90 50 50)"/><rect x="75" y="75" width="10" height="20" fill="white" transform="rotate(135 50 50)"/><rect x="45" y="85" width="10" height="20" fill="white" transform="rotate(180 50 50)"/><rect x="15" y="75" width="10" height="20" fill="white" transform="rotate(225 50 50)"/><rect x="5" y="50" width="10" height="20" fill="white" transform="rotate(270 50 50)"/><rect x="15" y="25" width="10" height="20" fill="white" transform="rotate(315 50 50)"/><circle cx="50" cy="50" r="10" fill="white"/></svg>');
    background-size: cover;
}
div#app_bottombar {user-select:none;position:fixed;bottom:0;right:0;z-index:10;padding:0 7px;user-select:none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-top-left-radius:15px;}
/*background:transparent linear-gradient(to right, transparent 30%, transparent 50%, #F2F2F2 100%);border-top:0px solid #888;border-bottom:0px solid #000*/
div#topbar_right_days{-webkit-app-region:drag;app-region:drag;color:#FFF;text-align:left;font-size:0.75em;opacity:0.4;}
span#keeponlinesec{-webkit-app-region:drag;app-region:drag;font-family: Consolas, 'DejaVu Sans Mono', 'Courier New', monospace; padding:0 1em;color:#FFF;font-size:0.75em;opacity:0.4;}
div#electron_messagecenter{font-size:0.75em;color:#FFF;display:none;cursor:pointer;opacity:0.4;}


.tooltip {
    position: relative;
    display: inline-block;
    overflow: visible !important; /* 确保内容不被裁剪 */
}

    .tooltip .tooltiptext {
        visibility: hidden;
        text-align: left;
        background-color: #eeefd3;
        color: #300;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: -66px;
        left: 5px;
        transform: translateY(0px); /* 默认下移10px */
        opacity: 0; /* 默认透明 */
        transition: all 0.2s ease-out; /* 添加过渡动画 */
        white-space: nowrap;
        text-overflow: ellipsis; /* 超出部分显示省略号 */
        font-size: 14px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        line-height: 18px;
        /* 添加以下属性 */
        pointer-events: none; /* 防止遮挡表格交互 */
        will-change: transform, opacity; /* 优化动画性能 */
        transition: opacity 0.3s, visibility 0.3s;
        transition-delay: 0s; /* 默认无延迟 */
    }

        .tooltip .tooltiptext::after {
            content: '';
            position: absolute;
            top: -5px;
            left: 20px;
            margin-top: -10px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #eeefd3 transparent;
            /* 关键：为箭头添加阴影 */
            filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.1));
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        transform: translateY(0); /* 悬停时恢复原位 */
        opacity: 1;
        transition-delay: 0.6s; /* 鼠标悬停时立即应用样式 */

        .tooltip:not(:hover) .tooltiptext

{
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s; /* 移开时立即隐藏 */
}

}


.divider {
    height: 2px;
    margin: 2em 1em;
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100% );
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
}

a.nore {
    color: #EE0;
    font-size:94%;
    font-weight: bold;
    border: 4px solid #2e366b;
    padding: 0.2em 0.1em 0.3em 0.6em;
    background: #000000;
    border-radius: 1em;
/*    animation: pulse 2s infinite;*/
}
a.nore:hover {
    color:#F00;
/*    border:4px solid #A00;*/
             background:none;

}
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

p.pub_notice {
    background: #FFF repeating-linear-gradient(135deg,#f2f2f2,#EEE 1px,#f2f2f2 1px,#dcdcdc 2px);
    padding: 6px 10px 6px 10px;
    border-radius: 2px;
    user-select: none;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
    max-width: 412px;
    min-width: 300px;
    margin-left: 1em;
    font-size: 15px;
}

    p.pub_notice a {
        color: #C00;
        font-size: 15px;
        margin-left:5px;
        font-weight: bold;
    }

    p.pub_notice a:hover {
        color: #C00 !important;
    }
    
    /*p .pub_notice:hover {*/
/*        color: #C00!important;*/
        /*text-overflow: inherit;
        white-space: normal;
        overflow: auto;
        max-width: 90%;
    }*/

div#classend {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    background: #37407d;
    background-image: linear-gradient(to right,#37407d,#091355); /*box-shadow:0px 8px 20px 0px #090909;*/
    font-size: 0.85em;
    color: #EEE;
    letter-spacing: 0.2em;
    text-align: center;
    padding: 5px 0;
    user-select: none;
}


#mainpart {/*box-shadow:1px 1px 4px #37407d;*/width:100%;/*height:auto;*//*display:table;margin-top:124px;*/max-width:1400px;min-width:900px;background:#FFF;border-radius:10px;text-align:left; }
/*height: calc(100% - 60px);overflow-y: auto;*/
/* 自定义滚动条样式 */
body::-webkit-scrollbar {width: 1px;height:1px;}

    body::-webkit-scrollbar-track {background: #000;}

    body::-webkit-scrollbar-thumb {background: #000;}

    body::-webkit-scrollbar-thumb:hover {background: #888;}

#mainpart select {margin:0 10px 10px 0;font-weight:bold;}
.iput, .iput_email, .iput_pw, .iput_card_no, .iput_card_pw, .iput_verify {
    transition: all .5s;
    font-size: 1.1em;
    width: 260px;
    margin: 0 10px 10px 0;
    padding: 5px;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #000;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #F6F6F6; 
    border: 1px solid #FFF; /*浅于背景的边框 */
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8), /* 顶部和左侧内阴影 */
    inset -2px -2px 1px rgba(70, 70, 70, 0.2); /* 底部和右侧微弱反光 */
    transition: all 0.2s ease;
}
input:focus {
    background-color:#FFF; 
}
.iput_email {ime-mode:disabled;font-family:Arial;}
.iput_pw {ime-mode:disabled;}
.sel {font-size:18px;}
.textpart {
    transition: all .5s;
    width: 260px;
    height: 60px;
    padding: 5px;
    font-size: 1.1em;
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #000;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    max-height: 30em;
    background-color: #F6F6F6;
    border: 1px solid #FFF; /*浅于背景的边框 */
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8), /* 顶部和左侧内阴影 */
    inset -2px -2px 1px rgba(70, 70, 70, 0.2); /* 底部和右侧微弱反光 */
    transition: all 0.2s ease;
}
/*#nowpart {padding:1em;}*/
textpart:focus {
    outline: none;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5), inset -1px -1px 2px rgba(70, 70, 70, 0.1); /*, 0 0 0 2px rgba(60, 132, 244, 0.3);*/ /* 聚焦时的光晕 */
}

    div#VerifyPngShow {
        background: #FFF;
        margin: 0 0 0 5px;
        border-radius: 3px;
        border: 0px solid rgba(0,0,0,.3);
        border-right: 0;
        border-bottom: 0;
    }

a.vipname {color:#A00;font-size:90%!important;font-weight:normal;text-decoration:none;letter-spacing:0.02em!important;margin-right:5px;cursor:pointer;}
a.norname {color:#333;font-size:90%!important;font-weight:normal;text-decoration:none;letter-spacing:0.02em!important;margin-right:5px;cursor:pointer;}

a.vipname:hover {color:#000;transition:all .5s;}


span.listtitle35,span.listtitle40,span.listtitle45,span.listtitle50,span.listtitle55,span.listtitle60,span.listtitle65,span.listtitle70,span.listtitle75,span.listtitle80,span.listtitle85 {display:block;max-width:35%;text-overflow:ellipsis;overflow:hidden;max-height:1.3em;float:left;word-break: break-all;margin-right:0.5em;}
span.listtitle40 {max-width:40%;}
span.listtitle45 {max-width:45%;}
span.listtitle50 {max-width:50%;}
span.listtitle55 {max-width:55%;}
span.listtitle60 {max-width:60%;}
span.listtitle65 {max-width:65%;}
span.listtitle70 {max-width:70%;}
span.listtitle75 {max-width:75%;}
span.listtitle80 {max-width:80%;}
span.listtitle85 {max-width:85%;}


a span.num, a span.num0, a span.num1, a span.num2, a span.num3, a span.num4, a span.num5, a span num6, a span.num7 {
    /*background: none;
    padding: 0;
    border-radius: 0px;*/
    /*color: #EEE;*/
    /*font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: bottom;*/

    background: none;
    padding: 0 0 0 3px;
    border-radius: 0px;
    /* color: #EEE; */
    font-weight: normal;
    letter-spacing: 0;
    margin-left: 0px;
    margin-right: 0px;
    /* vertical-align: bottom; */
/*    color: #800;*/
    font-size: 80%;
/*    border-radius: 7px;
    border: 1px solid #600;
    border-bottom:0;
    border-top:0;*/
}

/*a span.num0 {color:#3e7913;}
a span.num1 {color:#66A;}
a span.num7 {color:#444;}
a span.num2 {color:#A66;}
a span.num4 {color:#A6A;}*/

/*a span.num, a span.num0, a span.num1, a span.num2, a span.num3, a span.num4, a span.num5, a span num6, a span.num7 {
    background: #A00;
    padding: 0em 0.4em 0 0.3em;
    border-radius: 4px;
    color: #EEE;
    font-weight: normal;
    font-size: 0.4em;
    letter-spacing: 0;
    margin-left: 0px;
    margin-right: 3px;
    vertical-align: bottom;
}

a span.num0 {background:#3e7913;}
a span.num1 {background:#66A;}
a span.num7 {background:#444;}
a span.num2 {background:#A66;}
a span.num4 {background:#A6A;}*/

div.listnav {
    user-select: none;
/*    font-size: 15px;*/
    color: #CCC;
    line-height: 1.8em;
    margin-bottom: 0.3em;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
/*    clear: both;*/
}
div.listnav a {font-weight:bold;font-size:15px;letter-spacing:1px;}

div.title {font-weight:bold;margin:1em 0 0.5em 0;font-size:18px;user-select:none;}
div.title-red {font-weight:bold;margin:1em 0 0.5em 0;font-size:18px;color:#F00;user-select:none;}
div.plist {padding:0;margin:0.5em 0px 2.5em 0px;word-wrap:break-word;word-break:break-word;}
div.plist p {letter-spacing:0.05em;line-height:1.5em;word-wrap:break-word;word-break:break-word;margin:0.5em 0;}
div.tlist {
    clear:both;
    padding: 0.3em 0px 0.3em 0.5em;
    border-bottom: 1px dashed #EEE;
    user-select: none;
    word-wrap: break-word;
    word-break: break-word;
    transition: all 0.3s ease;
    border-bottom: 1px solid #eee; /*max-width:100%;overflow:hidden;*/
    font-size:15px;
    letter-spacing: 0;
    overflow: hidden;
    max-height: 25px;
}
div.tlist p {letter-spacing:0.05em;line-height:1.5em;word-wrap:break-word;word-break:break-word;margin:0.5em 0;}


div.tlistpart {
    border-bottom: 10px solid #EEE;
    margin-bottom: 1em;
    word-wrap: break-word;
}
/*div.tlist:last-of-type {border-bottom:10px solid #EEE;margin-bottom:1em;}*/
/*div.tlist:first-of-type {border-top:1px solid #CCC;}*/
/*div.tlist:nth-child(2n+0) {background:#FAFAFA;}*/

/*div.tlist {*/
/*    font-family: "DengXian", "KaiTi", "Microsoft YaHei", "SimSun",sans-serif;*/
/*}*/

div.tlist div {float:left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

    div.tlist:hover {
        background: #EEE;
        color:#000;
/*        border-bottom:1px solid #CCC;*/
/*        transform: scale(1.1);*/
/*        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
/*        opacity: 0.8;*/
    }

div.tlist div.username {width:100px;}
div.tlist div span {font-size:0.75em!important;color:#856565;}
div.tlist div.topic {width:35%;}
    div.tlist a {
        color: #A00;
        font-weight: bold;
        transition: transform 0.3s ease;
/*        transform: scale(1.18);*/
        display: inline-block;
        transform-origin: 0 50%;
    }
    div.tlist a:hover {
/*        color: #A00;*/
/*        transform: scale(1.15);*/
        /*        animation: ascale 2s infinite;*/
    }

/*    div.tlist a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background-color: #E00;
        transition: width 0.3s ease;
    }

    div.tlist a:hover::after {
        width: 100%;
    }*/

@keyframes ascale {
    0% {
/*        transform: scale(1);*/
color:#A00;
    }

    50% {
        /*        transform: scale(1.1);*/
        color: #000;
        text-shadow: 0 0 2px #CCC, 0 0 2px #CCC, 0 0 2px #CCC;
    }

    100% {
/*        transform: scale(1);*/
color:#A00;
    }
}
div.tlist div.testid {width:120px;}
div.tlist div.userinfo {width:100px;}
div.tlist div.usercard {width:180px;}
div.tlist div.userphone {width:100px;}
div.tlist div.classroom {width:180px;}
div.tlist div.filename {width:320px;}
div.tlist div.w35 {width:35px;}
div.tlist div.w45 {width:45px;}
div.tlist div.w60 {width:60px;}
div.tlist div.w65 {width:65px;}
div.tlist div.w70 {width:70px;}
div.tlist div.w85 {width:85px;}
div.tlist div.w90 {width:90px;}
div.tlist div.w100 {width:100px;}
div.tlist div.w105 {width:105px;}
div.tlist div.w120 {width:120px;}
div.tlist div.w125 {width:125px;}
div.tlist div.w135 {width:135px;}
div.tlist div.w145 {width:145px;}
div.tlist div.w150 {width:150px;}
div.tlist div.w160 {width:160px;}
div.tlist div.w170 {width:170px;}
div.tlist div.w180 {width:180px;}
div.tlist div.w190 {width:190px;}
div.tlist div.w200 {width:200px;}
div.tlist div.w210 {width:210px;}
div.tlist div.w220 {width:220px;}
div.tlist div.w230 {width:230px;}
div.tlist div.w240 {width:240px;}
div.tlist div.w250 {width:250px;}
div.tlist div.w280 {width:280px;}
div.tlist div.w300 {width:300px;}
div.tlist div.w450 {width:450px;}
div.tlist div.center {text-align:center;}
div.tlist div.time,div.tlist div.tm-center {width:100px;font-family:Arial;}
div.tlist div.tm-center {text-align:center;}
div.tlist div.datetime {width:150px;}
div.tlist div.longtime {width:240px;}
div.tlist div.note {max-width:730px;letter-spacing:0;color:#856565;white-space:nowrap;float:none;overflow:hidden;}
div.tlist div.note a{font-weight:bold;}
    div.tlist div.tm {
        font-size: 13px;
/*        font-weight: bold;
        letter-spacing: 1px;
        background: #EEE;
        text-align: center;
        margin: 0 10px;
        border-radius: 3px;*/
        color: #856565;
    }
div.tlist-title {
    background: #EEE !important;
    border: 0;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    font-size: 13px;
    font-weight: bold;
/*    font-family: "DengXian", "KaiTi", "Microsoft YaHei", "SimSun" ,sans-serif;*/
    color: #856565;
    border-radius: 5px;
    border-top: 0px solid #EEE;
    letter-spacing: 1px;
    border-bottom: 1px solid #CCC;
}

img#scrollIntoViewIcon,img.scrollIntoViewIcon {width:50px;height:50px;cursor:pointer;display:none;position:fixed;right:1em;bottom:-0.5em;z-index:101;transition:all 1s;opacity:0.5;
                        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 3.175 3.175'%3E%3Cg fill='%23999'%3E%3Cpath d='M.475.087h2.262v.435H.475zM1.649.716l.331.369-.986.885-.331-.369z'/%3E%3Cpath d='M1.648.716l-.331.369.986.885.331-.369z'/%3E%3Cpath d='M1.408 1.348h.484v1.798h-.484z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

div.s {font-size:0.875em;}
div.s115 {font-size:1.15em;}
div.s105 {font-size:1.05em;}
div.c8 {color:#856565;}
div.c {text-align:center;}
div.u {text-transform:uppercase;}
div.a {font-family:Arial;}
div.b {font-weight:bold;}
div.ml5 {margin-left:5px;}
div.ml10 {margin-left:10px;}
div.r {color:#A00;}


div.fview p {margin:1.2em 0;}
span.tm,span.tm-right,span.tp,span.tip {float:left;color:#666;font-size:80%;font-weight:normal;margin:2px 5px -2px 0;letter-spacing:0.05em;cursor:pointer;}
span.tm,span.tm-right {font-family:Arial;}
span.tm-right {float:right;margin:2px 5px -2px 5px;}
span.tm {float:none;}
span.tip {float:none;font-size:90%;}
b.title {font-size:1.1em;letter-spacing:0.05em;margin-right:10px;cursor:pointer;color:#34691b;line-height:1.5em;word-wrap:break-word;word-break:break-word;}
b.f_title {font-size:1.1em;letter-spacing:0.05em;margin-right:0.5em;cursor:pointer;color:#34691b;line-height:1.5em;word-wrap:break-word;word-break:break-word;float:left;overflow:hidden;max-width:60%;max-height:1.3em;text-overflow:ellipsis;white-space:nowrap;}
p.title,span.title,span.reply,span.nor {max-width:100%;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.05em;line-height:1.5em;word-wrap:break-word;word-break:break-word;}
span.title,span.reply,span.click {user-select:none;cursor:pointer;}
span.reply {color:#A66;}
span.click {}
span.click:hover {color:#A00;}
span.click b {color:#555;font-weight:normal;font-size:75%;margin-left:0.2em;}
b.notecount {color:#A00;margin:0 3px;font-family:Arial;font-size:90%;cursor:pointer;}
b.right-title {float:right;font-size:80%;color:#666;margin-left:5px;font-weight:normal;cursor:pointer;}
span.byte {color:#666;margin:0 3px;font-family:Arial;font-size:75%;letter-spacing:0.05em;cursor:pointer;}
b.byte {color:#060;font-family:Arial;margin-right:5px;font-size:75%;letter-spacing:0.05em;cursor:pointer;}
b.byte span{font-size:110%;color:#A66;}

div.div_chk {float:right!important;padding:3px 0px 0px 0px;}

span.one_invert { /*opacity:0.25;*/
    margin: 0.2em 1em -2px 0;
    padding: 0.3em;
    color: #FFF!important;
    min-width: 40px;
    max-width: 40px;
    background: #AAA;
    font-size: 12px;
    border-radius: 0.3em;
    line-height: 1em;
    overflow: hidden;
    text-align: center;
    letter-spacing: 0;
}


div.one_invert {/*opacity:0.25;*/margin: 0.2em 1em -2px 0;float:left;padding:0.3em;color:#FFF;min-width:40px;max-width:40px;background:#AAA;font-size:12px;border-radius: 0.3em;line-height: 1em;overflow:hidden;text-align:center;letter-spacing:0;}
div.bgcolor0 {background:#484;}
div.bgcolor1 {background:#844;}
div.bgcolor2 {background:#884;}
div.bgcolor3 {background:#488;}
div.bgcolor4 {background:#888;}
div.bgcolor5 {background:#848;}
div.bgcolor6 {background:#448;}
div.bgcolor7 {background:#848444;}
div.one_invert-id {background:#EEE;color:#EEE;}

div.sms_userlist {
    max-height: 15em;
    overflow-y: auto;
    margin: 0.5em 0 1.5em 0;
    width: 90%;
    line-height: 1.9em;
}
    div.sms_userlist::-webkit-scrollbar {
        width: 1px; /* 设置滚动条的宽度 */
    }

/* 定义滚动条轨道 */
.scrollable-div::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道的背景颜色 */
}
div.sms_userlist a:hover{color:#F00;}

div.MnuPopNowDiv_BG {/*transition:all 0.3s linear;*/display:block;opacity:0.8;background:#000;}
div.MnuPopNowDiv {background:#FFF;display:none;border-radius:0px;max-width:100%;/*opacity:0;overflow:auto;*//*display:none;*/}
div.PopMenuPart {}
div.MnuPopNowDiv div#is_topbar {background-image: linear-gradient(to right,#8d2b3e,#f5eeed);padding:10px 0 7px 0px;border-bottom:1px solid #545454;position:fixed;width:100%;z-index:2;}
div.MnuPopNowDiv div#is_topbar td.is_bigtitle {color:#FFF;font-size:1.2em;font-weight:bold;letter-spacing:0.06em;}

div.PopMenuPart div.is_topbar_fv div.is_bigtitle {color:#A00;font-size:1.3em;font-weight:bold;letter-spacing:1px;margin-left:1em;line-height:1.6em;min-height:2em;max-height:2em;overflow:hidden;max-width:80%;user-select:none;}
div.PopMenuPart div.is_topbar_fv {padding:10px 0 3px 0px;border-bottom:0px dashed #666;background:#EDD;position:fixed;width:100%;z-index:2;}
    div.PopMenuPart div.is_topbar_fv img.winclose {
        float: right;
        margin: 0.3em 1em 0 1em;
/*        filter: grayscale(100%) invert(100%) brightness(200%);*/
    }
div.PopMenuPart div.is_topbar_fv img.winclose:hover {filter:none;}
    /*{filter:invert(100%) brightness(0.8);}*/

div.PopMenuPart div.is_topbar_fv td.is_bigtitle {font-size:1.2em;font-weight:bold;letter-spacing:1px;}
div.PopMenuPart div#is_content {background:#f5eeed;padding:100px 10px;z-index:1;}
div.PopMenuPart div.is_content_fv {padding:4em 2em 8em 1em;z-index:1;overflow-y:auto;max-height:100vh;}
    div.PopMenuPart div.is_content_fv::-webkit-scrollbar {
        width: 1px; /* 设置滚动条宽度为 1px */
    }
div.PopMenuPart div.is_title {font-weight:bold;color:#611b1b;margin:-0.6em 0 1em 1em;letter-spacing:0.1em;padding:3em 0.5em 0 0.5em;border-bottom:0px solid #888;float:left;background:#FFF;}
div.PopMenuPart div.is_split {height:0px;border-top:1px solid #CCC;border-bottom:1px solid #FFF;margin-top:3em;}
div.PopMenuPart div.is_note {clear:both;color:#666;letter-spacing:0.1em;}
div.PopMenuPart div.is_bottom_fv {padding:0 0 0 1em;background:#CCC;position:fixed;width:100%;z-index:2;bottom:0px;min-height:90px;border-top:1px solid #CCC;background:#580515;background-image:linear-gradient(to right,#d4c6c5,#f5eeed);}

img.winclose {width:20px;height:20px;cursor: pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 3.175 3.175'%3E%3Cg fill='%23AA0000'%3E%3Cpath d='M.56 1.313L2.18 2.8l-.344.355L.217 1.668z'/%3E%3Cpath d='M1.734.084L.217 1.668l.367.334L2.1.418z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
img.winclose:hover {filter:invert(100%) brightness(10.8);}
img.jpgshow {max-width:100%;border-radius:3px;box-shadow:2px 2px 4px #000;}
img.lock {float:right;margin:3px 5px 0 5px;width:16px;height:16px;filter:opacity(0.5);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M7.418 15.873a16.077 16.077 0 0 1-1.55-.144 14.46 14.46 0 0 1-2.668-.656c-.672-.237-.745-.28-.869-.522l-.045-.086v-6.34l.045-.09c.105-.216.22-.29.7-.455.145-.05.276-.102.292-.116.027-.024.028-.104.029-1.34 0-1.329.01-1.711.056-2.013A4.604 4.604 0 0 1 6.206.536a4.608 4.608 0 0 1 2.117-.33 4.594 4.594 0 0 1 4.147 3.817c.06.357.072.68.072 2.11 0 1.237.002 1.307.029 1.332.016.014.122.058.236.097.558.191.633.239.755.474l.045.088V14.465l-.053.101a.663.663 0 0 1-.27.28c-.108.055-.683.265-.99.361a14.278 14.278 0 0 1-3.297.636 24.39 24.39 0 0 1-1.579.03zm.792-2.07a.63.63 0 0 0 .302-.304l.051-.107.008-1.107.008-1.107.096-.071c.263-.195.434-.455.495-.752a1.243 1.243 0 0 0-1.223-1.486c-.695 0-1.25.556-1.25 1.252.001.385.195.749.525.985l.1.071v1.068c0 1.154.001 1.16.088 1.308a.67.67 0 0 0 .389.295.718.718 0 0 0 .411-.045zM5.193 6.99a13.83 13.83 0 0 1 2.986-.26c.723.012 1.143.044 1.805.139.32.046.893.148.948.17.025.009.026-.083.021-1.302-.006-1.451-.003-1.403-.116-1.8A3.016 3.016 0 0 0 8.363 1.8a3.71 3.71 0 0 0-.984.023A3.021 3.021 0 0 0 4.953 4.47c-.01.096-.017.62-.017 1.366 0 1.145.002 1.21.028 1.202.016-.005.119-.026.229-.048z'/%3E%3C/svg%3E") no-repeat;}
img.pic {margin:0px 3px -3px 2px;width:20px;height:20px;border-radius:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Cpath fill='%23666' d='M4.089 8.25h42.195v33.427H4.089z'/%3E%3Cpath d='M24.758 39.409l-9.815.048-9.814.049 4.858-7.389 4.86-7.389 4.955 7.34z' fill='%23fff'/%3E%3Cpath d='M45.421 39.448l-14.456-.003-14.456-.003L23.74 28.39l7.231-11.05 7.225 11.054z' fill='%23fff'/%3E%3Cellipse cx='21.601' cy='18.193' rx='2.931' ry='2.872' fill='%23fff'/%3E%3Cpath fill='%234d4d4d' d='M.439 4.634h49.512v2.195H.439zM.561 43.293h49.512v2.195H.561z'/%3E%3Cpath fill='%234d4d4d' d='M2.374 5.122H.439v39.756h1.935zM49.951 4.634h-1.935V44.39h1.935z'/%3E%3C/svg%3E") no-repeat;}
img.isgood,img.isgood0  {margin:2px 2px 0 2px;width:16px;height:16px;cursor:pointer;float:right;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 4.233 4.233'%3E%3Cpath d='M3.41 4.097l-1.288-.672-1.283.68.24-1.433-1.042-1.01 1.436-.213.64-1.304.646 1.3 1.437.205L3.16 2.666z' fill='red'/%3E%3C/svg%3E") no-repeat;}
img.isgood0 {filter:grayscale(100%) opacity(0);}
img.is,img.isnot,img.isnull  {margin:2px 2px 0 2px;filter:grayscale(30%) opacity(0.6);width:20px;height:20px;cursor:pointer;float:right;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 3.175 3.175'%3E%3Cg transform='translate(0 -293.825)'%3E%3Ccircle cx='1.575' cy='295.405' r='1.517' fill='%23d40000'/%3E%3Cpath fill='%23fff' d='M.945 295.16l.84.711-.32.379-.84-.712z'/%3E%3Cpath fill='%23fff' d='M2.167 294.697l.357.303-1.06 1.249-.356-.303z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
img.isnot {filter:grayscale(100%) opacity(0.6);}
img.isnull {filter:grayscale(100%) opacity(0.1);}
img.split {width:12px;height:1px;filter:brightness(0);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 3.175 3.175'%3E%3Cg fill='%23ccc'%3E%3Cpath d='M1.442.099h.268v.566h-.268zM1.442.911h.268v.566h-.268zM1.445 1.708h.268v.566h-.268zM1.449 2.505h.268v.566h-.268z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;}
img.home {width:18px;height:18px;margin:0 0 -3px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 3.175 3.175'%3E%3Cg transform='translate(0 -293.825)'%3E%3Ccircle cx='1.575' cy='295.405' r='1.517' fill='%23d40000'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M1.33 296.044c0-.267.001-.276.01-.29a.086.086 0 0 1 .024-.025c.014-.008.023-.009.204-.009.205 0 .204 0 .224.026.01.012.01.015.01.293v.28h.225l.225-.002.022-.011a.146.146 0 0 0 .038-.03c.03-.035.03-.02.03-.426v-.368h.128l.129-.002.014-.025a.087.087 0 0 0 .014-.055c0-.048-.008-.058-.117-.158a199.494 199.494 0 0 0-.855-.783.195.195 0 0 0-.041-.028.14.14 0 0 0-.098-.001.93.93 0 0 0-.103.086 1073.113 1073.113 0 0 1-.666.61c-.184.168-.221.203-.23.22a.119.119 0 0 0 .007.121l.011.015.127.001.127.002.002.377.002.377.01.017a.144.144 0 0 0 .07.056c.017.005.066.007.24.007h.218v-.275z'/%3E%3Cpath d='M.873 296.312a.144.144 0 0 1-.07-.056l-.01-.017-.002-.377-.002-.377-.127-.002H.535l-.01-.016a.106.106 0 0 1-.02-.076c.004-.048-.002-.042.242-.266a1629.536 1629.536 0 0 1 .666-.61.93.93 0 0 1 .103-.085.14.14 0 0 1 .098 0c.01.006.03.019.041.029a128.37 128.37 0 0 1 .45.413c.062.055.352.32.405.37.11.1.116.11.117.158a.087.087 0 0 1-.014.055l-.014.025-.13.001-.128.001v.368c0 .406.001.39-.03.426a.146.146 0 0 1-.037.03l-.022.01-.225.002-.225.002v-.281c0-.278 0-.281-.01-.293-.02-.026-.02-.026-.224-.026-.18 0-.19 0-.204.01a.086.086 0 0 0-.024.023c-.009.015-.01.024-.01.29v.276h-.218c-.173 0-.222-.002-.239-.007z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;}
img.help {
    /*float: right;*/
    width: 22px;
    height: 14px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='22px' height='14px' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg' aria-labelledby='coffeeIconTitle' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter' color='%23682020'%3E%3Ctitle id='coffeeIconTitle'%3ECoffee%3C/title%3E%3Ccircle fill='white' cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M12 14C12 12 13.576002 11.6652983 14.1186858 11.1239516 14.663127 10.5808518 15 9.82976635 15 9 15 7.34314575 13.6568542 6 12 6 11.1040834 6 10.2998929 6.39272604 9.75018919 7.01541737 9.49601109 7.30334431 9.29624369 7.64043912 9.16697781 8.01061095'%3E%3C/path%3E%3Cline stroke='black' x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E") no-repeat;
    /*filter:invert(0.3);*/
}
    img.help:hover {
        transition: all .5s;
        background: url("data:image/svg+xml,%3Csvg width='22px' height='14px' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg' aria-labelledby='coffeeIconTitle' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter' color='%23682020'%3E%3Ctitle id='coffeeIconTitle'%3ECoffee%3C/title%3E%3Ccircle fill='red' cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath stroke='white' d='M12 14C12 12 13.576002 11.6652983 14.1186858 11.1239516 14.663127 10.5808518 15 9.82976635 15 9 15 7.34314575 13.6568542 6 12 6 11.1040834 6 10.2998929 6.39272604 9.75018919 7.01541737 9.49601109 7.30334431 9.29624369 7.64043912 9.16697781 8.01061095'%3E%3C/path%3E%3Cline stroke='white' x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E") no-repeat;
    }

div#info {margin:0px 0px 10px 0px;overflow-y:auto;}
div#info div { font-size:0.875em;margin:0;color: #006600;clear:both;float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}
/*div#uploadSpeed { clear:both;font-size:0.875em;padding: 10px 0px 10px 0px; color: #000;font-weight:bold; }*/
div#percent { color:#000; font-size: 0.875em; font-family:Arial; font-weight: bold; }
div#imageBox {max-height:230px;overflow-y:auto;margin:2em 0 1em 0;padding:0em;border-bottom:1px solid #888;border-radius:0px;}
div#imageBox div {font-weight:normal;line-height:1.5em;font-size:0.75em;max-width:80%;overflow:hidden;font-family:Arial;float:left;margin:0 10px 10px 0;letter-spacing:0px;color:#AAA;}
div#imageBox img {max-height:145px;}


img#scrollIntoViewIcon,img.scrollIntoViewIcon {width:50px;height:50px;cursor:pointer;display:none;position:fixed;right:0;bottom:0;z-index:101;transition:all 1s;opacity:0.5;
                        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 3.175 3.175'%3E%3Cg fill='%23999'%3E%3Cpath d='M.475.087h2.262v.435H.475zM1.649.716l.331.369-.986.885-.331-.369z'/%3E%3Cpath d='M1.648.716l-.331.369.986.885.331-.369z'/%3E%3Cpath d='M1.408 1.348h.484v1.798h-.484z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

img.scrollIntoViewIcon {display:block;/*z-index:1027;*/bottom:auto;top:1.5em;transform:rotate(180deg);}

center .formcenter {background:#37407d;padding:2.5em 0 20em 0;border-radius:0.5em;border-top-left-radius:0;border-top-right-radius:0;border-top:0.5em solid #6d74a1;margin-bottom:0em;}
center.pageinfo {padding:25px 0 0 0;color:#666;font-size:0.9em;}
center.pageinfo span {margin:0 10px;}

select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: 1px solid #000;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /*    background: url("/content/arrow.png") no-repeat scroll right center transparent;*/
    background-color: #FFF;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding: 5px 18px 5px 5px;
    border-radius: 3px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 25px;
    /*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M11.618 0.629L6 6.247 0.382 0.629A0.996 0.996 0 100.253 1.75L5.253 6.75c0.391 0.391 1.024 0.391 1.414 0l5-5c0.391-0.391 0.391-1.024 0-1.414a0.996 0.996 0 00-1.414 0z'%3E%3C/path%3E%3C/svg%3E");*/
    /*background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 200 200'%3E%3Cpath fill='%23000' d='M145.659,68.949c-5.101-5.208-13.372-5.208-18.473,0L99.479,97.233 L71.772,68.949c-5.1-5.208-13.371-5.208-18.473,0c-5.099,5.208-5.099,13.648,0,18.857l46.18,47.14l46.181-47.14 C150.759,82.598,150.759,74.157,145.659,68.949z'/%3E%3C/svg%3E") no-repeat right;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px;*/ /* 为箭头留出空间 */

    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 200 200'%3E%3Cpath fill='%23333' d='M145.659,68.949c-5.101-5.208-13.372-5.208-18.473,0L99.479,97.233 L71.772,68.949c-5.1-5.208-13.371-5.208-18.473,0c-5.099,5.208-5.099,13.648,0,18.857l46.18,47.14l46.181-47.14 C150.759,82.598,150.759,74.157,145.659,68.949z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center; /* 明确水平和垂直位置 */
    padding-right: 30px; /* 为箭头留出空间 */

    background-color: #F6F6F6;
    border: 1px solid #FFF; /*浅于背景的边框 */
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8), /* 顶部和左侧内阴影 */
    inset -2px -2px 1px rgba(70, 70, 70, 0.2); /* 底部和右侧微弱反光 */
    transition: all 0.2s ease;
}

select:focus {
    outline: none;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5), inset -1px -1px 2px rgba(70, 70, 70, 0.1);/*, 0 0 0 2px rgba(60, 132, 244, 0.3);*/ /* 聚焦时的光晕 */
}

}   /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none; }


.checke {
    position: relative;
    -webkit-appearance: none;
    width: 36px;
    height: 20px;
    line-height: 11px;
    background: #EEE;
    border-radius: 4px;
    outline: none;
    border: 2px solid #000;
/*    border-right: 1px solid #000;
    border-bottom: 1px solid #a19d9d;*/
/*    box-shadow: 0px 0px 3px #000;*/
}

    .checke:before {
        position: absolute;
        left: 0px;
        content: '';
        width: 16px;
        height: 16px;
        border-radius: 2px;
        background: #666;
        /*box-shadow: 0px 0px 5px #ddd;*/
        transition: all 0.3s;
        margin-top: 0px;
        border-left: 0px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*        border-right: 1px solid #EEE;*/
        /*        background-image: linear-gradient(to right,#000,#666);*/
    }

    .checke:checked {
/*        background: #C00;*/
/*        background:#A00;*/
        text-shadow: 2px 1px 1px #000;
    }

        .checke:checked:before {
            left: 16px;
            width: 16px;
            height: 16px;
            transition: all 0.3s;
            /*            border-left: 0px solid #EEE;
            border-right: 1px solid #000;*/
            border-radius: 2px;
            background: #C00;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            /*            background-image: linear-gradient(to right,#000,#333);*/
        }

    .checke:disabled {
/*        background: #CCC;*/
/*        background: #600;*/
        border: 2px solid #616161;
    }

        .checke:disabled:before {
            transition: all 0.2s linear;
            background: #AAA;
            border-radius: 1px;
            /*            background-image: linear-gradient(to right,#AAA,#CCC);*/
        }



div.li {color:#FFF;line-height:2em;/*max-width:80%;*/padding:20px 0;/*text-indent:2em;*/}

ol {padding:20px;}
li {padding:10px 20px 10px 10px;}
span.coltitle {padding:2px 5px;background:#FFF;border-radius:2px;color:#C00;font-weight:bold;font-size:0.85em;margin:0 5px 0 0;}
span.imp {color:#F00;font-weight:bold;padding:0 0px;}
dl {margin-top:0px;}
dd {padding:10px 0px 0px 0px;font-weight:bold;}
dd.raw {font-weight:normal;padding-left:20px;}

div.infoshow {padding:20px 20px 40px 20px;}
div.infoshow ol {font-size:1.2em;padding:20px 0 20px 20px;}
div.infoshow li {padding:20px 0 0 10px;margin-left:20px;}
div.infoshow li a {margin-right:10px;font-size:1.2em;}
div.infoshow b {margin-right:10px;}

#mainpart form {text-align:left;padding:20px 15px 45px 15px;/*background:#EEE;border-radius:7px;box-shadow:1px 1px 4px #CCC;*/}
div#pagetitle {padding:0 0 20px 10px;margin-top:5px;font-size:1.6em;font-family:'Microsoft YaHei', 'SimHei', 'Arial';font-weight:bold;letter-spacing:1px;overflow:hidden;}
div#pagetitle span#subtitle {font-size:13px;margin-left:1em;font-weight:normal;color:#9c9c9c;}

a.sheetname {text-shadow:0px 0px 0px;margin-right:5px;border:1px solid #666;border-radius:3px;padding:3px 5px;background:#FFF;}
a.sheetname:hover {background:#A00;color:#FFF;}

img.imgchecked {margin:0px 5px 0px 5px;width:18px;height:18px;border:0px;background:url(/Content/Master.png) -182px 0px no-repeat;border-radius:0px;cursor:pointer;}
img.imgnotchecked {margin:0px 5px 0px 5px;width:18px;height:18px;border:0px;background:url(/Content/Master.png) -211px 0px no-repeat;border-radius:0px;cursor:pointer;}
img.imgnotcheckeddisabled {margin:0px 5px 0px 5px;width:18px;height:18px;border:0px;background:url(/Content/Master.png) -211px -28px no-repeat;border-radius:0px;cursor:text;}

table.data{background:#FFF;border-radius:5px;width:100%;border:0px solid #888;}
table.data td.data_title {background:#eac4c6;color:#800!important;font-weight:bold;padding:10px 0px;}
table.data td span.err {color:#FFF;}
/*margin:0 5px;border-radius:50%;background:#F00;font-size:12px;padding:0 4px;font-weight:bold;*/
table.data td{font-size:0.875em;text-align:center;border:1px solid #CCC;border-right:0;border-top:0;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#FFF;padding:5px;text-shadow:0px 0px 0px;}
table.data td.err{background:#000;color:#F00;font-size:12px;}

/*.xcmda {
    user-select: none;
    width: auto !important;
    width: 0;
    overflow: visible;
    margin-right: 20px;
    font-size: 1em;
    letter-spacing: .1em;
    text-decoration: none;
    padding: .4em .8em;
    border: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #AAA;
    background: #DDD;*/
    /*background: #BBB linear-gradient(#EEE 10%, #BBB 70%,transparent);*/
    /*color: #AAA;
    border-radius: .2em;
    font-weight: bold;*/
    /*-webkit-box-shadow:0 -0.05em .05em rgba(0,0,0,.5);*/
    /*box-shadow: 0 .15em .15em 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 .15em .05em 0 rgba(0,0,0,.5);
    transition: all .5s;*/
/*    cursor: pointer;*/
    /*line-height: 1.2em;
    cursor: not-allowed;*/
    /*text-shadow: 0px 0px 0px #000;*/
/*}*/

    .xcmda:hover {
        /*background:#CCC;
        background:linear-gradient(#FFF 10%, #CCC 50%,transparent);*/
        color: #AAA;
    }
a[disabled] {
    pointer-events: none;
    color: gray;
    text-decoration: none;
}
.cmdsend, .cmda, .xcmda {
    width: auto !important;
    width: 0;
    overflow: visible;
    font-size: 16px;
    margin-right: 20px;
    letter-spacing: 1px;
    user-select: none;
    text-decoration: none;
    padding: 0px 11px 0px 11px;
    border: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #AAA;
    background: #EEE;
    /*background:#EEE linear-gradient(#FFF 10%, #CCC 70%);*/ /*,transparent*/
    color: #37407d;
    border-radius: .2em;
    font-weight: bold;
    /*-webkit-box-shadow:0 -0.05em .05em rgba(0,0,0,.5);*/
    box-shadow: 0 .15em .15em 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 .15em .05em 0 rgba(0,0,0,.5);
    transition: all .5s;
    cursor: pointer;
    line-height: 36px;
    /*text-shadow:0px 0px 0px #000;*/
    user-select: none;
    word-wrap: break-word;
    word-break: break-word;
    white-space: nowrap;
    transition: box-shadow 0.3s,background-color 0.3s, color 0.3s;
    display: inline-block;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    
}

div.infoshow table tr td:last-child a.cmda {margin-right:0;}
    .cmda:hover, .cmdsend:hover {
/*        background: #EFEFEF;*/
        box-shadow: 0 .13em .13em 0 rgba(0,0,0,.5);
        border: 1px solid rgba(90,90,90,.1);
        /*line-height: 1.2em;*/ /*background:linear-gradient(#FFF 10%, #E6C2BC 70%);*/
        color: #AA0000;
        text-decoration: none;
        /*animation: breathingEffect 0.5s infinite alternate;*/
    }




/* 按下效果 */
.cmda:active {
    background: linear-gradient( to bottom, rgba(230, 230, 230, 0.8) 0%, rgba(240, 240, 240, 0.3) 49%, rgba(240, 240, 240, 0.1) 50%, rgba(230, 230, 230, 0.2) 100% );
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.3);
}



@keyframes breathingEffect {
    0% {
        box-shadow: 0 .13em .1em 0 rgba(0,0,0,.5);
        background-color: #eee;
        color: #000;
    }

    100% {
        box-shadow: 0 .15em .15em 0 rgba(0,0,0,.95);
        background-color: #fff;
        color: #C00;
/*        transform:scale(1.05);*/
    }
}


.xcmda {
    user-select: none;
    background: #DDD;
    color: #AAA;
    cursor: not-allowed;
    
}
    .xcmda:hover {
        color: #AAA;
        background: #DDD;
    }


.cmda_small {
    height: 24px;
    line-height: 24px;
    padding: 0 9px 0 8px;
    margin-right:10px;
}

.cmda_medium {
    font-size: 15px;
    line-height: 29px;
    height: 29px;
    margin-right: 10px;
}
.formsetting {padding:1em 0 1em 20px;text-align:left;line-height:1em;}
.formsetting div.title {font-size:0.95em;font-weight:bold;color:#D9ECFF;user-select:none;border:0;}
.formsetting div.title2 {font-size:0.95em;font-weight:bold;color:#D9ECFF;padding:1em 0 0.5em 0;line-height:1.5em;}
.formsetting div.topic {color:#AA0000;font-size:1.5em;margin:19px 0px 15px 160px;}
.formsetting div.info {font-size:12px;padding:23px 0 10px 0;margin-left:150px;font-weight:bold;letter-spacing:1px;}
.formsetting div.cmddiv {padding:20px 0px 20px 0px;border-top:0px solid #DDD;}
.formsetting div.cmddiv input {margin-right:15px;}
.formsetting div.tip td {font-size:0.75em;text-transform:capitalize;letter-spacing:0.1em;line-height:1.5em;padding-bottom:1em;}
.formsetting div.chk {float:left;width:20px;margin:3px 5px 0px 0px;padding:0px 0px 0px 0px;}
.formsetting label.chklabel {cursor:pointer;font-family:Tahoma;font-size:13px;font-weight:bold;margin:0;padding:0;letter-spacing:1px;/*line-height:26px;*/}
.formsetting div.choice {font-size:12px;padding:16px 0px 5px 0px;width:550px;line-height:23px;font-weight:bold;text-transform:capitalize;margin-left:150px;}
.formsetting div.choice a {margin:0px 15px 0px 0px;color:#000;padding-bottom:1px;border-bottom:1px solid #000;text-decoration:none;}

label {
    font-family: 'OptimizedFont', 'Inter', 'Roboto', sans-serif;
}

.ranphonepw {color:#baecff;user-select:none;}
.ranphonepw:hover {color: #FF0!important;}

p.tip {font-size:0.85em;color:#CCC;line-height:1.5em;letter-spacing:1px;margin:0 0 1em 0;user-select:none;}

#setPage {position:absolute;width:340px;border:0px solid #000;left:11px;top:0px;text-align:left;border-radius:5px;
          -webkit-box-shadow:1px 1px 26px #000;box-shadow:1px 1px 26px #000;-moz-box-shadow:1px 1px 26px #000;
          background:#517ba6;color:#FFF;
          background:#3e5c7b;
}

#setPage .resizeBR{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;background:url(/Content/resize.png) no-repeat;}
#setPage .resizeB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0);bottom:0;width:100%;height:5px;cursor:n-resize;}

div#setPage div.popcontentpart {
    overFlow-y: auto;
    overflow-x: hidden;
    border: 10px solid #3e5c7b;
    border-bottom: 0px;
    min-height: 400px;
    padding-top: 1em;
}/*max-height:790px;*/

div.cmdclose {float:right;padding:7px 10px 0px 10px;font-size:1.4em;font-weight:bold;color:#aed6ff;cursor:pointer;user-select:none;}
div.cmdclose:hover {color:#FFF;}
/*img.imgclose {cursor:pointer;background:url(/Content/Master.png) no-repeat -584px -80px;width:22px;height:20px;border:0px;border-radius:5px;}
img.imgclose:hover {background:url(/Content/Master.png) no-repeat -614px -80px;}*/

.titlebar {box-shadow:0px 0px 15px #000666;text-align:left;margin-bottom:0px;padding:20px 0px 10px 30px;background:#000666;border-bottom:0px solid #444888;border-left:1px solid #000;border-top:1px solid #000;color:#AAA;border-top-left-radius:8px;border-top-right-radius:8px;}
/* url(/Content/titlebar_bg.png)*/
.titlebar span {font-size:29px;font-weight:bold;letter-spacing:2px;color:#FFFF00;margin-right:30px;text-shadow:0px 0px 4px #000;}
.titlebar font {font-size:13px;color:#dadada;font-weight:bold;letter-spacing:1px;}
.titlebar a {font-weight:bold;color:#FFF;text-decoration:none;padding-bottom:1px;border-bottom:0px solid #000;}
.titlebar a:hover {color:#FFFF00;}
.titlebar a.now {color:#FF0000;border-bottom:1px solid #FF0000;}

.sub_titlebar {margin-bottom:0px;padding:9px 0px 7px 20px;background:#243f5b;border-bottom:0px solid #000;border-top-right-radius:5px;border-top-left-radius:5px;user-select:none;}
.sub_titlebar span {font-size:0.99em!important;font-weight:bold;color:#aed6ff;letter-spacing:2px!important;margin-right:1em;}
.sub_titlebar font {font-size:12px;color:#EEE;font-weight:bold;letter-spacing:1px;text-transform:capitalize;}
/*.sub_titlebar a {font-weight:bold;color:#FFF;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #FFF;}*/
.sub_titlebar a.now {color:#FFFF00;border-bottom:1px solid #FFFF00;}
.sub_titlebar input {background:#3e5c7b!important;color:#aed6ff!important;letter-spacing:0.1em;font-size:24px!important;}

.titlepath {padding:5px 0px 5px 0px;float:right;margin:0px 15px 15px 15px;border-bottom:0px solid #DDD;font-size:12px;color:#878ac2;}
.titlepath a {margin:0px 7px 0px 7px;font-weight:bold;color:#dedede;font-size:12px;}
.titlepath img {float:right;}

/*#admi_pathtitle {font-size:2em;font-weight:bold;font-family:'Microsoft YaHei', 'SimHei';margin-left:1em;margin-right:1em;letter-spacing:0.1em;}*//*color:#FFFF00;background:url(/Content/Trans.png) #000666;border:0px;*/

#contentpart {background:#FFF;padding:1px 0;border-radius:0px;border:1px solid #000;border-bottom:0px;box-shadow:0px 0px 15px #000666;border-top:0px solid #000;}/* url(/Content/content_bg.png)border-top:4px solid #787cc5;;*/
.endpart {background:#dddeee;text-align:right;height:40px;font-size:10px;font-family:Tahoma;color:#7995b5;font-weight:normal;letter-spacing:1px;padding:0px 40px 0px 0px;line-height:30px;border:1px solid #000;border-top:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.endpart2 {background:#3e5c7b;text-align:right;font-size:0.75em;color:#a6c9ec!important;font-weight:normal;letter-spacing:1px;padding:0.5em 2em 0.5em 0;line-height:30px;overflow:hidden;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;text-shadow:0px 0px 0px #000;}
.endpart a {color:#888;text-decoration:none;}
.endpart2 a {color:#c2e0ff;text-decoration:none;text-shadow:0px 0px 0px #000;}
.endpart2 a:hover {color:#000;text-decoration:none;}
.endpart2 div {overflow:hidden;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;}

div#setPageMsgShow {
    overflow-y:scroll;max-height:20em;line-height:1.5em;font-size:0.875em;word-break:break-all;border-radius:5px;font-family:Verdana;}

div.infolist {padding:5px 0;border-bottom:1px dashed #CCC;}
div.infolist a {font-size:1.1em;font-weight:bold;}
div.infolist span {color:#000;margin:0 15px 0 0;letter-spacing:0;word-wrap:break-word;}
div.infolist span:first-child {font-weight:normal;font-size:0.75em;color:#FFF;background:#888;padding:3px 5px;border-radius:3px;}
div.infolist span:last-child {color:#666;font-size:0.875em;}

div#faceverify, div#useridverify {
    min-height: 10px;
    margin-left: 2em;
}
    div#faceverify div, div#useridverify div {
        float: left;
        min-width: 15px;
        min-height: 15px;
        background: #8f5151;
        border-right: 1px solid #FFF;
        border-radius: 3px;
    }
/*div#useridverify{min-height:10px;margin-left:2em;}
div#useridverify div{float:left;min-width:10px;min-height:10px;background:#37407d;border-right:1px solid #FFF;}*/


#FrmTestStart {padding:10px 20px 45px 30px;color:#000;margin:0px 10px 0px 10px;background:#FFF;border-radius:5px;}
#FrmTestStart font {font-weight:bold;font-size:0.9em;margin-right:20px;color:#333;}
#FrmTestStart p {margin:1em 0px 3em 15px;border:0px;padding:0px;line-height:2.5em;max-width:90%;}
    #FrmTestStart p a {
        margin: 0px 15px 0 0;
/*        border-radius: 3px;*/
        text-decoration: none;
        padding: 0px 1em 0 15px;
        background: #EEE linear-gradient(To right, #CCC 0%,#ececec 0%);
/*        border: 1px solid #ddd;*/
        color: #333;
        border-bottom: 1px dotted #000;
        white-space: nowrap;
        display: table-caption;
        font-size:0.95em;
    }
#FrmTestStart p a:hover {border-bottom:1px solid #000;font-weight:bold;}
#FrmTestStart p input {border-radius:3px;}
#FrmTestStart input.cmditem {width:auto !important;width:0;overflow:visible;background:transparent;color:#000;border:0px;font-size:15px;font-family:SimSun;text-align:left;line-height:23px;letter-spacing:1px;padding:0px;margin:0px;font-weight:bold;}
#FrmTestStart button.cmditem {width:auto !important;width:0;overflow:visible;background:transparent!important;color:#000;border:0px;font-size:15px;font-family:SimSun;text-align:left;line-height:23px;letter-spacing:1px;padding:0px;margin:0px;font-weight:bold;}
#FrmTestStart input.cmdno {float:left;width:45px;background:transparent;color:#666;font-size:29px;font-family:Arial;text-align:left;border:0px;padding:0px;margin:10px 0px 0px 0px;line-height:23px;letter-spacing:0px;color:#CCC;font-weight:bold;}

div.ques_item,div.ques_title {padding:0em 0 0.3em 0;-webkit-user-select:none;user-select:none;font-size:1.1em;font-weight:bold;color:#34691b;}
div.ques_item b.quesindex {padding:0.1em 0.4em;background:#34691b;color:#EEE;margin-right:0.2em;letter-spacing:0.2em;border-radius:0.3em;font-size:12px;font-weight:normal;float:left;margin:0 10px 0 0;}
#FrmTestStart .noselect {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none;color:#333;}
#FrmTestStart .doselect {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: #b53838; text-decoration: none;color:#FFF;}


@media (max-width:600px) {
    div #mainpart {margin-top:120px;}
    center#topbar {top:5px;}
    div#titlelogo {float:none;padding: 0 0 10px 0;font-size:1.5em!important;}
    div#titlelogo span {padding: 0 1em 0 1em;font-size:0.75em!important;}
    div#NavList {clear:both;line-height:0.63em;}
    div#NavList a {font-size:0.75em;margin-right:5px;padding:3px 8px;}
/*    body {margin:5px;}*/
    #mainpart textarea {width:80%;}
    .iput, .iput_email, .iput_pw  {width:80%;}
    div#subnavbar a {font-size:0.85em;margin-right:0px;padding:3px 5px;}
    div#subnavbar a span {display:none;}
}

#liveCount {display:none;}


@media (max-width:9000px) {

    /*#setPage {background:#665647;}*/


}