.welcome {
  height: 325px;
  background: url("../images/banner-2.png") no-repeat center;
  background-size: cover;
}

.breadcrumb {
  margin: 30px auto 25px;
  background: url("../images/icon-home.png") #eaeff5 no-repeat 10px center;
  background-size: 22px 22px;
  padding-left: 40px;
}

.breadcrumb-position {
  color: #2c2c2c;
}

.breadcrumb-separator {
  margin: 0 8px;
}

.breadcrumb-item {
  color: #4a4a4a;
}

a.breadcrumb-item {
  color: #2278fa;
}

.page {
  margin: 40px 0;
  font-size: 14px;
  color: #4a4a4a;
}

.page .page-link {
  padding: 5px 10px;
  background-color: #ffffff;
  border-color: #d2d2d2;
}

.page .page-link:hover {
  background-color: #e2e6ea;
}

.page-item.disabled .page-link {
  color: #a7a6a6;
}

.page-item.active .page-link {
  background-color: #2278fa;
  border-color: #2278fa;
}

.page form {
  height: 29px;
}

.page .form-control {
  display: inline-block;
  width: 45px;
  height: 100%;
  text-align: center;
  padding: 0;
}

.page .btn {
  background-color: #eeeeee;
  border-color: #d2d2d2;
  height: 100%;
  padding-top: 2px;
}

.rule-item {
  font-size: 18px;
  position: relative;
  padding-left: 16px;
}

.rule-item:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #4664fc;
  position: absolute;
  left: 0;
}

.rule-item .rules-title {
  display: block;
  width: 750px;
}

.rule-item .rules-time {
  color: #a7a6a6;
}

.rule-item + .rule-item {
  margin-top: 28px;
}

.notice-container:hover {
  text-decoration: none;
}

.notice-container:hover .notice-item {
  background-color: #f3f8ff;
  border-color: #c4ddff;
}

.notice-item {
  background-color: #ffffff;
  border: 1px solid #eaeef3;
  border-radius: .25rem;
  box-shadow: 0 2px 4px 0 rgba(234, 238, 243, 0.29);
  padding: 30px 10px;
  margin-bottom: 20px;
}

.notice-item .notice-time {
  width: 80px;
  text-align: center;
}

.notice-item .date {
  font-weight: bold;
  font-size: 28px;
  color: #4a4a4a;
  margin-bottom: 10px;
}

.notice-item .year {
  color: #202020;
  font-size: 14px;
}

.notice-item .notice-body {
  width: calc(100% - 80px);
  position: relative;
  padding-left: 17px;
}

.notice-item .notice-body:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 2px;
  background-image: linear-gradient(0deg, #00c7f2 0%, #3478dd 100%), linear-gradient(#595959, #595959);
}
.notice-title {
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 600;
}

.notice-text {
  font-size: 16px;
  color: #4a4a4a;
}

.search-item {
  padding: 30px 0;
}

.search-item + .search-item {
  border-top: 1px dashed #f3f3f3;
}

.search-item .search-title {
  color: #000000;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  width: 800px;
}

.search-item .search-title span {
  color: #4664fc;
}

.search-item .search-desc {
  color: #4a4a4a;
}

.search-item .search-desc .date {
  color: #999999;
}

.search-item .btn {
  border-radius: 20px;
  padding: 0 20px;
  line-height: 30px;
  border-color: #2278fa;
  color: #2278fa;
  min-width: 60px;
  font-size: 14px;
  background-color: #ffffff;
}

.search-item .btn:hover {
  background-color: #e2e6ea;
}

.search-item .btn.idea {
  color: #ffffff;
  background-color: #2278fa;
}

.search-item .btn.idea:hover {
  background-color: #009aee;
}

.search-item .btn + .btn {
  margin-left: 20px;
}

.search-item .ivu-divider {
  background-color: #d2d2d2;
}

.search-form {
  border-bottom: 10px solid #f3f3f3;
  padding-bottom: 20px;
}

.search-form .reset {
  background-color: #ff6363;
  color: #ffffff;
}

.search-form .reset:hover {
  background-color: #f34848;
}

.search-form .search {
  background-color: #4664fc;
  color: #ffffff;
}

.search-form .search:hover {
  background-color: #3355ff;
}

.rule-detail .rule-title {
  text-align: center;
  font-size: 24px;
  color: #2c2c2c;
  margin: 30px 0;
}

.rule-detail .rule-top-block {
  margin: 30px 0;
  height: 60px;
  border-top: 1px dashed #e9e9e9;
  border-bottom: 1px dashed #e9e9e9;
  color: #263865;
}

.rule-detail .rule-top-block .date {
  background: url("../images/icon-time.png") no-repeat left center;
  background-size: 18px 18px;
  padding-left: 26px;
}

.rule-detail .rule-top-block .other {
  background: url("../images/icon-source.png") no-repeat left center;
  background-size: 18px 20px;
  padding-left: 26px;
}

.rule-detail .rule-top-block .text-group {
  height: 36px;
}

.rule-detail .rule-top-block .text {
  background-size: 100%;
  display: inline-block;
  width: 35px;
  height: 36px;
  cursor: pointer;
  background: url("../images/icon-text-btns.png") no-repeat;
}

.rule-detail .rule-top-block .large {
  background-position: 0 0;
}

.rule-detail .rule-top-block .large:hover {
  background-position: -45px 0;
}

.rule-detail .rule-top-block .small {
  background-position: 0 -42px;
  margin-left: 8px;
}

.rule-detail .rule-top-block .small:hover {
  background-position: -45px -42px;
}

.rule-detail .rule-top-block .default {
  background-position: 0 -84px;
  margin-left: 8px;
}

.rule-detail .rule-top-block .default:hover {
  background-position: -45px -84px;
}

.rule-detail .rule-footer-block {
  border-top: 1px dashed #e9e9e9;
  margin-bottom: -30px;
  margin-top: 30px;
}
.rule-detail .rule-footer-block div:before, .rule-detail .list-group-item span:before {
  display: inline-block;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #4664fc;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.rule-detail .rule-footer-block div {
  height: 40px;
  position: relative;
}

.rule-detail .rule-footer-block a {
  display: inline-block;
  width: 1000px;
}
.rule-detail .rule-footer-block span {
  color: #4664fc;
  margin-left: 20px;
}
.rule-detail .list-group {
  margin: 30px 0;
}

#rule-content p {
  margin: 1em 0;
}