html,
body {
    height: 100%;
    background-color: #F3F3F5;
}
pre {
    border-radius: unset;
}
.pre {
    white-space:pre-wrap;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}
.pre p {
    margin: 0;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 25px 15px 20px;
    background-color: #FFF;
}

.footer {
    height: 60px;
    background-color: #2A2F35;
    padding-top: 20px;
}

.footer,.footer a{
    color:#999999;font-size:16px;
}

.logo .brand {
    color: #fff;
    font-size: 22px;
    float: left;
    padding-left: 10px;
    position: relative;
    top: 1px;
    border-left: 1px solid #eaeaea;
    margin-top: 15px;
    margin-left: 5px;
    overflow: hidden;
    height: 55px;
    line-height: 55px;
}
#header {
    background-color: #006179;
    margin-bottom: 0;
    border: medium none;
}
.page-header {
    margin: 0;
    border-bottom: 0;
}
.page-header .navbar-brand img {
    width: 178px;
    height: 52px;
}
.jumbotron {
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.progress {
    height: 14px;
}

.progress-bar {
    line-height: 14px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.well-done {
    color: green;
    font-weight: bold;
}

.text-center {
    text-align: center;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.solution-search {
    padding-bottom: 20px;
    text-align:center;
}
.html-output {
    word-wrap: break-word;
}
.html-output img {
    max-width: 100%;
}
/*
 * Blog posts
 */
.blog {
    padding: 0 30px;
}
.blog-main {
    font-size: 18px;
    line-height: 1.5;
}
.blog-post {
    margin-bottom: 60px;
}
.blog-post-title {
    margin-bottom: 5px;
    }
.blog-post-meta {
    margin-bottom: 20px;
    color: #999;
}
/* Sidebar modules for boxing content */
.sidebar-module {
    padding: 15px;
}
.sidebar-module-inset {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}
.index-discuss-item {
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.discuss-title {
    word-wrap:break-word;
    word-break:break-all;
}
.news-view {
    max-width: 860px;
    margin: auto;
}
.news-view .news-title {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    font-family: "Microsoft YaHei", "SimHei";
    margin: 10px 0px;
}
.news-view .news-meta {
    height: 24px;
    color: rgb(153, 153, 153);
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    background: rgb(243, 243, 243);
}
.news-view .news-content {
    font-size: 17px;
    line-height: 33px;
    color: rgb(51, 51, 51);
}
.content-wrapper {
    border-top: 1px solid #e8e8e8;
    padding: 9px 15px;
    font-family: -apple-system, 'SF UI Text', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.8em;
}

.content-wrapper img {
    max-width: 100%;
}

.sample-test .input, .sample-test .output {
    border: 1px solid #888;
}

.sample-test h4 {
    padding: 0.25em;
    margin: 0;
    border-bottom: 1px solid #888;
    text-transform: lowercase;
    font-weight: bold;
}
.sample-test pre {
    padding: 0.25em;
    margin: 0;
    background-color: #efefef;
    border: none;
}

.sample-test .output {
    margin-bottom: 1em;
    position: relative;
    top: -1px;
}

.form-signin {
    /*max-width: 330px;*/
    /*padding: 15px;*/
    /*margin: 0 auto;*/
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}

.box {
    border: 1px solid #ddd;
    background: #fbfbfb;
    margin-bottom: 15px;
}

.contest-title {
    text-align: center;
    margin-top: 0;
    font-weight: 700;
}

.table-content-center tr th,.table-content-center tr td{
    text-align:center;
}

.solution-index table, .solution-index table th,.contest-index tr td,.contest-index tr th {
    text-align: center;
}

.solution-index table thead tr th,.contest-index table thead tr th,.rating-index table thead tr th{
    border-bottom:2px solid #1875F0;
}

.solution-index table tbody tr td:nth-child(3){
    text-align:left;
}

.solution-index tr td:nth-child(1) a,.solution-index tr td:nth-child(3) a,.contest-index tr td:nth-child(1) a{
    color:#2E80F1;
}

.link-blue{
    color:#2E80F1 !important;text-decoration: none;
}

.link-blue:hover{
    text-decoration: none;
}

.table-overview {
    margin: 0 auto;
    width: 50%;
    min-width: 500px;
}

.table-overview td, .table-overview th {
    font-weight: 400;
    border-top: 0 !important;
}

.table-overview th {
    text-align: right;
}
.table-problem-list {
    margin: 0 auto;
    width: 50%;
    min-width: 600px;
}
.table-problem-list th {
    text-align: center;
}
.table-problem-list td {
    text-align: left;
}

.rating-index tr td,.rating-index tr th{
    text-align:center;
}

.rating-index tr td:nth-child(1),
.rating-index tr th:nth-child(1),
.rating-index tr td:nth-child(3),
.rating-index tr th:nth-child(3) {
    text-align: center;
    width: 60px;
}


.rating-index tr td:nth-child(4),
.rating-index tr th:nth-child(4) {
    text-align: center;
    width: 100px;
}
.rating-index tr td a{
    text-decoration: none;
}

.rating-top {
    text-align: center;
}
.rating-one {
    font-size: 120px;
    color: gold;
}
.rating-two {
    margin-top: 20px;
    font-size: 100px;
    color: silver;
}
.rating-three {
    margin-top: 40px;
    font-size: 80px;
    color: #B87333
}
.rating-one-name {
    margin-top: 0;
}
.rating-two-name {
    margin-top: 9px;
}
.rating-three-name {
    margin-top: 17px;
}

.rating-nav{
    padding-top:15px;padding-bottom:15px;border-radius: 28px;font-size:18px;color:#FFF;
}

.rating-nav a{
    color:#FFF;
}

.rating-top .rating-user{
    background-color:#FFF;border-top-left-radius: 15px;border-top-right-radius: 15px;
}

.rating-top .rating-user-solved{
    color:#8E8E8E;
}

.rating-top .col-md-4,.rating-top .col-xs-4,.rating-body{
    padding-left:5px !important;
    padding-right: 5px !important;
}

.rating-body{
    margin-top:30px;
}

.rating-index{
    margin-top:15px;
}

.rating-top a{
    text-decoration: none;
}

.rating-top h3 a span{
    display:block;width:100%;padding-left:20px;padding-right:20px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis;
    -ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space:nowrap;
}

.problem-index-list tr td:nth-child(1),
.problem-index-list tr th:nth-child(1),
.problem-index-list tr td:nth-child(2),
.problem-index-list tr th:nth-child(2),
.problem-index-list tr td:nth-child(5),
.problem-index-list tr th{
    text-align: center;
}

.problem-index-list tr td:nth-child(3) a{
    color:#0056b3;
}

.contest-countdown {
    padding: 20px;
    font-size: 100px;
}
.contest-desc {
    text-align: left;
    background-color: #fff;
    margin: 0 25%;
}
.solved {
    background-color: #AAE2AB;color:#FFF !important;
}

.solved-first {
    background-color: #57B257;color: #FFF !important;
}

.attempted {
    background-color: #F67B51;color:#FFF !important;
}

.pending {
    background-color: #DCDCDC;color:#FFF !important;
}

.legend-strip {
    clear: both;
}

.legend-strip .table-legend:not(:first-child) {
    margin-left: 20px;
}

.table-legend {
    border: 1px solid #CBCBCB;
    padding: 4px;
    display: inline;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 15px;
    color: #82868b;
}
.table-legend div {
    display: inline;
}
.table-legend .legend-status, .table-legend .legend-leader, .table-legend .legend-whoami {
    width: 23px;
    height: 23px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}

.table-legend .legend-label {
    display: inline;
    font-size: 14px;
    margin-top: 2px;
}

.table-rank th {
    text-align: center;
}
.table-problem-cell {
    font-size: 14px;
    padding: 0 !important;
    margin: 0;
    text-align: center;
}
.table-problem-cell small {
    font-weight: normal;
}
.score-solved {
    width: 40px;
    border-color: silver;
    border-right: 0 !important;
}
.score-time {
    width: 60px;
    border-left: 0 !important;
    font-weight: normal;
}

.problem-list-tags {
    /*float: right;*/
}

.problem-list-tags .label {
    margin: 2px;
}
.tag-group {
    padding: 0;
}
.tag-group-item {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 5px 7px;
    border-radius: 2px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-property: background-color;
    color:#757575;background-color:#F2F3F7;;
}

.tag-group-item a{
    color:#757575;text-decoration: none;
}

.tag-group-item-index {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 5px 7px;
    border-radius: 2px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-property: background-color;
    color:#757575;background-color:#F2F3F7;;
}

.tag-group-item-index a{
    color:#757575;text-decoration: none;
}

.rated-user {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none !important;
    font-weight: bold;
}

.user-black {
    color: black !important;
    font-weight: normal !important;
}

.user-red {
    color: red !important;
}

.user-fire {
    color: red !important;
}

.user-yellow {
    color: #bb0 !important;
}

.user-violet {
    color: #a0a !important;
}

.user-orange {
    color: #FF8C00 !important;
}

.user-blue {
    color: blue !important;
}

.user-cyan {
    color: #03A89E !important;
}

.user-green {
    color: green !important;
}

.user-gray {
    color: gray !important;
}

.user-admin {
    color: black !important;
}

.test-for-popup {
    margin: 0;
    border: none;
}

.btn-copy {
    font-size: 1.2rem;
    float: right;
    color: #888 !important;
    cursor: pointer;
    border: 1px solid rgb(185, 185, 185);
    padding: 3px;
    margin: 1px;
    line-height: 1.1rem;
    text-transform: none;
    text-decoration: none !important;
}
.btn-copy:hover {
    background-color: #def;
}
.w-25 {
    width: 25%!important;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    transition: all 0.3s;
}
.card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: .75rem;
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 5;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.card-columns .card {
    display: inline-block;
    width: 100%;
}
.card-columns .card {
    margin-bottom: .75rem;
}

/* 金币效果 */
.icon-coins {
    font-size: 12px;
    font-weight: normal !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    background-color: #FDD212;
    color: #FFF;
    border-radius: 100%;
    border: 2px solid #F6C920;
    margin-left:1px;
    margin-right:1px;
    font-style:normal;
}

.icon-coins:before{
    content:'¥';
}

/* 覆盖bootstrap默认样式 */
.navbar-default{
    background-color:#373D45;
    border-color:#373D45;
    border-radius: 0px;
}

.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    color:#FFFFFF;
    font-weight: bold;
    font-style: italic;
    padding:18px;
}

.navbar-default .navbar-nav > li > a{
    color:#D2D1D1;
    padding:18px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a,.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:visited{
    color:#FFFFFF;
    background-color:#292C34;
}

.search-row{
    margin-bottom:20px;
}

.search-row .input-search{
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.search-row .btn-search{
    background-color: #1875F0;
    border-color:#1875F0;
    padding:10px 26px !important;
}

.search-row .btn-search:hover,.search-row .btn-search:focus,.search-row .btn-search:active,.search-row .btn-search:visited{
    border-color:#1875F0;
}

.problem-index-list,.table-top-border{
    border-top:2px solid #1875F0;
}

.bg-white{
    background-color: #FFFFFF;
}

.bg-inherit{
    background-color:inherit !important;
}

.bg-blue{
    background-color:#1875F0;
}

.clear-padding{
    padding:0px !important;
}

.clear-margin{
    margin:0px !important;
}

.list-head{
    margin-top:16px;margin-bottom:16px;margin-left:0px;
}

.list-tag{
    border-left:4px solid #1875F0;
    padding-left:16px;
}

.list-tag .list-tag-title{
    font-size:20px;font-weight: bold;color:#535353;
}

.list-tag .list-tag-muted{
    color:#C7C7C7;
}

.list-head .pagination{
    float:right;
    margin-bottom:0px;
}

/* 分页显示 */
.pagination > li > a, .pagination > li > span{
    margin-left:12px;border-radius: 4px;background-color:#F4F4F4;color:#C1C1C1;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color:#1875F0;
}

.table tr th,.table tr th a{
    color:#999999;
}

.table tr td,.table tr td a{
    color:#757575;
}

.label{
    font-weight:normal;
    padding:0.3em 0.6em 0.3em 0.6em;
    border:1px;font-size:12px;
}

.label-primary{
    border:1px solid #2675B5 !important;color:#2675B5;background-color:#D2EFFE;
}

.label-success{
    border:1px solid #3EA86F;color:#3EA86F;background-color:#E0F7D7;
}

.label-danger{
    border:1px solid #C92B5F;color:#C92B5F;background-color:#FFE4EC;
}

.label-warning{
    border:1px solid #D26719;color:#D26719;background-color:#FEEACC;
}

.label-info{
    border:1px solid #813D85;color:#813D85;background-color:#F5E3F9;
}

.problem-list-tags a{
    text-decoration: none;
}

.fa-ellipsis-v{
    color:#A7A7A9;
}

.panel-default{
    padding:3px;
}

.panel-default .panel-heading{
    font-size:16px;color:#333333;font-weight: bold;
}

.panel-news .fa-circle{
    font-size:10px;color:#C1C1C1;margin-right:3px;
}

.panel-news .blog-post-title a{
    color:#757575;
    font-weight: bold;
}

.panel-news .blog-post-meta{
    margin-left:10px;
}

.btn-blue .fa{
    width:36px;height:36px;background-color:#FFF;color:#438AFB;border-radius: 36px;line-height:36px;
}

.btn-blue{
    font-size:16px;border:none;padding:6px 12px;height:auto;background-color:#438AFB;border-radius: 56px;line-height:36px;color:#FFF;
}

.btn-blue span{
    margin-right:36px;
}

.border-radius-5{
     border-radius: 5px !important;
}

.border-radius-3{
    border-radius: 3px !important;
}

.btn-blue-radius-3{
    font-size:16px;border:none;padding:6px 15px;height:auto;background-color:#438AFB;border-radius: 3px;color:#FFF;
}

.btn-blue:hover,.btn-blue-radius-3:hover{
    background-color: #386bcf;text-decoration: none;color:#FFF;
}

.solution-index{
    padding:15px;
}

/* 问题页面 */
.problem-detail .content-wrapper{
    border-top:none;
}

.problem-detail .markdown table, .problem-view .markdown table{
    width: auto;
}

.problem-detail .markdown table tr th,.problem-detail .markdown table tr td, .problem-view .markdown table tr th,.problem-view .markdown table tr td{
    color: #37352f;
    text-align: center;
}

.content-header{
    padding:15px 18px 15px 18px;background-color:#F9F9F9;color:#333333;border-bottom:1px solid #1875F0;
}

.content-header span{
    font-weight:bold;font-size:16px;
}

.padding-15{
    padding:15px;
}

.padding-5{
    padding:5px;
}

.stats-content table td{
    text-align:center;
}

/* 讨论，题解 */
.thread-item{
    background-color: #FFF;margin-bottom:15px;border-radius: 8px;
}

.thread-item .item-index{
    color:#C4C4C4;font-size:38px;margin-right:25px;
}

.thread-item a{
    text-decoration: none;
}
.thread-item .thread-nickname{
    color:#aaa;
}
.thread-item .thread-title{
    color:#5197F4;
}
.shadow{
    box-shadow: 0px 3px 3px #CCC;
}

.nav-tabs{
    border-color:#1875F0;border-width:2px;
}

.nav-tabs .active a{
    border-color:#1875F0 !important;background-color:#1875F0 !important;color:#FFF !important;
}

.group-columns .card{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.group-columns .card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.group-search .input-search{
    width: 160px !important;
    border-radius: 3px;
}

.group-search .btn-search{
    background-color: #1875F0;
    border-color:#1875F0;
    padding:6px 26px !important;
}

.group-search .btn-search:hover,.group-search .btn-search:focus,.group-search .btn-search:active,.group-search .btn-search:visited{
    border-color:#1875F0;
}

.group-search .form-inline .form-group {
    display: inline-block;
    margin-right: 10px; /* 或者你需要的任何间距 */
}
  
.group-search .form-inline .form-control {
    width: auto; /* 防止输入框占据整行 */
}

.group-columns a{
    text-decoration: none;
    /* margin-top: 14px; */
}

.group-columns .card-body,.group-columns .card-body a{
    color:#757575;
}

.group-columns .fa-circle{
    color:#1875F0;font-size:10px;
}
.group-title .fa-circle,.contest-title .fa-circle{
    color:#1875F0;font-size:14px;
}
.group-title span{
    font-size:18px;font-weight: bold;margin-left:14px;
}

.group-title{
    margin-top:12px;margin-bottom:12px;
}

.group-columns .card-text{
    height: 48px;  
    overflow: hidden;  
    display: -webkit-box;  /* 使元素成为弹性伸缩盒子模型显示 */
    -webkit-line-clamp: 2;  /* 限制在两行文本 */
    -webkit-box-orient: vertical;  /* 设置盒子内的内容垂直排列 */
    line-height: 24px;  /* 设置行高，确保两行正好填满 48px 的高度 */
    text-overflow: ellipsis; 
}

.group-columns .card{
    /* border: none; */
    border: 1px solid #ccc;
    border-radius: 4px;
    /* position: relative; */
}

.group-columns .card .fa {
    /* position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 60px;
    color: rgba(0, 0, 0, 0.1);
    z-index: 0; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 24px;
}

.group-columns .card-parent{
    margin-bottom: 14px;
}

.group-columns .card-header {
    display: flex;           /* 使用 flex 布局 */
    align-items: center;     /* 垂直居中对齐所有子项 */
    white-space: nowrap;     /* 确保内部文本不换行 */
    overflow: hidden;        /* 隐藏溢出的内容 */
    background-color: transparent;
    border: none;
    padding-top: 16px;
}

.group-columns .card-header i {
    flex-shrink: 0;          /* 防止图标被压缩 */
    /* display: none; */
}

.group-columns .card-header a {
    display: inline-block;   /* 使链接为内联块级元素 */
    overflow: hidden;        /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 使用省略号显示溢出的文本 */
    white-space: nowrap;     /* 不允许文本换行 */
    flex-grow: 1;            /* 允许链接占用剩余空间 */
    font-size: 20px;
    font-weight: bold;
    margin-left: 6px;
    color: #333;
}

.group-columns .card-item-1 .fa{
    background-color: #00BFFF;
}

.group-columns .card-item-2 .fa{
    background-color: #29C4D2;
}

.group-columns .card-item-3 .fa{
    background-color: #FECE00;
}

.group-columns .card-item-4 .fa{
    background-color: #EA4B3E;
}

.group-columns .card-item-5 .fa{
    background-color: #00B973;
}

.group-columns .card-item-6 .fa{
    background-color: #9B97F5;
}

.group-columns .card-item-7 .fa{
    background-color: #F6683E;
}

.group-columns .card-1{
    background-color: #E1E6FC;
}

.group-columns .card-1 .card-header a{
    color: #243263;
}

.group-columns .card-2{
    background-color: #F7E4FF;
}

.group-columns .card-2 .card-header a{
    color: #541860;
}

.group-columns .card-3{
    background-color: #FFE2E4;
}

.group-columns .card-3 .card-header a{
    color: #520B11;
}

.group-columns .card-4{
    background-color: #FFE8D6;
}

.group-columns .card-4 .card-header a{
    color: #5D2F2A;
}

.group-columns .card-5{
    background-color: #C6FFD4;
}

.group-columns .card-5 .card-header a{
    color: #12240E;
}

.group-columns .card-6{
    background-color: #CFFCFF;
}

.group-columns .card-6 .card-header a{
    color: #0D344F;
}

.group-columns .card-7{
    background-color: #FFF4D1;
}

.group-columns .card-7 .card-header a{
    color: #6B5A2C;
}

/* 作业竞赛 */
.contest-detail-item>div{
    padding-top:15px;padding-bottom:15px;border:1px solid #E2E7ED;margin-bottom:12px;
}

.contest-detail-item .item-title{
    border-right:none;background-color:#F8F9FB;
}

/* 新闻列表 */
.blog-main .blog-date{
    width:120px;height:120px;text-align:center;background-color:#EDEDF2;color:#89898A;
}

.blog-date .day{
    color:#1875F0;font-size:48px;font-weight: bold;margin-top:12px;
}

.blog-content{
    min-height:120px;margin-left:26px;color:#89898A;
}
.blog-title{
    margin-top:5px;
}
.blog-title a{
    font-size:22px;font-weight: bold;
}
.blog-post-date{
    font-size:14px;
}

.blog-post-content{
    font-size:14px;margin-top:8px;
}

/* 登录注册页面 */
.site-login,.form-signup{
    background-color:#FFF;box-shadow: 0px 3px 10px #CCCCCC7D;padding-top:38px;padding-bottom:38px;margin-top:20px;margin-bottom:20px;
}

.form-signup{
   margin-top:0px !important;
}

.site-login .left img,.form-signin .left img{
    width:100%;max-width:80%;
}

.site-login .login-title{
    font-size:28px;font-weight: bold;text-align:center;margin-top:20px;margin-bottom: 20px;
}

.form-signup .signin-title{
    font-size:22px;font-weight: bold;text-align:center;margin-top:12px;margin-bottom: 12px;
}

.site-login .input-group-addon{
    background-color:#FFF !important;
}

.site-login #loginform-username,.site-login #loginform-password{
    border-left:none !important;
}

.site-login .reset-password{
    margin-top:10px;
}

.site-login a{
    text-decoration: none;
}

.site-login .tips{
    font-weight: normal;
}

/* 题单 */
.list-section{
    margin-bottom:18px;padding:3px !important;
}

.list-section .content-header{
    margin-bottom:16px;
}

.list-section a{
    text-decoration: none;
}

.list-left .panel-heading .panel-title{
    font-size:14px;
}

.list-left .panel-title a:nth-child(1){
    font-weight: bold;
}

.list-left .panel-title a:nth-child(2),.list-left .panel-title span{
    font-size:12px;
}

.list-left .panel-default{
    padding:0px;
}

.list-right #myScrollspy{
    padding:3px;
}

.list-right .nav-tabs{
    border-bottom:none;
}

.list-right .nav-tabs>li>a{
    border-radius: 0px;
}

a{
    text-decoration:none !important;
}

.markdown img{
    max-width:100%;max-height:100%;
}

.truncate {
    max-width: 90px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate:hover{
    overflow: visible;
    white-space: normal;
    width: auto;
}

.katex{
    font-size:1.1em !important;
}

/**
 * 博宜网校页面样式添加
 */
.table te td{
    vertical-align: middle !important;
}
.text-indent{
    text-indent: 2em;
}
.text-white{
    color: white;
}
.text-blue{
    color: #1875F0;
}
.text-pink{
    color: #FA3440;
}
.bg-gray{
    background-color: #F8F9FB;
}
.text-gray{
    color: #ADADAD;
}
.kc-border-top{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pl-0{
    padding-left: 0;
}
.pr-0{
    padding-right: 0;
}
.pl-1{
    padding-left: 10px;
}
.pr-1{
    padding-right: 10px;
}
.pt-1{
    padding-top: 10px;
}
.pb-1{
    padding-bottom: 10px;
}
.mb-1{
    margin-bottom: 10px;
}
.mr-1{
    margin-right: 10px;
}
.mr-2{
    margin-right: 20px;
}
.mr-3{
    margin-right: 30px;
}
.ml-4{
    margin-left: 40px;
}
.mt-1{
    margin-top: 10px;
}
.mt-3{
    margin-top:30px
}
.mb-2{
    margin-bottom: 20px;
}
.mb-3{
    margin-bottom: 30px;
}
.contentwrap {
    width: 98%;
    margin: 0 auto;
    padding: 10px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tab {
    border-bottom: 2px solid #1875F0;
    padding-bottom:1px;
    height: 40px;
    line-height: 40px;
    color: #696969;
}
ul.tab li {
    float: left;
    font-family: "微软雅黑";
    cursor: pointer;
    padding: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;



}
ul.tab li.li {
    padding: 0px 25px 0px;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    background:#F8F9FB;
    border-top: 1px solid #C5D0DC;
    border-left: 1px solid #C5D0DC;
    border-right: 1px solid #C5D0DC;
    /*border-bottom: 1px solid #C5D0DC*/;

}
ul.tab li.current {
    border-top: 2px solid #1875F0;
    font-size: 16px;
    color: #1875F0;
    height: 40px;
    background:#FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 2px solid #1875F0;
    border-right: 2px solid #1875F0;
    /*border-bottom: 2px solid #1875F0*/;
}
.xian{
    display: inline-block;
    height: 16px;
    width: 4px;
    background-color: #373D45;
    line-height: 16px;
}
.xy{
    background-image:url(../images/ke-08.png);
    background-size: 85%;
    background-repeat:no-repeat
}
.d-block{
    display: block;
}
.d-none{
    display: none;
}
.kc-time{
    position: absolute;
    height: 35px;
    background-color: rgba(0, 0, 0,0.4);
    line-height: 35px;
    bottom: 0;
    width: 100%;
    color: #FFFFFF;
    padding-left: 15px;
}
.cst-hid{
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.cst-hid-1{
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}
.btn-red{
    color:#fff !important;
    background-color: #f13a30;
    padding: 6px 20px;
    margin-top: 1.2em;
    border-radius: 25px;
    font-size: 1em;
}
.btn-gray{
     color:#fff !important;
     background-color: gray;
     padding: 6px 20px;
     margin-top: 1.2em;
     border-radius: 25px;
     font-size: 1em;
 }
.btn-green{
    color:#fff !important;
    background-color: forestgreen;
    padding: 6px 20px;
    margin-top: 1.2em;
    border-radius: 25px;
    font-size: 1em;
}
.btn-red-big{
    color:#fff !important;
    background-color: #f13a30;
    padding: 8px 30px;
    border-radius: 25px;
    font-size: 2.2rem;
    letter-spacing: 5px;
    margin-top: 3rem;
}
.btn-gray-big{
    color:#fff !important;
    background-color: gray;
    padding: 8px 30px;
    border-radius: 25px;
    font-size: 2.2rem;
    letter-spacing: 5px;
    margin-top: 3rem;
}
.btn-green-big{
    color:#fff !important;
    background-color: forestgreen;
    padding: 8px 30px;
    border-radius: 25px;
    font-size: 2.2rem;
    letter-spacing: 5px;
    margin-top: 3rem;
}
@media (min-width: 480px) {
    .xy {
        background-image:none !important ;

    }
}
@media (min-width: 992px) {
    .xy {
        background-image:url(../images/ke-08.png)!important ;
    }
}
@media (min-width: 1200px) {
    .xy {
        background-image:url(../images/ke-08.png)!important ;
    }
}
.tag-group-item{
    padding: 5px 2em;
    border-radius: 25px;
    display: inline-block !important;
}
.tag-group-item2 {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
    border-radius: 2px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-property: background-color;
    color:#757575;background-color:#F2F3F7;;
}
.tag-group-item2{
    border-radius: 25px;
    display: inline-block !important;
}
.tag-group-item2 a{
    color:#757575;
}
.class-item-form{
    padding: 5px 2em;
    border-radius: 25px;
    font-size: 12px;
    line-height: 27px;
}


.tag-group-item-select{
    background-color: #1875F0;
}
.tag-group-item-select a{
    color: #fff;
}
.kc-list:hover{
    box-shadow: 1px 1px 10px rgba(150, 150, 150, 0.2),
    -1px -1px 10px rgba(150, 150, 150, 0.2);
    transform: translateY(-10px);
    transition-duration: 1s;
}

.school-pager{
    width: 100%;
    position: relative;
    float: left;
}
.padding-down-15{
    padding: 0px 15px 15px 15px;
}
.padding-up-15{
    padding: 0px 15px 0px 15px;
}

ul {
    display: block;
    list-style: outside disc;
    
    padding-left: 30px; 
    unicode-bidi: isolate;
}

li {
    display: list-item;
    text-align: inherit;
    unicode-bidi: isolate;
    line-height: 1.5;
}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5{
    font-weight: bold;
}

.markdown h4{
    font-size: 16px;
}

.text-bold{
    font-weight: bold;
}

.list-index-panel .list-add{
    float: right;
    list-style: none;
}