PC-application/app/article/css/article.css

*{box-sizing: content-box;}
li{list-style: none;}
p{margin: 0;}
.c-f12{font-size: 12px;}
.select-tit{padding-left: 10px;}
.c-h80 {height: 60%;}
.pt60 {padding-top: 60px;}
.w40 {width: 32px; height: 21px; text-indent: 0.5em;display: block;line-height: 1;padding: 0;}
.lh24 {
    height: 24px;
    line-height: 24px;
}
.lh34 {
    height: 34px;
    line-height: 33px;
}
.lh30 {
    height: 30px;
    line-height: 30px;
}
.b-r-5500 {border-radius: 5px 5px 0 0;}
.b-r-3 {border-radius: 3px;}
.bgc-f5f5fa {background-color: #f5f5fa;}
.select-tit li {
    width: 100px;
    text-align: center;
}
.select-tit li.active {
    line-height: 34px;
    background-color: #fff;
    color: #12b7f5;
}
/*.set-article-content {
    overflow-y: scroll;
    height: calc(100% - 100px)
}*/
.set-article-content:hover::-webkit-scrollbar-thumb {
    background-color: #dcdce1;
    border-radius: 5px;
}
.list-tit {
    display: inline-block;
    width: 110px;
    height: 28px;
    padding: 0 5px;
    border: 1px solid #e1e1e1;
}
.set-bg {
    background: url("../images/tiaozhuan_xia_icon.png") no-repeat 105px center;
}
.pull-list {
    position: absolute;
    top: 30px;
    right: 0;
    width: 120px;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 9;
}
.pull-list li {
    padding: 0 5px;
}
.pull-list li:hover {
    background-color: #e1e1e1;
}
.w80 {width: 80px;}
.w150 {width: 150px;}
.c-f666 {color: #666}
.c-f999 {color: #999;}
.bgc-12b7f5 {background-color: #12b7f5;}
.article-list{list-style: none;padding: 0;font-size: 12px;margin: 0;}
.article-list li {
    height: 40px;
    line-height: 40px;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c-w35 {width: calc(35% - 3px)}
.c-w35-10 {width: calc(35% - 13px); padding: 0 5px;}
.c-w30 {width: 30%}
.c-w30-10 {width: calc(30% - 10px); padding: 0 5px;}
.c-w13 {width: 13%}
.c-w22 {width: 22%}
.c-w22-10 {width: calc(22% - 10px); padding: 0 5px;}
.c-12b7f5{color: #12b7f5;}
.operate:hover {text-decoration: underline;}
.operate:active {color: red;}
.page-btn {
	text-align: center;
    height: 24px;
    width: 24px;
    padding: 0;
    background: #fff;
    color: #ccc;
}
.sure-btn {
    height: 26px;
    width: 36px;
    border-radius: 0;
    border: 0;
    padding: 0;
    line-height: 26px;
    text-align: center;
}
.btn-active {
    background-color: #12b7f5;
    color: #fff;
}