.article-record-title{padding-top:8px;position:fixed}.article-record-title li a{margin-bottom:8px;padding:10px;text-align:center;background-color:#fff;cursor:pointer;font-size:16px;display:block}.article-record-title li a:hover{color:initial}.article-record-title li.selected a{background-color:#3ec483;color:#fff;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}.article-record-content{padding:10px 15px;background-color:#fff}.article-record-item h4{margin:15px 0}.article-record-item li{padding:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis}.article-record-item li a{color:rgba(0,0,0,.87);font-weight:400}.article-record-item li a:hover{color:#3ec483;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.highlight{color:#fff!important;text-shadow:0 0 2px #3ec483,0px 0 2px #3ec483,0px 0 2px #3ec483,0px 0 2px #3ec483}@media(max-width:767px){.article-record-content{padding:5px 10px}.article-record-item h4{margin:8px 0}}@media(min-width:768px){.article-record-title{top:179px;width:112px}}@media(min-width:992px){.article-record-title{top:164px;width:149.33px}}@media(min-width:1200px){.article-record-title{width:181px}}