*{box-sizing: border-box;padding: 0;margin: 0;}
html,body{background-color: #fff;font-size: 11px;color: #444;width: 100%;height: 100%;}
img{border: 0;}
ul,li{list-style-type: none;}
a{text-decoration:none;color:#444;}
input{outline:none}
h1,h2,h3,h4,h5,h6{text-align:center;}
.floatL{float: left;}
.floatR{float: right;}
.clear{clear: both;}
.red{color: red}
.bgRed{background-color:#d9534f;color:#fff;}
.bgRed:hover{background-color:#c9302c;}
.bgGreen{background-color:#5cb85c;color:#fff}
.bgGreen:hover{background-color:#449d44;}
.bgBlue{background-color:#337ab7;color:#fff;}
.bgBlue:hover{background-color:#286090}
.bgOrange{background-color:#f0ad4e;color:#fff}
.bgOrange:hover{background-color:#ec971f;}
.bgGray{background-color:#999;color:#fff}
.bgGray:hover{background-color:#888;}
.disable{background-color:#ccc;color:#eee;}
.pointer{cursor: pointer;}
.center{text-align:center;}
.nowrap{white-space: nowrap;}
.headerContainer{width: 100%;height: 30px;background-color: #d02020;position: fixed;top: 0;left: 0;padding: 2px 10px;z-index: 6;box-shadow:0 0 8px 0 rgba(0,0,0,0.6)}
.headerContainer .loginBtn{height: 26px;line-height:24px;border: 1px solid #fff;color: #fff;border-radius: 13px;font-size: 1.1em;min-width: 50px;text-align: center;cursor: pointer;padding: 0 6px}
.headerContainer input{height: 26px;line-height: 24px;border: 0;}
.headerContainer input[type='text']{border-radius: 13px 0 0 13px;background-color: #fff;padding-left: 6px;width:120px;}
.mainContainer{max-width: 900px;width: 100%;margin: 40px auto;}
.itemBox{width: 96%;background-color: red;margin: 16px auto;border-radius: 10px;padding: 10px;padding-bottom: 4px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);background-image: linear-gradient(to right bottom,#f6d3d3,#f6d3d3,#fff);}
.itemBox .imgBox{margin-right: 10px;}
.itemBox .imgBox img{width: 100px;height:100px;border-radius:10px;}
.itemBox table{width: 100%;border: 0;border-spacing: 0;}
.itemBox table td{border: 0;vertical-align: middle;margin: 0}
.itemBox table .leftCol{width: 110px;}
.itemBox .bookTitle{font-size: 1.1em;font-weight: 600;overflow: hidden;}
.itemBox .opBox{padding-left: 10px;}
.itemBox .opBox span{margin-right:20px;line-height: 26px;}
.itemBox .btn{display: inline-block;min-width: 50px;height: 26px;line-height: 26px;text-align: center;border:none;box-shadow:2px 2px 0px -1px rgba(0,0,0,0.15);cursor:pointer;padding: 0 6px;border-radius: 2px;font-size: 1.1em}
.itemBox .btn:hover{box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
#cover{z-index:11;background-color:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;}
#cover_transparent{z-index:12;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;}
#menu{width: 136px;box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);position: absolute; top: 30px;left: 20px;background-color: #d02020;display: none;z-index: 10;padding-left:20px;}
#menu li{padding: 12px 10px;background-color: #fff;margin-bottom: 1px;cursor:pointer;color:#444;}

/*   ϸ Ϣ*/
.box_detail{position:fixed;width:325px;margin:auto;top:20px;left:0;right:0;box-shadow:0 0 6px 0 rgba(0,0,0,0.5);z-index:12;background-color:#fff;border-radius:10px;}
.box_detail h3{height:30px;line-height:30px;}
.box_detail .cls_btn{width:40px;height:40px;position:absolute;top:6px;right:12px;line-height:36px;font-size:30px;text-align:center;color:#bbb;cursor:pointer;}
.user_info{padding:4px;text-align:left;white-space:normal;font-size:12px;overflow:auto;}
.user_info p{padding:4px;}
.user_info span{display:inline-block;vertical-align:top;}
.col_l{width:90px;text-align:right;padding-right:4px;}
.col_r{width:216px;}

/* ¼ */
.loginLayer{z-index: 99;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.8);display:none;}
.loginLayer .loginBox{width: 300px;margin: 20px auto;}
.loginLayer .loginBox .title{text-align: center;width: 100%;height: 40px;line-height: 40px;color: #fff;font-size: 1.6em;background-color: #1c4292;border-radius: 16px 16px 0px 0px;text-shadow: 1px 1px 1px #444;}
.loginLayer .loginBox .content{padding: 0 10px;background-color: #fff;}
.loginLayer .loginBox .btns{background-color: #fff;border-radius: 0 0 16px 16px;text-align: center;border-top: 1px solid #ccc;padding: 6px;}
.loginLayer .loginBox p{padding: 8px;}
.loginLayer .loginBox input[type='text']{height:24px;line-height:24px;padding:0px 4px;outline:none;width:100%}
.loginLayer .loginBox input[type='password']{height:24px;line-height:24px;padding:0px 4px;outline:none;width:100%}
.loginLayer .loginBox input[type="checkbox"]{width:14px;height:14px;vertical-align:middle;margin: 0 3px;}
.loginLayer .loginBox .btns input{width: 60px;height: 24px;}
.loginLayer .loginBox .btns .btn{width: 30%;height: 24px;line-height: 24px;display: inline-block;cursor: pointer;}
.loginLayer .loginBox .btns .mBtn{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

/*筛选条件*/
.filterContainer{position:fixed;top:40px;right:0;padding-right:20px;}
.filterContainer span{display:inline-block;border:1px solid #d02020;padding:4px;font-size:1.1em;margin-left:10px;cursor:pointer;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.3);background-color:rgba(255,255,255,0.4);}

/*分页导航条*/
.page{text-align:center;padding:0 0 40px;line-height:24px;}
.page select{margin:8px 2px;}
.page a {border: #788287 1px solid; text-decoration: none;padding: 2px 8px 2px 8px;margin: 2px;color:#444}
.page .num{border: #788287 1px solid;padding: 2px 8px 2px 8px;margin:3px;color:#444;cursor:pointer;}
.curr{border:#d02020 1px solid;background-color: #d02020;padding: 2px 8px 2px 8px;margin: 2px;color: white;}
.disable{border: #ddd 1px solid ;padding : 2px 6px 2px 6px ;margin: 2px;color: #ddd;}
.page form{display: inline;}
.page select{border: 1px solid #788287;padding:2px;}

/*导出EXCEL按钮*/
.btn_exp_excel{position:fixed;left:60px;bottom:20px;background-color:rgba(255,255,255,0.8);color:#d02020;box-shadow:1px 1px 4px 0 rgba(0,0,0,0.4);width:34px;height:34px;line-height:34px;text-align:center;border-radius:17px;}

/*日志筛选弹出窗口*/
.box_log_filter{font-size:1.1em;position:fixed;width:325px;height:226px;margin:auto;top:0;bottom:0;left:0;right:0;box-shadow:0 0 6px 0 rgba(0,0,0,0.5);z-index:11;background-color:#fff;border-radius:10px;line-height:40px;}
.box_log_filter .date{width:80px;}
.box_log_filter form{margin:20px;}
.box_log_filter .cls_btn{width:40px;height:40px;border-radius:20px;;position:absolute;bottom:-44px;right:142px;line-height:36px;font-size:26px;text-align:center;background-color:#ccc;color:#fff;cursor:pointer;}
.box_log_filter .inputText{height:24px;padding:0 6px;border:1px solid gray;}
.box_log_filter span{display:inline-block;width:65px;white-space:nowrap;}
.box_log_filter input{border-radius:4px;}

/*顶部搜索栏*/
.searchBar{position:fixed;top:2px;right:6px;z-index:7;}
.searchBar input[type="text"] {border-radius: 13px 0 0 13px;background-color: #fff;padding-left: 6px;width: 120px;}
.searchBar input[type='submit']{border-radius: 0 13px 13px 0;background-color: #d02020;border: 1px solid #fff;color: #fff;padding:0 6px;line-height:26px}
.searchBar input{height:26px;border:0;line-height:24px;}