a {
  text-decoration: none !important;
  cursor: pointer;
}
.bgColorOrange {
  background-color: #ff6800;
}
.bgColorBlue {
  background-color: #133a58;
}
.bgColorGray {
  background-color: #dfe7ee !important;
}
.textColorBlue {
  color: #133a58 !important;
}
.textColorOrange {
  color: #ff6800 !important;
}
.textColorFff {
  color: #fff !important;
}
.textColor {
  color: #333 !important;
}
.textColorRed {
  color: #ff5c55 !important;
}
.footerTextColor {
  color: #5b7892 !important;
}
a.text-muted:hover {
  color: #ff6800;
}
a.textColorOrange:hover {
  color: #ff6800;
}
a.textColorFff:hover {
  color: #fff;
}
.btn.t-btn {
  color: #fff;
  background-color: #ff6800;
  border-color: #ff6800;
}
.padT10 {
  padding-top: 10px;
}
.padB10 {
  padding-bottom: 10px;
}
.bar-progress {
  padding-bottom: 50px;
}
.bar-progress .bord {
  list-style: none;
  border-bottom: 2px solid #ccc;
  position: relative;
}
.bar-progress .bord .text {
  color: #ccc;
  display: inline-block;
  height: 70px;
  line-height: 70px;
}
.bar-progress .bord .yuan {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
  bottom: -15px;
  left: 46%;
  margin-right: -15px;
  color: #fff;
}
.text-ell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumbnail {
  border-radius: 0;
  border-color: #133a58;
}
.next-step {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.next-step a {
  padding: 10px 50px;
  border-radius: 50px;
  border: 1px solid #ff6800;
}
.main .container {
  max-width: 1280px;
  color: #333;
}
.main .container .header {
  line-height: 80px;
}
.main .container .header .logo {
  height: 40px;
}
.main .container .header .logo-text {
  height: 20px;
  margin-left: 10px;
}
.main .container .header .my-user-list {
  display: none;
}
.main .container .header .my-user:hover .my-user-list {
  display: block;
}
.main .tab-btn-group {
  border-top: 1px solid #ccc;
  line-height: 50px;
}
.main .tab-btn-group .tab-btn {
  padding: 0 15px;
  display: inline-block;
  color: #133a58;
  font-size: 16px;
}
.main .tab-btn-group .tab-btn.active-tab-btn {
  margin-top: -1px;
  color: #ff6800;
  border-top: 2px solid #ff6800;
}
.main .tab-btn-group .tab-btn.down-group {
  position: relative;
}
.main .tab-btn-group .tab-btn.down-group:hover .my-user-list {
  display: block;
}
.main .tab-btn-group .tab-btn.down-group .my-user-list {
  display: none;
  position: absolute;
  top: 50px;
  left: -10px;
}
.main .tab-btn-group .tab-btn.down-group .my-user-list .list-group-item {
  line-height: 25px;
}
.main .tab-btn-group .tab-btn.down-group .my-user-list .list-group-item a {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .tab-btn-group .tab-btn.down-group .my-user-list .list-group-item a:hover {
  color: #ff6800 !important;
}
.main .banner {
  height: 500px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.main .banner img {
  height: 100%;
}
.main .recent {
  height: 60px;
}
.main .recent .recent-center {
  line-height: 40px;
  margin: 10px 0;
  background-color: #dfe7ee;
}
.main .recent .recent-center p {
  margin: 0;
}
.main .recommend .container .border-box {
  border: 1px solid #dfe7ee;
}
.main .recommend .container .border-box .nav.nav-tabs {
  border-top: 1px solid #ccc;
  border-bottom: none;
}
.main .recommend .container .border-box .nav .active .textColor {
  color: #ff6800;
  border: none;
  border-top: 2px solid #ff6800;
  border-radius: 0;
  margin: -1px 0 0 0;
}
.main .recommend .container .border-box .tab-content {
  padding: 10px 10px;
}
.main .recommend .container .border-box .tab-content .home {
  padding: 0 10px;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail {
  padding: 0;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .book-img {
  padding: 10px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .book-img img {
  height: 150px;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .book-img .politic-book {
  position: absolute;
  top: 5px;
  right: 5px;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .book-img .politic-book img {
  width: 30px;
  height: 30px;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .info {
  padding: 10px 10px 0 10px;
  background-color: #dfe7ee;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .info .book-info {
  padding: 5px 0;
  color: #777;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .info .book-info p {
  padding: 0;
  margin: 0;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .info .btn-group {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  width: 100%;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail .info .btn-group .btn:hover {
  color: #ff6800;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail:hover {
  border-color: #133a58;
  box-shadow: 0 0 10px #133a58;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail:hover .info {
  background-color: #133a58;
  color: #fff;
}
.main .recommend .container .border-box .tab-content .home .col-xs-6.col-sm-3.col-md-3.col-lg-3 .thumbnail:hover .info .book-info {
  color: #fff;
}
.main .recommend .container .border-box .tab-content .messages {
  padding: 0 10px;
}
.main .recommend .container .border-box .tab-content .messages .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.main .recommend .container .border-box .tab-content .messages .source {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #eee;
}
.main .recommend .container .border-box .tab-content .messages .source .source-img {
  width: 100%;
  overflow: hidden;
}
.main .recommend .container .border-box .tab-content .messages .source .source-img img {
  width: 100%;
  height: 185px;
}
.main .recommend .container .border-box .tab-content .messages .source:hover {
  box-shadow: 0 0 10px #133a58;
  border-color: #133a58;
}
.main .recommend .container .border-box .tab-content .messages .source p {
  margin: 10px 0;
  padding: 0 5px;
  font-size: 16px;
}
.main .recommend .container .border-box .tab-content .messages .source span {
  font-size: 12px;
}
.main .hot-exhibition {
  margin: 40px 0;
}
.main .hot-exhibition .border-box {
  border: 1px solid #dfe7ee;
}
.main .hot-exhibition .border-box .page-header {
  line-height: 60px;
  border: none;
  margin: 0;
  padding: 0;
}
.main .hot-exhibition .border-box .page-header p {
  font-size: 18px;
  padding-left: 40px;
  margin: 0;
}
.main .hot-exhibition .border-box .row {
  padding: 10px;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #eee;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source .source-img {
  height: 185px;
  width: 100%;
  overflow: hidden;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source .source-img img {
  width: 100%;
  height: 185px;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source:hover {
  box-shadow: 0 0 10px #ccc;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source p {
  margin: 10px 0;
  padding: 0 5px;
  font-size: 16px;
}
.main .hot-exhibition .border-box .row .col-xs-12.col-sm-6.col-md-3.col-lg-3 .source span {
  font-size: 12px;
}
.main .footer .container {
  padding: 50px 0;
}
.main .footer .container .footer-logo {
  border-right: 1px solid #5b7892;
}
.main .footer .container .footer-logo p {
  margin-top: 15px;
  font-size: 16px;
}
.main .footer .container a {
  color: #c7d6e2;
  font-size: 18px;
}
.main .footer .container a:hover {
  color: #fff;
}