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 } input[type=text] { padding:.2rem; width:160px; height:26px; line-height:26px; font-size:12px; background:#fff; border:0; border-radius:.2rem; vertical-align:middle } input[type=text]:focus { box-shadow:none; outline:none } .body-left { position:absolute; top:60px; width:230px; left:0; bottom:0; z-index:7 } .body-right { position:absolute; right:0; top:60px; bottom:0; z-index:7 } .main { height:100% } .main iframe { width:100%; height:100%; z-index:20 } .menu { height:100% } .menu iframe { width:100%; height:100%; z-index:20 } .head { position:relative; width:100%; height:60px; overflow:hidden; z-index:8 } .top { width:100%; height:60px; background:linear-gradient(45deg,#008e38,#57960f 50%); box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075) } .top-logo { margin-left:30px; float:left; width:200px } .top-dedebiz a { float:left; height:60px; line-height:60px; font-size:18px; font-weight:600; color:#fff } .top-dedebiz 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:20px; margin-left:5px; color:#fff } .btn-primary,.btn-warning { 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 { color:#fff } .top-item ul li a:hover,.top-admin ul li a:hover { color:#dee2e6 } .search { margin-left:-25px; height:20px; line-height:20px; font-size:12px; color:#545b62; background:0; border-radius:.2rem; border:0; cursor:pointer } .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 } .menu-body { margin:0; padding:0 10px } .menu-left { padding-top:1rem } .menu-right { width:100%; background:#fff; box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075); border-radius:0 0 .2rem .2rem } a.menu-item div { margin-bottom:5px; padding:5px 0; width:40px; color:#545b62; background:#fff; box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075); border-radius:.2rem 0 0 .2rem; text-align:center; transition:all .3s; cursor:pointer } a.menu-item:hover div { color:#fff; background:#545b62 } a.menu-active div { margin-bottom:5px; padding:5px 0; width:40px; color:#fff; background:#545b62; box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075); border-radius:.2rem 0 0 .2rem; text-align:center } dl.bitem { margin:1rem 0 10px 0; padding:0 10px } dl.bitem dt { margin-bottom:10px; padding-left:10px; height:28px; line-height:28px; background:#f6f6f6; border-radius:.2rem; cursor:pointer } dl.bitem dt b { color:#545b62 } dl.bitem dt b i { margin-right:10px; width:10px } .sitemu li { display:block; padding-left:30px; height:26px; line-height:26px } .fllct { float:left } .flrct { float:right } .fa-minus-circle { color:#dc3545 } .fa-plus-circle { color:#28a745 } #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 }