.header{ height:50px; background-color:#3c8dbc;}
 .header a{ line-height: 50px; font-size: 20px; margin-left: 15px; font-weight: 800; color: #FFF;}
 .header .userinfo_box{ margin-right:40px; float:right; min-width:40px;height:50px; line-height:50px; color:#FFF;}
 .header .loginreg{ margin-right:40px; float:right; min-width:40px;height:50px; line-height:50px; color:#FFF;}
 .header .loginreg a{ font-size: 14px;    font-weight: 400;}
 .mainbox{position:absolute; width: 100%; min-height: 300px;top:50px; bottom: 50px; overflow: auto;  background:#fff;}
 .mainbox .maintitle{ height: 80px; text-align: center; line-height: 80px; font-size: 32px; font-weight: 800; font-family: Microsoft YaHei; color:#9d9d9d; }
 .mainbox .loginbox{ width: 400px; min-height: 245px ; background:#fff; margin: 0px auto;border:1px solid #ccc;border-radius: 3px; }
 .footer{ position:fixed; bottom:0px; width: 100%; height:50px; background:#9d9d9d;}
/*index*/
.loginbox ul{margin:25px auto; width:345px;}
.loginbox ul li{margin-bottom:25px; list-style-type:none;}
.loginuser{width:299px; height:48px; background:url(/public/images/loginuser.png) no-repeat; border:none; line-height:48px; padding-left:44px; font-size:14px; }
.loginpwd{width:299px; height:48px; background:url(/public/images/loginpassword.png) no-repeat; border:none;line-height:48px; padding-left:44px; font-size:14px; color:#90a2bc;}
.loginbtn{width:343px;height:45px; line-height:45px; text-align: center; background:#0081C9; font-size:14px; font-weight:bold; color:#fff;cursor:pointer; border-radius:3px;}
.loginbtn:hover{background: #5eb8ea;color:#fafafa; }

.loginbm{height:50px; line-height:50px; text-align:center; background:url(../images/loginbg2.png) repeat-x;position:absolute; bottom:0; width:100%; color:#0b3a58;}
.loginbm a{font-weight:bold;color:#0b3a58;}
.loginbm a:hover{color:#fff;}

/*index*/


/*list*/
.mainbox .booklistul{ list-style: none;   padding:0px 30px;}
.mainbox .booklistul li{ height: 60px; border-bottom: 1px solid #ddd; line-height: 60px; }
.mainbox .booklistul li .opercreate{ float: right; }
.mainbox .booklistul li .opercreate .acreate{  color: #00bcd4; margin-right: 10px; }
.mainbox .booklistul li .opercreate .acreate:hover{  color: #9ed5dc;}
.mainbox .booklistul .hasfolder{ background: url('/public/images/folder.jpg') 10px 0px no-repeat; padding-left: 50px; }
.mainbox .booklistul .hasfolder a{ color: #666; }
.mainbox .booklistul .hasfolder a:hover{ color: #89D8DF; }
.mainbox .booklistul .hasfolder .operdiv{ float: right; }
.mainbox .booklistul .hasfolder .operdiv span{  float: left;display: block; padding-left: 25px; margin-right: 20px; }
.mainbox .booklistul .hasfolder .operdiv .deloper{ float: right;background: url('/public/images/del.jpg') 0px 20px no-repeat; /*display: block;*/display: none; padding-left: 25px; margin-right: 20px;}
#div_more{ cursor:pointer; line-height: 60px; height: 60px; text-align: center; color: gray; font-size: 18px; font-family: "Microsoft Yahei";}
#div_more:hover{background: #5eb8ea;color:#fafafa; }
#div_filter{ display:none; position: fixed; top: 0px; left: 0px;right: 0px; bottom: 0px; background:#ccc; z-index: 99996;}
#createbox{width: 375px;height: 400px;background-color: #fff;margin: 80px auto;border-radius: 7px; }
#createbox .headerbox{ width:300px; height:65px; margin:0px auto; border-bottom:1px solid #ececec;}
#createbox .headerbox h1{ width:300px; height:65px; line-height:65px; text-align:center; font-size:24px; font-family: "Microsoft Yahei";color:#bcbcbc; }
#create_close{ background-color:#92DBE1; width:25px; height:25px;display: block;cursor:pointer; position: relative; top: -58px;left: 305px;border-radius: 15px; font-size: 21px; text-align: center; color: #fff; line-height: 25px;}
#create_close:hover{background: #5eb8ea;color:#fafafa; }
#createbox .bookinfobox{ text-align:center; margin-top:20px;}
#createbox .bookinfobox ul { margin-top:20px; list-style-type:none;}
#createbox .bookinfobox ul li{ margin-bottom:25px;}
.newbook{width:299px; height:48px;     border: 1px solid #92DBE1; line-height:48px;  font-size:24px;  border-radius:5px;}
.createnewbook{width:299px;height:45px; line-height:45px; text-align: center; background:#92DBE1; font-size:14px; font-weight:bold; color:#fff;cursor:pointer; border-radius:5px;}
.createnewbook:hover{background: #5eb8ea;color:#fafafa; }
/*list*/

 .chapterlist{  position:absolute;width:300px;top:50px;bottom:0; overflow: auto;}        
 .ztree * {font-size: 10pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial}
 .ztree li ul{ margin:0; padding:0}
 .ztree li {line-height:30px;}
 .ztree li a {width:100%;height:30px;padding-top: 0px;}
 .ztree li a:hover {text-decoration:none; background-color: #E7E7E7;}
 .ztree li a span.button.switch {visibility:hidden}
 .ztree.showIcon li a span.button.switch {visibility:visible}
 .ztree li a.curSelectedNode {background-color:#D4D4D4;border:0;height:30px;}
 .ztree li span {line-height:30px;}
 .ztree li span.button {margin-top: -7px;}
 .ztree li span.button.switch {width: 16px;height: 16px;}
 
 .ztree li span.button.add {margin-top: 7px;margin-left:2px; margin-right: 2px; background-position:-144px 0; vertical-align:top; *vertical-align:middle; background-image:url("/public/js/zTree/img/zTreeStandard.png"); *background-image:url("/public/js/zTree/img/zTreeStandard.gif")}
 .ztree li span.button.edit {margin-top: 7px;margin-left:2px; margin-right: 2px;background-position:-110px -48px; vertical-align:top; *vertical-align:middle;background-image:url("/public/js/zTree/img/zTreeStandard.png"); *background-image:url("/public/js/zTree/img/zTreeStandard.gif")}
 .ztree li a input.rename {height:30px; width:90%;}
 .ztree li span.button.remove {margin-top: 7px;margin-left:4px;margin-right: 2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle;background-image:url("/public/js/zTree/img/zTreeStandard.png"); *background-image:url("/public/js/zTree/img/zTreeStandard.gif")}

 .ztree li a.level0 span {font-size: 150%;font-weight: bold;}
 .ztree li span.button {background-image:url("/public/js/zTree/img/left_menuForOutLook.png"); *background-image:url("/public/js/zTree/img/left_menuForOutLook.gif")}
 .ztree li span.button.switch.level0 {width: 20px; height:20px}
 .ztree li span.button.switch.level1 {width: 20px; height:20px}
 .ztree li span.button.noline_open {background-position: 0 0;}
 .ztree li span.button.noline_close {background-position: -18px 0;}
 .ztree li span.button.noline_open.level0 {background-position: 0 -18px;}
 .ztree li span.button.noline_close.level0 {background-position: -18px -18px;} 
    
 .contentedit{ position:absolute; top:50px; left: 300px; bottom:0; right: 0px;   overflow:auto; /* padding-top:10px; background-color:#ecf0f5;*/ border-left:1px solid #cecece;}
 #div_navlist{ height: 30px;  line-height: 30px; padding-left: 8px; font-size: 12px;  font-weight: 800;}
 .contentedit li.divider {  margin: 5px 5px;}
 .btn{ border-radius: 3px; font-size: 12px;-webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent;}
 .btnsave{ background-color: #3c8dbc; border-color: #367fa9;color:#ccc;}
 .btnsave:hover{  border-color: #204d74;color:#eee;}
 
 #savedbtoast{ display:none; border-radius: 3px; position:absolute; top:200px; left:50%; margin-left:-75px;  width:150px; height:50px; line-height:50px; color:#fff; background-color:#5eb8ea; z-index:9999;text-align: center;font-size: 14px; font-weight: 800;}

 #uploading{ display:none; border-radius: 3px; position:absolute; top:200px; left:50%; margin-left:-75px;  width:150px; height:50px; line-height:50px; color:#fff; background-color:#5eb8ea; z-index:9999;text-align: center;font-size: 14px; font-weight: 800;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar {  width: 10px;  height: 7px;  background-color: #F5F5F5; } 
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  /* border-radius: 10px;  */  background-color: #F5F5F5; } 
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  /* border-radius: 10px;   */ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);   background-color: #cecece;  }