/* Reset*/
body, div, h1, h2, h3, h4, h5, h6, form, img, ul, ol, li, dl, dt, dd, p, tr, th, td {
  margin: 0;
  padding: 0;
}
body {
  font: 12px/1.5 'Microsoft Yahei', tahoma, '\5b8b\4f53', sans-serif;
  color: #777986;
  min-width: 1410px;
  max-width: 1920px;
  margin: 0 auto;
  background: #eee url("../image/bg.png");
}
html, body {
  overflow-x: hidden;
}
li {
  list-style: none;
}
em, i {
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  border: 0;
  vertical-align: top;
}
a {
  color: #c25521;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #ee0000;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.ti {
  text-indent: -999em;
}
.hid {
  display: none;
}
.underline {
  text-decoration: underline;
}
.text-c{
  text-align: center;
}
/*Wrapper & Bg reset*/
.head {
  background: rgba(0,0,0,1);
}
.banner-ny {
    top: 85px;
    left: 0;
    width: 100%;
    height: 384px;
    overflow: hidden;
    background: url("../image/banner-ny.jpg") no-repeat center bottom;
    border-bottom: 5px solid #000;
}

/*Left Side*/
.lside-bg {
  position: relative;
  margin-left: 240px;
  float: left;
  width: 192px;
  top: 484px;
  z-index: 99;
  /*background: url(../image/lside_rp.png) repeat-y;*/
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}

/*Main Content*/
.main {
  padding-top: 0;
  margin-top: 484px;
  position: relative;
  overflow: hidden;
}
.page-nav-list {
  margin: 2px;
  box-sizing: border-box;
  height: 86px;
  border: 1px solid #cecece;
}
.page-nav-list li {
  float: left;
  margin-top: 22px;
  height: 40px;
  border-right: 1px solid #c1c0c0;
}
.page-nav-list li.last, .page-nav-list li:last-child {
  border-right: 0;
}
.page-nav-list li a {
  display: block;
  width: 100%;
  padding-bottom: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  color: #4c4b4b;
}
.page-nav-list li:hover a, .page-nav-list li.active a {
  border-bottom: 4px solid #40a8c4;
  color: #40a8c4;
}
.main.exchange .page-nav-list li {
  box-sizing: border-box;
  width: 50%;
}
.main.event .page-nav-list li {
  box-sizing: border-box;
  width: 20%;
}
.main.news .page-nav-list li {
  box-sizing: border-box;
  /*width: 16.6%;*/
  width: 20%;
}
/*New Detail*/
.news-main {
  width: 1226px;
  margin-left: 10px;
  *padding-top: 242px;
  padding-bottom: 13px;
  *margin-top: 0;
  padding-left: 13px;
  padding-right: 13px;
  margin-bottom: 10px;
  min-height: 782px;
}
.new-title {
  margin: 0 8px 20px 0;
}
.new-title h2 {
  height: 64px;
  font-weight: normal;
  line-height: 64px;
  color: #3f3f51;
  font-size: 30px;
}
.new-title .newtitle-en {
  opacity: 0.2;
  filter: alpha(opacity=20);
  font-size: 42px;
  padding-left: 12px;
}
.breadcrumb {
  height: 20px;
  line-height: 20px;
  color: #9c9c9c;
  font-family: '\5b8b\4f53';
}
.home-icon {
  float: left;
  width: 11px;
  height: 8px;
  background: url(../image/home_icon.png) no-repeat;
  margin: 6px 6px 0 0;
  display: inline;
}
.breadcrumb a {
  color: #9c9c9c;
}
.breadcrumb a:hover {
  color: #f2782f;
}
.breadcrumb span {}
.new-content {
  width: 100%;
  overflow: hidden;
  /*background-color: #f3f3f3;
  background: linear-gradient(to bottom, #f3f3f3, #eeeeee);*/
}
.newcon-title {
  height: 67px;
  margin-top: 21px;
  border-bottom: 1px solid rgba(88, 96, 106, 0.1);
}
.newcon-title h3 {
  font-weight: normal;
  color: #c25521;
  height: 36px;
  line-height: 36px;
  font-size: 19px;
}
.newcon-title p {
  color: #9aa2aa;
  font-family: '\5b8b\4f53';
  height: 20px;
  line-height: 20px;
}
.new-text {
  width: 100%;
  padding: 30px 0;
  color: #58606a;
  font-family: '\5b8b\4f53';
  min-height: 915px;
}
.new-text img {
  display: block;
  margin: 5px 0
}
.new-text p {
  line-height: 24px;
}
.new-btm {
  height: 80px;
  border-top: 1px dotted #3f424e;
  width: 100%;
}

