@charset "utf-8";
/* CSS Document */

.mainMenu { width: 170px; float: left; margin: 0 10px 0 15px; }
.buttons { width: 100%; list-style: none; padding: 0 0 20px 5px; }
.buttons li { float: left; margin-left: 10px; position: relative; }
.buttons li .dropdown-menu li { clear: both; margin: 0; position: relative; }
.dropdown-menu { min-width: 110px; }
.dropdown-menu li a { min-width: 110px; }
.state-overview .symbol { padding: 10px 0; width: 60px; }
.state-overview .value { padding-top: 0; width: 110px; border: 1px #eee solid; border-radius: 0 5px 5px 0; }
.state-overview .symbol i { font-size: 30px; }
.listTable { width: 100%; padding: 0; margin: 0; background: #fff; }
.listTableTop { width: 100%; text-align: center; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; font-weight: 700; line-height: 45px; background: #fff; }
.listTableTopL, .listTableInL { width: 53%; }
.listTableTopR { width: 260px; }
.listTableTopR5 { width: 450px; }
.listTable li div { float: left; }
.cBox { width: 6.5%; }
.name { text-align: left; width: 93.5%; }
.seq { width: 19px; position: absolute; left: 4em; top: 2px; height: 38px; background: rgba(0, 0, 0, 0) url("../img/sort_both.png") no-repeat scroll right center; }
.size .seq { left: 5em; }
.updateTime .seq { left: 8.5em; }
.descending { background: rgba(0, 0, 0, 0) url("../img/sort_desc.png") no-repeat scroll right center; }
.share { width: 76px; }
.size { width: 94px; }
.updateTime { width: 166px; }
.listTableInL, .listTableInR { padding: 5px 0; line-height: 46px; position: relative; }
.listTableInR { min-width: 260px; }
.listTableIn { width: 100%; text-align: center; border-bottom: 1px #ddd solid; background: #fff; }
.listTableIn:hover { background: #fafafa; }
.popover-title { word-break: break-all; }
ul.control { list-style: none; padding: 0; margin: 0; }
ul.control li { float: left; width: 46px; text-align: center; }
ul.control li i { font-size: 20px; }
ul.control li a { text-decoration: none; color: #3998df; }
ul.control li a:hover { color: #1474bc; }
.modal-footer { text-align: center; clear: both; }
.modal-footer button { margin: 0 20px; }
.modal-body { padding: 15px; width: 100%; }
.modal-body select { margin: 0; }
.modal-dialog { padding: 0 15px 15px 98px; }
.modal-dialog .group { width: 455px; margin-top: 10px; padding-left: 79px; }
.group ul { padding: 0; margin: 0; list-style: none; border: 1px #ddd solid; }
.group ul li { float: left; padding: 3px 10px; }
.all { width: 100%; font-weight: 700; }
.list { border: 1px #ddd solid; margin-top: -1px; width: 453px; }
.list span, .list a { font-weight: 700; padding: 3px 10px; }
#classList { width: 100%; }
#classList a { margin: 3px 0 3px 10px; font-size: 12px; }
.textCenter { text-align: center; line-height: 30px; }
.modalTitle { width: 227px; text-align: right; line-height: 20px; margin-bottom: 10px; }
.modalTitleR { padding-left: 10px; line-height: 20px; margin-bottom: 10px; color: #444; max-width: 270px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.w100 { width: 100%; }
.oMenu { line-height: 25px; font-weight: 700; }
.sMenu { list-style: none; width: 100%; padding: 0; margin: 0; border-bottom: 1px #eee dashed; }
.sMenu li { float: left; margin: 5px 20px 5px 0; line-height: 23px; }
.sMenu input, .sMenu label { vertical-align: middle; font-size: 12px; }
.name, .size, .updateTime, .row { position: relative; }
.searchRight { width: 260px; height: 64px; position: absolute; right: 330px; top: 0; }
.searchButton { position: absolute; top: 0; right: 1px; border-radius: 0 4px 4px 0; }
.modal-dialog { margin-top: 150px; }
.modal-header { border-bottom: 1px solid #EFEFEF; width: 100%; }
.modal-header h3{ font-weight: 300; }
.modal-footer { border-top: 0; width: 100%; }
.modal { z-index: 50 !important; }
.modal-backdrop { z-index: 49 !important; }
.modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; }
.modal-open .header .container-fluid { padding-right: 37px; }
.ms-list li { width: 100%; }
.marginB10 { margin-bottom: 10px; }
textarea { resize: none; }
.delText { width: 100%; text-align: center; font-size: 1.3em; }
.types { width: 100%; margin: 10px 0; padding: 0 20px; list-style: none; }
.types li { float: left; line-height: 20px; padding: 5px 10px; margin: 0 5px; cursor: pointer; }
.types li:hover { background: #f9f9f9; }
.types li.bigType { font-weight: 700; border-top: 1px #eee solid; border-bottom: 1px #eee solid; width: 100%; margin: 0; } 
.types li input[type=radio] { visibility: hidden; }
.types li label { font-weight: normal; cursor: pointer; }
.types li.bigType label { font-weight: 700; }
#msg_win{ visibility: visible; opacity: 1; position: absolute; right: 10px; display: none; overflow: hidden; z-index: 99; border: 1px solid #ccc; width: 450px; margin: 0; background: #fff; border-radius: 5px; }
#msg_win .icos { position: absolute; top: 2px; *top: 0; right: 2px; z-index: 9; }
.icos a { float: left; color: #444; margin: 1px; text-align: center; font-weight: 700; width: 14px; height: 22px; line-height: 22px; padding: 1px; text-decoration: none; }
.icos a:hover { color: #58c9f3; }
#msg_title { background: #58c9f3; border: 1px solid #ccc; height: 40px; line-height: 40px; text-indent: 5px;font-weight: 700; color: #fff; border-radius: 5px 5px 0 0; }
#msg_content { width: 440px; height: 300px; overflow: auto; }
#msg_content ul { padding: 0; margin: 0; list-style: none; width: 100%; }
#msg_content ul li { padding: 0 5px; border-bottom: 1px #ccc dashed; float: left; width: 100%; }
.uploadTitle { width: 190px; height: 35px; line-height: 35px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.uploadSize { width: 70px; height: 35px; line-height: 35px; margin: 0 10px; }
.uploadProportion { width: 150px; color: #78cd51; height: 35px; line-height: 35px; }
.uploadProportion .progress { margin: 14px 0 0; }
.logo a { width: 155px;  height: 72px;  display: block;  background: #00a5ed url("../img/logoLogin.png") no-repeat 0 -73px;  text-indent: -9999px;  -webkit-transition: background 0.2s ease;  transition: background 0.2s ease; }
.sidebar-toggle-box { padding-right: 38px; }
ul.sidebar-menu { margin-top: 70px; }
.wrapper { margin-top: 75px;}
.pwd { padding: 0; }
.modalTitleR .form-group { width: 390px; }
.modalTitleR .col-lg-5 { padding: 0; }
.modalTitleR .form-control { padding: 1px 5px; height: 24px; line-height: 24px; font-size: 12px; }
.modalTitleR .form-group { margin: 3px 0 2px; }
.db_class_png { width: 38px; height: 46px; display:inline-block; background: url(../img/icon.png) no-repeat; background-size: cover; float: left; margin-right: 10px; }
.txt { background-position: -40px 0; }
.imag { background-position: -80px 0; }
.rar { background-position: -120px 0; }
.audio { background-position: -160px 0; }
.video { background-position: -200px 0; }
.pdf { background-position: -240px 0; }
.docx { background-position: -280px 0; }
.xlsx { background-position: -320px 0; }
.bt { background-position: -360px 0; }
.folder { background-position: -400px 0; }
.breadcrumb > li +li::before { content: "| "; }
.breadcrumb > li + li + li::before { content: "> "; }
.breadcrumb { background: #f5f5f5; }
.capacity {  position: fixed; width: 200px; left: 5px; bottom: 0; background: #f0f0f0; padding: 20px 0; }
.capacity .progress { margin: 0; background: #fff; }
.modalTitleSmall { width: 65px; text-align: right; line-height: 34px; margin-bottom: 10px; }
.popover { left: auto; }
.float_box { background: #fafafa; }
.toggle { position: absolute; right: 15px; }
.toggle button { padding: 6px 15px; border: 1px #bbb solid; font-size: 14px; margin: 0; float: left; color: #999; background: #000 -moz-linear-gradient(center top , #f0f0f0, #fff) }
.toggle button.listBtn { border-radius: 3px 0 0 3px; border-right: none; }
.toggle button.blockBtn { border-radius: 0 3px 3px 0; }
.toggle button.active { color: #444; background: #ddd; }
.listType { width: 100%; padding-top: 20px; border-top: 1px #ddd solid; list-style: none; }
.listType li { float: left; margin: 0 10px 20px; width: 148px; border: 1px #fff solid; position: relative; padding-bottom: 5px; }
.listType li p { text-align: center;  color: #888; font-size: 12px; padding: 0; margin: 0; }
.listType li:hover, .listType li.in { border: 1px #c3d8f0 solid; background: #f3f9fe; }
.onCheck { background: url(../img/ico.png) no-repeat; height: 30px; width: 30px; position: absolute; }
.big { width: 80px; height: 88px; background: url(../img/iconBig.png) 0 0 no-repeat; margin: 10px 34px 5px; position: relative; }
.txtBig { background-position: -81px 0; }
.imagBig { background-position: -162px 0; }
.audioBig { background-position: -243px 0; }
.videoBig { background-position: -324px 0; }
.pdfBig { background-position: -405px 0; }
.docxBig { background-position: -486px 0; }
.xlsxBig{ background-position: -567px 0; }
.btBig { background-position: -648px 0; position: relative; }
.folderBig { background-position: -729px 0; position: relative; }
.shareFd { position: absolute; top: 40px; left: -4px; width: 24px; height: 10px; background: url(../img/ico.ooopic.com.png) 0 -19px; }
.starFd { position: absolute; top: 32px; left: -7px; font-size: 20px; color: #ec7602; }
.shareFdBig { position: absolute; top: 80px; left: -5px; width: 30px; height: 14px; background: url(../img/ico.ooopic.com.png); }
.starFdBig { position: absolute; top: 68px; left: -7px; font-size: 26px; color: #ec7602; }
.errorStyle { width: 740px; height: 454px; margin: -227px 0 0 -370px; position: fixed; top: 50%; left: 50%; background: url(../img/404.jpg) no-repeat; color: #00a5ed; font-size: 24px; font-weight: 700px; letter-spacing: 8px; text-align: center; padding-top: 350px; }

/* ===== 手机端适配：修复工具栏换行错乱、搜索框溢出、左下角空白块 ===== */
@media (max-width: 768px) {
    /* 工具栏取消悬浮，改为等宽平铺网格：
       8 个按钮自动分成上下两排、每排 4 个，单元格随屏宽自适应，按钮等宽撑满 */
    ul.buttons {
        position: static !important;
        background: transparent !important;
        padding: 0 0 4px !important;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }
    ul.buttons > li {
        float: none !important;
        margin: 0 !important;
        width: auto;
    }
    /* 按钮撑满所在网格，同一排按钮等宽（搜索行 li 带 style 属性，排除在外） */
    ul.buttons > li:not([style]) .btn {
        width: 100%;
        padding: 6px;
        font-size: 12px;
    }
    /* 空占位 li 不参与平铺 */
    ul.buttons > li:empty { display: none; }
    /* 搜索行独占一整行 */
    ul.buttons > li:nth-last-child(2) {
        grid-column: 1 / -1;
        float: none !important;
        width: auto;
        margin: 0 !important;
        display: block;
    }
    .searchRight {
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
    }
    .searchRight .input-group {
        flex: 1;
        width: auto;
        margin-bottom: 0;
    }
    .searchRight .input-group .form-control { width: 100%; }
    button.searchButton {
        position: static;
        flex: 0 0 auto;
        height: 34px;
        margin-left: -1px;
    }
    /* 列表/网格切换并入流，不再悬浮 */
    .toggle {
        position: static !important;
        display: inline-block;
        margin: 0 0 10px 5px;
    }
    /* 左下角容量条残留白块隐藏 */
    .capacity { display: none; }
    /* 文件列表取消绝对定位，避免与换行增高的工具栏重叠（内联 top:170px 是按桌面端单行工具栏写死的） */
    .wrapper .row[style*="top:170px"] {
        position: static !important;
        width: 100% !important;
        clear: both;
    }
    /* 子目录面包屑取消悬浮，避免与工具栏重叠 */
    .wrapper .row[style*="top:130px"] {
        position: static !important;
    }
    /* 文件卡片改为流式宽度，每行两个，充分利用屏幕 */
    .listType li {
        width: 45% !important;
        margin: 0 2.5% 16px !important;
    }
    /* 卡片图标水平居中 */
    .listType li .big {
        margin: 10px auto 5px;
    }
    /* 列表视图：整表横向滑动，表头与单元格不再换行堆叠。
       原布局左组为 53% 百分比宽，手机端放不下固定像素列导致竖排，
       这里改为全固定像素列，总宽 1230px，超出屏幕左右滑动查看 */
    #list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #list .listTable {
        width: 1230px;
        min-width: 1230px;
    }
    #list .listTableTopL, #list .listTableInL { width: 580px; }
    #list .cBox { width: 40px; }
    #list .size { width: 70px; }
    #list .updateTime { width: 130px; }
    /* 数据行缩略图列内联 166px，表头最后一列对齐同宽 */
    #list .listTableTop > div:last-child { width: 166px; }
    #list .listTableInR { min-width: 0; width: 436px; }
    /* 文件名单元格超长省略，不再撑高行 */
    #list .name .div_pro {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* 顶栏头像圆形裁切 */
    .top-nav .dropdown-toggle img {
        border-radius: 50%;
    }
}