/**
*=================================
* 默认主题
*=================================
*/
/**
*=================================
* 文本字体颜色class
*=================================
*/
/**
*=================================
* 选中颜色class
*=================================
*/
a.sanzb-active {
  color: #008CE9;
}

a {
  color: #1B2F4A;
}

/**
*=================================
* 各类hover
*=================================
*/
.sanzb-hover {
  color: #008CE9 !important;
}

/**
*=================================
* 各类背景图替换
*=================================
*/
/**
*=================================
* 公共区
*=================================
*/
/* 添加边框 */
/* 添加字体描边 */
/**
*=================================
* 超过文本
*=================================
*/
.sanzb-overflow-ellipsis {
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

/* 旋转 */
.sanzb-rotate {
  transform-origin : center center;
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -o-transform     : rotate(180deg);
  transition       : transform 0.3s;
  -moz-transition  : -moz-transform 0.3s;
  -o-transition    : -o-transform 0.3s;
  -ms-transition   : -ms-transform 0.3s;
}

.sanzb-rotate-back {
  transform-origin : center center;
  transform        : rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform   : rotate(0deg);
  -ms-transform    : rotate(0deg);
  -o-transform     : rotate(0deg);
  transition       : transform 0.3s;
  -moz-transition  : -moz-transform 0.3s;
  -o-transition    : -o-transform 0.3s;
  -ms-transition   : -ms-transform 0.3s;
}

/* 滚动条样式 */
.sanzb-container-detail::-webkit-scrollbar {
  width : 10px;
  height: 24px;
}

/*设置滚动条上的滚动滑块样式*/
.sanzb-container-detail::-webkit-scrollbar-thumb {
  background: #008CE9;
}

/*鼠标位于内容上时，滚动条样式*/
.sanzb-container-detail:hover::-webkit-scrollbar {
  width        : 10px;
  height       : 24px;
  background   : #DDDDDD;
  border-radius: 6px;
}

/*鼠标位于内容上时，滚动滑块样式*/
.sanzb-container-detail:hover::-webkit-scrollbar-thumb {
  background   : #008CE9;
  border-radius: 10px;
}

.sanzb-information-warpper {
  width         : 1200px;
  margin        : auto;
  display       : flex;
  flex-direction: column;
}

.sanzb-information-warpper .sanzb-information {
  display: flex;
}

.sanzb-information-warpper .sanzb-information .sanzb-container {
  width         : 792px;
  display       : flex;
  flex-direction: column;
  padding-bottom: 40px;
  margin-bottom : 40px;
}

/* 主体区域 - 头部banner */
.sanzb-container-banner {
  width     : 792px;
  display   : flex;
  position  : relative;
  padding   : 25px 0 26px 0;
  box-sizing: border-box;
}

.sanzb-container-banner .sanzb-banner-title {
  font-size  : 44px;
  color      : #1B2F4A;
  font-weight: bold;
  position   : absolute;
  left       : 0;
  top        : 40px;
}

.sanzb-container-banner .sanzb-label {
  display   : flex;
  height    : 66px;
  flex-wrap : wrap;
  color     : #FFFFFF;
  font-size : 16px;
  overflow  : hidden;
  transition: 0.3s;
  width     : 792px;
}

.sanzb-container-banner .sanzb-label span {
  width: 240px;
}

.sanzb-container-banner .sanzb-label a {
  color        : #1B2F4A;
  cursor       : pointer;
  margin       : 24px 24px 0 0px;
  padding      : 12px 24px;
  border-radius: 4px;
  border       : 1px solid #1B2F4A;
  box-sizing   : border-box;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.sanzb-container-banner .sanzb-label a:hover {
  background : #008CE9;
  color      : #FFFFFF;
  border     : none;
  font-weight: bold;
}

.sanzb-container-banner .sanzb-label a.sanzb-active {
  background : #008CE9;
  color      : #FFFFFF;
  border     : none;
  font-weight: bold;
}

.sanzb-container-banner .sanzb-label-open-icon {
  position  : absolute;
  right     : 0;
  top       : 55px;
  width     : 24px;
  height    : 24px;
  background: url("../../../images/feihu/open-icon.png") no-repeat;
  cursor    : pointer;
}

/* 主题区域 - 资讯 */
.sanzb-container-detail {
  max-height    : 1858px;
  width         : 800px;
  padding-bottom: 40px;
  display       : flex;
  flex-direction: column;
  overflow      : hidden;
}

.sanzb-container-detail .sanzb-content {
  width        : 772px;
  display      : flex;
  background   : #FFFFFF;
  border-radius: 8px;
  padding-right: 20px;
  box-shadow   : 0px 0px 7px rgba(55, 55, 55, 0.16);
  margin-bottom: 20px;
}

.sanzb-container-detail .sanzb-content .sanzb-img a img {
  width        : 281px;
  height       : 192px;
  border-radius: 8px;
}

.sanzb-container-detail .sanzb-content .sanzb-detail {
  padding : 20px 30px 20px 24px;
  height  : 152px;
  width   : 451px;
  position: relative;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-title a {
  font-size  : 18px;
  max-width  : 471px;
  color      : #1B2F4A;
  font-weight: bold;
  margin-top : 20px;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-title a:hover {
  color: #008CE9;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-title {
  max-width    : 471px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-text-detail {
  display           : inline-block;
  width             : 98%;
  height            : 45px;
  max-height        : 45px;
  line-height       : 24px;
  font-size         : 14px;
  margin-top        : 10px;
  color             : #666666;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-text-detail:hover {
  color: #1B2F4A !important;
}

.sanzb-container-detail .sanzb-content .sanzb-detail a.sanzb-go-detail {
  font-size: 14px;
  position : absolute;
  right    : 13px;
  bottom   : 100px;
  color    : #008CE9 !important;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-label {
  width     : 320px;
  height    : 25px;
  overflow  : hidden;
  display   : flex;
  flex-wrap : wrap;
  margin-top: 57px;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-label a {
  font-size    : 12px;
  margin       : 0 10px 10px 0;
  display      : inline-block;
  color        : #008CE9;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  max-width    : 68px;
  cursor       : pointer;
  padding      : 5px 10px;
  border-radius: 4px;
  background   : #cce8fb;
  box-sizing   : border-box;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-label a .sanzb-actve {
  background: #008CE9;
  color     : #fff;
}

.sanzb-container-detail .sanzb-content .sanzb-detail .sanzb-date {
  font-size: 14px;
  color    : #999999;
  position : absolute;
  right    : 13px;
  bottom   : 21px;
}

/* 侧边栏区域 */
.sanzb-aside {
  width         : 380px;
  display       : flex;
  flex-direction: column;
  margin-left   : 40px;
}

.sanzb-newest-match {
  margin-top: 60px;
}

/* 分页 */
.pagination-container {
  display        : flex;
  justify-content: center;
}

.pagination-container .pagination-jump {
  padding      : 3px;
  margin       : 3px;
  text-align   : center;
  margin-bottom: 20px;
  font-size    : 16px;
  color        : #999999;
  line-height  : 46px;
}

.pagination-container .pagination-jump .jump-input {
  border       : 1px solid #c7c7c7;
  width        : 50px;
  height       : 28px;
  border-radius: 5px;
  color        : #666;
  text-align   : center;
}

.pagination {
  display        : flex;
  justify-content: center;
  padding        : 3px;
  margin         : 3px;
  text-align     : center;
  margin-bottom  : 20px;
}

.pagination li {
  border         : 1px solid #999999;
  margin         : 5px;
  text-decoration: none;
  font-size      : 16px;
  border-radius  : 3px;
}

.pagination li:hover {
  border: 1px solid #008CE9;
  color : #008CE9;
}

.pagination li:active {
  border: 1px solid #008CE9;
  color : #008CE9 !important;
}

.pagination li a {
  display: inline-block;
  padding: 5px 15px;
  color  : #999999;
}

.pagination li span {
  display: inline-block;
}

.pagination .disabled {
  color: #999999;
}

.pagination .actived {
  color     : #FFFFFF !important;
  background: #008CE9 !important;
  border    : 1px solid #008CE9;
}

div::-webkit-scrollbar {
  display: none;
}

div:hover::-webkit-scrollbar {
  display: none;
}

div {
  scrollbar-width: none;
}