@charset "UTF-8";
.top {
  /*  position: fixed;
  top: 0;
  left: 0;
  right: 0;*/
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  z-index: 1008; }

.top-inner {
  position: relative;
  width: 1200px;
  margin: auto; }

.top-left {
  float: left;
  padding: 8px 0;
  font-size: 0; }

.top-menu {
  display: inline-block;
  vertical-align: middle; }

.top-menu > li {
  position: relative;
  display: inline-block;
  font-size: 0; }

.top-menu > li:after {
  display: inline-block;
  content: " ";
  width: 1px;
  height: 14px;
  background: #D0D0D2;
  vertical-align: middle; }

.top-menu > li:last-child::after {
  display: none; }

.top-menu a {
  display: inline-block;
  padding: 0 12px;
  font-size: 12px;
  color: #949495;
  vertical-align: middle; }

.top-menu a:hover {
  color: #000; }

.top-qrcode {
  display: none;
  position: absolute;
  left: 50%;
  top: 27px;
  margin-left: -80px;
  width: 160px;
  padding: 28px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  z-index: 1000; }

.top-menu li:hover .top-qrcode {
  display: block; }

.top-qrcode:after {
  position: absolute;
  top: -6px;
  left: 77px;
  content: " ";
  width: 12px;
  height: 6px;
  background: url("../images/triangle.png") no-repeat; }

.top-qrcode-img {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 20px auto; }

.top-qrcode-text {
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #222222;
  letter-spacing: 0;
  text-align: center; }

.top-weixin {
  display: none;
  position: absolute;
  left: 50%;
  top: 27px;
  margin-left: -142px;
  width: 284px;
  padding: 28px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  z-index: 1000;
  font-size: 0; }

.top-weixin:after {
  position: absolute;
  top: -6px;
  left: 139px;
  content: " ";
  width: 12px;
  height: 6px;
  background: url("../images/triangle.png") no-repeat; }

.top-menu li:hover .top-weixin {
  display: block; }

.top-weixin-item {
  display: inline-block;
  width: 88px;
  margin-left: 36px;
  vertical-align: middle; }
.top-weixin-item > img {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 20px auto; }
.top-weixin-item > p {
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #222222;
  letter-spacing: 0;
  text-align: center; }

.top-douyin {
  display: none;
  position: absolute;
  left: 50%;
  top: 27px;
  margin-left: -80px;
  width: 160px;
  padding: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  z-index: 1000; }

.top-douyin:after {
  position: absolute;
  top: -6px;
  left: 77px;
  content: " ";
  width: 12px;
  height: 6px;
  background: url("../images/triangle.png") no-repeat; }

.top-douyin > img {
  display: block;
  width: 160px; }

.top-menu li:hover .top-douyin {
  display: block; }

.top-logo {
  display: inline-block;
  height: 26px;
  padding-right: 12px;
  border-right: 1px solid #D0D0D2;
  vertical-align: middle; }

.top-logo > img {
  width: 22px;
  height: 22px;
  margin-top: 2px; }

.top-right {
  float: right; }

.top-infoBtn {
  position: relative;
  display: inline-block;
  padding: 0 20px 0 6px;
  height: 28px;
  line-height: 28px;
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #3E2C1C;
  background: #FFC187;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EEB37E), to(#CE782B));
  background-image: linear-gradient(-180deg, #EEB37E 0%, #CE782B 100%);
  border-radius: 2px; }

.top-infoBtn:hover {
  background: #ffc28a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc28a), to(#ec8e2c));
  background-image: linear-gradient(-180deg, #ffc28a 0%, #ec8e2c 100%); }

.top-infoBtn:after {
  position: absolute;
  top: 9px;
  content: ".";
  font-size: 0;
  right: 6px;
  width: 10px;
  height: 10px;
  background: url("../images/arrow_enter.png") no-repeat;
  background-size: 10px 10px; }

#loginLogout {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle; }

.top-login {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-top: 12px;
  line-height: 48px;
  background: #AA0510;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500; }

.top-login:hover {
  color: #fff; }

.top-user {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-top: 10px;
  vertical-align: middle; }

.top-avatar {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #D0D0D2;
  background: #D0D0D2;
  overflow: hidden; }

.top-avatar > img {
  display: block;
  width: 48px;
  height: 48px;
  margin: auto; }

.user-card {
  display: none;
  position: absolute;
  right: -10px;
  top: 58px;
  z-index: 1002;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  padding: 0 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  border: 1px solid #E6E6E6; }

.top-user.hover .user-card {
  display: block; }

.user-card-i {
  position: absolute;
  top: -6px;
  right: 24px;
  width: 12px;
  height: 6px;
  background: url("../images/triangle.png") no-repeat; }

.user-card-hd {
  padding: 20px 0;
  border-bottom: 1px solid #E6E6E6; }

.user-card-avatar {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border: 1px solid #D0D0D2;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 14px; }

.user-card-avatar > img {
  display: block;
  width: 36px;
  height: 36px; }

.user-card-name {
  display: block;
  margin-bottom: 10px;
  line-height: 21px;
  font-size: 15px;
  color: #222222; }

.user-card-meta {
  line-height: 14px;
  font-size: 12px;
  color: #949495;
  vertical-align: middle; }

.user-card-lv {
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-right: 4px;
  background: url("../images/icon_lv.png") no-repeat;
  vertical-align: middle; }

.user-card-bd {
  padding: 16px 0;
  border-bottom: 1px solid #E6E6E6; }

.user-card-kt {
  display: block;
  width: 240px;
  height: 36px;
  margin: 0 auto 12px auto;
  line-height: 36px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background-color: #F66666;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF8162), to(#F66666));
  background-image: linear-gradient(-90deg, #FF8162 0%, #F66666 100%);
  border-radius: 4px; }

.user-card-kt:hover {
  color: #fff;
  background-color: #F57575;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF8E72), to(#F57575));
  background-image: linear-gradient(-90deg, #FF8E72 0%, #F57575 100%); }

.user-card-cz {
  display: block;
  width: 240px;
  height: 36px;
  margin: 0 auto 0 auto;
  line-height: 36px;
  font-size: 12px;
  color: #A77342;
  letter-spacing: 0;
  text-align: center;
  background-color: #DAAC70;
  background-image: -webkit-gradient(linear, right top, left top, from(#F4D08E), to(#DAAC70));
  background-image: linear-gradient(-90deg, #F4D08E 0%, #DAAC70 100%);
  border-radius: 4px; }

.user-card-cz:hover {
  color: #A77342;
  background-color: #E0BA89;
  background-image: -webkit-gradient(linear, right top, left top, from(#F5D8A1), to(#E0BA89));
  background-image: linear-gradient(-90deg, #F5D8A1 0%, #E0BA89 100%); }

.user-card-ft {
  padding: 14px 0; }

.user-card-gr, .user-card-logout {
  line-height: 18px;
  font-size: 13px;
  color: #565657; }

.user-card-gr {
  float: left; }

.user-card-logout {
  float: right; }

.top-ad {
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -230px;
  width: 460px;
  height: 30px;
  cursor: pointer; }

.header-outer {
  height: 72px; }

.header {
  background: #DC0714; }

.header-inner {
  width: 1200px;
  height: 72px;
  margin: auto; }

.logo {
  float: left;
  width: 157px;
  height: 50px;
  margin: 11px 64px 0 0; }

.logo > img {
  width: 157px;
  height: 50px; }

.navBox {
  width: 1200px;
  margin: auto; }

.nav {
  float: left;
  padding-top: 24px; }

.nav > li {
  float: left;
  margin-right: 46px; }

.nav a {
  display: block;
  line-height: 22px;
  height: 22px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center; }

.nav li:hover:after, .nav li.current:after {
  content: ".";
  font-size: 0;
  display: block;
  margin: 0 3px;
  height: 2px;
  background: #FFFFFF; }

/*搜索*/
.searchBox {
  display: inline-block;
  position: relative;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 318px;
  padding: 8px 15px;
  margin-top: 17px;
  background: #FFFFFF;
  border-radius: 2px;
  vertical-align: middle; }

.searchBox-input {
  width: 270px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 14px;
  color: #565657;
  background: transparent; }

.searchBox-button {
  position: absolute;
  right: 5px;
  top: 6px;
  width: 24px;
  height: 24px;
  border: none;
  outline: none;
  background: transparent url("../images/icon_serch.png") no-repeat; }

.hotSearch {
  padding: 0;
  color: #666666;
  font-size: 14px; }

.searchBox .hotSearch {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 38px;
  left: 0;
  width: 318px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  border-top: none;
  padding-top: 1px;
  border-radius: 2px;
  overflow: hidden;
  background: #ffffff; }

.searchBox:hover .hotSearch {
  display: block; }

.searchBox .hotSearch.hide {
  display: none; }

.hotSearch li {
  background: #ffffff; }

.hotSearch a {
  padding: 8px 10px;
  line-height: 20px;
  display: block;
  font-size: 14px;
  color: #222222;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.searchBox .hotSearch a {
  padding-left: 15px; }

.hotSearch a:hover {
  background: #F0F0F0; }

.hotSearch-num {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  vertical-align: middle; }

.hotSearch-num__1 {
  color: #fff;
  background: #ff3333;
  border-top-right-radius: 3px; }

.hotSearch-num__2 {
  color: #fff;
  background: #ff3333;
  border-top-right-radius: 3px; }

.hotSearch-num__3 {
  color: #fff;
  background: #ff3333;
  border-top-right-radius: 3px; }

.hotSearchPanel {
  margin-bottom: 30px;
  border-top: 2px solid #ff3333;
  background: #fafafa; }

.hotSearchPanel-hd {
  padding: 15px 20px 5px 20px; }

.hotSearchPanel-tit {
  font-size: 20px;
  line-height: 30px; }

.hotSearchPanel-bd {
  padding: 0 0 20px 0; }

.hotSearchPanel .hotSearch a {
  padding-left: 20px; }

.hotSearchPanel .hotSearch li {
  background: #fafafa; }

/*.bigSearchBox {
  position: relative;
  background: #f8f8f8;
  height: 50px;
  padding: 0 10px 0 64px;
  margin-bottom: 10px;
}

.bigSearchBox-icon {
  position: absolute;
  width: 21px;
  height: 20px;
  left: 25px;
  top: 14px;
}

.bigSearchBox-inputBox {
  padding: 10px 0;
}

.bigSearchBox-input {
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  border: none;
  width: 100%;
  background: #f8f8f8;
}

.searchNoResult {
  display: block;
  margin: 121px auto 0 auto;
  height: 270px;
  background: url("../images/search-no-result.png") no-repeat 50% 0;
}*/
.header-right {
  float: right; }

.page {
  /*margin-top: 68px;*/ }

.homePage {
  padding-top: 42px; }

.homePage_fixed {
  padding-top: 104px; }

.homePage .top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }

.container {
  width: 1200px;
  margin: auto; }

.content {
  padding-top: 20px;
  width: 1200px;
  margin: auto;
  padding-bottom: 60px;
  overflow: hidden; }

.main {
  float: left;
  width: 780px; }

.sidebar {
  float: right;
  width: 380px; }

.detailContent {
  width: 1200px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 60px; }

.detailMain {
  float: left;
  width: 750px; }

.detailSidebar {
  float: right;
  width: 380px;
  padding-top: 2px; }

.ad-tc {
  padding-top: 10px;
  margin-bottom: 32px; }

.ad-tc_home {
  margin-top: -12px;
  margin-bottom: 40px; }

.ad-tc-hd {
  position: relative;
  height: 32px;
  border-top: 2px solid #E10600; }

.ad-tc-hd > h3 {
  position: absolute;
  top: -14px;
  left: 0;
  padding-right: 20px;
  font-size: 20px;
  line-height: 28px;
  color: #222222;
  font-weight: 600;
  background: #fff; }

.ad-tc-bd {
  display: block; }

.ad-tc-bd > img {
  width: 100%;
  display: block; }

.ad-tc-bd > p {
  font-size: 17px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.footer {
  border-top: 1px solid #D8D8D8; }

.productsBox {
  overflow: hidden; }

.productsBox-hd {
  padding: 30px 0 30px 0;
  line-height: 25px;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  text-align: center; }

.productsBox-bd {
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 0; }

.productsBox-bd > a {
  display: inline-block;
  height: 44px;
  margin-right: 70px;
  margin-bottom: 26px; }

.productsBox-bd img {
  display: block;
  max-height: 44px; }

/*合作伙伴*/
.partnersBox {
  margin-bottom: 40px;
  overflow: hidden; }

.partnersBox-hd {
  padding: 30px 0 30px 0;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  text-align: center; }

.partnersBox-bd {
  padding-top: 10px;
  text-align: center;
  font-size: 0; }

.partnersItem {
  display: inline-block;
  border-radius: 5px;
  margin: 0 15px;
  text-align: center; }

.partnersItem:last-child {
  margin-right: 0; }

.partnersItem > img {
  width: 72px;
  height: 72px;
  margin-bottom: 9px;
  border-radius: 5px; }

.partnersItem p {
  height: 18px;
  line-height: 18px;
  font-size: 13px;
  color: #565657; }

.footer-bottom {
  padding: 28px 0 20px 0;
  background: #232324; }

.friendlyLink {
  margin-bottom: 30px;
  text-align: center; }

.friendlyLink > a {
  margin: 0 15px;
  font-size: 13px;
  color: #E0E0E0; }

.copyright {
  margin-bottom: 10px;
  font-size: 13px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle; }

.copyright > a {
  color: #666666; }

.copyright img {
  display: inline-block;
  margin-right: 5px;
  display: inline-block;
  height: 15px;
  vertical-align: middle; }

.copyright span {
  display: inline-block;
  vertical-align: middle; }

#scrollToTop {
  display: none;
  position: fixed;
  right: 0;
  bottom: 50px;
  width: 56px;
  height: 56px;
  background: url(../images/back_top_01.png) no-repeat; }

#scrollToTop:hover {
  background: url(../images/back_top_02.png) no-repeat; }

@media screen and (min-width: 1410px) {
  #scrollToTop {
    left: 50%;
    margin-left: 630px; } }

@media screen and (max-width: 1409px) {
  #scrollToTop {
    right: 10px; } }

/*@media screen and (max-width: 1409px) and (min-width: 1257px){
  #scrollToTop {
    right: 10px;
  }
}
@media screen and (max-width: 1256px) and (min-width: 1170px){
  #scrollToTop {
    left: 50%;
    margin-left: 510px;
  }
}*/
.i-video, .i-atlas {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 0 0 18px;
  height: 20px;
  width: 40px;
  line-height: 20px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center; }

.i-video {
  background: #E10600 url("../images/icon_video.png") no-repeat 0 50%; }

.i-atlas {
  background: #E10600 url("../images/icon_tuji.png") no-repeat 0 50%; }

/*-------------------------------------------sidebar--------------------------------------------*/
.newsPanel {
  margin-bottom: 32px;
  /*background: #fff;*/ }

.newsPanel-hd {
  line-height: 20px;
  padding: 25px 20px 21px 0;
  background: url("../images/cmt-tit.png") no-repeat 100% 0; }

.newsPanel-tit {
  float: left;
  font-size: 20px;
  color: #222222;
  font-weight: 600; }

.hosNewTitle, .relationNewsTitle {
  display: block;
  height: 20px; }

.newsPanel-more {
  float: right;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  background: url("../images/arrow_more.png") no-repeat 100% 50%; }

.newsPanel-more:hover {
  color: #E10600; }

.newsPanel-bd {
  padding: 0 0 0 0; }

.newsPanel-noData {
  height: 50px;
  line-height: 50px;
  color: #888888; }

.newFlashScroll {
  height: 360px;
  overflow-x: visible;
  overflow-y: auto; }

.loadingNews {
  text-align: center;
  padding-bottom: 10px; }

.loadingNews-pic {
  display: inline-block;
  width: 43px;
  height: 43px; }

/*---------------sideNews------------------*/
.sideNewsList {
  padding-bottom: 1px; }

.side-news {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #D4D4D6; }

.side-news:last-child {
  border-bottom: none; }

.side-news-left {
  float: left;
  position: relative;
  width: 150px;
  height: 100px;
  overflow: hidden; }

.side-news-left > img {
  width: 150px;
  min-height: 100px; }

.side-news-right {
  margin-left: 159px; }

.side-news-right > h3 {
  margin-bottom: 40px;
  line-height: 22px;
  height: 44px;
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.side-news:hover h3 {
  color: #E10600; }

.side-news-right > p {
  line-height: 17px;
  font-size: 12px;
  color: #949495; }

/*---------------pic------------------*/
.side-atlasList {
  margin-right: -20px;
  overflow: hidden; }

.side-atlas {
  float: left;
  width: 180px;
  margin-right: 20px;
  margin-bottom: 15px; }

.side-atlas-pic {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  margin-bottom: 11px;
  overflow: hidden; }

.side-atlas-pic > img {
  width: 180px;
  min-height: 120px; }

.side-atlas-tit {
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.side-atlas:hover .m-ppic-tit {
  color: #c60000; }

/*-------------------------------------*/
.side-intr {
  padding: 30px;
  background: #FAFAFA url("../images/cmt-tit.png") no-repeat 100% 0;
  border-top-right-radius: 18px;
  overflow: hidden;
  z-index: 1001; }

.side-intr-hd {
  padding: 0 0 10px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  vertical-align: middle; }

.side-intr-hd > i {
  display: inline-block;
  width: 3px;
  height: 15px;
  margin-right: 6px;
  background: #E10600;
  vertical-align: middle; }

.side-intr-bd > p {
  font-size: 14px;
  color: #565657;
  margin-bottom: 19px; }

.side-intr-bd > img {
  display: block;
  width: 320px;
  height: 150px;
  margin: auto; }

/*------------------------------子导航------------------------------------*/
.subNavPos {
  position: absolute;
  left: 0;
  top: 684px;
  width: 2px;
  height: 2px; }

.subNavBox {
  height: 66px;
  margin: auto;
  /* background: #fafafa;*/ }

.subNavBox-inner {
  border-left: 1px solid #D4D4D6;
  border-bottom: 1px solid #D4D4D6;
  border-right: 1px solid #D4D4D6;
  border-top: 2px solid #E10600; }

.subNavBox-fixed {
  position: fixed;
  top: 42px;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 2px solid #E10600;
  z-index: 1001;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }

.subNav {
  position: relative;
  left: -1px; }

.subNavBox-fixed .subNav {
  width: 1200px;
  margin: auto; }

.subNav > a {
  float: left;
  display: block;
  height: 62px;
  line-height: 62px;
  padding: 0 17px;
  font-size: 16px;
  color: #222222;
  letter-spacing: 0;
  text-align: center; }

.subNav > a:hover {
  background: #E10600;
  color: #FFFFFF; }

.subNav > a.active {
  background: #E10600;
  color: #FFFFFF; }

.qrlogin-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2001; }

.qrlogin-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -196px;
  margin-left: -241px;
  width: 482px;
  height: 392px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2002; }

.qrlogin-dialog-hd {
  padding: 15px 0;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #222222;
  font-weight: 600;
  background: #F6F6F6; }

.qrlogin-dialog-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 26px;
  height: 26px;
  background: url("../images/login/login_close_01.png") no-repeat; }

.qrlogin-dialog-close:hover {
  background: url("../images/login/login_close_02.png") no-repeat; }

.qrlogin-dialog-bd {
  position: relative;
  padding: 36px 28px 18px 236px; }

.qrlogin-dialog-ts {
  position: absolute;
  top: 18px;
  left: 36px;
  width: 186px;
  height: 306px; }

.qrlogin-qr {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 164px;
  height: 164px;
  padding: 8px;
  margin: 0 auto 32px auto;
  background: #F7F7F7;
  border: 1px solid #ECECEC; }

.qrlogin-qr-code {
  width: 148px;
  height: 148px; }

.qrcode-refresh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 34px;
  background: rgba(255, 255, 255, 0.9); }

.qrcode-refresh-tit {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500; }

.qrcode-refresh-btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  height: 32px;
  margin: auto;
  padding-left: 29px;
  line-height: 32px;
  background: #DC0714;
  border-radius: 3px;
  font-size: 15px;
  color: #FFFFFF; }

.qrcode-refresh-btn > i {
  position: absolute;
  top: 9px;
  left: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/login/icon_shuaxin.png") no-repeat; }

.qrcode-refresh-btn.active > i {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.qrlogin-des {
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 13px;
  color: #444444;
  text-align: center; }

.qrlogin-des2 {
  font-size: 13px;
  color: #DC0714; }

.qrlogin-result {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 144px;
  height: 144px;
  margin: 0 auto 16px auto;
  padding-top: 20px; }

.qrlogin-success {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 16px auto;
  background: url("../images/login/icon_right.png") no-repeat; }

.qrlogin-result-tit1 {
  margin-bottom: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #949495;
  letter-spacing: 0;
  text-align: center; }

.qrlogin-result-tit2 {
  line-height: 20px;
  font-size: 14px;
  color: #222222;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600; }

.home_box {
  height: 516px;
  padding-top: 20px;
  background: #fff url("../images/line_x.png") repeat-x 0 100%; }

/*-----------------------------------------------------------------------*/
.swiperBox {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 780px;
  height: 460px;
  padding: 0;
  overflow: hidden; }

.swiper-container {
  position: relative;
  width: 780px;
  height: 460px;
  overflow: hidden; }

.swiper-wrapper {
  position: relative;
  width: 780px;
  height: 460px;
  background: #333; }

.swiper-slide {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%; }

.swiper-slide a {
  position: relative;
  display: block;
  width: 780px;
  height: 460px;
  overflow: hidden; }

.swiper-slide a img {
  display: block;
  width: 780px;
  min-height: 460px;
  /*min-width: 780px;*/
  /*height: 460px;*/
  margin: auto;
  overflow: hidden; }

.swiper-slide a p {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 28px 30px 40px 30px;
  left: 0;
  width: 780px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28px;
  color: #FFFFFF;
  font-weight: 600;
  background: url("../images/banner_yinying.png") no-repeat 0 100%; }

.swiper-button-prev {
  width: 60px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 180px;
  background: url("../images/banner_arrow_left_black.png") no-repeat; }

.swiper-button-prev:hover {
  background: url("../images/banner_arrow_left_red.png") no-repeat; }

.swiper-button-next {
  width: 60px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 180px;
  background: url("../images/banner_arrow_right_black.png") no-repeat; }

.swiper-button-next:hover {
  background: url("../images/banner_arrow_right_red.png") no-repeat; }

.swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  display: block;
  height: 10px;
  text-align: center;
  font-size: 0; }

.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  list-style: none;
  text-indent: -9999px;
  overflow: hidden;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  overflow: hidden; }

.swiper-pagination-bullet-active {
  background: #E10600; }

/*------------------------------左侧新闻列表------------------------------------*/
.news-list {
  /*margin-bottom: 20px;*/
  margin-bottom: -1px;
  overflow: hidden; }

.news-list .news-list-item {
  border-bottom: 1px solid #D4D4D6; }

.news-list .news-list-item:last-child {
  border-bottom: none; }

.news-list .news-list-item:hover .news-box-title {
  color: #c60000; }

.news-box {
  padding: 15px 0;
  display: block; }

.news-box-img {
  float: left;
  position: relative;
  width: 171px;
  height: 114px;
  overflow: hidden; }

.news-box-img > img {
  width: 171px;
  min-height: 114px; }

.news-box-bd {
  height: 114px;
  margin-left: 185px; }

.news-box-cnt {
  height: 145px; }

.news-box-title {
  position: relative;
  margin-bottom: 14px;
  line-height: 28px;
  font-weight: 600;
  font-size: 20px;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.news-box-desc {
  margin-bottom: 22px;
  font-size: 16px;
  color: #565657;
  line-height: 22px;
  height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /* height: 2.8em;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;*/ }

.news-box-ifo {
  font-size: 14px;
  color: #949495;
  line-height: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden; }

.news-avatar {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden; }

.news-author {
  float: left;
  margin-right: 20px; }

.news-time {
  float: left;
  margin-right: 20px; }

.m-atlas-box {
  display: block;
  padding: 15px 0 16px 0; }

.m-atlas-box .news-box-ifo {
  margin-bottom: 0; }

.m-atlas-box-hd {
  padding: 0 0 15px 0;
  font-size: 20px;
  color: #222222;
  line-height: 30px;
  font-weight: 600; }

.m-atlas-box:hover .m-atlas-box-hd {
  color: #c60000; }

.m-atlas-box-type {
  float: right;
  width: 54px;
  height: 22px;
  margin-top: 4px;
  line-height: 22px;
  text-align: center;
  background: #dd3023;
  border-radius: 5px;
  color: #ffffff; }

.m-atlas-box-bd {
  height: 114px;
  margin-bottom: 16px;
  overflow: hidden; }

.m-atlas-box-bd > li {
  float: left;
  position: relative;
  width: 171px;
  height: 114px;
  overflow: hidden;
  margin-right: 10px; }

.m-atlas-box-bd img {
  display: block;
  width: 171px;
  min-height: 114px; }

.m-atlas-box-num {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: #E10600;
  color: #ffffff;
  width: 38px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  border-radius: 5px; }

.loadMore {
  display: block;
  line-height: 44px;
  background: #F2F2F2;
  border-radius: 4px;
  font-size: 14px;
  color: #565657;
  letter-spacing: 0;
  text-align: center; }

/*--------------------------------------------------------*/
.flashPanel {
  float: right;
  width: 380px;
  height: 458px;
  border-top: 2px solid #E10600;
  background: #F0F0F2; }

.flashPanel-hd {
  position: relative;
  padding: 17px 0 11px 20px; }

.flashPanel-hd > h3 {
  line-height: 25px;
  font-size: 18px;
  color: #FF000F;
  font-weight: 500; }

.flashPanel-hd > span {
  position: absolute;
  top: 17px;
  right: 26px;
  line-height: 25px;
  font-size: 12px;
  color: #FF000F;
  letter-spacing: 0;
  text-align: right; }

.flashPanel-bd {
  padding: 10px 0 15px 15px; }

.flashPanel-scroll {
  height: 380px;
  overflow-x: visible;
  overflow-y: auto; }

.flashItemList {
  overflow: hidden; }

.flashItem {
  display: block;
  width: 340px;
  margin-bottom: 10px;
  background: #fff;
  border-top-right-radius: 10px;
  overflow: hidden; }

.flashItem-hd {
  position: relative;
  padding: 12px 14px 0 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.flashItem-tit {
  font-size: 15px;
  color: #222222;
  font-weight: 600;
  line-height: 21px; }

.flashItem-time {
  position: absolute;
  top: 14px;
  left: 8px;
  font-size: 13px;
  color: #FF2323;
  line-height: 18px; }

.flashItem-icon {
  display: block;
  width: 44px;
  height: 20px;
  background: url("../images/down.png") no-repeat; }

.flashItem_open .flashItem-icon {
  background: url("../images/up.png") no-repeat; }

.flashItem-bd {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 34px 0 56px;
  font-size: 14px; }

.flashItem_open .flashItem-bd {
  display: block; }

.flashItem-bd p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #565657; }

.flashItem-imgList {
  overflow: hidden; }

.flashItem-imgList > img {
  display: block;
  width: 255px;
  margin-bottom: 10px; }

.flashItem-imgList > img:last-child {
  margin-bottom: 0; }

.flashItem-ft {
  padding: 9px 0 10px 56px; }

/*-------------------------------------------------------*/
.pdfPanel {
  float: right;
  width: 390px; }

.pdfPanel-hd {
  width: 380px;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 20px 9px 0;
  line-height: 28px;
  background: url(../images/cmt-tit.png) no-repeat 100% 0; }

.pdfPanel-tit {
  float: left;
  font-size: 20px;
  color: #FF000F;
  font-weight: 600; }

.pdfPanel-more {
  float: right;
  padding-right: 16px;
  font-size: 14px;
  line-height: 28px;
  color: #444444;
  background: url(../images/arrow_more.png) no-repeat 100% 50%; }

.pdfPanel-more:hover {
  color: #E10600; }

.pdfPanel-bd {
  padding-left: 10px;
  padding-top: 20px;
  margin-bottom: 23px; }

.pdfPanel-ft {
  margin-left: 10px;
  padding: 28px 24px;
  background: #F8F8F8; }

.pdfPanel-ft > p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #444444;
  text-align: center; }

.pdfPanel-ft > p:first-child {
  margin-left: -10px; }

.pdfPanel-down {
  margin-left: 10px;
  width: 380px; }

/*--------------------------dropload--------------------*/
.dropload-up, .dropload-down {
  position: relative;
  height: 0;
  overflow: hidden;
  font-size: 14px;
  color: #fff; }

.dropload-down {
  height: 50px; }

.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData {
  height: 50px;
  line-height: 50px;
  text-align: center; }

.dropload-load .loading {
  padding-left: 40px;
  line-height: 50px;
  display: inline-block;
  height: 50px;
  color: #333;
  background: url("../images/loading.gif") no-repeat 0 50%; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.video-tit {
  /*margin: 0 10px 20px 10px;
  box-sizing: border-box;
  height: 58px;
  background: url("../images/video/fill_video.png") no-repeat;
  font-size: 20px;
  padding-top: 20px;
  line-height: 38px;*/
  position: relative;
  height: 12px;
  margin-bottom: 38px;
  border-bottom: 2px solid #E10600; }

.video-tit > span {
  position: absolute;
  line-height: 29px;
  font-size: 20px;
  color: #222222;
  top: -2px;
  left: 0;
  padding-right: 12px;
  background: #fff; }

.picListBox {
  padding-top: 32px; }

.list-content {
  padding-top: 50px;
  width: 1200px;
  margin: auto;
  padding-bottom: 60px; }

.list-line {
  margin: 0 10px 0 10px;
  height: 2px;
  background: #E10600; }

.pic-list {
  overflow: hidden; }

.pic-item {
  float: left;
  width: 280px;
  margin: 0 10px 8px 10px;
  background: #fff; }

.pic-item-pic {
  position: relative;
  width: 100%;
  height: 158px;
  overflow: hidden; }

.pic-item-pic > img {
  display: block;
  width: 100%;
  min-height: 158px; }

.pic-item-tit {
  padding: 15px 0 17px;
  line-height: 24px;
  height: 48px;
  border-top: 2px solid #E10600;
  font-size: 17px;
  color: #222222;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.pic-item-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/video/video_play_01.png") no-repeat 50% 50%; }

.pic-item:hover .pic-item-play {
  background: url("../images/video/video_play_02.png") no-repeat 50% 50%; }

.pic-item:hover .pic-item-tit {
  text-decoration: underline;
  border-top: 2px solid #fff; }

/*面包屑*/
.crumb {
  font-size: 14px;
  line-height: 20px;
  color: #565657;
  margin-bottom: 32px; }

.crumb > li {
  float: left;
  margin-right: 3px; }

.crumb a {
  font-size: 14px; }

.crumb a:hover {
  color: #E10600; }

.crumb span {
  font-size: 14px;
  color: #565657; }

/*文章*/
.articleBox {
  margin-bottom: 60px;
  border-bottom: 10px solid #D4D4D6; }

.articleBox-hd {
  padding-bottom: 40px; }

.articleBox-ifo {
  padding: 10px 12px;
  font-size: 16px;
  color: #666;
  background: #F6F7F8;
  border-radius: 4px;
  line-height: 32px; }

.articleBox-avatar {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden; }

.articleBox-avatar img {
  display: block;
  width: 32px;
  min-height: 32px;
  overflow: hidden; }

.articleBox-author {
  float: left;
  margin-right: 12px;
  font-size: 16px;
  color: #949495; }

.articleBox-time {
  float: left;
  font-size: 16px;
  color: #949495; }

.articleBox-from {
  float: right;
  font-size: 15px;
  color: #949495; }

.article-title {
  font-size: 36px;
  color: #222222;
  margin-bottom: 20px; }

.articleBox-bd {
  font-size: 18px;
  color: #414245;
  line-height: 32px;
  padding: 0 0 40px 0; }

.articleBox-bd img, .articleBox-bd p {
  max-width: 100% !important; }

.articleBox-bd img {
  display: block;
  margin: auto; }

.articleBox-bd p {
  margin-bottom: 1em; }

.articleBox-bd p:last-child {
  margin-bottom: 0; }

.articleBox-ft {
  padding-bottom: 60px; }

.articleBox-labelList {
  font-size: 16px;
  line-height: 28px;
  height: 28px; }

.articleBox-labelList a {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  color: #565657;
  line-height: 30px;
  text-align: center;
  background: #F0F0F0;
  border-radius: 2px; }

/*----------------------------------------图集焦点图-------------------------------*/
.focus {
  position: relative; }

.focus_hd {
  position: relative;
  background: #333333; }

.focus_view {
  position: relative; }

.focus_view li {
  /*position: absolute;
  top: 0;
  left: 0;*/
  position: relative;
  display: none;
  height: 800px;
  text-align: center;
  line-height: 800px;
  vertical-align: middle;
  overflow: hidden; }

.focus_view li.active {
  display: block; }

.focus_view img {
  width: 100%;
  /*display: block;*/
  display: inline-block;
  /*height: 100%;*/
  margin: auto; }

.focus_prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  /*background: #dd3023;*/
  cursor: pointer;
  z-index: 10; }

.focus_next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 50%;
  /*background: #0088cc;*/
  cursor: pointer;
  z-index: 10; }

.focus_prev_btn {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 46px;
  height: 78px;
  margin-top: -23px;
  background: url("../images/focus/focus_prev.png") no-repeat;
  display: none; }

/*.focus_prev_btn:hover{
    background: url("../images/focus/focus_prev2.png") no-repeat;
}*/
.focus_next_btn {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 46px;
  height: 78px;
  margin-top: -23px;
  background: url("../images/focus/focus_next.png") no-repeat;
  display: none; }

/*.focus_next_btn:hover{
    background: url("../images/focus/focus_next2.png") no-repeat;
}*/
.focus_text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 80px;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.5);
  background: url("../images/focus/focus_text_bj.png") repeat; }

.focus_text li {
  position: relative;
  padding-left: 95px;
  height: 80px;
  display: none;
  vertical-align: middle;
  overflow: visible; }

.focus_text li.active {
  /*display: block;*/
  display: table-cell; }

.focus_text h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  /* max-height: 80px;*/
  overflow: hidden;
  /*padding: 30px 0 0 0;*/ }

.focus .focus_num {
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  line-height: 80px;
  height: 80px;
  margin: 0;
  text-align: center; }

.focus_num i {
  font-size: 36px;
  color: #ff3333;
  font-style: italic; }

.focus_num span {
  color: #ffffff;
  font-size: 26px;
  font-style: italic; }

.focus_ft {
  position: relative;
  padding: 20px 30px;
  background: #fafafa;
  overflow: hidden; }

.focus_slider {
  overflow: hidden; }

.focus_slider_box {
  overflow: hidden; }

.focus_slider_inner {
  position: relative;
  width: 100000px; }

.focus_slider li {
  float: left;
  width: 140px;
  height: 84px;
  margin-right: 15px;
  cursor: pointer; }

.focus_slider li.active {
  width: 136px;
  height: 80px;
  border: 2px solid #ff3333;
  overflow: hidden; }

.focus_slider img {
  width: 140px;
  /*height: 84px;*/ }

.focus_slider li.active img {
  width: 136px; }

.focus_slider_prev {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 124px;
  background: url("../images/focus/focus_slider_prev.png") no-repeat 50% 50%; }

.focus_slider_prev:hover {
  background: url("../images/focus/focus_slider_prev2.png") no-repeat 50% 50%; }

.focus_slider_next {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 124px;
  background: url("../images/focus/focus_slider_next.png") no-repeat 50% 50%; }

.focus_slider_next:hover {
  background: url("../images/focus/focus_slider_next2.png") no-repeat 50% 50%; }

.vDetailPage {
  padding-top: 72px;
  margin-top: 0; }

.vDetailPage .header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #202020;
  border-bottom: 1px solid #3C3C3C;
  z-index: 1002; }

.vDetailPage .nav a {
  color: rgba(255, 255, 255, 0.6); }

.vDetailPage .nav li:hover:after, .vDetailPage .nav li.current:after {
  background: rgba(255, 255, 255, 0.6); }

.vDetailPage .searchBox {
  background: #313131; }

.vDetailPage .searchBox-button {
  background: transparent url("../images/icon_serch_gray.png") no-repeat; }

.vDetail-top {
  background: #202020; }

.vDetail-content {
  width: 1200px;
  margin: auto; }

.vDetail-content_1 {
  padding-top: 42px;
  margin-bottom: 40px; }

.vDetail-content_2 {
  margin-bottom: 60px; }

.vDetail-main {
  float: left;
  width: 780px; }

.vDetail-tit {
  margin-bottom: 16px;
  line-height: 50px;
  font-size: 28px;
  color: #FFFFFF;
  font-weight: 600; }

.vDetail-sidebar {
  float: right;
  width: 380px; }

.vDetail-ifo {
  margin-bottom: 16px; }

.vDetail-avatar {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 16px;
  vertical-align: middle;
  overflow: hidden; }

.vDetail-avatar > img {
  width: 36px;
  height: 36px; }

.vDetail-author {
  display: inline-block;
  margin-right: 12px;
  line-height: 36px;
  font-size: 18px;
  color: #949495;
  vertical-align: middle; }

.vDetail-time {
  display: inline-block;
  line-height: 36px;
  font-size: 18px;
  color: #949495;
  vertical-align: middle; }

.vDetail-desc {
  padding-bottom: 20px;
  color: #c4c4c4;
  font-size: 14px; }

.videoBox {
  position: relative;
  width: 780px;
  height: 442px;
  /*padding: 5px 0;*/
  margin-bottom: 20px;
  background: #000000;
  border-top: 2px solid #E10600; }

.videoJsBox {
  display: none; }

.video-js .vjs-big-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -22px;
  margin-left: -45px;
  border: 1px solid #84827B;
  font-size: 30px; }

.videoIframe, .articleBox-bd iframe {
  /* width: 100%;
   height: 500px;*/
  display: block;
  width: 600px;
  min-height: 400px;
  margin: auto;
  /*width: 100%;
  height: 548px;*/
  border: none; }

.video-js .vjs-big-play-button {
  width: 72px;
  height: 72px;
  background: url("../images/video/video_play_72.png") no-repeat;
  border: none; }

.video-js .vjs-poster {
  background-size: cover; }

.video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: none; }

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  background: url("../images/video/video_play_red_72.png") no-repeat; }

.vDetail-sidebar .newsPanel-hd {
  background: url("../images/line_t_02.png") no-repeat; }

.vDetail-sidebar .newsPanel-tit {
  color: #FFFFFF;
  font-weight: 400; }

.vDetail-sidebar .side-news-left {
  width: 135px;
  height: 90px; }

.vDetail-sidebar .side-news-right {
  margin-left: 148px; }

.vDetail-sidebar .side-news-left > img {
  height: 90px;
  width: 135px; }

.vDetail-sidebar .side-news-right > h3 {
  margin-bottom: 30px; }

.vDetail-sidebar .newsPanel-more {
  color: #949495; }

.vDetail-sidebar .newsPanel-more:hover {
  color: #E10600; }

.vDetail-sidebar .side-news {
  border-bottom: 1px solid #454545; }

.vDetail-sidebar .side-news-right h3 {
  color: #c8c8c8; }

.vDetail-sidebar .side-news:hover h3 {
  color: #E10600; }

.vDetail-sidebar .side-news-right p {
  color: #949495; }

/*------------------------------------热门评论--------------------------------------------*/
.cmt {
  padding: 0; }

.cmt-tit {
  margin: 0;
  padding: 25px 0 9px 0;
  font-size: 20px;
  color: #E10600;
  background: url("../images/cmt-tit.png") no-repeat 100% 50%; }

.cmt-list {
  margin-bottom: 40px;
  border-bottom: 1px solid #D4D4D6; }

.cmt-item {
  padding: 12px 0 12px 0; }

.noCmt {
  font-size: 14px;
  color: #999999;
  margin: 0;
  padding: 20px 0 20px 0; }

.cmt-item-left {
  float: left;
  display: block;
  width: 44px;
  height: 44px;
  margin-left: 20px;
  border-radius: 50%;
  overflow: hidden;
  background: #d9d9d9; }

.cmt-item-left img {
  display: block;
  width: 44px;
  min-height: 44px; }

.cmt-item-right {
  margin-left: 84px;
  padding-right: 38px;
  padding-bottom: 9px;
  border-bottom: 1px solid #D4D4D6; }

.cmt-item:last-child .cmt-item-right {
  border-bottom: none; }

.cmt-item-name {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
  color: #666666; }

.toUsername {
  font-weight: 400;
  color: #324663; }

.cmt-item-cnt {
  margin: 0 0 8px 0;
  font-size: 16px;
  color: #000000;
  word-break: break-all; }

.cmt-item-time {
  font-size: 14px;
  line-height: 20px;
  color: #999999; }

.cmt-moreBox {
  display: block;
  text-align: center; }

.cmt-moreBox > a {
  display: inline-block;
  padding-right: 16px;
  height: 30px;
  line-height: 30px;
  background: url(../images/loadMore.png) 100% 50% no-repeat; }

.side-author {
  background: #fafafa;
  margin: 30px 0 30px 0;
  position: relative;
  background: url("../images/line_t_02.png") no-repeat 0 0; }

.side-author-hd {
  height: auto;
  margin: 0 20px;
  padding: 24px 0 20px 0; }

.side-author-bd {
  padding: 0 0 0 0; }

.side-author-avatar {
  position: relative;
  top: 0;
  left: 0;
  width: 76px;
  height: 76px;
  margin: 0 auto 16px auto;
  border-radius: 50%;
  overflow: hidden;
  background: #FAFAFA; }

.side-author-avatar img {
  width: 76px;
  min-height: 76px; }

.side-author-name {
  margin-bottom: 8px;
  line-height: 25px;
  font-size: 18px;
  color: #222222;
  text-align: center;
  font-weight: 600; }

.side-author-work {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  color: #444444;
  letter-spacing: 0;
  text-align: center; }

.searchContent {
  width: 1200px;
  margin: auto;
  padding: 42px 0 42px 0; }

.bigSearchBox {
  position: relative;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 780px;
  height: 48px;
  padding: 0 10px 0 64px;
  margin-bottom: 42px;
  border-radius: 4px;
  overflow: hidden; }

.bigSearchBox-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 25px;
  top: 12px;
  background: url("../images/icon_serch.png") no-repeat; }

.bigSearchBox-inputBox {
  padding: 8px 0; }

.bigSearchBox-input {
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  border: none;
  width: 100%;
  background: #f8f8f8; }

.searchNoResult {
  display: block;
  margin: 121px auto 0 auto;
  height: 270px;
  background: url("../images/search-no-result.png") no-repeat 50% 0; }

.pdfDetailContent {
  width: 960px;
  padding: 50px 0 80px 0;
  margin: auto; }

.newspaper-main {
  /*margin-left: 20px;*/ }

.newspaperBox {
  /*padding-top: 12px;*/
  /*margin: 0 10px;*/ }

.newspaperBox_recent {
  height: 373px; }

/*其它期次*/
.newspaperBox_other {
  margin-bottom: 20px; }

.newspaperBox-hd {
  position: relative;
  height: 12px;
  border-bottom: 2px solid #E10600; }

.newspaperBox-hd > h3 {
  position: absolute;
  line-height: 29px;
  font-size: 20px;
  color: #222222;
  top: -2px;
  left: 0;
  padding-right: 12px;
  background: #fff; }

.newspaperBox-bd {
  padding-top: 38px; }

.npDetail-main .pdfList {
  margin: 0 -10px 0 -10px; }

.npDetail-main .pdfItem {
  width: 142px;
  margin: 0 10px 20px 10px; }

.npDetail-main .pdfItem-img {
  width: 142px;
  height: 200px; }

.pdfTabsBox {
  margin-bottom: 24px;
  background: #F8F8F8;
  border-radius: 4px; }

.pdfTabs {
  margin: 0;
  padding: 0; }

.pdfTabs > dt {
  float: left;
  width: 80px;
  padding: 12px 0;
  line-height: 28px;
  font-size: 15px;
  color: #222222;
  text-align: center; }

.pdfTabs > dd {
  float: left;
  width: 1050px;
  padding: 12px 0;
  border-bottom: 1px solid #D4D4D6; }

.pdfTabs:last-child > dd {
  border-bottom: none; }

.pdfTabs ul {
  font-size: 0;
  height: 28px; }

.pdfTabs ul > li {
  display: inline-block;
  margin-right: 10px; }

.pdfTabs ul > li > a {
  display: block;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #222222; }

.pdfTabs ul > li.active > a {
  background: #E10600;
  border-radius: 14px;
  color: #FFFFFF; }

.pdfList {
  /* margin-left: -14px;
  margin-right: -14px;*/
  overflow: hidden; }

.pdfItem {
  float: left;
  width: 172px;
  margin: 0 14px 22px 14px;
  /*border: 1px solid #e3e3e3;
  -webkit-box-shadow: 1px 3px 3px #e3e3e3;
  box-shadow: 1px 3px 3px #e3e3e3;*/ }

.pdfItem-img {
  width: 172px;
  height: 242px;
  margin-bottom: 10px;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  border-bottom: 2px solid #E10600; }

.pdfItem:hover .pdfItem-img {
  border-bottom: none;
  margin-bottom: 12px; }

.pdfItem-tit {
  line-height: 21px;
  font-size: 16px;
  color: #222222;
  margin: 0 0 7px 8px; }

.pdfItem-time {
  line-height: 16px;
  font-size: 14px;
  color: #565657;
  margin: 0 0 0 8px; }

.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/mask.png") repeat;
  z-index: 2000; }

.pdfDialog {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -253px;
  width: 600px;
  height: 177px;
  background: url("../images/pdfDialog.png") no-repeat;
  text-align: center;
  padding-top: 330px;
  z-index: 2001; }

.pdfDialog-tit {
  font-size: 34px;
  color: #444444;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 10px; }

.pdfDialog-p1 {
  font-size: 26px;
  color: #666666;
  font-weight: 400;
  line-height: 1.5em; }

.pdfDialog-p2 {
  font-size: 26px;
  color: #999999;
  font-weight: 400;
  line-height: 1.5em; }

.pdfDialog-close {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 30px;
  top: 130px;
  background: url("../images/pdfDialogl-close.png") no-repeat; }

.npDetail-main {
  /* margin-left: 20px;*/ }

.npDetail-des {
  font-size: 14px;
  color: #565657;
  letter-spacing: 0;
  line-height: 22px; }

/*----------------------------------------*/
.npDetail-ifo {
  padding: 10px 0;
  margin-bottom: 32px; }

.npDetail-ifo-img {
  float: left;
  width: 180px;
  height: 253px;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14); }

.npDetail-ifo-cnt {
  margin-left: 214px; }

.npDetail-ifo-tit {
  margin-bottom: 16px;
  padding-top: 16px;
  line-height: 29px;
  font-size: 22px;
  color: #222222;
  font-weight: 700; }

.npDetail-ifo-time {
  margin-bottom: 24px;
  line-height: 24px;
  font-size: 18px;
  color: #565657; }

.npDetail-ifo-price, .npDetail-ifo-price2 {
  height: 31px;
  margin-bottom: 14px;
  font-size: 0; }

.npDetail-ifo-price2 {
  margin-bottom: 0; }

.npDetail-ifo-price > span, .npDetail-ifo-price2 > span {
  display: inline-block;
  font-size: 16px;
  color: #565657;
  vertical-align: bottom; }

.npDetail-ifo-price > strong, .npDetail-ifo-price2 > strong {
  display: inline-block;
  line-height: 31px;
  font-size: 28px;
  color: #E10600;
  vertical-align: bottom; }

.npDetail-ifo-price > sub, .npDetail-ifo-price2 > sub {
  display: inline-block;
  font-size: 14px;
  color: #E10600;
  vertical-align: bottom; }

.npDetail-ifo-kt {
  margin-bottom: 24px;
  font-size: 0; }

.npDetail-ifo-kt > p {
  display: inline-block;
  margin-right: 22px;
  line-height: 24px;
  font-size: 16px;
  color: #565657;
  vertical-align: middle; }

.npDetail-ifo-kt > a {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0B960), to(#E7943E));
  background-image: linear-gradient(-180deg, #F0B960 0%, #E7943E 100%);
  border-radius: 12px;
  vertical-align: middle; }

.npDetail-ifo-reader {
  display: block;
  width: 102px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #E10600;
  border-radius: 4px; }

.npDetail-ifo-reader:hover {
  color: #FFFFFF; }

.gif-player {
  position: relative;
  cursor: pointer; }

.gif-player_stop .gif-play-button, .gif-player_loading .gif-play-button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../images/GIF.png") no-repeat 50% 50%;
  background-size: 44px 44px; }

.gif-player > img {
  width: 100%; }

.gif-player-loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.gif-player_loading .gif-player-loading {
  display: block; }

.gif-player_loaded .gif-player-loading {
  display: none; }

.gif-player_loaded .gif-play-button {
  display: none; }

.la-ball-clip-rotate, .la-ball-clip-rotate > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-clip-rotate {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-clip-rotate.la-dark {
  color: #333; }

.la-ball-clip-rotate > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-clip-rotate {
  width: 44px;
  height: 44px; }

.la-ball-clip-rotate > div {
  width: 44px;
  height: 44px;
  background: transparent;
  border-width: 3px;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate 0.75s linear infinite;
  animation: ball-clip-rotate 0.75s linear infinite; }

@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.gif-player.loading .loader9 {
  display: block; }

.loader9:before {
  content: "";
  position: absolute;
  top: 0px;
  height: 24px;
  /*px*/
  width: 24px;
  /*px*/
  border-radius: 24px;
  /*px*/
  -webkit-animation: loader9g 3s ease-in-out infinite;
  animation: loader9g 3s ease-in-out infinite; }

.loader9 {
  display: none;
  position: absolute;
  width: 24px;
  /*px*/
  height: 24px;
  /*px*/
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  border-radius: 24px;
  /*px*/
  background-color: #fff; }

.loader9:after {
  content: "";
  position: absolute;
  top: 0px;
  /*px*/
  height: 24px;
  /*px*/
  width: 24px;
  /*px*/
  border-radius: 24px;
  /*px*/
  -webkit-animation: loader9d 3s ease-in-out infinite;
  animation: loader9d 3s ease-in-out infinite; }

@-webkit-keyframes loader9g {
  0% {
    left: -25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); }
  50% {
    left: 0px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    left: -25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); } }

@keyframes loader9g {
  0% {
    left: -25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); }
  50% {
    left: 0px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    left: -25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); } }

@-webkit-keyframes loader9d {
  0% {
    left: 25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); }
  50% {
    left: 0px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    left: 25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); } }

@keyframes loader9d {
  0% {
    left: 25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); }
  50% {
    left: 0px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    left: 25px;
    /*px*/
    background-color: rgba(255, 255, 255, 0.8); } }

.pay-callback {
  background: #F2F4F7;
  padding: 60px 0 180px 0; }

.pay-result {
  width: 1200px;
  margin: 0 auto 0 auto;
  height: 400px;
  padding: 42px 60px;
  background: #fff; }

.pay-result_success {
  border-top: 2px solid #09BB07; }

.pay-result_error {
  border-top: 2px solid #F76260; }

.pay-result-tit1 {
  margin-bottom: 20px;
  padding-left: 42px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #09BB07;
  font-weight: 700;
  background: url("../images/zhifu_right.png") no-repeat 0 0; }

.pay-result-tit2 {
  margin-bottom: 20px;
  padding-left: 42px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #F76260;
  font-weight: 700;
  background: url("../images/zhifu_wrong.png") no-repeat 0 0; }

.pay-result p {
  font-size: 16px;
  margin-bottom: 10px; }

.pay-repayment, .pay-backBtn {
  display: block;
  width: 108px;
  height: 32px;
  line-height: 32px;
  background: #DC0714;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF; }

.pay-repayment:hover, .pay-backBtn:hover {
  color: #FFFFFF;
  background: #F0303D; }

/*---------------pay-dialog------------------*/
.pay-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2000; }

.pay-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 556px;
  /*height: 518px;*/
  margin-left: -300px;
  margin-top: -259px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2002;
  overflow: hidden; }

.pay-dialog_rechange {
  width: 890px;
  margin-left: -445px;
  margin-top: -260px; }

.pay-dialog-hd {
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 15px 0;
  background: #F6F6F6;
  font-weight: 600; }

.pay-dialog-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 26px;
  height: 26px;
  background: url("../images/login/login_close_01.png") no-repeat; }

.pay-dialog-close:hover {
  background: url("../images/login/login_close_02.png") no-repeat; }

.pay-dialog-user {
  font-size: 15px;
  color: #222222;
  margin-bottom: 24px; }

.pay-dialog-user > span {
  font-size: 15px;
  color: #565657; }

.pay-dialog-bd {
  padding: 24px 36px 30px 36px; }

.pay-dialog-list {
  margin-right: -24px;
  font-size: 0; }

.pay-dialog-list > li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 114px;
  padding: 12px 0 0 0;
  margin-bottom: 24px;
  margin-right: 20px;
  text-align: center;
  vertical-align: middle;
  background: #FFFFFF;
  border: 2px solid #eeeeee;
  border-radius: 6px;
  cursor: pointer; }

.pay-dialog-list > li > h3 {
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  margin-bottom: 4px;
  font-size: 36px;
  color: #565657;
  font-weight: 600; }

.pay-dialog-list > li > h3 > sub {
  position: relative;
  left: 5px;
  bottom: 11px;
  font-size: 16px;
  font-weight: 400; }

.pay-dialog-list > li > p {
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  text-align: center; }

.pay-dialog-list > li.active {
  background: #FFFCF5;
  border: 2px solid #EFA457; }

.pay-dialog-list > li.active > h3 {
  color: #EFA457; }

.pay-dialog-list_2 li {
  width: 232px; }

.pay-dialog-list_3 li {
  /* width: 168px;*/
  width: 120px; }

.pay-dialog-tit {
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  margin-bottom: 9px;
  font-weight: 600; }

.pay-ways {
  background: #FFFFFF;
  border: 1px solid #ECECEC; }

.pay-ways-hd {
  font-size: 0;
  background: #F7F7F7;
  height: 40px; }

.pay-ways-hd > a {
  display: inline-block;
  width: 88px;
  padding: 12px 0;
  font-size: 12px;
  line-height: 17px;
  color: #222222;
  text-align: center; }

.pay-ways-hd > a.active {
  background: #FFFFFF; }

.pay-ways-alipay {
  padding: 33px 0 19px 0;
  text-align: center; }

.pay-ways-alipay > img {
  display: block;
  height: 44px;
  margin: 0 auto 32px auto; }

.pay-dialog-submit {
  display: block;
  width: 128px;
  height: 32px;
  line-height: 32px;
  margin: auto;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #00AAEE;
  border-radius: 4px; }

.pay-dialog-submit:hover {
  color: #fff;
  background: #00B6FF; }

.pay-ways-weixin {
  padding: 10px 0 5px 0;
  text-align: center; }

.pay-qrcodeBox {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 10px auto;
  background: #E6E6E6; }

.pay-qrcodeBox img {
  display: block;
  width: 120px;
  height: 120px; }

.pay-qrcode-refresh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 28px;
  background: rgba(255, 255, 255, 0.9); }

.pay-qrcode-refresh-tit {
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500; }

.pay-qrcode-refresh-btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 86px;
  height: 32px;
  margin: auto;
  padding-left: 24px;
  line-height: 32px;
  background: #DC0714;
  border-radius: 3px;
  font-size: 12px;
  color: #FFFFFF; }

.pay-qrcode-refresh-btn:hover {
  color: #fff; }

.pay-qrcode-refresh-btn > i {
  position: absolute;
  top: 9px;
  left: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/login/icon_shuaxin.png") no-repeat; }

.pay-qrcode-refresh-btn.active > i {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

.pay-weixin-notice {
  font-size: 12px;
  line-height: 15px; }

.pay-check-weixin {
  display: block;
  width: 128px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #09BB07;
  border-radius: 4px; }

.personalPage .side-intr {
  background-color: #fff; }

.personal-container {
  background: #F2F4F7;
  padding-bottom: 275px; }

.personal-top {
  margin-bottom: 5px;
  height: 250px;
  padding: 34px 0 0 0;
  border-top: 2px solid #E10600;
  background: #fff; }

.personal-avatar {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 20px auto;
  border-radius: 50%;
  overflow: hidden; }

.personal-avatar > img {
  width: 90px;
  height: 90px; }

.personal-name {
  margin-bottom: 8px;
  line-height: 20px;
  font-size: 16px;
  color: #222222;
  letter-spacing: 0;
  text-align: center; }

.personal-level {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #565657;
  letter-spacing: 0;
  text-align: center; }

.personal-pay {
  display: block;
  width: 108px;
  height: 32px;
  margin: 0 auto 12px auto;
  line-height: 32px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background: #DC0714;
  border-radius: 4px; }

.personal-pay:hover {
  color: #fff;
  background: #F0303D; }

.personal-time {
  line-height: 19px;
  font-size: 14px;
  color: #565657;
  letter-spacing: 0;
  text-align: center; }

.personal-tCoin {
  position: relative;
  padding: 24px 40px;
  background: #FFFFFF;
  vertical-align: middle;
  font-size: 0; }

.personal-tCoin > i {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  background: url("../images/icon_my_tbi.png") no-repeat;
  vertical-align: middle; }

.personal-tCoin > span {
  display: inline-block;
  margin-right: 8px;
  font-size: 15px;
  color: #222222;
  line-height: 32px;
  vertical-align: middle; }

.personal-tCoin > strong {
  font-size: 17px;
  color: #222222;
  line-height: 32px;
  vertical-align: middle; }

.personal-tCoin > a {
  position: absolute;
  right: 40px;
  top: 24px;
  display: block;
  width: 64px;
  height: 32px;
  line-height: 32px;
  background: #DC0714;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center; }

.personal-tCoin > a:hover {
  color: #ffffff;
  background: #F0303D; }

/*@import "_toastr.scss";*/
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2001; }

.dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -200px;
  width: 400px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2002; }

.dialog-hd {
  padding: 15px 0;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #222222;
  font-weight: 600;
  background: #F6F6F6; }

.dialog-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 26px;
  height: 26px;
  background: url("../images/login/login_close_01.png") no-repeat; }

.dialog-close:hover {
  background: url("../images/login/login_close_02.png") no-repeat; }

.dialog-bd {
  position: relative;
  padding: 30px 15px;
  text-align: center; }

.dialog-ft {
  padding: 10px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.dialog-btn {
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px; }

.dialog-submit, .dialog-primary {
  float: right;
  color: #fff;
  background: #E10600;
  border: 1px solid #E10600; }

.dialog-submit:hover, .dialog-primary:hover {
  color: #fff;
  background: #a20600;
  border: 1px solid #a20600; }

.dialog-cancel, .dialog-default {
  float: left;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc; }

.dialog-cancel:hover, .dialog-default:hover {
  background: #dadada; }

.quickBanner {
  display: block;
  width: 980px;
  margin: auto; }

.quick-list-day {
  /* margin-bottom: 43px;*/
  border-bottom: 1px solid #D4D4D6; }

.quick-list-day > h3 {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 980px;
  margin: auto;
  padding: 15px 0 15px 38px;
  font-size: 22px;
  line-height: 30px;
  color: #222222; }

.quick-list-day > h3:before {
  content: ".";
  font-size: 0;
  position: absolute;
  left: 10px;
  top: 24px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #FF000F; }

.quick-list-day > h3 > span {
  margin-right: 12px; }

.quick-list-day > h3 > strong {
  font-size: 21px; }

.quick-day-mg {
  height: 43px;
  width: 947px;
  margin: 0 auto;
  border-left: 1px dashed #D4D4D6; }

.quick-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 980px;
  margin: auto;
  padding: 0 16px; }

.quick-box > dl {
  position: relative;
  padding: 0 0 36px 20px;
  margin: 0;
  border-left: 1px dashed #D4D4D6; }

.quick-box > dl.quick-box-b {
  border-left: 1px dashed #D4D4D6; }

.quick-box > dl.quick-box-noB {
  border-left: none; }

.quick-box > dl > dt {
  position: relative;
  padding: 0; }

.quick-box-dot {
  content: ".";
  font-size: 0;
  position: absolute;
  left: -6px;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid #FF000F; }

.quick-box > dl > dd {
  position: relative;
  padding: 0;
  margin: 0; }

.quick-box-time {
  position: relative;
  top: -2px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #FF000F;
  font-weight: 600; }

.quick-box h3 {
  margin-bottom: 9px;
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  font-weight: 600; }

.quick-box h3 > a {
  color: #222222;
  font-weight: 600; }

.quick-box-des {
  margin-bottom: 10px;
  font-size: 15px;
  color: #565657;
  letter-spacing: 0;
  line-height: 24px; }

.quick-box-des > a {
  display: block; }

.quick-box-des p {
  margin-bottom: 1em; }

.quick-box-des p:last-child {
  margin-bottom: 0; }

.quick-box-pr {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 13px;
  line-height: 1em;
  color: #949495; }

.quick-box-oneImg {
  display: inline-block;
  position: relative;
  min-width: 50px; }

.quick-box-oneImg, .quick-box-oneImg > img {
  height: 110px; }

.media-box {
  font-size: 0; }

.media-box > li {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-right: 6px;
  vertical-align: middle;
  overflow: hidden; }

.media-box > li > img {
  position: relative;
  min-width: 110px;
  height: 110px; }

.media-box > li > img, .quick-box-oneImg > img {
  cursor: url(../images/quick/big.cur), auto; }

.minFocus_view img {
  cursor: url(../images/quick/small.cur), auto; }

.quick-box-video {
  position: relative;
  width: 342px;
  height: 194px;
  overflow: hidden;
  cursor: pointer; }

.quick-box-video > img {
  width: 342px;
  min-height: 194px; }

.quick-box-video > i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/video/video_play_01.png) no-repeat 50% 50%; }

.i-gif {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20px;
  width: 36px;
  line-height: 20px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background: #E10600;
  font-style: normal;
  border-top-left-radius: 4px; }

/*----------------------------------------*/
.minFocus {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 532px;
  padding: 0 16px;
  background: #F5F6F7;
  display: none; }

.minFocus_one {
  padding-bottom: 16px; }

.minFocus_hd {
  display: block;
  padding: 7px 0 7px 16px;
  font-size: 12px;
  color: #444444;
  letter-spacing: 0;
  line-height: 18px;
  background: url("../images/quick/icon_quick_shou.png") no-repeat 0 10px;
  background-size: 12px 12px; }

.minFocus_hd:hover {
  background: url("../images/quick/icon_quick_shou_red.png") no-repeat 0 10px;
  background-size: 12px 12px;
  color: #4D78B8; }

.minFocus_bd {
  position: relative;
  width: 500px; }

.minFocus_view {
  position: relative; }

.minFocus_view li {
  position: relative;
  display: none;
  text-align: center;
  vertical-align: middle;
  overflow: hidden; }

.minFocus_view li.active {
  display: block; }

.minFocus_view img {
  width: 100%;
  display: inline-block;
  margin: auto; }

.minFocus_prev {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 120px; }

.minFocus_next {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px; }

.minFocus_prev_btn {
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  width: 31px;
  height: 52px;
  margin-top: -26px;
  cursor: pointer;
  z-index: 10;
  border: none;
  outline: none;
  background: url("../images/quick/icon_arrow_prev.png") no-repeat;
  background-size: 31px 52px; }

.minFocus_next_btn {
  position: absolute;
  top: 50%;
  right: 14px;
  display: block;
  width: 31px;
  height: 52px;
  margin-top: -26px;
  cursor: pointer;
  z-index: 10;
  border: none;
  outline: none;
  background: url("../images/quick/icon_arrow_next.png") no-repeat;
  background-size: 31px 52px; }

.minFocus_ft {
  position: relative;
  padding: 10px 0;
  overflow: hidden; }

.minFocus_slider {
  overflow: hidden; }

.minFocus_slider_box {
  overflow: hidden; }

.minFocus_slider_inner {
  position: relative;
  width: 100000px; }

.minFocus_slider ul {
  font-size: 0; }

.minFocus_slider li {
  display: inline-block;
  width: 72px;
  height: 54px;
  margin-right: 6px;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle; }

.minFocus_slider li.active {
  border: 2px solid #ff3333; }

.minFocus_slider img {
  width: 72px;
  min-height: 54px; }

.vid-warp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000; }

.vid-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2001; }

.vid-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -310px;
  margin-left: -512px;
  width: 1024px;
  z-index: 2002; }

.vid-dialog-hd {
  padding: 16px 0;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: 600; }

.vid-dialog-close {
  position: absolute;
  top: 34px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: url("../images/quick/btn_video_close.png") no-repeat;
  background-size: 40px 40px;
  z-index: 2004; }

.vid-dialog-bd {
  height: 578px;
  position: relative; }

.vid-dialog-bd .video-js {
  width: 1024px;
  height: 578px; }

.loadMore_quick {
  width: 960px;
  margin: 0 auto 60px auto; }

/*-----------------------------------------------*/
.quickContent {
  width: 750px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 60px; }

.quick-videoBox {
  position: relative;
  width: 750px;
  height: 423px;
  margin-bottom: 20px;
  background: #000000; }

/**--------------------------------------*/
.pdfCard {
  padding: 10px 0;
  margin-bottom: 32px; }
.pdfCard .pdfCard-img {
  float: left;
  width: 180px;
  height: 253px;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14); }
.pdfCard .pdfCard-cnt {
  margin-left: 214px; }
.pdfCard .pdfCard-tit {
  margin-bottom: 16px;
  padding-top: 16px;
  line-height: 29px;
  font-size: 22px;
  color: #222222;
  font-weight: 700; }
.pdfCard .pdfCard-time {
  margin-bottom: 24px;
  line-height: 24px;
  font-size: 18px;
  color: #565657; }
.pdfCard .pdfCard-price, .pdfCard .pdfCard-price2 {
  height: 31px;
  margin-bottom: 14px;
  font-size: 0; }
.pdfCard .pdfCardo-price2 {
  margin-bottom: 0; }
.pdfCard .pdfCard-price > span, .pdfCard .pdfCard-price2 > span {
  display: inline-block;
  font-size: 16px;
  color: #565657;
  vertical-align: bottom; }
.pdfCard .pdfCard-price > strong, .pdfCard .pdfCard-price2 > strong {
  display: inline-block;
  line-height: 31px;
  font-size: 28px;
  color: #E10600;
  vertical-align: bottom; }
.pdfCard .pdfCard-price > sub, .pdfCard .pdfCard-price2 > sub {
  display: inline-block;
  font-size: 14px;
  color: #E10600;
  vertical-align: bottom; }
.pdfCard .pdfCard-kt {
  margin-bottom: 24px;
  font-size: 0; }
.pdfCard .pdfCard-kt > p {
  display: inline-block;
  margin-right: 22px;
  line-height: 24px;
  font-size: 16px;
  color: #565657;
  vertical-align: middle; }
.pdfCard .pdfCard-kt > a {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0B960), to(#E7943E));
  background-image: linear-gradient(-180deg, #F0B960 0%, #E7943E 100%);
  border-radius: 12px;
  vertical-align: middle; }
.pdfCard .pdfCard-reader {
  display: block;
  width: 102px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #E10600;
  border-radius: 4px; }
.pdfCard .pdfCard-reader:hover {
  color: #FFFFFF; }

.pdfCard_sm {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 342px;
  padding: 10px;
  background: #F5F6F7;
  border-radius: 4px; }
.pdfCard_sm .pdfCard-img {
  float: left;
  width: 120px;
  height: 170px;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14); }
.pdfCard_sm .pdfCard-cnt {
  margin-left: 136px; }
.pdfCard_sm .pdfCard-tit {
  margin-bottom: 2px;
  padding-top: 6px;
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  font-weight: 600; }
.pdfCard_sm .pdfCard-time {
  margin-bottom: 12px;
  line-height: 20px;
  font-size: 14px;
  color: #222222; }
.pdfCard_sm .pdfCard-price, .pdfCard_sm .pdfCard-price2 {
  height: 25px;
  margin-bottom: 8px;
  font-size: 0; }
.pdfCard_sm .pdfCardo-price2 {
  margin-bottom: 0; }
.pdfCard_sm .pdfCard-price > span, .pdfCard_sm .pdfCard-price2 > span {
  display: inline-block;
  font-size: 12px;
  color: #565657;
  vertical-align: bottom; }
.pdfCard_sm .pdfCard-price > strong, .pdfCard_sm .pdfCard-price2 > strong {
  display: inline-block;
  line-height: 25px;
  font-size: 22px;
  color: #E10600;
  vertical-align: bottom; }
.pdfCard_sm .pdfCard-price > sub, .pdfCard_sm .pdfCard-price2 > sub {
  display: inline-block;
  font-size: 12px;
  color: #E10600;
  vertical-align: bottom; }
.pdfCard_sm .pdfCard-kt {
  margin-bottom: 10px;
  font-size: 0;
  height: 33px; }
.pdfCard_sm .pdfCard-kt > p {
  display: inline-block;
  margin-right: 13px;
  line-height: 17px;
  font-size: 12px;
  color: #565657;
  vertical-align: middle; }
.pdfCard_sm .pdfCard-kt > a {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0B960), to(#E7943E));
  background-image: linear-gradient(-180deg, #F0B960 0%, #E7943E 100%);
  border-radius: 6px;
  vertical-align: middle;
  font-weight: 400; }
.pdfCard_sm .pdfCard-reader {
  display: block;
  width: 68px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #E10600;
  border-radius: 2px; }
.pdfCard_sm .pdfCard-reader:hover {
  color: #FFFFFF; }

.pdfCard_md .pdfCard-img {
  float: left;
  width: 180px;
  height: 253px;
  border: 1px solid #E6E6E6;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14); }

.pdfCard_md .pdfCard-cnt {
  margin-left: 204px; }

.pdfCard_md .pdfCard-tit {
  margin-top: 4px; }

.pdfCard_md .pdfCard-tit-name {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #222222;
  line-height: 28px;
  font-weight: 600; }

.pdfCard_md .pdfCard-tit-num {
  display: block;
  margin-bottom: 16px;
  font-size: 18px;
  color: #222222;
  line-height: 25px;
  font-weight: 400; }

.pdfCard_md .pdfCard-time {
  margin-bottom: 22px;
  line-height: 20px;
  font-size: 14px;
  color: #565657; }

.pdfCard_md .pdfCard-price, .pdfCard_md .pdfCard-price2 {
  height: 31px;
  margin-bottom: 6px;
  font-size: 0; }

.pdfCard_md .pdfCardo-price2 {
  margin-bottom: 0; }

.pdfCard_md .pdfCard-price > span, .pdfCard_md .pdfCard-price2 > span {
  display: inline-block;
  font-size: 16px;
  color: #565657;
  line-height: 22px;
  vertical-align: bottom; }

.pdfCard_md .pdfCard-price > strong, .pdfCard_md .pdfCard-price2 > strong {
  display: inline-block;
  line-height: 31px;
  font-size: 28px;
  color: #E10600;
  vertical-align: bottom; }

.pdfCard_md .pdfCard-price > sub, .pdfCard_md .pdfCard-price2 > sub {
  display: inline-block;
  font-size: 14px;
  color: #E10600;
  vertical-align: bottom; }

.pdfCard_md .pdfCard-kt {
  margin-bottom: 16px;
  font-size: 0;
  height: 33px; }

.pdfCard_md .pdfCard-kt > p {
  display: inline-block;
  margin-right: 15px;
  line-height: 20px;
  font-size: 14px;
  color: #565657;
  vertical-align: middle; }

.pdfCard_md .pdfCard-kt > a {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0B960), to(#E7943E));
  background-image: linear-gradient(-180deg, #F0B960 0%, #E7943E 100%);
  border-radius: 6px;
  vertical-align: middle;
  font-weight: 400; }

.pdfCard_md .pdfCard-reader {
  display: block;
  width: 96px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #E10600;
  border-radius: 4px; }

.pdfCard_md .pdfCard-reader:hover {
  color: #FFFFFF; }

.subNav2Box {
  margin-bottom: 24px; }

.subNav2Box-inner {
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }

.subNav2 {
  width: 1200px;
  height: 64px;
  margin: auto;
  line-height: 64px; }

.subNav2 > a {
  display: inline-block;
  font-size: 16px;
  color: #565657;
  margin: 0 24px;
  font-weight: 600; }

.subNav2 > a.active {
  color: #E10600;
  font-weight: 600; }

.match-content {
  width: 1180px;
  min-height: 600px;
  margin: auto; }

.match-types-wrap {
  position: relative;
  /*height: 52px;*/
  /*overflow-y: hidden;
  overflow-x: auto;*/
  overflow: hidden;
  /* -webkit-overflow-scrolling: touch;
   white-space: nowrap;*/
  margin-bottom: 34px; }

/*!*滚动条样式*!
.match-types-wrap::-webkit-scrollbar {!*滚动条整体样式*!
  width: 4px;     !*高宽分别对应横竖滚动条的尺寸*!
  height: 4px;
}
.match-types-wrap::-webkit-scrollbar-thumb {!*滚动条里面小方块*!
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.match-types-wrap::-webkit-scrollbar-track {!*滚动条里面轨道*!
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}*/
/*.match-types-wrap:after{
  display: block;
  content: '';
  width: 20px;
  height:100%;
  background: rgba(75, 75, 75, 0);
  box-shadow: 2px 2px 32px 2px #999;
  position: absolute;
  right:-20px;
  top:0;

}*/
.match-types {
  /* position: absolute;
   left:0;
   top:0;
   transition: all 1s;*/
  /*white-space: nowrap;*/
  font-size: 0; }

.match-types > li {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 10px;
  vertical-align: middle;
  background: #F2F5F7;
  border-radius: 4px; }

.match-types a {
  display: block;
  height: 32px;
  padding: 0 12px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 4px;
  color: #565657; }

.match-types li.active, .match-types li:hover {
  background: #E10600; }

.match-types li.active a, .match-types li:hover a {
  color: #FFFFFF; }

.match-table {
  width: 100%;
  margin-bottom: 61px; }
.match-table > thead {
  background: #F5F5F5; }
.match-table > thead > tr > th {
  padding: 12px 0;
  font-size: 14px;
  color: #565657;
  line-height: 20px;
  font-weight: 400; }
.match-table th.m-t-name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 110px;
  padding-left: 12px;
  text-align: left; }
.match-table tbody > tr {
  border-bottom: 1px solid #E8E8EB; }
.match-table td {
  font-size: 12px;
  color: #222222; }
.match-table td.m-t-name {
  padding: 8px 0 8px 12px;
  text-align: left;
  line-height: 34px; }
.match-table td.m-t-name > span {
  display: block;
  padding-left: 5px;
  border-left: 4px solid #009900; }
.match-table th.m-t-time {
  width: 50px;
  text-align: center; }
.match-table td.m-t-time {
  text-align: center; }
.match-table th.m-t-state {
  width: 80px;
  text-align: center; }
.match-table td.m-t-state {
  text-align: center;
  border-right: 1px solid #E8E8EB; }
.match-table td.m-t-state_during {
  color: #FF000F; }
.match-table th.m-t-home {
  width: 235px;
  text-align: right; }
.match-table td.m-t-home {
  font-size: 0;
  text-align: right; }
.match-table th.m-t-score {
  width: 80px;
  text-align: center; }
.match-table td.m-t-score {
  font-weight: 700;
  text-align: center; }
.match-table td.m-t-score_during {
  color: #E10600; }
.match-table th.m-t-guest {
  width: 235px;
  text-align: left; }
.match-table td.m-t-guest {
  font-size: 0;
  text-align: left;
  border-right: 1px solid #E8E8EB; }
.match-table td.m-t-home > img, .match-table td.m-t-guest > img {
  width: 16px;
  vertical-align: middle;
  margin-top: -2px; }
.match-table td.m-t-guest > img {
  margin-right: 4px; }
.match-table td.m-t-home > strong, .match-table td.m-t-guest > strong {
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle; }
.match-table td.m-t-home > strong {
  margin-right: 4px; }
.match-table td.m-t-home > span, .match-table td.m-t-guest > span {
  font-size: 12px;
  margin: 0 3px;
  color: #999999;
  vertical-align: middle; }
.match-table .m-t-red, .match-table .m-t-yellow {
  display: inline-block;
  margin: 0 3px;
  height: 14px;
  line-height: 14px;
  padding: 0 3px;
  font-style: normal;
  border-radius: 2px;
  font-size: 12px;
  vertical-align: middle; }
.match-table .m-t-red {
  color: #fff;
  background: #FF000F; }
.match-table .m-t-yellow {
  background: #FFCE00;
  color: #A80000; }
.match-table th.m-t-half {
  width: 80px;
  text-align: center; }
.match-table td.m-t-half {
  text-align: center; }
.match-table th.m-t-corner {
  width: 80px;
  text-align: center; }
.match-table td.m-t-corner {
  text-align: center;
  border-right: 1px solid #E8E8EB; }
.match-table th.m-t-color {
  width: 80px;
  text-align: center; }
.match-table td.m-t-color {
  text-align: center; }
.match-table th.m-t-info {
  width: 60px;
  text-align: center; }
.match-table td.m-t-info {
  text-align: center; }
.match-table td.m-t-info > a {
  font-size: 12px;
  color: #FF6500; }
.match-table td.m-t-info > a:hover {
  color: #E10600; }
.match-table th.m-t-data {
  text-align: center; }
.match-table td.m-t-data {
  font-size: 12px;
  text-align: center; }
.match-table td.m-t-data > a {
  margin: 0 8px;
  font-size: 12px;
  color: #FF6500; }
.match-table td.m-t-data > a:hover {
  color: #E10600; }

.loadMoreMatch {
  display: block;
  width: 400px;
  height: 44px;
  line-height: 44px;
  margin: 0 auto 100px auto;
  font-size: 14px;
  color: #565657;
  text-align: center;
  background: #F2F2F2;
  border-radius: 4px; }

.match-data {
  margin-bottom: 164px; }

.menu {
  float: left;
  width: 198px;
  min-height: 860px;
  padding: 5px;
  /*margin-bottom: -999999px;
  padding-bottom: 999999px;*/
  border-radius: 4px;
  overflow: hidden;
  background: #F7F9FA; }

.menu li {
  line-height: 44px;
  margin-bottom: 4px; }

.menu a, .menu span {
  display: block;
  font-size: 14px;
  color: #222222; }

.menu strong {
  font-weight: 400; }

.menu > li > a {
  display: block;
  padding-left: 24px; }

/*.menu li a,.menu li span{
  display: inline-block;
  vertical-align: middle;
}*/
.menu a:before {
  display: inline-block;
  content: " ";
  font-size: 0;
  margin-right: 12px;
  width: 4px;
  height: 16px;
  background: #E1E3E6;
  vertical-align: middle; }

.menu > li > ul > li > a {
  display: block;
  padding-left: 40px; }

.menu a.active, .menu a:hover {
  background: #E10600;
  border-radius: 4px;
  color: #FFFFFF; }

.menu a.active::before, .menu a:hover::before {
  background: #ffffff; }

.menu > li.hasChild > a:hover {
  background: transparent;
  color: #222222;
  border-radius: 0; }

.menu > li.hasChild > a:hover::before {
  background: #E1E3E6; }

.match-content-main {
  float: right;
  width: 942px; }

.match-round {
  position: relative;
  height: 48px;
  margin-bottom: 20px;
  background: #E10600;
  border-radius: 4px;
  text-align: center; }
.match-round .match-round-prev {
  position: absolute;
  top: 0;
  left: 28px;
  padding-left: 20px;
  line-height: 48px;
  font-size: 14px;
  color: #FFFFFF;
  background: url("../images/match/icon_pre_round.png") no-repeat 0 50%;
  background-size: 16px 16px; }
.match-round .match-round-prev_disable {
  color: #F39B99;
  background: url("../images/match/icon_pre_round_02.png") no-repeat 0 50%;
  background-size: 16px 16px; }
.match-round .match-round-current {
  display: inline-block;
  padding-right: 20px;
  line-height: 48px;
  font-size: 14px;
  color: #FFFFFF; }
.match-round .match-round-current > i {
  /* position: relative;
   top: 18px;
   right: 0;*/
  display: inline-block;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background: url("../images/match/icon_t_round.png") no-repeat 0 50%;
  background-size: 12px 12px; }
.match-round .match-round-list {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  display: none;
  color: #333333;
  font-size: 0;
  text-align: left;
  line-height: 20px;
  padding: 10px 20px 1px 20px;
  z-index: 100;
  border: 1px solid #F2F4F7;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  box-shadow: 0 4px 10px 0 rgba(27, 38, 69, 0.14);
  /*box-shadow: 2px 2px 2px rgba(153,153,153,.3);*/ }
.match-round .match-round-list > li {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 10px 10px 0; }
.match-round .match-round-list > li.active, .match-round .match-round-list > li:hover {
  color: #E10600;
  font-weight: 700; }
.match-round .match-round-current:hover .match-round-list {
  display: block; }
.match-round .match-round-next {
  position: absolute;
  right: 28px;
  top: 0;
  padding-right: 20px;
  line-height: 48px;
  font-size: 14px;
  color: #FFFFFF;
  background: url("../images/match/icon_next_round.png") no-repeat 100% 50%;
  background-size: 16px 16px; }
.match-round .match-round-next_disable {
  color: #F39B99;
  background: url("../images/match/icon_next_round_02.png") no-repeat 100% 50%;
  background-size: 16px 16px; }

/*赛程*/
.schedule-date {
  line-height: 44px;
  font-size: 14px;
  color: #E10600; }

.schedule-box {
  width: 100%;
  margin-bottom: 21px; }
.schedule-box:last-child {
  margin-bottom: 0; }
.schedule-box > h3 {
  font-size: 0;
  background: #F5F5F5;
  border-radius: 4px;
  overflow: hidden; }
.schedule-box > h3 > span {
  display: inline-block;
  font-size: 14px;
  color: #565657;
  line-height: 44px; }
.schedule-box > a {
  display: block;
  margin: 0;
  padding: 14px 0;
  font-size: 0;
  border-bottom: 1px solid #E8E8EB; }
.schedule-box > a:hover {
  background: #F2F5F7; }
.schedule-box > a > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
  color: #222222; }
.schedule-box .schedule-box-time {
  display: inline-block;
  width: 160px;
  text-align: center; }
.schedule-box .schedule-box-league {
  display: inline-block;
  width: 128px;
  text-align: center; }
.schedule-box .schedule-box-state {
  display: inline-block;
  width: 88px;
  text-align: center; }
.schedule-box .schedule-box-state_during {
  color: #E10600; }
.schedule-box .schedule-box-home {
  display: inline-block;
  width: 200px;
  text-align: right; }
.schedule-box .schedule-box-home > strong, .schedule-box .schedule-box-guest > strong {
  font-weight: 400; }
.schedule-box .schedule-box-score {
  display: inline-block;
  width: 100px;
  text-align: center; }
.schedule-box .schedule-box-score_during {
  color: #E10600; }
.schedule-box .schedule-box-guest {
  display: inline-block;
  width: 200px;
  text-align: left; }
.schedule-box .schedule-box-more {
  display: inline-block;
  width: 66px;
  text-align: center; }
.schedule-box a > span.schedule-box-home > img, .schedule-box a > span.schedule-box-guest > img {
  height: 24px; }
.schedule-box a .schedule-box-more {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/match/match_arrow_more_01.png") no-repeat;
  background-size: 12px 12px; }
.schedule-box a:hover .schedule-box-more {
  background: url("../images/match/match_arrow_more_02.png") no-repeat;
  background-size: 12px 12px; }

/*---------------------------------------------------------------------------------*/
.score-group {
  margin-left: -30px;
  overflow: hidden; }

.score-tb {
  float: left;
  width: 456px;
  margin-left: 30px;
  margin-bottom: 33px; }
.score-tb thead {
  background: #F5F5F5;
  font-size: 14px;
  color: #565657; }
.score-tb thead > tr {
  height: 44px;
  border-bottom: 1px solid #FFC2C2; }
.score-tb th:first-child {
  border-radius: 4px 0 0 0; }
.score-tb th:last-child {
  border-radius: 0 4px 0 0; }
.score-tb thead > tr > th {
  font-size: 14px;
  color: #565657;
  font-weight: 400; }
.score-tb thead > tr > .score-tb-rank {
  width: 48px;
  text-align: center;
  font-size: 14px;
  color: #E10600;
  font-weight: 700; }
.score-tb thead > tr > .score-tb-team {
  width: 148px;
  text-align: left; }
.score-tb thead > tr > .score-tb-team > span {
  display: inline-block;
  padding-left: 28px; }
.score-tb thead > tr > .score-tb-etc {
  width: 36px;
  text-align: center; }
.score-tb thead > tr > .score-tb-sfb {
  width: 80px;
  text-align: center; }
.score-tb thead > tr > .score-tb-jsq {
  width: 80px;
  text-align: center; }
.score-tb thead > tr > .score-tb-score {
  text-align: center; }
.score-tb tbody > tr {
  height: 48px;
  border-bottom: 1px solid #E8E8EB;
  font-size: 12px;
  color: #222222;
  text-align: center; }
.score-tb tbody > tr > td {
  text-align: center; }
.score-tb tbody > tr:nth-child(1), .score-tb tbody > tr:nth-child(2) {
  background: #FFF5F5; }
.score-tb tbody > tr:nth-child(1) {
  border-bottom: none; }
.score-tb tbody > tr:nth-child(2) {
  border-bottom: 1px solid #FFC2C2; }
.score-tb tbody > tr > .score-tb-rank {
  text-align: center; }
.score-tb tbody > tr > .score-tb-rank > strong {
  font-size: 12px;
  color: #565657;
  font-weight: 400; }
.score-tb tbody > tr:nth-child(1) > .score-tb-rank > strong, .score-tb tbody > tr:nth-child(2) > .score-tb-rank > strong {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #FF0000;
  border-radius: 3px; }
.score-tb tbody > tr > .score-tb-team {
  text-align: left;
  font-size: 0; }
.score-tb tbody > tr > .score-tb-team > img {
  display: inline-block;
  width: 24px;
  margin-right: 4px;
  vertical-align: middle; }
.score-tb tbody > tr > .score-tb-team > strong {
  display: inline-block;
  max-width: 110px;
  font-size: 12px;
  color: #222222;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
.score-tb tbody > tr > .score-tb-score {
  font-size: 12px;
  color: #E10600;
  font-weight: 700; }

/*-----------------------------------------------------------------*/
.score2-tb {
  width: 100%;
  margin-bottom: 40px; }
.score2-tb thead {
  background: #F5F5F5;
  font-size: 14px;
  color: #565657; }
.score2-tb thead > tr {
  height: 44px; }
.score2-tb th:first-child {
  border-radius: 4px 0 0 0; }
.score2-tb th:last-child {
  border-radius: 0 4px 0 0; }
.score2-tb thead > tr > th {
  font-size: 14px;
  color: #565657;
  font-weight: 400; }
.score2-tb thead > tr > .score2-tb-rank {
  width: 72px;
  text-align: center;
  font-size: 14px;
  font-weight: 400; }
.score2-tb thead > tr > .score2-tb-team {
  width: 230px;
  text-align: left; }
.score2-tb thead > tr > .score2-tb-team > span {
  display: inline-block;
  padding-left: 40px; }
.score2-tb thead > tr > .score2-tb-etc {
  width: 120px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-win {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-draw {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-lose {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-jq {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-sq {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-jsq {
  width: 60px;
  text-align: center; }
.score2-tb thead > tr > .score2-tb-score {
  text-align: center; }
.score2-tb tbody > tr {
  height: 52px;
  border-bottom: 1px solid #E8E8EB;
  font-size: 14px;
  color: #222222;
  text-align: center; }
.score2-tb tbody > tr > td {
  text-align: center; }
.score2-tb tbody > tr.score2-tb-type1, .score2-tb tbody > tr.score2-tb-type2, .score2-tb tbody > tr.score2-tb-type3 {
  background: #FFF5F5;
  border-bottom: 1px solid #FFF5F5; }
.score2-tb tbody > tr.score2-tb-type4 {
  background: #F2F2F2;
  border-bottom: 1px solid #F2F2F2; }
.score2-tb tbody > tr.score2-tb-border-top {
  border-top: 1px solid #FFC2C2; }
.score2-tb tbody > tr.score2-tb-border-bottom {
  border-bottom: 1px solid #FFC2C2; }
.score2-tb tbody > tr > .score2-tb-rank {
  text-align: center; }
.score2-tb tbody > tr > .score2-tb-rank > strong {
  font-size: 12px;
  color: #565657;
  font-weight: 400; }
.score2-tb tbody > tr.score2-tb-type1 > .score2-tb-rank > strong {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #FF0000;
  border-radius: 3px; }
.score2-tb tbody > tr.score2-tb-type2 > .score2-tb-rank > strong {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #F20091;
  border-radius: 3px; }
.score2-tb tbody > tr.score2-tb-type3 > .score2-tb-rank > strong {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #F59300;
  border-radius: 3px; }
.score2-tb tbody > tr.score2-tb-type4 > .score2-tb-rank > strong {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background: #8D8D8F;
  border-radius: 3px; }
.score2-tb tbody > tr > .score2-tb-team {
  text-align: left;
  font-size: 0; }
.score2-tb tbody > tr > .score2-tb-team > img {
  display: inline-block;
  width: 32px;
  margin-right: 8px;
  vertical-align: middle; }
.score2-tb tbody > tr > .score2-tb-team > strong {
  display: inline-block;
  max-width: 160px;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
.score2-tb tbody > tr > .score2-tb-score {
  font-size: 12px;
  color: #E10600;
  font-weight: 700; }

.score-types {
  font-size: 0; }
.score-types li {
  margin-right: 24px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle; }
.score-types li > i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  vertical-align: middle; }
.score-types li > strong {
  display: inline-block;
  font-size: 14px;
  color: #565657;
  font-weight: 400;
  vertical-align: middle; }
.score-types .score-types-1 > i {
  background: #FF0000; }
.score-types .score-types-2 > i {
  background: #FF009E; }
.score-types .score-types-3 > i {
  background: #FF9900; }
.score-types .score-types-4 > i {
  background: #8D8D8F; }

/*-----------------------------------------*/
.players-tb {
  width: 100%; }
.players-tb thead {
  background: #F5F5F5;
  font-size: 14px;
  color: #565657; }
.players-tb thead > tr {
  height: 44px; }
.players-tb th:first-child {
  border-radius: 4px 0 0 0; }
.players-tb th:last-child {
  border-radius: 0 4px 0 0; }
.players-tb thead > tr > th {
  font-size: 14px;
  color: #565657;
  font-weight: 400;
  text-align: center; }
.players-tb thead > tr > .players-tb-rank {
  width: 120px; }
.players-tb thead > tr > .players-tb-name {
  width: 200px;
  text-align: left; }
.players-tb thead > tr > .players-tb-name > span {
  display: inline-block;
  padding-left: 40px; }
.players-tb thead > tr > .players-tb-data {
  width: 160px; }
.players-tb tbody > tr {
  height: 52px;
  border-bottom: 1px solid #E8E8EB; }
.players-tb tbody > tr > td {
  text-align: center; }
.players-tb tbody > tr > .players-tb-rank > strong {
  font-size: 14px;
  color: #565657; }
.players-tb tbody > tr:nth-child(1) > .players-tb-rank > strong {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #FFFFFF;
  background: #FF0000;
  border-radius: 3px; }
.players-tb tbody > tr:nth-child(2) > .players-tb-rank > strong, .players-tb tbody > tr:nth-child(3) > .players-tb-rank > strong {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #FFFFFF;
  background: #F59300;
  border-radius: 3px; }
.players-tb tbody > tr > td {
  font-size: 14px;
  color: #222222;
  text-align: center; }
.players-tb tbody > tr > .players-tb-name {
  font-size: 0;
  text-align: left; }
.players-tb tbody > tr > .players-tb-name > img {
  display: inline-block;
  width: 24px;
  height: 32px;
  margin-right: 16px;
  vertical-align: middle; }
.players-tb tbody > tr > .players-tb-name > strong {
  display: inline-block;
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  vertical-align: middle; }
.players-tb tbody > tr > .players-tb-data {
  font-size: 14px;
  color: #E10600;
  font-weight: 700; }

.match-sub-menu {
  height: 48px;
  margin: 10px 0 20px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 0;
  text-align: center; }
.match-sub-menu > li {
  display: inline-block;
  height: 48px;
  margin: 0 40px;
  padding-top: 9px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle; }
.match-sub-menu > li > a {
  position: relative;
  line-height: 30px;
  display: inline-block;
  font-size: 14px;
  color: #565657;
  text-align: center; }
.match-sub-menu > li > a:hover, .match-sub-menu > li.active > a {
  color: #222222;
  font-weight: 700; }
.match-sub-menu > li > a:hover:after, .match-sub-menu > li.active > a:after {
  content: ".";
  font-size: 0;
  display: block;
  margin: 0 3px;
  height: 2px;
  background: #E10600; }

.no-match-data {
  padding-top: 30px;
  font-size: 14px;
  text-align: center; }

/*-----------------------------------------------------------*/
.basket-tb {
  width: 100%;
  margin-bottom: 13px; }

.basket-tb > thead > tr {
  height: 36px;
  background: #F5F5F5; }

.basket-tb > thead > tr > th {
  font-weight: 400;
  font-size: 14px;
  color: #565657; }

.basket-tb > tbody > tr {
  height: 42px;
  font-size: 14px;
  color: #222222;
  border-bottom: 1px solid #E8E8EB; }

.basket-tb-t-team {
  width: 200px;
  text-align: left; }

.basket-tb-t-team > strong {
  display: block;
  padding-left: 12px;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #E10000;
  color: #E10000; }

.basket-tb-b-team {
  font-size: 0;
  text-align: left;
  border-right: 1px solid #E8E8EB; }

.basket-tb-b-team > img {
  display: inline-block;
  height: 16px;
  margin: 0 6px 0 12px;
  vertical-align: middle; }

.basket-tb-b-team > strong {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
  line-height: 16px;
  color: #222222;
  font-weight: 400;
  vertical-align: middle; }

.basket-tb-b-team > span {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  vertical-align: middle; }

.basket-tb-t-time {
  width: 100px;
  text-align: center; }

.basket-tb-b-time {
  text-align: center; }

.basket-tb-t-state {
  width: 64px;
  text-align: center; }

.basket-tb-b-state {
  text-align: center;
  border-right: 1px solid #E8E8EB; }

.basket-tb-t-score, .basket-tb-t-d1, .basket-tb-t-d2, .basket-tb-t-d3, .basket-tb-t-d4, .basket-tb-t-j1, .basket-tb-t-j2, .basket-tb-t-j3 {
  width: 70px;
  text-align: center; }

.basket-tb-b-score, .basket-tb-b-d1, .basket-tb-b-d2, .basket-tb-b-d3, .basket-tb-b-d4, .basket-tb-b-j1, .basket-tb-b-j2, .basket-tb-b-j3 {
  text-align: center; }

.basket-tb-b-d4, .basket-tb-b-j3 {
  border-right: 1px solid #E8E8EB; }

.basket-tb-t-jc {
  width: 80px;
  text-align: center; }

.basket-tb-b-jc {
  text-align: center; }

.basket-tb-t-qb {
  width: 64px;
  text-align: center; }

.basket-tb-b-qb {
  text-align: center;
  border-right: 1px solid #E8E8EB; }

.basket-tb-t-data {
  width: 108px;
  text-align: center; }

.basket-tb-b-data {
  text-align: center; }

.basket-tb a {
  margin: 0 8px;
  font-size: 14px;
  color: #FF6500; }

.basket-tb a:hover {
  color: #E10600; }

.sc-date {
  margin-bottom: 20px;
  font-size: 0;
  text-align: center; }

.sc-date > li {
  display: inline-block;
  width: 124px;
  height: 60px;
  margin: 0 4px;
  vertical-align: middle;
  color: #565657;
  cursor: pointer; }

.sc-date > li > h3 {
  margin-top: 8px;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 400; }

.sc-date > li > p {
  font-size: 14px;
  line-height: 18px; }

.sc-date > li.active, .sc-date > li:hover {
  background: #F2F4F7;
  border-radius: 4px;
  color: #E10600; }

.sc-date > li.active > h3, .sc-date > li:hover > h3 {
  color: #E10600; }

.sc-date > li.active > a, .sc-date > li:hover > a {
  color: #E10600; }

.match-box {
  background: #0A0A0A; }

.match-box-inner {
  position: relative;
  width: 1200px;
  padding-top: 30px;
  height: 166px;
  text-align: center;
  margin: auto;
  background: url("../images/match/bg_match.png") repeat-y; }

.match-box-team {
  position: absolute;
  top: 54px;
  height: 88px;
  font-size: 0;
  overflow: hidden; }

.match-box-team > img {
  float: left;
  height: 88px; }

.match-box-team > h3 {
  float: left;
  font-size: 20px;
  line-height: 88px;
  color: #FFFFFF;
  font-weight: 400; }

.match-box-home {
  left: 100px; }

.match-box-guest {
  right: 100px; }

.match-box-home > img {
  margin-right: 24px; }

.match-box-guest > img {
  margin-left: 24px; }

.match-box-state {
  margin: 0 0 24px 0;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0;
  text-align: center; }

.match-box-bf {
  margin-bottom: 28px;
  font-size: 40px;
  line-height: 48px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600; }

.match-box-le {
  line-height: 20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0;
  text-align: center; }

.m-d-content {
  padding: 12px 0;
  background: #F2F2F2; }

.m-d-content-inner {
  width: 1180px;
  margin: auto; }

.m-d-main {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 790px;
  min-height: 1321px;
  padding: 0 95px 100px 95px;
  background: #fff; }

.m-d-sidebar {
  float: right;
  width: 380px;
  background: #fff; }

.m-d-nav {
  font-size: 0;
  text-align: center;
  padding: 20px 0 15px;
  margin-bottom: 14px; }

.m-d-nav > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  margin: 0 40px; }

.m-d-nav > li > a {
  position: relative;
  display: block;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
  color: #222222;
  font-weight: 600; }

.m-d-nav > li > a:hover:after, .m-d-nav > li.active > a:after {
  display: block;
  content: " ";
  font-size: 0;
  height: 3px;
  margin: 0 5px;
  background: #E10600; }

.m-d-nav > li > a:hover, .m-d-nav > li.active > a {
  color: #E10600; }

.m-d-ranks {
  position: relative;
  margin: 0;
  padding: 19px 0;
  border-bottom: 4px solid #F5F5F5; }

.m-d-ranks > li {
  float: left;
  width: 50%; }

.m-d-ranks > li > h3 {
  margin-bottom: 8px;
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  text-align: center;
  font-weight: 600; }

.m-d-ranks > li > p {
  font-size: 14px;
  color: #555555;
  text-align: center;
  font-weight: 400; }

.m-d-ranks > li.m-d-nav-line {
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 299px;
  display: block;
  content: " ";
  width: 1px;
  height: 56px;
  background: #F0F0F0; }

/*-----------------------------------------*/
.m-d-newsPanel-hd {
  padding: 22px 12px; }

.m-d-newsPanel-hd > h3 {
  position: relative;
  padding-left: 11px;
  line-height: 28px;
  font-size: 20px;
  color: #222222;
  font-weight: 400; }

.m-d-newsPanel-hd > h3:after {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 3px;
  content: " ";
  background: #E10600; }

.m-d-newsPanel-bd {
  padding: 0 12px 0 12px; }

.m-d-news {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #D4D4D6; }

.m-d-news:last-child {
  border-bottom: none; }

.m-d-news-left {
  float: left;
  width: 150px;
  height: 100px;
  overflow: hidden; }

.m-d-news-left > img {
  height: 100px;
  min-width: 150px; }

.m-d-news-right {
  margin-left: 160px; }

.m-d-news-right > h3 {
  margin-bottom: 16px;
  height: 66px;
  line-height: 22px;
  font-size: 16px;
  color: #222222;
  font-weight: 400;
  overflow: hidden; }

.m-d-news-right > p {
  line-height: 18px;
  font-size: 13px;
  color: #949495; }

/*------------------------------------------*/
.sldbBox {
  margin-bottom: 12px;
  border-bottom: 4px solid #F5F5F5; }

.sldbBox-hd {
  position: relative;
  padding: 29px 0 18px 0; }

.sldbBox-hd > h3 {
  position: relative;
  padding-left: 11px;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  font-weight: 400; }

.sldbBox-hd > h3:after {
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.sldbBox-bd {
  padding-bottom: 26px; }

.sldbBox-twoTeam {
  position: relative;
  height: 50px;
  font-size: 0;
  border-bottom: 1px solid #E6E6E6;
  /*no*/ }

.sldbBox-twoTeam img {
  display: inline-block;
  height: 36px;
  margin: 0 12px;
  vertical-align: middle; }

.sldbBox-twoTeam strong {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  vertical-align: middle;
  font-weight: 400; }

.sldbBox-twoTeam-home {
  position: absolute;
  top: 10px;
  left: 0;
  width: 220px;
  text-align: right; }

.sldbBox-twoTeam-guest {
  position: absolute;
  top: 10px;
  right: 0;
  width: 220px;
  text-align: left; }

.sldbBox-data {
  margin: 0;
  padding: 20px 0 0; }

.sldbBox-data > dt {
  display: block;
  position: relative;
  text-align: center;
  line-height: 14px;
  margin-bottom: 14px; }

.sldbBox-data > dt > i {
  font-style: normal;
  font-size: 12px;
  color: #222222;
  font-weight: 400; }

.sldbBox-data-home {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 16px;
  color: #222222;
  font-weight: 400; }

.sldbBox-data-home > strong {
  color: #FC2163;
  font-weight: 400; }

.sldbBox-data-guest {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  line-height: 16px;
  color: #222222;
  font-weight: 400; }

.sldbBox-data-guest > strong {
  color: #3B8CFF;
  font-weight: 400; }

.sldbBox-data > dd {
  padding: 0;
  margin: 0;
  height: 10px;
  overflow: hidden; }

.sldbBox-data_lose > dd {
  background: #3B8CFF; }

.sldbBox-data_win > dd {
  background: #DEF0FF; }

.sldbBox-data > dd > p {
  height: 10px; }

.sldbBox-data_lose > dd > p {
  background: #FEE4EC; }

.sldbBox-data_win > dd > p {
  background: #FC2163; }

/*----------------------------*/
.eventBox {
  margin-bottom: 16px;
  padding-top: 30px;
  border-bottom: 4px solid #F5F5F5; }

.matchEventTit {
  width: 355px;
  margin: 0 auto;
  padding: 11px 0;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  font-weight: 400; }

.timeLineBox {
  position: relative;
  background: #fff;
  padding: 28px 0;
  width: 355px;
  margin: auto; }

.timeLine {
  position: relative;
  padding: 32px 0 32px 0;
  margin: auto;
  overflow: visible;
  background: #fff; }

.timeLine-item {
  position: relative;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.timeLine-item-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 0 10px 20px 0;
  border-right: 1.2px dashed #999999; }

.timeLine-item-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 20px 10px;
  position: relative; }

.timeLine-item-left-cnt {
  display: block;
  font-size: 0;
  text-align: right; }

.timeLine-item-right-cnt {
  display: block;
  font-size: 0; }

.timeLine-item-name {
  font-size: 14px;
  color: #222222;
  line-height: 20px;
  display: inline-block;
  width: 125px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

.timeLine-start {
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff url("../images/match/outs/icon_shao.jpg") no-repeat 50% 50%;
  background-size: 32px 32px; }

.timeLine-end {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff url("../images/match/outs/icon_shao.jpg") no-repeat 50% 50%;
  background-size: 32px 32px; }

.timeLine-cnt {
  position: relative; }

.timeLine-cnt-start-icon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 11px;
  height: 11px;
  background: #73A3E5;
  border-radius: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.timeLine-cnt-end {
  position: absolute;
  left: 50%;
  width: 11px;
  height: 11px;
  background: #73A3E5;
  border-radius: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.timeLine-cnt-start {
  height: 40px;
  overflow: visible; }

.timeLine-item-left-time {
  position: absolute;
  top: 0;
  right: -30px;
  width: 30px;
  height: 20px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff;
  font-size: 14px;
  color: #222;
  text-align: center;
  z-index: 100; }

.timeLine-item-right-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 20px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff;
  font-size: 14px;
  color: #222;
  text-align: center;
  z-index: 100; }

.timeLine-img, .timeLine-img_yellow-red-cards {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  vertical-align: middle; }

.timeLine-img_change-up, .timeLine-img_change-down {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  vertical-align: middle; }

.timeLine-img_red-card, .timeLine-img_yellow-card {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  vertical-align: middle; }

.incidentIntr {
  display: block;
  margin: 0 0 50px 0;
  font-size: 0;
  text-align: center; }

.incidentIntr-img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px; }

.incidentIntr-text {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  margin-right: 42px;
  font-size: 14px;
  color: #565657; }

.incidentIntr-text_last {
  margin-right: 0; }

/*-----------------------------------------*/
.match-d-box {
  margin-bottom: 12px;
  padding-bottom: 30px;
  border-bottom: 4px solid #F5F5F5; }

.match-d-tit {
  position: relative;
  padding: 17px 0 17px 14px;
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: 400; }

.match-d-tit:after {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.teamDataList {
  margin: 0;
  padding: 29px 0 0 0;
  border-top: 1px solid #E6E6E6; }

.teamDataItem {
  position: relative;
  height: 20px;
  margin-bottom: 28px; }

.teamDataItem-center {
  position: relative;
  margin: 0 191px;
  font-size: 14px;
  color: #222222;
  height: 20px;
  line-height: 20px;
  text-align: center; }

.teamDataItem-center-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  font-size: 18px;
  color: #222222;
  text-align: center;
  font-weight: 700; }

.teamDataItem-center-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  font-size: 18px;
  color: #222222;
  text-align: center;
  font-weight: 700; }

.teamDataItem-bar {
  width: 191px;
  height: 10px;
  background: #E8E8EB;
  font-size: 0; }

.teamDataItem-bar_left {
  position: absolute;
  left: 0;
  top: 5px;
  text-align: right; }

.teamDataItem-bar_right {
  position: absolute;
  right: 0;
  top: 5px;
  text-align: left; }

.teamDataItem-bar-progress {
  display: inline-block;
  height: 10px;
  background: #DEF0FF; }

.teamDataItem-bar-progress_left {
  background: #FEE4EC; }

.teamDataItem-bar-progress_right {
  background: #CBEAFF; }

.teamDataItem-bar-progress_left_big {
  background: #FC2163; }

.teamDataItem-bar-progress_right_big {
  background: #3B8CFF; }

/*-----------两队交锋------------------*/
.twoTeamJFBox {
  margin-bottom: 12px;
  padding-bottom: 30px;
  border-bottom: 4px solid #F5F5F5; }

.twoTeamJFBox-hd {
  position: relative;
  padding: 15px 0; }

.twoTeamJFBox-bd {
  padding: 12px 0 0 0; }

.twoTeamJFBox-tit {
  position: relative;
  margin: 2px 0;
  padding: 0 0 0 14px;
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: 400; }

.twoTeamJFBox-tit:after {
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.tzk {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  background: #F2F2F2;
  border-radius: 15px;
  font-size: 13px;
  color: #565657;
  text-align: center; }

.tzk.active {
  color: #FFFFFF;
  background: #FF4848; }

.twoTeamJFBox .tzk {
  position: absolute;
  left: 406px;
  top: 15px; }

.winDrawLose {
  line-height: 20px;
  font-size: 14px;
  color: #222222; }

.winDrawLose-win > strong {
  font-size: 15px;
  color: #FC2666;
  font-weight: 400;
  margin-right: 3px; }

.winDrawLose-draw {
  margin: 0 8px; }

.winDrawLose-draw > strong {
  font-size: 15px;
  color: #999999;
  font-weight: 400;
  margin-right: 3px; }

.winDrawLose-lose > strong {
  font-size: 15px;
  color: #3B8CFF;
  font-weight: 400;
  margin-right: 2px; }

.twoTeamJFBox-hd .winDrawLose {
  position: absolute;
  top: 20px;
  right: 0; }

/*-----------------------------------------*/
.matchZj {
  position: relative;
  font-size: 12px;
  color: #555555;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEBEB;
  /*no*/ }

.matchZj:last-child {
  border-bottom: none; }

.matchZj > dt {
  position: relative;
  color: #555555;
  text-align: center;
  padding-top: 10px; }

.matchZj > dd {
  position: relative;
  text-align: center;
  padding-top: 10px;
  height: 21px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.matchZj-win {
  font-size: 14px;
  color: #FC2666;
  font-weight: 400; }

.matchZj-draw {
  font-size: 14px;
  color: #999999;
  font-weight: 400; }

.matchZj-lose {
  font-size: 14px;
  color: #3B8CFF;
  font-weight: 400; }

.matchZj-left {
  position: absolute;
  top: 10px;
  left: 0;
  width: 270px;
  vertical-align: middle;
  text-align: right;
  font-size: 0; }

.matchZj-right {
  position: absolute;
  top: 10px;
  right: 0;
  width: 270px;
  vertical-align: middle;
  text-align: left;
  font-size: 0; }

.matchZj-league {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 14px;
  color: #565657;
  font-weight: 400; }

.matchZj-time {
  font-size: 14px;
  color: #565657;
  font-weight: 400; }

.matchZj-bc {
  font-size: 14px;
  color: #565657;
  font-weight: 400; }

.matchZj-bc > strong {
  font-size: 14px;
  font-weight: 400; }

.matchZj-jq {
  position: absolute;
  top: 0;
  right: 115px;
  font-size: 14px;
  color: #565657;
  font-weight: 400; }

.matchZj-jq > strong {
  font-size: 14px;
  font-weight: 400; }

.matchZj-num1 {
  display: inline-block;
  width: 12px;
  height: 16px;
  margin: 0 4px;
  line-height: 16px;
  font-size: 12px;
  color: #A80000;
  letter-spacing: 0;
  text-align: center;
  background: #FFCE00;
  border-radius: 2px;
  vertical-align: middle; }

.matchZj-num2 {
  display: inline-block;
  width: 12px;
  height: 16px;
  margin: 0 4px;
  line-height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background: #FF0000;
  border-radius: 2px;
  vertical-align: middle; }

.matchZj-home, .matchZj-guest {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  vertical-align: middle; }

.matchZj-score {
  font-size: 16px;
  color: #222222;
  letter-spacing: 0;
  text-align: center; }

/*-------------------近期战绩---------------------*/
.recentBox {
  margin-bottom: 12px;
  padding-bottom: 30px;
  border-bottom: 4px solid #F5F5F5; }

.recentBox-hd {
  position: relative;
  padding: 17px 0 17px 14px;
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: 400; }

.recentBox-hd:after {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.recentBox-ifo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 50px;
  margin: 0 0 12px 20px;
  padding: 7px 0;
  font-size: 0; }

.recentBox-ifo-team {
  display: block; }

.recentBox-ifo-logo {
  display: inline-block;
  height: 30px;
  margin-right: 8px; }

.recentBox-ifo-name {
  display: inline-block;
  margin-right: 16px;
  font-size: 15px;
  color: #000000;
  vertical-align: middle;
  font-weight: 400; }

.recentBox-ifo > .winDrawLose {
  position: absolute;
  right: 0;
  top: 17px;
  display: inline-block; }

.recentBox-ifo > .tzk {
  position: absolute;
  right: 134px;
  top: 10px; }

.recentBox-item {
  margin-bottom: 31px; }

.recentBox-item:last-child {
  margin-bottom: 0; }

/*-------------------未来比赛---------------------*/
.futureBox {
  margin-bottom: 12px;
  padding-bottom: 30px;
  border-bottom: 4px solid #F5F5F5; }

.futureBox-hd {
  position: relative;
  padding: 17px 0 17px 14px;
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: 400; }

.futureBox-hd:after {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.futureBox-team {
  display: block;
  margin: 0 0 12px 20px;
  padding: 7px 0; }

.futureBox-team > img {
  display: inline-block;
  height: 36px;
  margin-right: 12px;
  vertical-align: middle; }

.futureBox-team > strong {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  vertical-align: middle; }

.futureBox-data > li {
  font-size: 0;
  padding: 20px 0 20px 20px;
  border-bottom: 1px solid #EBEBEB; }

.futureBox-data > li > h4 {
  display: inline-block;
  font-size: 14px;
  color: #565657;
  font-weight: 400;
  vertical-align: middle; }

.futureBox-data > li:before {
  content: ".";
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  /*no*/
  height: 6px;
  /*no*/
  margin-right: 20px;
  border-radius: 50%;
  background: #FF2323; }

.futureBox-data > li > p {
  display: inline-block;
  margin-left: 12px;
  line-height: 18px;
  font-size: 14px;
  color: #222222;
  vertical-align: middle; }

.futureBox-home {
  margin-bottom: 25px; }

.futureBox-guest .futureBox-data > li:last-child {
  border-bottom: none; }

/*---------------------人员伤停---------------------------*/
.injuryStopBox {
  margin-bottom: 12px;
  padding-bottom: 30px;
  border-bottom: 4px solid #F5F5F5; }

.injuryStopBox-hd {
  position: relative;
  padding: 17px 0 17px 14px;
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: 400; }

.injuryStopBox-hd:after {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 3px;
  content: " ";
  font-size: 0;
  background: #E10600; }

.twoTeam {
  position: relative;
  height: 50px;
  font-size: 0;
  margin: 0 0;
  text-align: right; }

.twoTeam img {
  display: inline-block;
  height: 36px;
  vertical-align: middle; }

.twoTeam strong {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  vertical-align: middle; }

.twoTeam-home {
  position: absolute;
  top: 10px;
  left: 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 80px; }

.twoTeam-home > img {
  margin-left: 12px; }

.twoTeam-guest {
  position: absolute;
  top: 10px;
  right: 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
  text-align: left; }

.twoTeam-guest > img {
  margin-right: 12px; }

.injuryStop-data {
  position: relative; }

.injuryStop-data > li {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E6E6; }

.injuryStop-data > li:last-child {
  border-bottom: none; }

.injuryStop-data > li:before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 50%;
  width: 1px;
  content: ".";
  font-size: 0;
  background: #F0F0F0; }

.injuryStop-team {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.injuryStop-team > h3 {
  margin-bottom: 4px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #222222;
  font-weight: 400; }

.injuryStop-team > p {
  line-height: 20px;
  font-size: 14px;
  color: #666666; }

.injuryStop-home {
  padding-right: 80px;
  text-align: right; }

.injuryStop-guest {
  padding-left: 80px;
  text-align: left; }

/*------------------------------------*/
.lineup {
  padding-top: 19px; }

.lineup > li {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #E6E6E6; }

.lineup > li:last-child {
  border-bottom: none; }

.lineup > li:before {
  position: absolute;
  content: " ";
  font-size: 0;
  left: 50%;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: #E6E6E6; }

.lineup-home, .lineup-guest {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 217px;
  height: 36px;
  font-size: 0; }

.lineup-home {
  margin-right: 80px;
  text-align: right; }

.lineup-guest {
  margin-left: 80px;
  text-align: left; }

.lineup-home > strong, .lineup-guest > strong {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #222222;
  font-weight: 400;
  vertical-align: middle; }

.lineup-home > strong {
  float: right;
  margin-right: 12px; }

.lineup-guest > strong {
  float: left;
  margin-left: 12px; }

.lineup-avatar {
  width: 27px;
  height: 36px;
  overflow: hidden; }

.lineup-avatar > img {
  width: 27px;
  min-height: 36px; }

.lineup-home > .lineup-avatar {
  float: right;
  margin-right: 10px; }

.lineup-guest > .lineup-avatar {
  float: left; }

.lineup-home > i, .lineup-guest > i {
  width: 22px;
  height: 22px;
  margin-top: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  line-height: 20px;
  font-size: 13px;
  font-style: normal;
  text-align: center;
  vertical-align: middle; }

.lineup-home > i {
  float: right;
  color: #FC2666;
  border: 1px solid #FC2666; }

.lineup-guest > i {
  float: left;
  color: #3B8CFF;
  border: 1px solid #3B8CFF;
  margin-right: 10px; }

/*-------------------------------------------------------------------*/
.infoBox {
  border-bottom: 1px solid #E6E6E6; }

.infoBox-hd {
  position: relative;
  font-size: 0;
  display: block;
  padding: 16px 0; }

.infoBox-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden; }

.infoBox-avatar > img {
  width: 30px;
  min-height: 30px; }

.infoBox-name {
  display: inline-block;
  margin-right: 4px;
  line-height: 30px;
  font-size: 16px;
  color: #565657;
  vertical-align: middle; }

.infoBox-level {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: middle; }

.infoBox-level_1 {
  background: url("../images/info/tong.png") no-repeat;
  background-size: 18px auto; }

.infoBox-level_2 {
  background: url("../images/info/yin.png") no-repeat;
  background-size: 18px auto; }

.infoBox-level_3 {
  background: url("../images/info/jin.png") no-repeat;
  background-size: 18px auto; }

.infoBox-see {
  position: absolute;
  right: 0;
  top: 19px;
  width: 44px;
  height: 22px;
  background: url("../images/info/lab_view.png") no-repeat;
  background-size: 44px auto; }

.infoBox-coin {
  position: absolute;
  right: 0;
  top: 19px;
  font-size: 17px;
  line-height: 24px;
  color: #DC9E66; }

.infoBox-free {
  position: absolute;
  right: 0;
  top: 19px;
  width: 44px;
  height: 22px;
  background: url("../images/info/lab_free.png") no-repeat;
  background-size: 44px auto; }

.infoBox-fan {
  position: absolute;
  right: 10px;
  top: 19px;
  width: 48px;
  padding-top: 2px;
  padding-bottom: 18px;
  background: #DC9E66;
  border-radius: 3px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  background: #DC9E66 url("../images/info/tag_no_fan.png") no-repeat 0 99%;
  background-size: 48px 18px; }

.infoBox-bd {
  display: block;
  padding: 0 0 16px 0; }

.infoBox-cnt {
  margin-right: 58px;
  margin-bottom: 10px;
  line-height: 25px;
  font-size: 18px;
  color: #222222;
  font-weight: 600; }

.infoBox-time {
  line-height: 16px;
  font-size: 14px;
  color: #949495; }

.infoBox-mz {
  position: absolute;
  right: 0;
  top: 19px;
  width: 56px;
  height: 56px;
  background: url("../images/info/ming_zhong.png") no-repeat;
  background-size: 56px auto; }

.infoBox-wz {
  position: absolute;
  right: 0;
  top: 19px;
  width: 56px;
  height: 56px;
  background: url("../images/info/wei_zhong.png") no-repeat;
  background-size: 56px auto; }

.infoBox-ft {
  padding: 0 0 15px 0; }

.infoBox-match {
  display: block;
  padding: 10px 12px;
  line-height: 22px;
  font-size: 12px;
  color: #555555;
  background: #F5F5F5; }

.tag_recent {
  display: inline-block;
  margin-right: 6px;
  padding: 0 5px 0 5px;
  line-height: 16px;
  border: 1px solid #FC2666;
  border-radius: 3px;
  font-size: 12px;
  color: #FC2666;
  vertical-align: middle;
  text-align: center; }

.tag_high {
  display: inline-block;
  padding: 0 5px 0 5px;
  line-height: 16px;
  border: 1px solid #FC2666;
  border-radius: 3px;
  font-size: 12px;
  color: #FC2666;
  vertical-align: middle;
  text-align: center; }

/*-------------------------------------------------------------*/
.twoTeam-text {
  padding: 7px 0 12px 0; }

.twoTeam-text-left {
  float: left;
  width: 33.3333%; }

.twoTeam-text-left > img {
  margin: 0 12px 0 20px;
  height: 36px; }

.twoTeam-text-left > span, .twoTeam-text-right > span {
  line-height: 36px;
  font-size: 16px;
  color: #000000; }

.twoTeam-text-right > img {
  margin: 0 20px 0 12px;
  height: 36px; }

.twoTeam-text-center {
  float: left;
  width: 33.3333%;
  font-size: 16px;
  line-height: 36px;
  color: #565657;
  text-align: center; }

.twoTeam-text-right {
  float: left;
  width: 33.3333%;
  text-align: right; }

.twoTeam-line {
  margin-bottom: 16px; }

.twoTeam-line-left {
  float: left;
  width: 33.3333%;
  background: #FC2163;
  font-size: 16px;
  color: #FFFFFF;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  line-height: 32px; }

.twoTeam-line-center {
  float: left;
  width: 33.3333%;
  background: #ADADAD;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px; }

.twoTeam-line-right {
  float: left;
  width: 33.3333%;
  background: #3B8CFF;
  font-size: 16px;
  color: #FFFFFF;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  line-height: 32px; }

.b-d-match {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #E6E6E6;
  text-align: center; }

.b-d-match:last-child {
  border-bottom: none; }

.b-d-match-home {
  position: absolute;
  top: 20px;
  left: 0;
  width: 252px;
  text-align: right;
  font-size: 14px;
  color: #222222;
  line-height: 20px; }

.b-d-match-score {
  font-size: 14px;
  color: #222222;
  text-align: center;
  line-height: 60px; }

.b-d-match-guest {
  position: absolute;
  top: 20px;
  right: 0;
  width: 252px;
  text-align: left;
  font-size: 14px;
  color: #222222;
  line-height: 20px; }

.b-d-match-ifo {
  position: absolute;
  left: 0;
  top: 8px; }

.b-d-match-league {
  margin-bottom: 4px;
  line-height: 20px;
  font-size: 14px;
  color: #565657; }

.b-d-match-win {
  line-height: 20px;
  font-size: 14px;
  color: #FC2666;
  text-align: left; }

.b-d-match-draw {
  line-height: 20px;
  font-size: 14px;
  color: #999999;
  text-align: left; }

.b-d-match-lose {
  line-height: 20px;
  font-size: 14px;
  color: #3B8CFF;
  text-align: left; }

.b-d-match-time {
  position: absolute;
  top: 22px;
  right: 0;
  line-height: 20px;
  font-size: 14px;
  color: #565657;
  letter-spacing: 0;
  text-align: right; }

.b-d-team {
  position: relative;
  padding: 7px 0;
  margin-bottom: 12px; }

.b-d-team > img {
  float: left;
  height: 36px;
  margin-right: 12px; }

.b-d-team > strong {
  line-height: 36px;
  font-size: 16px;
  color: #000000;
  font-weight: 400; }

/*---------------------------------------*/
.fjbf {
  width: 100%;
  background: #ffffff;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 10px;
  line-height: 30px; }

.fjbf thead {
  line-height: 34px;
  font-size: 14px;
  color: #565657;
  background: #fff;
  text-align: center; }

.fjbf thead th {
  font-weight: 400; }

.fjbf tbody {
  font-size: 14px;
  color: #222222;
  line-height: 36px; }

.fjbf th, .fjbf td {
  width: 64px; }

.fjbf tbody tr {
  border-bottom: 1px solid #F3F3F3;
  /*no*/ }

.fjbf tbody tr:last-child {
  border-bottom: none; }

.fjbf tbody td {
  text-align: center; }

.fjbf .fjbf-bf_total {
  color: #FF2323; }

.fjbf .fjbf-t-team {
  width: 150px; }

/*------------------------------------*/
.dataTable {
  width: 100%;
  margin-bottom: 22px;
  background: #ffffff;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

.dataTable:last-child {
  margin-bottom: 0; }

.dataTable thead {
  line-height: 34px;
  font-size: 14px;
  color: #565657;
  background: #F5F5F5; }

.dataTable thead th {
  font-weight: 400; }

.dataTable thead tr {
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody td {
  padding: 14px 0;
  font-size: 14px;
  color: #222222;
  line-height: 16px; }

.dataTable tbody tr {
  border-bottom: 1px solid #f5f5f5; }

.dataTable tbody tr:nth-child(1) {
  background: #FFF5F5;
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody tr:nth-child(2) {
  background: #FFF5F5;
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody tr:nth-child(3) {
  background: #FFF5F5;
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody tr:nth-child(4) {
  background: #FFF5F5;
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody tr:nth-child(5) {
  background: #FFF5F5;
  border-bottom: 1px solid #FFC2C2; }

.dataTable tbody tr:last-child {
  border-bottom: none; }

.dataTable span {
  padding: 0 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dataTable-h-player {
  text-align: left;
  width: 130px; }

.dataTable-b-player {
  text-align: left; }

.b-d-player-sf {
  position: absolute;
  top: 15px;
  right: 0;
  height: 20px;
  font-size: 0; }

.b-d-player-sf > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  background: #FFE0E0;
  vertical-align: middle; }

.b-d-player-sf > span {
  line-height: 20px;
  font-size: 14px;
  color: #565657;
  vertical-align: middle; }

.m-d-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000; }

.m-d-download {
  position: fixed;
  top: 240px;
  left: 50%;
  margin-left: -195px;
  width: 390px;
  height: 390px;
  background: #FFFFFF;
  border-radius: 4px; }

.m-d-download-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  /* background: url("../images/download/down_close.png") no-repeat;*/ }

.m-d-download-img {
  display: block;
  width: 190px;
  height: 190px;
  margin: 60px auto 24px auto; }

.m-d-download-text {
  padding: 10px 0;
  margin: 0 105px;
  background: #DC0714;
  border-radius: 4px; }

.m-d-download-text > p {
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center; }