fm/src/main/resources/static/Ordinary/css/chapter.css

 /* 搜索 */
 
 .searchInput {
     width: 1114px;
     height: 38px;
     border: solid 1px black;
     margin-top: 20px;
     margin-left: 100px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     outline: none;
     border-color: grey;
 }
 
 .searchBtn {
     height: 40px;
     padding: 5px 15px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-left: none;
     border-color: #4e6ef2
 }
 
 .button {
     background-color: #4e6ef2;
     color: #fff;
     margin-top: 20px;
     width: 6%;
 }
 
 #pagination {
     position: absolute;
     bottom: 10px;
     left: 300px
 }
 /* 章节 */
 
 .bodymain {
     background-color: #fff;
     border-top: 1px solid #dbdbdc;
 }
 
 .bodymain {
     width: 1314px;
     border: 1px solid #dbdbdc;
     border-top: none;
     /* background-color: #f7f7f7; */
     box-shadow: 0 0 10px #CCCBCB;
     -ms-box-shadow: 0 0 10px #CCCBCB;
     -moz-box-shadow: 0 0 10px #CCCBCB;
     -webkit-box-shadow: 0 0 10px #CCCBCB;
     -o-box-shadow: 0 0 10px #CCCBCB;
     display: inline-block;
 }
 
 .notebox {
     height: 32px;
     background: #f6f6f6;
     border: #F0F0F0 solid 1px;
     padding: 0 20px;
     min-width: 1156px;
 }
 
 .w {
     margin: 0 auto;
 }
 
 .note {
     line-height: 32px;
     cursor: pointer;
 }
 
 .note strong {
     color: #0059bd;
 }
 
 b,
 strong {
     font-weight: bold;
 }
 /* 书 */
 
 .clearfix {
     display: block;
     clear: both;
 }
 
 .journalInfo .pic {
     position: relative;
     width: 170px;
     min-height: 168px;
     _height: 188px;
 }
 
 .journalInfo .pic,
 .journalInfo .titbox,
 .journalInfo .journalType,
 .journalInfo .infobox {
     float: left;
 }
 
 .journalInfo .infobox {
     width: 1120px;
 }
 
 #qk .journalInfo .titbox {
     margin-bottom: 10px;
 }
 
 .journalInfo .titbox {
     min-width: 210px;
     padding-right: 20px;
     font-family: "Microsoft YaHei", "微软雅黑", "黑体", "Simsun", serif;
     color: #333;
     font-size: 18px;
     line-height: 30px;
     margin-bottom: 20px;
 }
 
 .journalInfo .titbox p {
     font-weight: 400;
     color: #555;
     font-size: 12px;
 }
 
 .clear {
     display: block;
     clear: both;
     width: 0;
     height: 0;
     line-height: 0;
     overflow: hidden;
     font-size: 0;
 }
 
 #qk .infobox ul {
     width: 270px;
 }
 
 .journalInfo .listbox ul {
     float: left;
     min-height: 94px;
     color: #333;
     line-height: 23px;
 }
 
 .journalInfo .infobox ul {
     width: 350px;
     margin-right: 30px;
 }
 
 .journalInfo .listbox .tit {
     height: 23px;
     line-height: 23px;
     color: #666;
     font-weight: 600;
     background-color: #F2F2F2;
     margin-bottom: 5px;
 }
 
 ol,
 ul li {
     list-style: none outside none;
 }
 
 .journalInfo .listbox .morehide {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .journalInfo .listbox p {
     width: 100%;
     line-height: 23px;
 }
 
 .journalInfo .listbox p {
     width: 100%;
     line-height: 23px;
 }
 
 .journalInfo .listbox p {
     width: 100%;
     line-height: 23px;
 }
 
 .hide {
     display: none;
 }
 
 .journalInfo .listbox p {
     width: 100%;
     line-height: 23px;
 }
 
 #qk .infobox ul {
     width: 270px;
 }
 
 .journalInfo .listbox ul {
     float: left;
     min-height: 94px;
     color: #333;
     line-height: 23px;
 }
 
 .journalInfo .infobox ul {
     width: 350px;
     margin-right: 30px;
 }
 
 .journalInfo .listbox .tit {
     height: 23px;
     line-height: 23px;
     color: #666;
     font-weight: 600;
     background-color: #F2F2F2;
     margin-bottom: 5px;
 }
 
 #evaluateInfo {
     margin-right: 0
 }
 /* 浏览部分 */
 
 .journalTabbox .lArea {
     width: 590px;
     height: 42px;
 }
 
 .lArea {
     float: left;
 }
 
 .journalTabbox .lArea .cur {
     border-style: solid;
     border-width: 3px 1px 1px;
     border-color: #479BE9 #D7D7D7 #F6F6F6;
     background-color: #F5F5F5;
     color: #0077CB;
 }
 
 .journalTabbox .lArea li {
     float: left;
     height: 39px;
     line-height: 39px;
     font-size: 14px;
     padding: 0 27px;
 }
 
 .journalTabbox .lArea .cur a {
     color: #0077CB;
 }
 
 .journalTabbox .rArea {
     width: 456px;
     padding-top: 6px;
 }
 
 .rArea {
     float: right;
 }
 
 .journalTabbox .rArea .selectBox {
     margin-right: 10px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 
 .selectBox {
     width: 144px;
     height: 28px;
     border: 1px solid #ccc;
     overflow: hidden;
     *height: 27px;
 }
 
 .fl {
     float: left;
 }
 
 .selectBox select {
     width: 146px;
     vertical-align: middle;
     margin-left: -1px;
     font-size: 14px;
     padding: 4px 4px 5px 4px;
     margin-top: -1px;
     padding: 4px 0 5px 0\9\0;
     *height: 29px;
     *margin-top: -1px;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 option {
     font-weight: normal;
     display: block;
     white-space: pre;
     min-height: 1.2em;
     padding: 0px 2px 1px;
 }
 
 .journalTabbox .rArea .searchbox {
     position: relative;
     width: 300px;
     height: 30px;
 }
 
 .fl {
     float: left;
 }
 
 .searchbox {
     /* background: url(./images/searchbj.png) left bottom repeat-x; */
     height: 112px;
     width: 100%;
 }
 
 .journalTabbox .rArea .btn-search {
     position: absolute;
     top: 0;
     left: 270px;
     width: 30px;
     height: 30px;
     background-position: 3px -116px;
 }
 /* 文章主体左侧部分 */
 
 .wrapper {
     /* background-color: #f9f9f9; */
 }
 
 .main {
     position: relative;
     width: 96%;
     margin: 100px auto;
     font-family: "Microsoft yahei";
     /* border: 1px solid #e4e4e4; */
     background-color: #fff;
     clear: both;
 }
 
 .sidebar-a {
     position: relative;
     z-index: 9;
     float: left;
     width: 16%;
     font-size: 13px;
     color: #666;
     background-color: #fafafa;
 }
 
 .sidebar-a .sidebar-a-con {
     padding-top: 15px;
     overflow: hidden;
 }
 
 .sidebar-a h5 {
     padding-left: 8%;
     margin-top: 30px;
     margin-bottom: 20px;
     line-height: 40px;
     font-size: 18px;
     color: #666;
     font-weight: normal;
     white-space: nowrap;
 }
 
 .catalog-list {
     padding: 0 5% 30px 8%;
     /* border-bottom: 1px solid #e2e2e2; */
 }
 
 ol,
 ul,
 li {
     list-style: none outside none;
 }
 
 .catalog-list li {
     line-height: 30px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 /* 右侧相关 */
 
 .sidebar-out {
     position: relative;
     z-index: 9;
     float: right;
     width: 19%;
     margin-left: -1px;
     border-left: 1px solid #e6e6e6;
     background-color: #fafafa;
 }
 
 .box1 {
     width: 60px;
     height: 200px;
     margin-top: 10px;
     float: left;
     margin-right: 40px
 }
 
 .box1 .kk {
     font-size: 10px;
     width: 58px;
     height: 120px;
 }
 
 .box1 .book {
     width: 60px;
     height: 60px;
     display: inline-block;
 }
 
 .content span {
     width: 600px;
     height: 400px;
     overflow-y: auto;
 }
 
 .essayBox {
     /* border-bottom: 1px solid #eee; */
     text-align: left;
 }
 
 .side-content {
     min-height: 500px;
     padding-top: 15px;
     font-size: 13px;
     color: #59616f;
     overflow: hidden;
 }
 /* 中间 */
 
 .container {
     padding-top: 60px;
     background-color: #fff;
     overflow: hidden;
 }
 
 .container .doc {
     width: 79%;
     min-width: 750px;
     margin: 0 auto 30px;
 }
 
 .top-first {
     height: 20px;
     line-height: 20px;
 }
 
 .doc .top-tip {
     width: 100%;
     padding: 0;
     margin-bottom: 0;
     line-height: 20px;
     height: 20px;
     font-size: 12px;
     color: #666;
     word-break: break-all;
     background-color: #fff;
 }
 
 .brief {
     clear: both;
 }
 
 .wx-tit {
     text-align: center;
 }
 
 .wrapper h1 {
     padding-top: 25px;
     padding-bottom: 15px;
     font-size: 24px;
     color: #333;
     font-weight: normal;
     line-height: 35px;
     vertical-align: middle;
     font-family: "Microsoft yahei";
 }
 
 .brief .author {
     padding: 0;
     margin-right: 10px;
     line-height: 27px;
     text-align: center;
     font-size: 14px;
     font-weight: normal;
 }
 
 .wx-tit .author span {
     position: relative;
     display: inline-block;
     min-height: 30px;
 }
 
 .doc h3 span {
     margin-right: 20px;
 }
 
 .doc h3 {
     line-height: 27px;
     font-size: 14px;
     font-weight: normal;
 }
 
 .row {
     float: none;
     min-height: 26px;
     padding-top: 8px;
     font-size: 14px;
     color: #000;
     clear: both;
     text-align: justify;
     text-justify: inter-word;
 }
 
 .row .rowtit {
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
     line-height: 26px;
     font-weight: bold;
 }
 
 .row .abstract-text,
 .row .claim-text {
     display: inline;
     color: #666;
     line-height: 26px;
     font-weight: normal;
     text-align: justify;
     text-justify: inter-word;
 }