@charset "utf-8";


.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.flex{ display: flex; align-items: center;}
.flex-c{ display: flex; align-items: center;}
.flex-cc{ display: flex; align-items: center; justify-content: center;}
.flex-cb{ display: flex; align-items: center; justify-content: space-between;}
.flex-ce {display: flex;align-items: center;ustify-content: flex-end;}
.flex-1{ flex: 1;}

::selection{background:#16973b;color:#fff;}
::-moz-selection{background:#16973b;color:#fff;}

::-webkit-input-placeholder{text-overflow:ellipsis}
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

.pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:20px auto 20px auto;}
.pagination li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
.pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 10px;}
.pagination li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; box-sizing: border-box; }
.pagination li:hover,.pagination li.active{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }
.pagination li:hover a{ color: #fff;}