html,
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1F1F20;
  height: 100%;
  width: 100%;
}
.wrapper {
  background-color: #FAFAFA;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  padding-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #404040;
  color: white;
  font-size: 14px;
}
.header {
  width: 100%;
  background-color: #FAFAFA;
}
.header .action-list {
  float: right;
}
.header .top-bar {
  color: #404040;
}
.header .client-box {
  margin-left: 24px;
  position: relative;
}
.header .client-container {
  cursor: pointer;
}
.header .client-icon {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  background-image: url('../img/client.png');
}
.header .qr-code-container {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -80px;
  z-index: 10000;
}
.header .action-item.logout {
  margin-left: 20px;
}
.header .action-item {
  float: left;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.header .top-nav {
  background-color: #000097;
  width: 100%;
  height: 60px;
}
.header .logo-wrapper {
  display: block;
  float: left;
}
.header .corp-logo {
  height: 60px;
}
.header .en-logo,
.header .chin-logo {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
}
.header .en-logo {
  width: 109px;
  height: 30px;
  margin-top: 15px;
  background-image: url('../img/en-logo.png');
}
.header .chin-logo {
  width: 108px;
  height: 36px;
  margin-top: 12px;
  margin-left: 20px;
  background-image: url('../img/chin-logo.png');
}
.header .arrow {
  float: left;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.header .left {
  background-image: url('../img/left-arrow.png');
  margin-right: 10px;
}
.header .right {
  background-image: url('../img/right-arrow.png');
  margin-left: 10px;
}
.header .nav-list-container {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}
.header .fix-width {
  width: 600px;
  float: left;
  overflow: hidden;
}
.header .nav-item {
  width: 100px;
  font-size: 20px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: #fff;
  float: left;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.header .nav-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.header .nav-item.active {
  background-color: #3333E2;
}
.header .search-box {
  width: 183px;
  float: left;
  height: 60px;
  position: relative;
}
.header .search-input {
  box-sizing: border-box;
  width: 100%;
  margin-top: 12px;
  height: 36px;
  line-height: 36px;
  border: none;
  padding-left: 10px;
  padding-right: 36px;
}
.header .search-input:focus {
  border: none;
  outline: none;
}
.header .search-icon {
  background-image: url('../img/search.png');
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
}
.header .search-result-list {
  display: none;
  color: #404040;
  width: 100%;
  background-color: #fff;
  padding-bottom: 15px;
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 1000;
}
.header .search-result-item {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 auto;
  margin-top: 15px;
  width: 144px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.main {
  padding-top: 30px;
  padding-bottom: 44px;
  background-color: #FAFAFA;
}
.main .swiper-container {
  float: left;
  width: 800px;
  height: 400px;
  margin-right: 30px;
}
.main .swiper-container .title {
  width: 540px;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 33px;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  position: relative;
  max-height: 66px;
}
.main .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 25px;
  right: 15px;
  z-index: 101;
}
.main .swiper-container .label {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 8px;
  color: #fff;
  background-color: #2E353C;
  font-size: 16px;
}
.main .swiper-pagination-switch,
.main .swiper-active-switch {
  background-size: 100%;
  background-repeat: no-repeat;
}
.main .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background-image: url('../img/swiper-unselect.png');
  cursor: pointer;
}
.main .swiper-active-switch {
  background-image: url('../img/swiper-select.png');
}
.main .gradient {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 102;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.main .banner-img {
  width: 100%;
  background: #C8C8C8 url(../img/default-cover.png) no-repeat center center;
  background-size: cover;
}
.main .weather-container {
  box-sizing: border-box;
  float: left;
  width: 370px;
  height: 400px;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 20px;
}
.main .today-weather-info .column {
  float: left;
}
.main .today-weather-info .text-container {
  width: 120px;
  font-size: 20px;
  margin-top: 10px;
}
.main .today-weather-info .temperature {
  text-align: center;
  font-size: 80px;
  height: 74px;
  line-height: 74px;
  font-weight: 400;
  margin-bottom: 10px;
}
.main .today-weather-info .location-day-container {
  height: 28px;
  line-height: 28px;
}
.main .today-weather-info .location-container,
.main .today-weather-info .day-container {
  float: left;
}
.main .today-weather-info .day-container {
  margin-left: 16px;
}
.main .today-weather-info .air-container {
  margin-top: 10px;
  line-height: 28px;
  height: 28px;
  text-align: center;
  color: #fff;
  border-radius: 28px;
  font-size: 16px;
  padding-left: 14px;
  padding-right: 14px;
}
.main .today-weather-info .air-container.good {
  background-color: #89C915;
}
.main .today-weather-info .location-icon {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  background-image: url('../img/location-icon.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.main .today-weather-info .location-text {
  float: left;
  margin-left: 4px;
}
.main .today-weather-info .weather-detail-container {
  font-size: 16px;
  margin-left: 75px;
}
.main .today-weather-info .weather-icon-container-big {
  width: 125px;
  height: 125px;
}
.main .today-weather-info .weather-detail-text {
  height: 22px;
  line-height: 22px;
  color: #3333E2;
  text-align: center;
  margin-top: 10px;
}
.main .weather-forcast-list {
  margin-top: 64px;
  color: #606060;
  text-align: center;
}
.main .weather-forcast-item {
  width: 77px;
  float: left;
}
.main .weather-forcast-item .row {
  margin-top: 5px;
}
.main .weather-forcast-item .date {
  font-size: 14px;
}
.main .weather-forcast-item .day,
.main .weather-forcast-item .temperature {
  font-size: 16px;
}
.main .weather-forcast-item .day {
  margin-top: 0px;
}
.main .weather-forcast-item .temperature {
  margin-top: 10px;
}
.main .weather-icon-img-medium {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  margin-top: 5px;
}
.main .weather-forcast-item.middle {
  margin: 0 48px;
}
.main .news-container {
  margin-top: 30px;
  margin-left: -20px;
}
.main .news-title {
  font-size: 18px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 15px;
  height: 52px;
  line-height: 28px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main .news-title a {
  display: block;
}
.main .news-item {
  float: left;
  width: 285px;
  margin-left: 20px;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
}
.main .news-cover-container {
  width: 100%;
  position: relative;
  height: 220px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}
.main .player-icon {
  display: none;
  cursor: pointer;
  background-image: url('../img/video-play.png');
}
.main .live .player-icon,
.main .video .player-icon {
  display: block;
}
.main .period {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-image: url('../img/cover-background.png');
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: none;
}
.main .activity .period {
  display: block;
}
.main .default-cover {
  width: 100%;
}
.main .news-cover {
  display: none;
}
.main .label,
.main .status {
  font-size: 16px;
  line-height: 18px;
  position: absolute;
  top: 0;
  background-color: #2E353C;
  color: #fff;
}
.main .label {
  padding: 5px 8px;
  right: 0;
  z-index: 2;
  height: 16px;
}
.main .status {
  padding: 5px 8px;
  left: 0;
  z-index: 3;
}
.main .status .small-icon {
  float: left;
}
.main .status .text {
  float: left;
  height: 16px;
  margin-left: 4px;
}
.main .status .live-now-icon {
  background-image: url('../img/live-now-small.png');
}
.main .status .live-end-icon {
  background-image: url('../img/live-end-small.png');
}
.main .status .live-notice-icon {
  background-image: url('../img/live-notice-small.png');
}
.main .status .replay-icon {
  background-image: url('../img/replay-small.png');
}
.main .normal .status {
  display: none;
}
.main .detail {
  border-top: 1px solid #F0F0F0;
  color: #9CA1A7;
  padding: 15px 20px;
  font-size: 14px;
}
.main .browser {
  float: left;
}
.main .browser .browser-icon {
  float: left;
  background-image: url('../img/browser.png');
}
.main .browser .browser-num {
  height: 16px;
  line-height: 16px;
  float: left;
  margin-left: 5px;
}
.main .date,
.main .participants-container {
  height: 16px;
  line-height: 16px;
  float: right;
}
.main .activity .participants-container {
  display: block;
}
.main .activity .date {
  display: none;
}
.main .participants-container {
  display: none;
}
.home-page .home-content {
  margin-top: 30px;
}
.home-page .home-content .news-container {
  margin-top: 0;
  margin-left: -16px;
  width: 816px;
  float: left;
  margin-right: 30px;
}
.home-page .home-content .news-item {
  width: 255px;
  margin-left: 17px;
}
.home-page .home-content .news-cover-container {
  height: 198px;
}
.home-page .home-content .news-title {
  padding-top: 10px;
  margin-bottom: 10px;
}
.home-page .home-content .aside-container {
  width: 370px;
  float: left;
}
.home-page .home-content .entrance-icon {
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  display: block;
  width: 23px;
  height: 23px;
  background-image: url('../img/rank-icon.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.home-page .home-content .divider {
  margin-top: 18px;
  float: left;
  width: 2px;
  height: 28px;
  margin-left: 14px;
  background-color: #fff;
}
.home-page .home-content .entrance-container {
  background-color: #000097;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.home-page .home-content .entrance-title {
  float: left;
  margin-left: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 25px;
  line-height: 25px;
}
.home-page .home-content .rank-container {
  margin-top: 30px;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
.home-page .home-content .rank-title {
  font-size: 22px;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}
.home-page .home-content .total-list-button {
  text-align: right;
}
.home-page .home-content .total-list-button .text {
  cursor: pointer;
}
.home-page .home-content .selected-value-container {
  margin-top: 16px;
  cursor: pointer;
  border: 1px solid #979797;
  position: relative;
}
.home-page .home-content .selected-value {
  padding-left: 10px;
  height: 36px;
  line-height: 36px;
  margin-right: 28px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.home-page .home-content .tip-container {
  position: absolute;
  right: 10px;
  top: 0px;
}
.home-page .home-content .up-tip,
.home-page .home-content .down-tip {
  width: 0px;
  height: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.home-page .home-content .up-tip {
  border-top: 8px solid transparent;
  border-bottom: 8px solid #1F1F20;
  margin-bottom: 4px;
}
.home-page .home-content .dropdown-container {
  position: relative;
}
.home-page .home-content .down-tip {
  border-top: 8px solid #1F1F20;
  border-bottom: 8px solid transparent;
}
.home-page .home-content .drop-list {
  display: none;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  z-index: 101;
  position: absolute;
  top: 110%;
  left: 0;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  box-shadow: 0px 0px 6px 2px rgba(31, 31, 32, 0.1);
}
.home-page .home-content .drop-list.active {
  display: block;
}
.home-page .home-content .drop-item {
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.home-page .home-content .drop-item:hover {
  background-color: #f2f2f2;
}
.home-page .home-content .drop-item:last-child {
  margin-bottom: 0px;
}
.home-page .home-content .drop-selected-icon {
  visibility: hidden;
  background-image: url('../img/hook.png');
  float: left;
}
.home-page .home-content .drop-selected-icon.selected {
  visibility: visible;
}
.home-page .home-content .drop-item-text {
  width: 284px;
  float: left;
  margin-left: 10px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.home-page .home-content .table-container {
  margin-top: 20px;
  padding-bottom: 12px;
}
.home-page .home-content .rank-table {
  table-layout: fixed;
}
.home-page .home-content .rank-table,
.home-page .home-content .rank-table-tbody,
.home-page .home-content .rank-table-thead {
  width: 100%;
}
.home-page .home-content .rank-table-thead {
  background-color: #F5F6FA;
}
.home-page .home-content tr {
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.home-page .home-content tr,
.home-page .home-content td {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.home-page .home-content .th-unit,
.home-page .home-content .td-unit {
  width: 150px;
}
.home-page .home-content .rank-table-tbody tr:nth-of-type(even) {
  background-color: #EDEDED;
}
.home-page .home-content .rank-table-tbody tr:nth-of-type(odd) {
  height: 36px;
  line-height: 36px;
}
.home-page .home-content .rank-table-tbody tr:last-of-type {
  height: 24px;
  line-height: 24px;
}
.center {
  width: 1200px;
  margin: 0 auto;
}
.login-page.header {
  background-color: #fff;
}
.login-page.main {
  height: 720px;
}
.login-page.input-container {
  margin: 0 auto;
  width: 460px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 101;
  margin-top: -250px;
  margin-left: -230px;
  background-color: #fff;
}
.login-page.title {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 45px;
}
.login-page .row {
  width: 360px;
  margin: 0 auto;
  height: 36px;
  padding-top: 40px;
  position: relative;
}
.login-page .input {
  width: 100%;
  font-size: 16px;
  border: none;
  outline: none;
  height: 20px;
  line-height: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E2E2E2;
}
.login-page .input:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid #E2E2E2;
}
.login-page .captcha-container {
  padding-top: 40px;
  position: relative;
}
.login-page .captcha-box {
  position: absolute;
  right: 0;
  top: 29px;
  width: 89px;
  height: 40px;
}
.login-page .change-captcha {
  display: none;
  z-index: 100000;
  position: absolute;
  top: -40px;
  margin-left: -66px;
  left: 50%;
  width: 132px;
  background-image: url('../img/_background.png');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 36px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.login-page .captcha-img {
  width: 100%;
  height: 100%;
}
.login-page .remeber-password-container {
  padding-top: 15px;
}
.login-page .remeber-password {
  float: left;
  display: block;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  color: #606060;
  font-weight: 400;
}
.login-page .checkbox-img-container {
  width: 12px;
  height: 12px;
  float: left;
  overflow: hidden;
  position: relative;
}
.login-page .checkbox-img-container img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.login-page #remeber-password-checkbox {
  visibility: hidden;
}
.login-page .remeber-password-text {
  margin-left: 5px;
}
.login-page .forget-password-text {
  font-size: 12px;
  float: right;
  color: #606060;
}
.login-page .login-btn-container {
  height: 44px;
  padding-top: 0px;
}
.login-page .login-btn {
  width: 100%;
  height: 100%;
  background-color: #000097;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  border: none;
  outline: none;
}
.login-page .login-btn:focus {
  border: none;
  outline: none;
}
.belong-page.main {
  padding-top: 20px;
}
.belong-page.scroll-tab-name {
  float: left;
  max-width: 100px;
  height: 60px;
  font-size: 16px;
  line-height: 60px;
  margin-right: 20px;
  font-weight: 500;
  box-sizing: border-box;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.belong-page .pre-icon,
.belong-page .next-icon {
  cursor: pointer;
  float: left;
  width: 20px;
  height: 60px;
  line-height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.belong-page .pre-icon {
  background-image: url('../img/pre.png');
  margin-right: 10px;
}
.belong-page .next-icon {
  background-image: url('../img/next.png');
  margin-left: 10px;
}
.belong-page.nav-container {
  color: #1F1F20;
  float: left;
}
.belong-page.scroll-tab-container {
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}
.belong-page.scroll-tab-container .fix-width {
  float: left;
  overflow: hidden;
  width: 800px;
}
.belong-page.scroll-tab-container .scroll-tab-list {
  width: 100000px;
}
.belong-page.nav-item {
  float: left;
  width: 100px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #9CA1A7;
  cursor: pointer;
  box-sizing: border-box;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.belong-page.nav-item.active {
  color: inherit;
  font-weight: 500;
}
.belong-page .switch-btn {
  font-weight: 400;
  color: #000097;
  text-align: center;
  font-size: 16px;
  float: left;
  width: 90px;
  height: 36px;
  line-height: 38px;
  margin-top: 12px;
  margin-left: 40px;
  border: 1px solid #000097;
  cursor: pointer;
}
.belong-page .switch-corp {
  width: 690px;
  min-height: 265px;
  margin-left: -345px;
  margin-top: -132px;
}
.belong-page .switch-corp .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #000097;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.belong-page .corp-list {
  padding-left: 15px;
  padding-right: 15px;
}
.belong-page .corp-item {
  height: 20px;
  line-height: 20px;
  float: left;
  cursor: pointer;
  text-align: center;
  padding: 15px 25px 0 15px;
}
.belong-page .close-model-btn {
  position: absolute;
  cursor: pointer;
  top: 17px;
  right: 30px;
  background-image: url('../img/cross.png');
}
.about-page .content-container {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-page.title {
  font-size: 26px;
  font-weight: 500;
  padding-left: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #F0F0F0;
}
.about-page.info-container {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 34px;
  line-height: 24px;
  font-size: 16px;
}
.about-page.qr-code-container {
  margin: 0 auto;
  margin-top: 135px;
  width: 160px;
}
.about-page .version {
  margin-top: 25px;
}
.about-page .publish-time {
  margin-top: 10px;
}
.about-page .version,
.about-page .publish-time {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.detail-page.main {
  margin-top: 30px;
  background-color: #FAFAFA;
}
.detail-page .main-news {
  background-color: #fff;
  float: left;
  width: 845px;
  margin-right: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.detail-page .breadcrumb-container {
  padding-top: 20px;
}
.detail-page .head-nav,
.detail-page .head-title,
.detail-page .icon-container {
  float: left;
  height: 16px;
}
.detail-page .head-title {
  height: 16px;
  line-height: 16px;
  width: 600px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.detail-page .news-main-title {
  min-height: 26px;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 30px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.detail-page .icon-container {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 10px;
  background-image: url('../img/breadcrumb-arrow.png');
}
.detail-page .recommand-news {
  width: 285px;
  float: left;
}
.detail-page .recommand-news-title {
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 20px;
  background-color: #fff;
  margin-bottom: 20px;
}
.detail-page .info-list {
  margin-top: 20px;
  color: #9CA1A7;
}
.detail-page .info-list li {
  float: left;
  padding-right: 20px;
}
.detail-page .news-content {
  margin-top: 30px;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 260px;
}
.detail-page .news-content p,
.detail-page .news-content img,
.detail-page .news-content video,
.detail-page .news-content audio {
  margin-bottom: 20px;
}
.detail-page .news-content p {
  font-size: 16px;
  line-height: 24px;
}
.detail-page .news-content img {
  width: 100%;
  height: auto;
  background-color: #eee;
}
.detail-page .news-item {
  margin-left: 0;
}
.topic.detail-page.main {
  margin-top: 30px;
}
.topic.detail-page .header-news {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-color: #fff;
}
.topic.detail-page .breadcrumb-container {
  padding-top: 20px;
}
.topic.detail-page .icon-container {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-right: 10px;
}
.topic.detail-page .news-content {
  margin-top: 20px;
  line-height: 24px;
  padding-bottom: 0px;
}
.topic.detail-page .topic-container {
  margin-top: 20px;
}
.topic.detail-page .nav-container.fixed {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10001;
  width: 100%;
}
.topic.detail-page .head-title {
  width: 900px;
}
.topic.detail-page .nav-list {
  background-color: #fff;
  color: #606060;
  font-size: 18px;
  cursor: pointer;
}
.topic.detail-page .nav-list .active {
  color: #3333E2;
  position: relative;
}
.topic.detail-page .blank {
  height: 60px;
}
.topic.detail-page .nav-item {
  float: left;
  height: 60px;
  line-height: 60px;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
  margin-right: 20px;
}
.topic.detail-page .active:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 2px;
}
.topic.detail-page .topic-title {
  font-size: 20px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
}
.topic.detail-page .topic-item {
  margin-top: 40px;
}
.topic.detail-page .news-container {
  margin-top: 20px;
}
.topic.detail-page .news-item {
  margin-left: 20px;
}
.topic.detail-page .load-more-container {
  height: 60px;
  cursor: pointer;
}
.topic.detail-page .retract-btn-icon {
  background-image: url('../img/retract.png');
}
.photo.detail-page img {
  margin-bottom: 0;
}
.photo.detail-page .photo-breif {
  font-size: 16px;
  color: #9CA1A7;
  padding: 20px;
  background-color: #F5F5F5;
}
.photo.detail-page .new-content p {
  margin-bottom: 30px;
}
.video.detail-page .video-content {
  margin-top: 30px;
}
.video.detail-page #video_id {
  width: 100%;
  height: 475px;
}
.video.detail-page .video-js .vjs-big-play-button {
  width: 80px;
  height: 80px;
  background-image: url('../img/video-play-big.png');
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 0px;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
}
.search-page .search-result-breif {
  font-size: 20px;
}
.search-page .news-container {
  margin-top: 20px;
}
.search-page .highlight {
  color: #3333E2;
}
.not-found-page.main,
.search-none.main {
  min-height: 540px;
}
.not-found-page.icon-container,
.search-none.icon-container {
  margin: 0 auto;
  width: 120px;
  height: 120px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.not-found-page .not-found-text,
.search-none .not-found-text,
.not-found-page .no-result-text,
.search-none .no-result-text {
  color: #606060;
  height: 32px;
  font-size: 22px;
  line-height: 32px;
  margin-top: 24px;
  text-align: center;
}
.not-found-page .not-found-box,
.search-none .not-found-box,
.not-found-page .no-result-box,
.search-none .no-result-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -66px;
  margin-top: -88px;
  z-index: 100;
}
.not-found-page .search-result-breif,
.search-none .search-result-breif {
  margin-top: 30px;
}
.no-channel-box {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -132px;
  margin-top: -88px;
  z-index: 100;
}
.no-channel-box .icon-container {
  margin: 0 auto;
  width: 120px;
  height: 120px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.no-channel-box .no-channel-text {
  color: #606060;
  height: 32px;
  font-size: 22px;
  line-height: 32px;
  margin-top: 24px;
  text-align: center;
}
.rank .main {
  width: 1326px;
  margin: 20px auto 0 auto;
  padding-top: 0px;
}
.rank .main .column {
  float: left;
}
.rank .main .left-nav {
  width: 240px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  margin-right: 15px;
  background-color: #fff;
}
.rank .main .left-tip {
  float: left;
  width: 4px;
  height: 16px;
  background-color: #000097;
  visibility: hidden;
}
.rank .main .active .left-tip {
  visibility: visible;
}
.rank .main .item-text {
  float: left;
  height: 16px;
  line-height: 16px;
  width: 210px;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 15px;
  padding-left: 10px;
  margin-left: 6px;
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.rank .main .left-nav-item:last-of-type .item-text {
  border: none;
}
.rank .main .left-nav-item {
  cursor: pointer;
  padding-top: 15px;
  padding-right: 10px;
}
.rank .main .main-content {
  box-sizing: border-box;
  width: 1071px;
}
.rank .main .rank-table-container {
  margin-top: 20px;
}
.rank .main .time-nav,
.rank .main .rank-table-wrapper {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.rank .main .time-nav {
  padding: 8px 20px 18px 20px;
  font-size: 16px;
}
.rank .main .nav-title {
  width: 32px;
  margin-top: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.rank .main .nav-container {
  margin-left: 48px;
}
.rank .main .tab-title-item {
  float: left;
  border: 1px solid #1F1F20;
  padding: 8px 10px;
  margin-right: 20px;
  cursor: pointer;
  margin-top: 10px;
}
.rank .main .tab-title-item.active,
.rank .main .time-nav-item.active {
  background-color: #3333E2;
  color: #fff;
}
.rank .main .tab-pane-item {
  display: none;
}
.rank .main .tab-pane-item.active {
  display: block;
}
.rank .main .time-nav-item {
  margin-top: 10px;
  float: left;
  border: 1px solid #1F1F20;
  padding: 8px 10px;
  margin-right: 10px;
  cursor: pointer;
}
.rank .main .rank-table-wrapper {
  padding: 14px 20px 0 20px;
}
.rank .main .rank-table {
  width: 1031px;
  table-layout: fixed;
  text-align: center;
}
.rank .main .rank-table-thead {
  background-color: #F5F6FA;
}
.rank .main th {
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rank .main th,
.rank .main .td-wrapper {
  white-space: nowrap;
  /*强制文本在一行内显示*/
  text-overflow: ellipsis;
  /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow: ellipsis;
  /*溢出省略号，支持opera*/
  overflow: hidden;
  /*溢出隐藏*/
  -moz-binding: url('ellipsis.xml#ellipsis');
  /*溢出省略号，支持firefox*/
  word-break: break-all;
}
.rank .main td {
  border-top: 1px solid #DDDDDD;
  padding: 5px 0px;
}
.rank .main .td-wrapper {
  line-height: 20px;
  padding: 10px;
}
.rank .main .user-tr .td-wrapper {
  background-color: #FFEEDF;
  color: #FF4D00;
}
.rank .main .time-tip {
  margin-top: 40px;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.rank .main .table-pagination {
  max-width: 452px;
  margin: 51px auto 44px auto;
}
.rank .main .table-pagination .page-list {
  float: left;
}
.rank .main .table-pagination .first,
.rank .main .table-pagination .pre,
.rank .main .table-pagination .next,
.rank .main .table-pagination .last,
.rank .main .table-pagination .page {
  padding: 4px 7px;
  border: 1px solid #DDDDDD;
  float: left;
  margin: 0 5px;
  cursor: pointer;
}
.rank .main .table-pagination .current {
  background-color: #000097;
  color: #fff;
}
.search-none.icon-container {
  background-image: url('../img/search-none.png');
}
.not-found-page.icon-container {
  background-image: url('../img/404.png');
}
.no-channel.icon-container {
  background-image: url('../img/no-channel.png');
}
.load-more-container {
  text-align: center;
  background-color: #fff;
  font-size: 16px;
  margin-left: 20px;
}
.load-more-container .load-more-content {
  width: 94px;
  margin: 0 auto;
  padding-top: 24px;
}
.load-more-container .retract-content {
  width: 62px;
  margin: 0 auto;
  padding-top: 24px;
}
.load-more-container .load-more-icon,
.load-more-container .load-more-btn-icon,
.load-more-container .retract-btn-icon {
  float: left;
  width: 18px;
  height: 18px;
}
.load-more-container .load-more-btn-icon {
  background-image: url('../img/plus.png');
}
.load-more-container .load-more-icon {
  background-image: url('../img/load-more.png');
}
.load-more-container .load-more-text,
.load-more-container .no-more-content,
.load-more-container .retract-text {
  float: left;
  height: 18px;
  display: block;
  color: #606060;
  line-height: 18px;
  margin-left: 10px;
}
.load-more-container .no-more-container {
  text-align: center;
  color: #9CA1A7;
  display: none;
  padding-top: 24px;
}
.qr-code-container {
  background-color: #fff;
  box-shadow: 0px 0px 6px 2px rgba(31, 31, 32, 0.1);
}
.qr-code-container .tip {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #404040;
  text-align: center;
}
.qr-code-img-container {
  width: 136px;
  height: 136px;
  padding: 12px;
}
.medium-icon {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background-position: center;
  background-size: 100%;
  background-repeat: 100%;
}
.back-top {
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-image: url('../img/back-top.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  right: 60px;
  bottom: 102px;
  z-index: 1000000;
}
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  z-index: 1000;
}
.clearboth {
  clear: both;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.small-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.bottom-tip {
  position: relative;
}
.bottom-tip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 6px solid #4E4E4E;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
}
img {
  display: block;
}
.preload-img {
  display: none;
}
a {
  color: inherit;
  text-decoration: none;
}
:-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9CA1A7;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9CA1A7;
}
:-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9CA1A7;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9CA1A7;
}
.placeholder {
  color: #9CA1A7;
}
.password-placeholder {
  width: 100%;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  padding-bottom: 15px;
  color: #9CA1A7;
  position: absolute;
  top: 41px;
  left: 1px;
  z-index: 1000;
  background-color: #fff;
}
.rotate {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -webkit-animation: rotate 0.6s linear infinite;
  -moz-animation: rotate 0.6s linear infinite;
  -o-animation: rotate 0.6s linear infinite;
  animation: rotate 0.6s linear infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}