::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar-track { background:#f2f2f2; border-radius:.2rem } ::-webkit-scrollbar-thumb { background:#dee2e6; border-radius:.2rem } * { font-size:12px; letter-spacing:.6px } body { font:12px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color:#545b62; background:#fff } a { color:#545b62; text-decoration:none } a:hover { color:#ec982c; text-decoration:none } form,h1,h2,h3,ul,ol,div { margin:0; padding:0 } body,th,td { line-height:1.5 } th,td,div { word-break:break-all; word-wrap:break-word } li,dd { margin:0; padding:0; list-style:none } img { margin-right:10px; border-radius:.2rem } label { margin-bottom:0 } input { padding:.25rem .5rem; height:28px; color:#545b62; background:#fff; border:1px solid #dee2e6; border-radius:.2rem; vertical-align:middle; transition:all .3s } input[type=button],input[type=submit],input[type=reset] { padding:.25rem .5rem; height:auto; color:#fff; background:#1eb867; border-radius:.2rem; border:0; transition:all .3s } input[type=file] { border:0 } input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus { height:auto; box-shadow:none; outline:none; vertical-align:text-top } textarea { padding:.25rem .5rem; color:#545b62; background:#fff; border:1px solid #dee2e6; border-radius:.2rem; transition:all .3s } select { padding:.25rem .5rem; height:28px; color:#545b62; background:#fff; border:1px solid #dee2e6; border-radius:.2rem; transition:all .3s } select:focus,input:focus,textarea:focus { color:#495057; background:#fff; border-color:#80bdff; box-shadow:0 0 0 0.2rem rgba(0,123,255,.25); outline:0 } body.hidemenu { background:none } body.showmenu .body-left { display:block } body.hidemenu .body-left { display:none } body.showmenu .body-right { left:230px; transition:all .3s } body.hidemenu .body-right { left:0; transition:all .3s } .body-left { position:absolute; top:60px; left:0; bottom:0; width:230px } .body-right { position:absolute; right:0; top:60px; bottom:0 } .main,.menu { width:100%; height:100% } .main iframe,.menu iframe { width:100%; height:98%; border:0 } .head { width:100%; height:60px; background:linear-gradient(45deg,#1eb867,#009688 90%); box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075) } .top-logo { margin-left:30px; float:left; width:200px } .top-name a { float:left; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#fff } .top-name a img { width:90px } .top-version a { float:left; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#fff } .top-version { float:left; margin-top:18px; margin-left:5px; color:#fff } .btn-version { float:left; margin-top:18px; margin-left:5px } .top-item ul li { float:left; padding-left:30px; height:60px; line-height:60px } .top-item ul li a,.top-admin ul li a { font-size:14px; color:#fff } .top-item ul li a:hover,.top-admin ul li a:hover { color:#dee2e6 } .search { margin-left:-30px; height:20px; line-height:20px; font-size:12px; color:#545b62; background:0; border-radius:.2rem; border:0; cursor:pointer } .search-input { width:160px; height:26px; line-height:26px; font-size:12px; background:#fff; border:0; border-radius:.2rem; vertical-align:middle } .top-admin { float:right; margin-right:30px; height:60px; line-height:60px } .top-admin img { margin-right:10px; width:30px; height:30px; border-radius:50% } .top-admin ul li { float:left; padding-left:30px; height:60px; line-height:60px } .user-img { margin-right:10px; width:30px; height:30px; border-radius:50%; border:1px solid #dee2e6 } .menu-box { margin:0; padding:1rem 5px; background:#ffff } .menu { width:100%; background:#fff; border-radius:.2rem; box-shadow:0 .125rem .25rem rgba(0,0,0,.075) } .menu .link { position:relative; padding-left:50px; display:block; height:40px; line-height:40px; cursor:pointer; transition:all .3s } .menu li:last-child .link { border-bottom:0 } .menu li i { position:absolute; top:12px; left:20px; color:#545b62 } .menu li i.fa-angle-down { right:20px; left:auto } .menu li.open .link,.menu li.open i { color:#1eb867 } .menu li.open i.fa-angle-down { transform:rotate(180deg) } .submenu { display:none; padding:5px 0; background:#adb5bd; border-radius:0 0 .2rem .2rem } .submenu li { height:40px; line-height:40px; transition:all .3s } .submenu li:hover { background:#009688 } .submenu a { float:left; display:block; padding:0 10px 0 50px; color:#fff } .submenu .active { background:#1eb867 } .submenu-right { float:right!important; padding:0 20px 0 10px!important } .card-body { padding:.65rem } #text { font-size:0 } #latestVersion { display:none } #_fileList,#_verList { height:400px; overflow-y:scroll } #_msgInfo { display:none } .update-close { background-color:#fff; border:0 } .updates-dot { display:none; position:absolute; top:12px; right:8px; height:6px; width:6px; background:#dc3545; border-radius:50% } .spinner-border { width:20px; height:20px; vertical-align:bottom } .list-group-item { padding:.65rem 0 } span.page-link { color:#fff; background:#1eb867 } .table { margin-bottom:0; color:#545b62 } .table td,.table th { padding:.65rem; vertical-align:middle } .maintable { width:98%!important; border:1px solid #dee2e6!important } .form-control { display:inline-block; margin-right:10px } .admin-win { background:#f5f5f5; border:1px solid #dee2e6 } .admin-win-iframe { width:100%; height:360px } .admin-itemnote1 { height:30px; background:#e9ecef; border-radius:.2rem .2rem 0 0 } .admin-itemnote2 { height:30px; background:#f5f5f5; border-radius:.2rem .2rem 0 0 } .admin-border { border:1px solid #dee2e6 } .admin-td { padding:.65rem; vertical-align:middle; border-bottom:1px solid #dee2e6 } .admin-textarea-xl { width:100%; height:90px } .admin-textarea-sm { width:360px; height:50px } .admin-input-lg { width:380px } .admin-input-md { width:360px } .admin-input-sm { width:160px } .admin-input-xs { width:60px } .web-info { padding:10px; background:#f5f5f5; border-radius:.2rem; text-align:center } .thumbnail-md { max-width:200px; max-height:120px } .thumbnail-sm { max-width:60px; max-height:60px } .icon img { margin-right:10px; width:20px; height:20px; border-radius:.2rem } .fa { font-size:14px!important; color:inherit } .btn-xs { padding:2px; line-height:12px; font-size:12px } .btn+.btn,.btn-text+.btn-text { margin-left:1rem } .coolbg { padding:.25rem .5rem; background:#f5f5f5; border-bottom:1px solid #dee2e6; border-radius:.2rem; border:0; cursor:pointer } .coolbg2 { height:28px; background:#dfddd2; border:1px solid #dee2e6 } .coolbt { background:#e4f7d7; border-left:1px solid #efefef; border-top:1px solid #efefef; border-bottom:1px solid #acacac; cursor:pointer } .coolbt2 { background:#f7fcda; border-left:1px solid #efefef; border-top:1px solid #efefef; border-bottom:1px solid #acacac } .coolbg3 { width:140px; height:28px; background:#dfddd2; border:1px solid #bdc5b4; text-align:right } .coolbg61 { width:390px; height:28px; line-height:28px; background:#e7f3b1; border-top:1px solid #bdc5b4; border-left:1px solid #bdc5b4; border-right:1px solid #bdc5b4; text-align:right } .coolbg62 { padding:.6rem; width:390px; height:300px; background:#F8FDF0; border:1px solid #bdc5b4 } .coolbg4 { width:160px; background:#fff; border-bottom:1px solid #dee2e6; text-align:right } .wsselect { padding:.65rem 0; background:#fff; overflow:auto } .pubdlg { background:#fff; border:2px solid #1eb867; border-radius:.2rem; z-index:8888 } .pubdlg .title { padding-left:.65rem; line-height:30px; font-weight:600; color:#545b62; background:#f5f5f5; border-bottom:1px solid #dee2e6; cursor:move } .fullpagediv { position:absolute; top:0; left:0; width:100%; height:100%; background:#cdcdcd; opacity:.6; z-index:1999 } .quicksel { margin-left:10px; margin-top:10px; width:680px; height:420px; overflow:auto; z-index:10005 } .quickselfoot { padding:.65rem 0; border-top:1px solid #dee2e6 } .quickselItem { display:block; line-height:28px } .quickselItem .topcat { padding:0 10px; background:#e9ecef; clear:both } .quickselItem .soncat { padding:0 10px } .quickselItem .item { display:inline-block; padding-left:10px } .mysource,.mywriter { width:300px; background:#fff; border:2px solid #1eb867; z-index:10001 } .dlgws div { padding:.65rem; width:100% } #uploadfield { float:left } #uploadwait { z-index:19999 } .option1 { background:#e9ecef } .option2 { background:#adb5bd } .option3 { background:#fff } .divpre img { max-width:150px; max-height:100px } .divpre { overflow:hidden } .colordlg { padding:.6rem; width:120px; background:#fff; border:2px solid #1eb867; z-index:10005 } #browsehappy { padding:20px 30px; font-size:14px; line-height:16px; color:#856404; background:#fff3cd; border-radius:.25rem; border:0 } .browsehappy-close { float:right; cursor:pointer } @media (min-width:480px) { .modal-dialog { max-width:500px } }