.detail-about {
  width: 100%;
  min-height: 265px;
  border-top: 3px solid #36313f;
}
.about-title {
  height: 38px;
  line-height: 38px;
  font-size: 21px;
  margin-top: 60px;
  color: #080706;
  font-weight: bold;
}
.about-text {
  color: #8b877e;
  line-height: 24px;
  width: 450px;
}
.about-high {
  color: #64583c;
  font-weight: bold;
}
/*Footer*/
.footer {
  width: 100%;
  background: #20222c;
  height: 128px;
  padding: 20px 0;
}
.footer-main {
  width: 882px;
  margin-left: 204px;
  overflow: hidden;
}
.foot-logo {
  float: left;
  width: 310px;
  height: 85px;
  margin-top: 10px;
}
.tglogo {
  width: 166px;
  height: 30px;
  background-position: 0 -598px;
  float: left;
  margin-right: 10px;
  display: inline;
}
.nclogo {
  width: 120px;
  height: 32px;
  background-position: 0 -628px;
  float: left;
}
.foot-text {
  float: left;
  width: 570px;
}
.foot-text p {
  line-height: 20px;
  color: #485d68;
  font-family: '\5b8b\4f53'
}
.foot-text .foot-split {
  padding: 0 3px;
}
.foot-text a {
  color: #485d68;
}
.foot-text .copyright {
  float: right;
}
.foot-text .license {
  background: #202020;
  color: #4c4c4c;
  line-height: 24px;
  margin-top: 6px;
  padding-left: 10px;
}
.license a {
  color: #4c4c4c;
}
/* center */
.ecenter .new-title {
  padding-left: 6px;
}
.center-login {
  float: right;
  margin-top: 12px;
  line-height: 38px;
  font-size: 14px;
  color: #575757;
}
.center-login a {
  margin-left: 10px;
  color: #575757;
}
.center-login a.underline:hover {
  color: #c25521;
  text-decoration: underline;
}
/* add unlogin css++ */
.unlogin-box {
  width: 626px;
  height: 400px;
  text-align: center;
}
.unlogin-box .center-login {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.unlogin-box .center-login img {
  display: block;
  margin: 0 auto;
}
.unlogin-box .center-login .unlogin-btn {
  display: block;
  width: 123px;
  height: 40px;
  margin: 0 auto;
  background: #f2782f;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
}
/* add unlogin css-- */
.center-content {
  padding-left: 34px;
  box-sizing: border-box;
  background: linear-gradient(to left bottom, #f3f3f3, transparent);
  overflow: inherit;
}
.user-plank {
  padding-left: 188px;
  box-sizing: border-box;
  width: 100%;
  height: 200px;
}
.person-icon {
  bottom: 0px;
  left: 0;
  width: 162px;
}
.person-icon img {
  display: block;
  width: 100%;
}
.user-msg-container {
  padding-right: 24px;
}
.user-left {
  float: left;
}
.user-msg-wrap {
  padding-bottom: 26px;
  border-bottom: 1px solid #d7d7d7;
}
.user-msg-wrap .user-name {
  padding-top: 17px;
  line-height: 1;
  font-weight: bold;
  font-size: 26px;
  color: #4c4b4b;
}
.user-msg-wrap .welcome-title {
  margin-top: 20px;
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
  color: #575757;
}
.user-msg-wrap .welcome-title span {
  color: #f2782f;
}
.user-msg-wrap .welcome-desc {
  margin-top: 10px;
  line-height: 1;
  font-size: 14px;
  color: #9e9e9e;
}
.user-data {
  margin-top: 32px;
  padding: 0 25px;
  float: right;
  text-align: center;
}
.user-data .title {
  line-height: 1;
  font-size: 14px;
  color: #9c9c9c;
}
.user-data .desc {
  margin-top: 16px;
  line-height: 1;
  font-weight: bold;
  font-size: 40px;
  color: #4c4b4b;
}
.user-data .desc span {
  font-size: 14px;
}
.fg-icon {
  margin: 36px 0 0 15px;
  float: right;
  width: 25px;
  height: 55px;
  background-image: url(../image/center_fg.png);
}
.center-arrow {
  display: block;
  top: 100%;
  right: 0;
  left: 0;
  margin: 1px auto 0;
  width: 18px;
  height: 9px;
  background-image: url(../image/center_arrow.png);
}
.zltj-wrap {
  float: left;
  margin-top: 12px;
  width: calc(100% - 115px);
}
.zltj-item p {
  display: inline-block;
  line-height: 19px;
  font-size: 14px;
  color: #9e9e9e;
}
.zltj-item p span {
  text-decoration: underline;
}
.zltj-item .btn-more, .btn-look-zl, .btn-look-zb {
  display: inline-block;
  padding: 0 12px;
  box-sizing: border-box;
  line-height: 17px;
  font-size: 12px;
  color: #f2782f;
  border: 1px solid #f2782f;
  border-radius: 99px;
}
.zltj-item .btn-more:hover, .btn-look-zl:hover, .btn-look-zb:hover {
  color: #f2782f;
}
.zltj-item .btn-more {
  margin-left: 14px;
}
.btn-look-zl {
  margin-top: 25px;
  width: 115px;
}
.role-item {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 0 0 20px;
  border: 1px solid transparent;
  box-sizing: border-box;
  height: 120px;
  background-color: #fff;
}
.role-item:hover {
  border-color: #f2782f;
}
.role-left {
  float: left;
  width: 434px;
}
.name-wrap {
  margin-bottom: 12px;
  font-size: 0;
  vertical-align: middle;
}
.name-wrap .name-text {
  float: left;
  line-height: 1;
  font-size: 20px;
  color: #575757;
}

.role-item .btn-look-zb {
  margin: 2px 0 0 20px;
}
.role-item .server-msg p {
  display: inline-block;
  line-height: 26px;
  min-width: 166px;
  font-size: 14px;
  color: #575757;
}
.role-item .server-msg p span {
  color: #9d9d9d;
}
.role-data {
  float: left;
  margin-left: 136px;
  width: 180px;
  text-align: center;
}
.role-data .title {
  margin-top: 10px;
  line-height: 1;
  font-size: 14px;
  color: #9d9d9d;
}
.role-data .desc {
  margin-top: 8px;
  line-height: 1;
  font-weight: bold;
  font-size: 40px;
  color: #f2782f;
}
.role-icon {
  right: 106px;
  bottom: 0px;
  width: 172px;
  height: 125px;
}
.role-tips-text {
  line-height: 1;
  text-align: right;
  font-size: 12px;
  color: #aaa;
}
.pop-look-zb {
  display: none;
  width: 1067px;
  height: 703px;
  outline: none;
}
.btn-close {
  display: block;
  position: absolute;
  top: 3px;
  right: -34px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: -191px -660px;
}
.pop-zl-rank {
  display: none;
  width: 623px;
  height: 753px;
  background-color: rgba(29, 32, 46, 80);
  outline: none;
}
.pop-zl-rank .pop-con, .pop-prize .pop-con {
  padding: 18px 20px 0;
}
.pop-zl-rank .title-text, .pop-prize .title-text {
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #9da2b4;
}
.pop-zl-rank .rank-table {
  margin-top: 24px;
  width: 580px;
  border: 2px solid #303342;
  border-collapse: collapse;
  text-align: center;
}
.rank-table tr th {
  line-height: 58px;
  border: 2px solid #303342;
  font-weight: bold;
  font-size: 18px;
  color: #9da2b4;
}
.rank-table tr td {
  line-height: 48px;
  border: 2px solid #303342;
  font-size: 16px;
  color: #9da2b4;
}
.paging-wrap {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.paging-wrap .btn-paging {
  display: inline-block;
  margin: 0 14px;
  padding: 0 32px;
  border: 2px solid #9da2b4;
  border-radius: 99px;
  line-height: 31px;
  font-size: 18px;
  color: #9da2b4;
  cursor: pointer;
}
.pop-zl-rank .rank-tips {
  margin-top: 20px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  color: #5f6583;
}
.pop-zl-rank .btn-close, .pop-prize .btn-close {
  top: 0;
  right: -42px;
  width: 37px;
  height: 37px;
  background-position: -178px -741px;
}
/* news list */
.main.news {
  min-height: 860px;
}
.search-container {
  position: relative;
  margin: 20px 2px 3px;
  height: 38px;
  border: 1px solid #cecece;
}
.search-container input {
  display: block;
  padding: 0 18px;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  background-color: transparent;
  border: none;
  outline: none;
}
.search-container input::-webkit-input-placeholder {
  color: #d3d3d3;
}
.search-container .input-submit, .search-container .btn-search {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 83px;
  height: 30px;
  border-radius: 4px;
  background-color: #f2782f;
  cursor: pointer;
  background-image: none;
}
.search-container .btn-search {
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  pointer-events: none;
}
.main.news .news-list {
  margin: 14px 25px 0;
  padding: 0;
  border: none;
  width: auto;
  min-height: auto;
}
.main.news .news-list li {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  font-size: 0;
  border-bottom: 1px dashed #cdd4dd;
}
.main.news .news-list li a, .main.news .news-list li span {
  font-size: 14px;
  color: #414141;
}
.main.news .news-list li a {
  display: inline-block;
  vertical-align: top;
}
.main.news .news-list li a:hover {
  font-weight: normal;
  color: #e36623;
}
.main.news .news-list li a.news-lnk {
  display: inline-block;
  max-width: calc(100% - 150px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.news .news-act {
  padding-right: 8px;
}
.main.news .news-date {
  float: right;
}
.paging-container {
  margin-top: 56px;
  margin-bottom: 40px;
  text-align: center;
}
.paging-container span{
  padding-left: 10px;
}
.paging-container a {
  display: inline-block;
  /*margin: 0 8px;
  width: 81px;*/
  margin: 0 4px;
  width: 60px;
  height: 28px;
  border: 1px solid #c4c3c3;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #9b9b9b;
}
.paging-container a:hover {
  background-color: #f2782f;
  border-color: #f2782f;
  color: #fff;
}
/* details */
.main.details .details-content {
  margin-top: 22px;
  padding: 0 24px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  background: #f9f9f9;
  /*background-color: #f3f3f3;
  background: linear-gradient(to bottom, #f3f3f3, #eeeeee);*/
}
.main.details .article-title {
  padding: 18px 0 0;
  line-height: 28px;
  font-weight: bold;
  font-size: 22px;
  color: #f2782f;
}
.main.details .article-desc {
  margin-top: 4px;
  font-size: 12px;
  color: #9aa2aa;
}
.main.details .article-line {
  margin-top: 12px;
  width: 100%;
  height: 1px;
  background-color: #dadada;
}
.main.details .article-content {
  padding: 24px 0;
  font-size: 16px;
}


/*Event Center*/
.wrapper-event {}
.events-main {
  min-height: 645px;
  width: 1226px;
  padding-left: 13px;
  padding-right: 13px;
}
.events-main .new-title {}
.events-main .news-switcher {
  margin-top: 10px;
  margin-bottom: 0;
}
.events-box {
  width: 100%;
  margin-top: 25px;
  min-height: 620px;
}
.events-list {
  width: calc(100% + 10px);
  overflow: hidden;
}
.events-list li {
  float: left;
  width: 196px;
  height: 215px;
  background: #fff;
  margin: 0 10px 10px 0;
  display: inline;
}
.events-list li:hover {
  box-shadow: 0 0 5px #08192020;
}
.events-list li:hover .event-lnk {
  opacity: 1;
  filter: alpha(opacity=100);
}
.event-lnk {
  display: block;
  padding: 2px;
  height: 144px;
  overflow: hidden;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.event-lnk img {
  display: block;
  height: 100%;
}
.event-info {
  /*width: 161px;*/
  height: 110px;
  border-top: 0;
  padding: 0 5px; /* font-family:'\5b8b\4f53'; */
}
.event-countdown {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #f2782f;
}
.time-icon {
  float: left;
  width: 12px;
  height: 12px;
  margin: 2px 5px 0 0;
  display: inline;
  background: url(../image/time_icon.png) no-repeat;
}
.event-name {
  margin-top: 3px;
  font-weight: bold;
  font-size: 14px;
  color: #f2782f;
  height: 32px;
  line-height: 32px; /* border-bottom: 1px solid #f0f0f0; */ /* margin-bottom: 5px; */
}
.event-abstract {
  line-height: 17px;
  font-size: 12px;
  color: #8d8d8d;
}
.event-time {
  height: 16px;
  line-height: 16px;
  color: #999;
}
.arrow-top {
  width: 15px;
  height: 7px;
  background: url(../image/arrow.png) no-repeat;
  bottom: 0;
  left: 28px
}
.bangbang-lnk {
  display: inline-block;
  font-size: 14px;
  margin-left: 80px;
  border: 2px solid #3f3f51;
  height: 28px;
  line-height: 26px;
  border-radius: 16px;
  padding: 0 14px;
  color: #3f3f51;
  font-weight: bold;
  vertical-align: middle;
}
.bangbang-lnk .icon-plus {
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  padding-left: 5px;
  font-family: 'Helvetica';
}
.bangbang-lnk:hover {
  color: #e93012;
  border: 2px solid #e93012;
}

/*Version Center*/
.version-main {
  width: 100%;
}
.version-list {
  width: 100%;
  min-height: 515px;
  overflow: hidden;
}
.version-list li {
  float: left;
  width: 32.33%;
  margin: 1% 0.5% 0 0.5%;
  display: inline;
  position: relative;
}
.version-list li:hover .version-name {
  color: #f2782f;
  text-indent: 5px;
}
.version-lnk {
  width: 100%;
  display: block;
}
.version-time {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 20px;
  color: #d5581b;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 298px;
  left: 0;
  display: none;
}
.vtime-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  left: 0;
  top: 0;
  z-index: 9;
  background: #111922;
}
.version-time i {
  position: relative;
  z-index: 10;
}
.version-info {
  background: #fff;
  padding: 15px 20px;
}
.version-name {
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
}
.version-text {
  line-height: 24px;
  height: 72px;
  padding: 10px 0 5px;
  font-family: '\5b8b\4f53';
  color: #a9afb7;
  border-top: 1px dotted #c4bfcb;
  display: none
}


.pages {
  padding: 10px 0 30px;
  text-align: center
}
.pages a, .pages span, .pages input {
  display: inline-block;
  margin: 0 2px;
  width: 36px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #CECECE;
  background-position: -462px -86px;
  color: #999;
  font-size: 14px;
  font-weight: bold;
  border-radius: 2px;
  vertical-align: middle;
  white-space: nowrap
}
.pages a.pagepre:hover, .pages span.pagenow, .pages a.pagenext:hover, .pages a.previouspage:hover {
  border: 1px solid #00A584;
  background: #0284a6;
  color: #fff;
  text-decoration: none
}
.pages a.previouspageone, .pages a.pagenext, .pages a.previouspage, .pages a.pagenextnone {
  width: 60px;
  font-weight: normal
}
.pages a.previouspageone:hover, .pages a.pagenextnone:hover {
  cursor: default;
  text-decoration: none
}
.pages input {
  margin: 0 4px;
  height: 28px;
  padding: 0 3px;
  font-weight: normal;
  background: #fff;
  color: #333
}
.rightbox .pages .pagepre, .rightbox .pages .pagenow {
  display: none
}
.rightbox .pages a.pageprenone, .rightbox .pages .previouspage, .rightbox .pages .pagenext, .rightbox .pages .pagenextnone {
  display: inline-block
}

/* center update 0625 */
.recommend-acts-box {
  background: #fff;
  padding: 0 14px 14px;
  margin-bottom: 10px;
}
.recommend-acts-box h2 {
  height: 46px;
  font-size: 18px;
  color: #4c4b4b;
  font-weight: bold;
  line-height: 46px;
}
.recommend-acts-lists {
  float: left;
  max-width: calc(100% - 132px);
  height: 144px;
  overflow: hidden;
}
.recommend-acts-lists li {
  float: left;
  width: 192px;
  height: 144px;
  margin-right: 14px;
}
.recommend-acts-lists li:last-child {
  margin-right: 0;
}
.recommend-acts-handle {
  float: left;
  width: 132px;
  height: 144px;
  display: table;
}
.recommend-acts-handle-cell {
  display: table-cell;
  vertical-align: middle;
}
.recommend-acts-handle-cell a {
  display: block;
  width: 100px;
  height: 58px;
  padding-top: 12px;
  margin: 0 auto 12px;
  background: #f2782f;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  border-radius: 2px;
  box-sizing: border-box;
}
.recommend-acts-handle-cell a:last-child {
  margin: 0 auto 0;
}
/* center equip update 0625 */
.equip-box {
  display: none;
  outline: 0;
}
.equip-rank {
  position: relative;
  width: 766px;
  background: #2a2e3f url(../image/equip-rank.jpg) no-repeat bottom center;
}
.equip-box h2 {
  height: 86px;
  font-size: 26px;
  line-height: 86px;
  text-align: center;
  background-image: -webkit-linear-gradient(bottom, #7c8de3, #b4bff4, #edf0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.equip-box table {
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0
}
.equip-rank table {
  width: 744px;
}
.equip-box table thead tr {
  border: 1px solid #3b3e51;
}
.equip-box table thead tr th {
  height: 34px;
  background: #3b3e51;
  font-size: 14px;
  color: #a5b3e5;
  text-align: center;
}
.equip-rank table thead tr th:nth-child(1) {
  width: 52px;
}
.equip-rank table thead tr th:nth-child(2) {
  width: 192px;
}
.equip-rank table thead tr th:nth-child(3) {
  width: 80px;
}
.equip-rank table thead tr th:nth-child(4) {
  width: 64px;
}
.equip-rank table thead tr th:nth-child(5) {
  width: 94px;
}
.equip-rank table thead tr th:nth-child(6) {
  width: 80px;
}
.equip-rank table thead tr th:nth-child(7) {
  width: 82px;
}
.equip-rank table thead tr th:nth-child(8) {
  width: 100px;
}
.equip-rank table tbody tr {
  border: 1px solid #484f72;
}
.equip-box table tbody tr td {
  height: 34px;
  font-size: 14px;
  color: #9fabd6;
  text-align: center;
  line-height: 34px;
}
.equip-rank table tbody tr:nth-child(1) td:nth-child(1), .equip-rank table tbody tr:nth-child(2) td:nth-child(1), .equip-rank table tbody tr:nth-child(3) td:nth-child(1) {
  color: #f2782f;
}
.equip-rank table tbody tr td a {
  font-size: 12px;
  color: #f2782f;
}
.equip-rank table tbody tr td a i {
  display: inline-block;
  width: 18px;
  height: 17px;
  background: url(../image/equip-spr.png) no-repeat -8px -31px;
  margin-right: 4px;
  vertical-align: middle;
}
.equip-rank table tbody tr td a.on i {
  background-position: -8px -8px;
}
.equip-rank table tbody tr td a.pk-btn {
  display: inline-block;
  width: 62px;
  height: 20px;
  font-size: 12px;
  color: #f2782f;
  text-align: center;
  line-height: 20px;
  border: 1px solid #f2782f;
  border-radius: 20px;
}
.equip-rank table tfoot tr td {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #8f97b4;
  text-align: center;
}
.equip-rank table tfoot tr td label input {
  margin-left: 5px;
  border: 1px solid #f2782f;
  outline: 0;
  width: 40px;
  height: 16px;
}
.equip-rank table tfoot tr td a.go {
  display: inline-block;
  width: 40px;
  height: 20px;
  background: #e05704;
  line-height: 20px;
  margin-left: 10px;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
}
.equip-rank table tfoot tr td a {
  color: #8f97b4;
}
.equip-rank table tfoot tr td a.curr {
  color: #e05704;
}
.equip-rank table tfoot tr td a.equip-page {
  color: #8f97b4;
  text-align: center;
  text-decoration: underline;
  margin: 0 20px;
  transition: all .3s;
}
.equip-rank table tfoot tr td a.equip-page:hover {
  color: #e05704;
}
.show-limit-tips {
  position: absolute;
  bottom: 16px;
  right: 20px;
  font-size: 12px;
  color: #9a7573;
}
.equip-close {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 22px;
  height: 23px;
  background: url(../image/equip-spr.png) no-repeat -6px -57px;
  text-indent: -999em;
}
.equip-pk {
  position: relative;
  width: 532px;
  background: #2a2e3f url(../image/equip-rank.jpg) no-repeat bottom center;
  overflow: hidden;
  padding-bottom: 135px;
}
.equip-pk table {
  width: 505px;
}
.equip-pk table thead tr th:nth-child(1) {
  width: 92px;
}
.equip-pk table thead tr th:nth-child(2) {
  width: 202px;
}
.equip-pk table thead tr th:nth-child(3) {
  width: 150px;
}
.equip-pk table thead tr th:nth-child(4) {
  width: 61px;
}
.equip-pk table tbody tr {
  border-bottom: 1px dotted #484f72;
}
.equip-pk table tbody tr td i.winorlos {
  display: inline-block;
  width: 31px;
  height: 30px;
  background: url(../image/equip-spr.png) no-repeat;
  vertical-align: middle;
}
.equip-pk table tbody tr td i.winorlos.win {
  background-position: -37px -4px;
}
.equip-pk table tbody tr td i.winorlos.los {
  background-position: -37px -39px;
}
.equip-pk table tbody tr td i.winorlos.pea {
  background-position: -37px -71px;
}
.results-tips {
  position: absolute;
  left: 50%;
  margin-left: -40%;
  bottom: -32px;
  width: 80%;
  height: 135px;
  line-height: 103px;
}
.results-tips img {
  float: left;
}
.results-tips p {
  font-size: 18px;
  color: #adbae7;
  font-weight: bold;
}
.results-tips p span {
  color: #f2782f;
}
/* 鎺堟潈pop++ */
.sq-pop {
  display: none;
  position: relative;
  width: 612px;
  background: url(../image/sq-pop.jpg) no-repeat top center;
  padding: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
.sq-conts h2 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #a5b3e5;
  font-weight: bold;
}
.sq-conts p {
  font-size: 14px;
  color: #9fabd6;
  line-height: 36px;
  text-indent: 2em;
}
.sq-conts p span {
  color: #f2782f;
}
.confirm-box {
  margin-top: 24px;
  text-align: center;
}
.confirm-box a {
  display: inline-table;
  width: 170px;
  height: 46px;
  margin: 0 29px;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
  border-radius: 24px;
  line-height: 1.2;
}
.confirm-box a:first-child {
  border: 1px solid #f2782f;
  color: #f2782f;
}
.confirm-box a:last-child {
  border: 1px solid #9fabd6;
  color: #9fabd6;
}
.confirm-box a em {
  display: table-cell;
  vertical-align: middle;
}
.sq-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  font-size: 40px;
  color: #4b5068;
  text-align: center;
  line-height: 46px;
}
/* 鎺堟潈pop-- */
/*For Media Queries*/
@media screen and (min-width: 1920px) {
  .lside-bg {
    margin-left: calc((100% - 1920px) / 2 + 240px);
  }
  .banner-content {
    margin-left: calc((100% - 1920px) / 2);
  }
  .banner-container .slider-switcher {
    padding-left: calc((100% - 1920px) / 2 + 440px);
  }
  .banner-container .switcher-btn {
    min-width: 245px;
  }
}
@media screen and (max-width: 1860px) {
  .banner-content {
    margin-left: -160px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 282px;
  }
  .banner-container .switcher-btn {
    min-width: 245px;
  }
  .lside-bg {
    margin-left: 80px;
  }
  .down-driver .ico {
    float: none;
    margin: 0 auto;
  }
  .down-driver span {
    width: 90%;
    padding: 10px 5%;
    text-align: center;
    min-height: 0;
    float: none;
  }
  .down-driver a {
    width: auto;
    margin: 0 10px;
    float: none;
    text-align: center;
  }
  .down-driver .i_dx, .down-driver .i_vs {
    margin-bottom: 2px;
    margin-top: 2px;
  }
  .video-content-right {
    display: none;
  }
  .video-content-left {
    display: block;
    float: none;
    width: auto;
  }
  .role-data {
    margin-left: 118px;
  }
  .role-icon {
    right: 106px;
  }
}
@media screen and (max-width: 1640px) {
  .banner-content {
    margin-left: -170px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 282px;
  }
  .banner-container .switcher-btn {
    min-width: 205px;
  }
  .lside-bg {
    margin-left: 80px;
  }
  .version-list li {
    width: 32%;
  }
  .version-time {
    top: 252px;
  }
  .version-info {
    height: 180px;
  }
  .role-data {
    margin-left: 136px;
  }
  .role-icon {
    right: 96px;
  }
}
@media screen and (max-width: 1600px) {
  .lside-bg {
    margin-left: 70px;
  }
  .news-main {
    width: 1029px;
  }
  .awardstep-pic {
    background: url(/static/2022/images/step_1_below.png) no-repeat;
  }
  .award-list {
    float: none !important;
    margin: 20px auto;
    text-align: center;
  }
  .award-list li {
    display: inline-block;
    float: none;
  }
  .award-3row .awardlpic-text {
    margin: 10px auto;
    clear: left;
    width: 80%;
    padding: 0;
  }
  .award-opt .account-lnk {
    width: 120px;
  }
  .cskill-content p {
    width: 60%;
  }
  .ptools-content .cskill-tip {
    width: 60%;
  }
  .down-list li {
    width: 50%;
  }
  .role-data {
    margin-left: 56px;
  }
  .role-icon {
    right: 78px;
  }
}
@media screen and (max-width: 1440px) {
  .banner-content {
    margin-left: -179px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 262px;
  }
  .banner-container .switcher-btn {
    min-width: 202px;
  }
  .lside-bg {
    margin-left: 60px;
  }
  .version-list li {
    width: 32%;
  }
  .version-time {
    top: 287px;
  }
  .version-info {
    height: 160px;
  }
}
@media screen and (max-width: 1386px) {
  .banner-content {
    margin-left: -190px;
    width: 1018px;
  }
  .banner-container .slider-switcher {
    padding-left: 252px;
  }
  .banner-container .switcher-btn {
    min-width: 198px;
  }
  .lside-bg {
    margin-left: 50px;
  }
  .news-main {
    width: 1020px;
  }
  .version-main {
    width: 100%
  }
  .version-list li {
    width: 32%;
  }
  .version-time {
    top: 266px;
  }
  .vdetail-content {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .about-title {
    margin-top: 32px;
  }
  .about-text {
    width: 305px;
  }
  .btn-small {
    padding: 4px 5px 0;
  }
  .btn-small i {
    background: none;
    padding-left: 0;
  }
  .btn-small em {
    display: none;
  }
  .down-notice a {
    position: static;
  }
  .version-main {
    width: 100%
  }
  .version-list li {
    width: 32%;
  }
  .version-time {
    top: 242px;
  }
  .version-info {
    height: 180px;
  }
  .hz-plank .hz-item {
    margin: 0 22px;
  }
}
@media screen and (max-width: 1044px) {
  .banner-container {
    min-width: 158px;
  }
  .banner-container .slider-switcher {
    padding-left: 252px;
  }
  .detail-about {
    background: none;
  }
  .version-main {
    width: 100%
  }
  .version-list li {
    width: 32%;
  }
  .version-time {
    top: 280px;
  }
  .hz-plank .hz-item {
    margin: 0 20px;
  }
}
.pic-lnk.active .main-slogan, .pic-lnk.active .title-wrap {
  -webkit-animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp;
  animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp;
}
.pic-lnk.active .new-nav2, .pic-lnk.active .btn {
  -webkit-animation: 1s .3s cubic-bezier(.22, .4, .5, .96) both moveUp;
  animation: 1s .3s cubic-bezier(.22, .4, .5, .96) both moveUp;
}
@keyframes moveUp {
  0%, 20% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.recommend .pic-lnk.active .title, .recommend .pic-lnk.active .desc {
  -webkit-animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp2;
  animation: 1s .2s cubic-bezier(.22, .4, .5, .96) both moveUp2;
}
@keyframes moveUp2 {
  0%, 20% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.pic-lnk.active .person {
  -webkit-animation: 1s .6s cubic-bezier(.22, .4, .5, .96) both moveLeft;
  animation: 1s .6s cubic-bezier(.22, .4, .5, .96) both moveLeft;
}
@keyframes moveLeft {
  0%, 20% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
#girl{
  top: 550px;
  right: -10px;
}
.article {
  padding: 20px 0;
  font-size: 14px;
  line-height: 28px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}
.article a {
  color: #555;
  text-decoration: underline;
}
.article a:hover {
  color: #ff3300;
}
.articleaction {
  text-align: right;
  margin-right: 40px;
}
/*video*/
.dnf60-video{
  margin: 20px auto; 
}
.zhiye-main{
  width: 1100px;
}
.zhiye-main .fr{
  position: relative;
  z-index: 999
}
.zhiye-main .news-main{
  width: auto;
}
.zhiye-main .rt,.zhiye-main .lf{
  margin: 0;
}