/*滚动条*/
 ::-webkit-scrollbar { width: 10px;height: 10px;}
/* 滚动槽 */
 ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px; }
 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
 ::-webkit-scrollbar-thumb:window-inactive {       }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-size: 14px;}
 input:-moz-placeholder, textarea:-moz-placeholder {color: #999;font-size: 14px;}
 input::-moz-placeholder, textarea::-moz-placeholder { color: #999;font-size: 14px; }
 input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999;font-size: 16px; }
 .venus-list-page {-moz-user-select: text; /*火狐*/-webkit-user-select: text; /*webkit浏览器*/-ms-user-select: text; /*IE10*/}

 #app {background:#f9f9f9;border: 10px solid rgba(209,209,209,0.1);box-shadow: 0px 5px 1px rgba(209,209,209,0.7);}
 .mainArea {width: 1200px; padding: 0px 0;margin: auto;border-radius:10px}
  /*左侧head*/
 .mainArea .leftMenu {background:#FFFEFE;float: left;width: 250px; border: 1px solid rgba(209,209,209,0.7);border-radius: 10px 10px 10px 10px;min-height: 200px;  }
 .mainArea .leftMenu .left-head {border-radius: 10px 10px 0 0;border-bottom: 1px solid rgba(209,209,209,0.7);height: 48px; }
 .mainArea .leftMenu .left-head .normalText {cursor:pointer;line-height:25px; margin-left: 35px; margin-top: 15px; margin-bottom: 10px; display: inline-block; text-overflow: ellipsis; white-space: nowrap;font-size: 16px;font-weight: bold }
 .mainArea .leftMenu .left-head .normalText.headselected {border-bottom:1px solid #409EFF;color:#409EFF;cursor:default}
 .span_rount_rect {cursor: pointer;font-size: 15px; width: 80px; text-align: center; color: #409EFF }
 .span_rount_rect i {font-weight: bold;  width: 20px}
 /*.mainArea .leftMenu .left-head .span_rount_rect:hover { color: rgb(53,154,211); cursor: pointer; transition: all 0.3s;text-overflow: ellipsis;width: 100px; border-radius: 10px;display: inline-block; }*/                /*左侧列表*/
 .mainArea .leftMenu .left-Content {min-height: 200px;overflow: auto;}
 .mainArea .leftMenu .left-Content .left-list {cursor: pointer; white-space: nowrap; }
 .mainArea .leftMenu .left-Content .left-list .left_itembtn { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 32px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
 .mainArea .leftMenu .left-Content .left-list .left_item { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 32px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
 .mainArea .leftMenu .left-Content .left-list .left_item .name {max-width: 200px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #333 }
 .mainArea .leftMenu .left-Content .left-list .left_item .menui {max-width: 40px;margin-left: 190px;margin-top: -25px }
 .mainArea .leftMenu .left-Content .left-list .left_item i {color: #169BD5; margin-left: 10px; }
 .mainArea .leftMenu .left-Content .left-list .left_item.selected { background: rgba(88,181,233,0.15);   }
 .mainArea .leftMenu .left-Content .left-list .left_item:hover {background-color: rgba(88,181,233,0.15); }

 /*右侧head*/
 .mainArea .right-Content {background:#FFFEFE; margin-left: 260px;border-radius: 5px;border: 1px solid rgba(209,209,209,0.7); }
 .mainArea .right-Content .btnArea {  line-height: 39px; margin-top: 15px;height: 40px;border-bottom: 1px solid rgba(209,209,209,0.3); }
 .mainArea .right-Content .btnArea .btn-up {float: left; cursor: pointer;  margin-left: 20px; line-height: 23px; color: #FFFFFF;  background: #169BD5;border-radius: 5px;padding: 3px 15px;}
 .mainArea .right-Content .btnArea .btn-up.otherData{ background:#FFFFFF;color:rgba(0,0,0,0.3)}
 .mainArea .right-Content .btnArea .fileName {text-align: center;margin-left: 35% }
 .mainArea .right-Content .btnArea .fileName div {float: left; width: 70px; font-size: 12px; border: 1px solid rgba(88,181,233,0.15); white-space: nowrap;line-height: 25px;height: 25px;text-align: center; cursor: pointer;                        }
 .mainArea .right-Content .btnArea .fileName div:nth-child(1) {width: 90px;}
 .mainArea .right-Content .btnArea .fileName div:nth-child(2) {width:105px;}
 .mainArea .right-Content .btnArea .fileName .selected { background-color: rgba(88,181,233,0.15); color: #409EFF;}
 .mainArea .right-Content .btnArea .toolName { color: rgb(70,70,70); float: right; padding-right: 20px}
 .mainArea .right-Content .btnArea .toolName .hottext {width: 30px; white-space: nowrap; padding: 3px 6px; cursor: pointer;}
 .mainArea .right-Content .btnArea .toolName .hottext:hover { color: #409EFF;  cursor: pointer; }
 .mainArea .right-Content .btnArea .toolName .ordertext {width: 50px; white-space: nowrap;padding: 3px 6px; cursor: pointer; }
 .mainArea .right-Content .btnArea .toolName .current-order-by {color: #409EFF;font-weight: 700}
 .mainArea .right-Content .btnArea .toolName .ordertext:hover {color: #409EFF;cursor: pointer; }
 /*右侧列表*/
 /*.mainArea .right-Content .file-area {height: 845px; max-height: 845px; overflow: hidden;}
 .mainArea .right-Content .file-area .file-list { white-space: nowrap;overflow-y:auto;overflow-x:hidden;height:100%;position:relative }*/
 
 .mainArea .right-Content .file-area {}
 .mainArea .right-Content .file-area .file-list { white-space: nowrap;overflow-y:auto;overflow-x:hidden;position:relative }
 .mainArea .right-Content .file-area .file-list .right_item { padding-left: 10px; padding-top: 13px;font-size: 14px; height: 60px;line-height: 25px;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid rgba(209,209,209,0.3);}
 .mainArea .right-Content .file-area .file-list .right_item.selected { background: rgba(88,181,233,0.15);}
 .mainArea .right-Content .file-area .file-list .right_item:hover {background-color: rgba(88,181,233,0.15);  }
 .mainArea .right-Content .file-area .file-list .right_item img {  width: 50px;height: 50px  }
 .mainArea .right-Content .file-area .file-list .right_item .bookName { font-size: 15px; margin-top: -45px; margin-left: 60px;  max-width: 500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
 .mainArea .right-Content .file-area .file-list .right_item .books { color: #999999;font-size: 10px; }
 .mainArea .right-Content .file-area .file-list .right_item .books .size { margin-left: 60px; display: block;width: 15px }
 .mainArea .right-Content .file-area .file-list .right_item .books .type {  margin-left: 210px;  margin-top: -25px    }
 .mainArea .right-Content .file-area .file-list .right_item .books .date {  margin-left: 350px;  margin-top: -25px  }
 .mainArea .right-Content .file-area .file-list .right_item .download {height: 30px; float: right;  cursor: pointer; font-size: 14px; width: 85px;text-align: center;margin-top: -40px;margin-right: 50px; border: 1px solid rgba(22, 139, 197,0.3);color: rgb(22, 139, 197) }
 .mainArea .right-Content .file-area .file-list .right_item .download i { margin-top: 8px;}
 .mainArea .right-Content .file-area .file-list .right_item .reader a{height: 30px; float: right;  cursor: pointer; font-size: 14px; width: 85px;text-align: center;margin-top: -40px;margin-right: 50px; border: 1px solid rgba(22, 139, 197,0.3);color: rgb(22, 139, 197) }
 .mainArea .right-Content .file-area .file-list .right_item .reader i { margin-top: 8px;}
 .mainArea .right-Content .file-area .file-list .right_item .btn { float: right; cursor: pointer;margin-top: -40px;margin-right: 20px;color: rgb(22, 139, 197) }
 .mainArea .right-Content .file-area .file-list .right_item .btn i {  margin-top: 10px }
     

 .menu { display: none;  width: 20px; position: absolute;top: 0; text-align: left;padding: 2px;float: right; }
 .menu ul {  font-size: 12px; color: #FFFFFF; }
 .menu ul li { width: 25px;height:20px;padding-top:3px;  margin-top: 1px;  padding: 0 5px;cursor: pointer;list-style: none outside none;background-color: #169BD5; font-size: 12px;color: #FFFFFF;  border-radius: 4px;}

 .file { display: none;  width: 20px;position: absolute;top: 0;text-align: left;padding: 2px;float: right;  }
 .file ul { font-size: 12px; color: #FFFFFF; margin-left: 240px  }
 .file ul li { width: 25px;height:20px;padding-top:3px; margin-top: 1px; padding: 0 5px; cursor: pointer; list-style: none outside none;background-color: #169BD5;font-size: 12px;color: #FFFFFF; border-radius: 4px; }

        
.shortselect { background: #fafdfe; height: 28px; width: 180px;  line-height: 28px; border: 1px solid #9bc0dd;-moz-border-radius: 2px;-webkit-border-radius: 2px; }

.layui-layer-title { color: #fff !important; background-color: #1E9FFF !important;}
.layui-layer-setwin .layui-layer-close1 { background-position: -187px -37px !important  }
.layui-form-radio >i:hover, .layui-form-radioed >i {  color: #1E9FFF !important  }
/*我的分享*/
.otherList {  height:600px;width:100%;border:solid 0px rgba(209,209,209,0.3) }
.otherList .top {height:80px;}
.otherList .top .top-btn {float: left; margin-top: 25px;  margin-left: 25px;}
.otherList .top .top-btn .span1{color:#FFFFFF;cursor:pointer; background:#169BD5;line-height: 38px; border-radius: 5px;padding: 10px 25px;}
.otherList .top .top-btn .span2{line-height:38px;cursor:pointer;margin-left:10px;border-radius:5px;padding: 10px 25px;border: 1px solid rgb(22, 139, 197);color: rgb(22, 139, 197) }
.otherList .table-area{ height:500px;width:900px; margin-left: 25px;border:solid 1px rgba(209,209,209,0.3);overflow-x:auto}
.otherList .table-area .tbl-file {table-layout: fixed;border-collapse: collapse;width: 100%;border: solid 0px rgba(128,128,128,0.3);}
.otherList .table-area .tbl-file tr{ height:40px;border-bottom:solid 1px rgba(209,209,209,0.3);white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.otherList .table-area .tbl-file tr:hover{background-color:rgba(209,209,209,0.3); height:40px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.otherList .table-area .tbl-file tr td{min-width: 30px; white-space:nowrap;overflow:auto;  }
.otherList .table-area .tbl-file tr td:nth-child(1){ width:3%; padding-left:10px;max-width:60px; text-align: left;font-size: 14px;overflow: hidden;}
.otherList .table-area .tbl-file tr td:nth-child(2){ width:35%; max-width:350px; text-align:left;overflow:hidden;font-size: 14px;}
.otherList .table-area .tbl-file tr td:nth-child(3){ width:10%;max-width:100px; text-align:center;font-size: 14px; }
.otherList .table-area .tbl-file tr td:nth-child(4){ width:10%;max-width:100px; text-align:center;overflow:hidden;font-size: 14px;}
.otherList .table-area .tbl-file tr td:nth-child(5){ width:20%;max-width:100px; text-align:center;font-size: 14px;}
.otherList .table-area .tbl-file tr td:nth-child(6){ width:20%;text-align:center;font-size: 14px;}
.otherList .table-area .tbl-file tr td:nth-child(7){ width:2%;text-align:center;font-size: 14px;}
table thead th {background-color:#F5FAFA;font-family:Microsoft YaHei; color:#909399 }

/*收藏文章*/
 .mainArea .leftMenu .left-Content .left-articlelist {cursor: pointer; white-space: nowrap; }
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitembtn { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 32px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 32px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem .name {max-width: 200px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #333 }
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem .menuai {max-width: 40px;margin-left: 190px;margin-top: -25px }
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem i {color: #169BD5; margin-left: 10px; }
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem.selected { background: rgba(88,181,233,0.15);   }
 .mainArea .leftMenu .left-Content .left-articlelist .left_articleitem:hover {background-color: rgba(88,181,233,0.15); }

.mainArea .right-Content .file-area .book_list {float: left;width:100%;border:1px solid #ddd;border-top:0px; background:#FFFEFE;}
.mainArea .right-Content .file-area .book_list::after {content: '';clear: both;display: block;}
.mainArea .right-Content .file-area .book_item {padding-left:10px;line-height: 25px;border-bottom: 1px solid #eaeaea;overflow: hidden;position: relative;transition: all .3s linear;padding-top: 15px;border-bottom: 1px solid #ddd;}
.mainArea .right-Content .file-area .book_item span { float: left;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.mainArea .right-Content .file-area .book_item:hover {background-color: rgba(88,181,233,0.3);}
.mainArea .right-Content .file-area .book_item:hover .book_topbar { display: block; }
.mainArea .right-Content .file-area .book_name {padding: 0px 0px;font-size: 16px;height: 25px;width:100%;}
.mainArea .right-Content .file-area .book_name a {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color: #333;line-height: 18px;display: block;font-weight: bold;}
.mainArea .right-Content .file-area .book_name font {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 18px; }
.mainArea .right-Content .file-area .book_name font em {text-decoration: none;}
.mainArea .right-Content .file-area .book_name label {max-width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.book_del {float:right;padding-right:10px;cursor:pointer}
.book_abstract {padding-right:5px;}
.pagination-wrap {margin-top: 8px;float: left;}
.el-pagination {white-space: normal;}

/*书签批注*/
.mainArea .leftMenu .left-head .noteText { cursor:pointer;line-height:25px; margin-left: 35px; margin-top: 15px; margin-bottom: 10px; display: inline-block; text-overflow: ellipsis; white-space: nowrap;font-size: 16px;font-weight: bold }
.mainArea .leftMenu .left-head .noteText.headselected {border-bottom:1px solid #409EFF;color:#409EFF;cursor:none}
.mainArea .leftMenu .left-Content .left-list .note_item { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 47px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
.mainArea .leftMenu .left-Content .left-list .note_item .name {max-width: 200px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #333 }
.mainArea .leftMenu .left-Content .left-list .note_item .version {height:25px;line-height:25px;margin-top:-3px;width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;font-size:10px }
.mainArea .leftMenu .left-Content .left-list .note_item .num {height:25px;float:right;margin-top:-3px;font-size:10px}
.mainArea .leftMenu .left-Content .left-list .note_item .num:hover {color:rgba(53,154,211,1)}
.mainArea .leftMenu .left-Content .left-list .note_item.selected { background: rgba(88,181,233,0.15);   }
.mainArea .leftMenu .left-Content .left-list .note_item:hover {background-color: rgba(88,181,233,0.15); }
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem { padding-left: 15px; padding-top: 10px;font-size: 15px;height: 47px;line-height: 25px;border-bottom:solid 1px rgba(209,209,209,0.3)}
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem .name {max-width: 200px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #333 }
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem .version {height:25px;line-height:25px;margin-top:-3px; width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;font-size:10px }
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem .num {height:25px;float:right;margin-top:-3px;font-size:10px}
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem .num:hover {color:rgba(53,154,211,1)}
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem.selected { background: rgba(88,181,233,0.15);   }
.mainArea .leftMenu .left-Content .left-articlelist .note_articleitem:hover {background-color: rgba(88,181,233,0.15); }

 .mainArea .right-Content .notetop {font-size:25px;line-height: 40px; padding-left:15px;padding-top:5px;height: 70px;border-bottom: 1px solid rgba(209,209,209,0.3); }
 .mainArea .right-Content .notetop .booknamediv {line-height: 40px;height: 40px;}
 .mainArea .right-Content .notetop .booknamediv .bookname { float:left;user-select:text !important; margin-left:5px;font-size:18px;max-width:750px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} 
 .mainArea .right-Content .notetop .versionname { line-height: 20px;height: 20px;} 
 .mainArea .right-Content .notetop .versionspan { max-width:70%; user-select:text !important;font-size:14px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} 
 .mainArea .right-Content .notetop .booknamediv i { float:left;padding-top:7px;} 
 .mainArea .right-Content .notetop .versionname .clearall { float:right;cursor: pointer; margin-top:-10px;font-size:12px;margin-right:20px}
 .mainArea .right-Content .notetop .versionname .clearall i{ padding-top:13px;font-size:15px} 
 .mainArea .right-Content .notetop .versionname .refreshall { float:right;cursor: pointer; margin-top:-10px;margin-right:20px; font-size:12px}
 .mainArea .right-Content .notetop .versionname .refreshall i{ padding-top:13px;font-size:15px}

 .clear{ clear: both;}
 .mainArea .right-Content .file-area .file-list .aNote {padding:5px;margin: 10px; border-radius:5px;font-size: 14px; border: 1px solid rgba(209,209,209,0.8);}
 .mainArea .right-Content .file-area .file-list .aNote .head {font-size: 14px;clear: both;padding: 10px 8px 0 10px; position: relative;}
 .mainArea .right-Content .file-area .file-list .aNote .head a{color: rgba(143,143,143,1);cursor:default}
 .mainArea .right-Content .file-area .file-list .aNote .head label {color: rgba(143,143,143,1);display: table-cell;width: 42px;text-align: right;white-space: nowrap;}
 .mainArea .right-Content .file-area .file-list .aNote .head span {display: table-cell;text-align: left;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; max-width: 500px;}
 .mainArea .right-Content .file-area .file-list .aNote .head .modifyBut {    position: absolute; top: 4px;right: 8px;}
 .mainArea .right-Content .file-area .file-list .aNote .body {font-size: 12px;line-height: 23px;clear: both;color: rgba(70,70,70,1);padding: 3px 8px 3px 10px;position: relative; white-space: nowrap; }
 .mainArea .right-Content .file-area .file-list .aNote .body label {display: table-cell;width: 42px;text-align: right; font-size: 14px;}
 .mainArea .right-Content .file-area .file-list .aNote .body .contentOut {display: table-cell; padding-right: 40px; }
 .mainArea .right-Content .file-area .file-list .aNote .body .contentOut .content {width: 100%;padding-bottom: 6px;overflow: hidden; min-height: 44px;font-size: 14px;left: -10px;word-wrap: break-word; white-space: pre-wrap;word-break: break-all;  }
 .mainArea .right-Content .file-area .file-list .aNote .body .contentOut .content span { cursor:default;color: rgba(70,70,70,1); }
 .mainArea .right-Content .file-area .file-list .aNote .body span:hover{color:rgba(53,154,211,1)}
 .mainArea .right-Content .file-area .file-list .aNote .body .butBox{position:absolute;bottom:7px;right:8px}
 .mainArea .right-Content .file-area .file-list .aNote .body .butBox a{color:rgba(143,143,143,1);padding:0}
 .mainArea .right-Content .file-area .file-list .aNote .body .butBox a:hover{color:rgba(53,154,211,1);padding:0}
 .mainArea .right-Content .file-area .file-list .aNote .body .OpenBut{display:none}
 .mainArea .right-Content .file-area .file-list .aNote .body .CloseBut{display:block}
 .mainArea .right-Content .file-area .file-list .aNote .foot{clear: both;border-top: 1px solid rgba(209,209,209,0.7);padding: 3px 8px 3px 10px;height:28px; font-size: 12px; line-height:28px; color: rgba(88,88,88,1);   }
 .mainArea .right-Content .file-area .file-list .aNote .foot .chapterName{color:rgba(143,143,143,1); float:left;line-height:32px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:430px;width:65%;}
 .mainArea .right-Content .file-area .file-list .aNote .foot .chapterName a{color:rgba(143,143,143,1);user-select:text !important;}
 .mainArea .right-Content .file-area .file-list .aNote .foot .chapterName a:hover{color:rgba(53,154,211,1)}
 .mainArea .right-Content .file-area .file-list .aNote .foot .addDatetime{color:rgba(143,143,143,1); float:right;line-height:32px;}
 .mainArea .right-Content .file-area .file-list .aNote .foot .addDatetime a{float:right;color:rgba(143,143,143,1);margin-left:5px; margin-right: 0px;line-height:32px}
 .mainArea .right-Content .file-area .file-list .aNote .foot .addDatetime a i{color:rgba(143,143,143,1);}
 .mainArea .right-Content .file-area .file-list .aNote .foot .addDatetime a i:hover{color:rgba(53,154,211,1)}

 .mainArea .right-Content .file-area .book_list .aMark{padding:5px;margin:10px;clear:both;border-radius:5px;font-size:14px; border: 1px solid rgba(209,209,209,0.8);}
 .mainArea .right-Content .file-area .book_list .aMark label{display:block;float:left;width:42px;text-align:right}
 .mainArea .right-Content .file-area .book_list .aMark .head{font-size:16px;clear:both;padding:10px 8px 0 10px}
 .mainArea .right-Content .file-area .book_list .aMark .head a{color:rgba(143,143,143,1);user-select:text !important;}
 .mainArea .right-Content .file-area .book_list .aMark .head a:hover{color:rgba(53,154,211,1)}
 .mainArea .right-Content .file-area .book_list .aMark .body{font-size:12px;clear:both;color:#2ba2e8;padding:3px 8px;position:relative}
 .mainArea .right-Content .file-area .book_list .aMark .body .content{display:block;float:left;width:525px;padding-bottom:8px;overflow:hidden;height:46px;min-height:46px}
 .mainArea .right-Content .file-area .book_list .aMark .body .butBox{position:absolute;bottom:10px;right:30px}
 .mainArea .right-Content .file-area .book_list .aMark .body .butBox a{color:#2ba2e8;background:#fcfdfd;padding:5px 10px}
 .mainArea .right-Content .file-area .book_list .aMark .body .OpenBut{display:block}
 .mainArea .right-Content .file-area .book_list .aMark .body .CloseBut{display:none}
 .mainArea .right-Content .file-area .book_list .aMark .body .modifyBut{position:absolute;bottom:10px;right:12px}
 .mainArea .right-Content .file-area .book_list .aMark .body .modifyBut a{color:#adafaf;background:#fcfdfd}
 .mainArea .right-Content .file-area .book_list .aMark .foot{font-size:12px;clear:both;border-top:0 solid rgba(209,209,209,0.7);padding:3px 8px 0 10px;height:30px;font-size:12px;line-height:22px;color:rgba(88,88,88,1)}
 .mainArea .right-Content .file-area .book_list .aMark .foot .chaptername{color:rgba(143,143,143,1); float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:430px;width:65%;}
 .mainArea .right-Content .file-area .book_list .aMark .foot .addDatetime{color:rgba(143,143,143,1); float:right;margin-right:10px;}
 .mainArea .right-Content .file-area .book_list .aMark .foot .addDatetime a{float:right;color:rgba(88,88,88,1);margin:0 5px}
 .mainArea .right-Content .file-area .book_list .aMark .foot .modifyBox{float:right}
 .mainArea .right-Content .file-area .book_list .aMark .foot .modifyBox a{color:rgba(143,143,143,1)}
 .mainArea .right-Content .file-area .book_list .aMark .foot .modifyBox a:hover{color:rgba(53,154,211,1)}
 .mainArea .right-Content .file-area .book_list .aMark .foot .modifyBox a:before{color:rgba(77,167,218,1)}
 .mainArea .right-Content .file-area .book_list .aMark .foot .addDatetime a i{color:rgba(88,88,88,1)}

 .page-error-wrap{display:flex;align-items:center;justify-content:center;height:600px}
 .page-error-wrap i{color:#F56C6C;font-size:40px;margin-right:10px}
 .page-error-wrap span{font-size:25px;letter-spacing:5px;font-weight:bold;color:#909090}