#console-header { position: fixed; top: 0px; left: 0px; width: 100%; height: 65px; padding: 0 24px; background: #fff; box-shadow: 0 0 16px rgb(0 0 0 / 6%); } #console-left { position: fixed; top: 65px; left: 0px; width: 200px; height: calc(100% - 65px); background: #393D49; } #console-body { position: absolute; top: 70px; left: 240px; width: calc(100% - 300px); height: auto; min-height: calc(100% - 80px); border: none; overflow-x: hidden; overflow-y: scroll; } .console-logo { position: absolute; left: 15px; font-size: 20px; line-height: 65px; } .backHome { position: absolute; left: 250px; top: 15px; height: 35px; background-color: whitesmoke; border: none; border-radius: 3px; width: 100px; } .search-condition-module { position: relative; width: 100%; height: 60px; line-height: 60px; padding-left: 20px; margin-bottom: 20px; background-color: whitesmoke; } .btn { position: absolute; right: 50px; top: 15px; height: 35px; width: 100px; border: 0px; color: white; background-color: dodgerblue; box-shadow: 0px 0px 5px #3f8ddb; border-radius: 3px; } button:hover { cursor: pointer; } .search-condition-elem { position: relative; float: left; margin-right: 20px; margin-top: 15px; height: 35px; width: 200px; border: 1px solid #dcdcdc; line-height: 35px; text-indent: 10px; } /** 弹窗样式 **/ .popup-module-header-div { position: absolute; top: 0px; left: 0px; width: 100%; height: 110px; background-color: #f5f7fa; text-align: center; } .popup-module-title{ font-size: 24px; display: block; padding: 36px 0 10px; } .popup-module-desc { font-size: 13px; line-height: 13px; color: #a7a7a7; } .popup-module-login-site-desc { position: absolute; top: 340px; left: 0px; margin-top: 20px; padding: 50px; font-size: 13px; line-height: 20px; color: #a7a7a7; } .popup-module-core-div-item, .popup-module-core-div-item-plus { position: relative; height: 45px; width: 275px; border: 1px solid #e0e0e0; border-radius: 2px; margin-bottom: 8px; } .popup-module-core-div-item-plus { width: 475px; margin-left: 70px; margin-top: 20px; } .popup-module-core-div-item input, .popup-module-core-div-item select, .popup-module-core-div-item-plus input { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; text-indent: 2em; background-color: white; } .popup-module-core-div-item a { text-decoration: none; } .popup-module-core-div { position: absolute; top: 130px; left: 0px; padding: 0px 50px; } .popup-module-core-plus-div { position: absolute; top: 180px; left: 100px; } .popup-btn { position: relative; width: 100%; height: 100%; color: white; background-color: #4370F5; border: 0px; border-radius: 2px; box-shadow: 0px 0px 5px #71adf5; } .cms-bar-btn { position: relative; padding: 0px 25px; height: 40px; border-radius: 5px; border: none; color: white; background-color: #1d59f1; margin-left: 10px; opacity: 0.9; } .cms-bar-btn:hover { cursor: pointer; opacity: 1; } .cms-edit-btn, .cms-del-btn, .cms-recommend-btn, .cms-cancel-recommend-btn, .cms-paid-btn, .cms-new-btn, .cms-publish-btn, .cms-cancel-paid-btn { position: relative; padding: 0px 15px; height: 30px; border-radius: 5px; border: none; color: white; background-color: #049406; margin-left: 10px; opacity: 0.9; } .cms-del-btn { background-color: #de5454; } .cms-recommend-btn { background-color: #965806; } .cms-cancel-recommend { background-color: #e19025; } .cms-paid-btn { background-color: #07569f; } .cms-cancel-paid-btn { background-color: #0766be; } .cms-new-btn { background-color: #868681; } .cms-publish-btn { background-color: #e51b4a; } .cms-edit-btn:hover, .cms-del-btn:hover, .cms-recommend-btn:hover, .cms-cancel-recommend-btn:hover, .cms-paid-btn:hover, .cms-new-btn:hover, .cms-publish-btn:hover, .cms-cancel-paid-btn:hover { cursor: pointer; opacity: 1; } .search-condition-elem { position: relative; width: 200px; height: 40px; border-radius: 3px; border: 1px solid whitesmoke; }