body, div, p, a, img, ul, li, span, form, input, label, select, option, button, h1, h2, h3, h4, h5, h6, header, article, section, footer, nav {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 16px;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
}

img {
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

input, button, select {
  outline: none;
}

button {
  cursor: pointer;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.hidden {
  opacity: 0;
}

.hide {
  display: none;
}

.back-btn {
  display: block;
  height: 60px;
  line-height: 60px;
  background: #ffbb33;
  color: #fff;
  position: absolute;
  right: 0;
  top: -220px;
  padding: 0 25px;
  border-radius: 10px;
  font-size: 24px;
}

.back-btn:hover {
  background: #c61501;
}

.page-wrap {
  width: 1200px;
  margin: 0 auto;
}

/* news page */
.page-banner {
  position: relative;
}

.page-banner .page-wrap {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -600px;
}

.page-banner .game-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 360px;
  height: 165px;
}

.page-news {
  padding-top: 440px;
  background: #201b33 url("../images/page-bg.png") no-repeat top center;
  background-size: 100% auto;
}

.page-news .page-wrap {
  position: relative;
}

.page-news .game-logo {
  width: 280px;
  position: absolute;
  top: -350px;
  left: 150px;
}

.page-news .page-content {
  padding: 30px 0 105px;
}

.page-news .page-content .con-left {
  padding: 30px 0;
  width: 295px;
  background: url("../images/news-bg.png") no-repeat center center;
  background-size: 100% 100%;
}

.page-news .page-content .con-left .download {
  padding: 10px 0;
}

.page-news .page-content .con-left .download .left-title {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}

.page-news .page-content .con-left .download .download-code {
  margin: 5px auto 0;
  width: 190px;
  max-height: 190px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  padding: 5px;
}

.page-news .page-content .con-left .download .download-code .code-img {
  width: 100%;
  height: 100%;
}

.page-news .page-content .con-left .download .download-btns .btn {
  display: block;
  margin: 15px auto 0;
  width: 195px;
  height: 60px;
}

.page-news .page-content .con-left .p-service {
  padding: 5px 0 25px;
  background: url("../images/p-service-bg.png") no-repeat center center;
  background-size: 100% 100%;
}

.page-news .page-content .con-left .p-service .service-item {
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.page-news .page-content .con-left .p-service .service-item p {
  opacity: 0.6;
}

.page-news .page-content .con-left .p-service .service-item .label {
  line-height: 35px;
  padding-left: 44px;
  font-size: 20px;
  opacity: 0.9;
  background: url("../images/icon-service.png") no-repeat left center;
  background-size: 39px auto;
}

.page-news .page-content .con-left .p-service .service-item.p-email .label {
  background-image: url("../images/icon-email.png");
  background-size: 33px auto;
}

.page-news .page-content .con-right {
  width: 875px;
  min-height: 730px;
}

.page-news .page-content .con-right .right-title {
  height: 135px;
  background: url("../images/right-title-bg.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 30px 50px;
  color: #fff;
  line-height: 1;
}

.page-news .page-content .con-right .right-title .p-title {
  font-size: 30px;
  color: #f5f5f5;
  padding-bottom: 10px;
  background: url("../images/con-right-line.png") no-repeat center bottom;
  background-size: 100% 2px;
}

.page-news .page-content .con-right .right-title .p-subhead {
  margin-top: 15px;
  font-size: 14px;
  color: rgba(245, 245, 245, 0.6);
}

.page-news .page-content .con-right .right-title .p-subhead a {
  color: #eee;
  opacity: 0.6;
}

.page-news .page-content .con-right .right-title .p-subhead a:hover {
  opacity: 1;
}

.page-news .page-content .con-right .right-body {
  background: #fff;
}

.page-news .page-content .con-right .page-tab {
  padding: 50px;
  min-height: 630px;
  position: relative;
}

.page-news .page-content .con-right .page-tab .tab-head li {
  float: left;
  width: 25%;
  font-size: 16px;
  text-align: center;
  background: #cccccc;
}

.page-news .page-content .con-right .page-tab .tab-head li a {
  width: 100%;
  height: 42px;
  line-height: 42px;
  color: #1a1a1a;
  display: block;
}

.page-news .page-content .con-right .page-tab .tab-head li.active {
  background: #ffbb33;
  background: url("../images/page-tab-bg_03.png");
  position: relative;
}

.page-news .page-content .con-right .page-tab .tab-head li.active:after {
  content: '';
  display: block;
  width: 15px;
  height: 9px;
  background: url("../images/page-tab-bg_06.png");
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -8.5px;
  z-index: 0;
}

.page-news .page-content .con-right .page-tab .tab-body {
  padding: 30px 0;
}

.page-news .page-content .con-right .page-tab .tab-body ul li {
  padding: 0 20px;
  line-height: 48px;
  position: relative;
  border-bottom: 1px dotted #bdbdbd;
}

.page-news .page-content .con-right .page-tab .tab-body ul li:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  left: 8px;
  top: 50%;
  margin-top: -2px;
  background: #bdbdbd;
}

.page-news .page-content .con-right .page-tab .tab-body ul li a {
  font-size: 14px;
  color: #232323;
}

.page-news .page-content .con-right .page-tab .tab-body ul li a p {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.page-news .page-content .con-right .page-tab .tab-body ul li a span {
  color: #7d7d7d;
}

.page-news .page-content .con-right .page-tab .tab-body ul li:hover:before {
  background: #ffbb33;
}

.page-news .page-content .con-right .page-tab .tab-body ul li:hover a {
  color: #ffbb33;
}

.page-news .page-content .con-right .page-tab .tab-pagination {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.page-news .page-content .con-right .page-tab .tab-pagination li {
  float: left;
}

.page-news .page-content .con-right .page-tab .tab-pagination li a, .page-news .page-content .con-right .page-tab .tab-pagination li span {
  cursor: pointer;
  display: block;
  font-size: 16px;
  color: #6b5f63;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  border-left: 1px solid #6b5f63;
  border-top: 1px solid #6b5f63;
  border-bottom: 1px solid #6b5f63;
}

.page-news .page-content .con-right .page-tab .tab-pagination li:last-of-type a, .page-news .page-content .con-right .page-tab .tab-pagination li:last-of-type span {
  border-right: 1px solid #6b5f63;
}

.page-news .page-content .con-right .page-tab .tab-pagination li:hover a, .page-news .page-content .con-right .page-tab .tab-pagination li:hover span, .page-news .page-content .con-right .page-tab .tab-pagination li.active a, .page-news .page-content .con-right .page-tab .tab-pagination li.active span {
  background: #6b5f63;
  color: #fff;
}

.page-news .page-content .con-right .article {
  padding: 10px 30px 50px;
}

.page-news .page-content .con-right .article .article-title {
  position: relative;
  padding: 25px 0;
  text-align: center;
  font-size: 24px;
  color: #333;
  border-bottom: 1px solid #b5b5b5;
}

.page-news .page-content .con-right .article .article-title .title-tip {
  font-size: 12px;
  color: #999;
  position: absolute;
  bottom: 3px;
  right: 0;
}

.page-news .page-content .con-right .article .article-content {
  padding-top: 45px;
  line-height: 1.5;
}

.page-news .page-content .con-right .article .article-content img {
  margin: 30px auto;
}

header {
  background: url("../images/header-bg.png") no-repeat center top;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

header .content {
  height: 100%;
  width: 1573px;
  margin: 0 auto;
  padding-top: 21px;
}

header .game-logo {
  width: 276px;
  display: block;
}

header ul {
  height: 58px;
  line-height: 58px;
}

header ul li {
  float: left;
  width: 153px;
  text-align: center;
  height: 100%;
  position: relative;
}

header ul li a {
  background: url("../images/nav-bg.png");
  background-size: 100% 100%;
  color: #fff;
  display: block;
  height: 100%;
  font-size: 32px;
}

header ul li + li {
  margin-left: 29px;
}

header ul li.active a {
  background-image: url("../images/nav-bg-active.png");
}

header ul li.active .nav-content {
  display: block;
}

header ul li .nav-content {
  display: none;
  position: absolute;
  top: 72px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  padding: 7px;
}

header ul li .nav-content .wrap {
  border: 2px solid rgba(255, 255, 255, 0.35);
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 30px;
  line-height: 1;
  color: #fff;
}

header ul li .nav-content .wrap p + p {
  margin-top: 12px;
}

header ul li .nav-content .wrap .with-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header ul li .nav-content .wrap .with-img img {
  width: 150px;
  height: 150px;
}

header .login {
  margin-left: 23px;
  width: 60px;
  margin-top: -1px;
  cursor: pointer;
}

header .logout {
  margin-left: 23px;
  font-size: 30px;
  color: #fff;
  line-height: 60px;
}

header .logout p span {
  display: inline-block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: middle;
}

header .logout a {
  vertical-align: middle;
  display: inline-block;
  color: #999;
  margin-left: 10px;
  text-decoration: underline;
}

header .logout a:hover {
  color: #ff6a4c;
}

.icon-down {
  width: 74px;
  position: absolute;
  left: 50%;
  margin-left: -37px;
  bottom: 60px;
  z-index: 10;
  -webkit-animation: move 800ms ease-in-out infinite;
          animation: move 800ms ease-in-out infinite;
  cursor: pointer;
}

@-webkit-keyframes move {
  from {
    bottom: 60px;
  }
  to {
    bottom: 10px;
  }
}

@keyframes move {
  from {
    bottom: 60px;
  }
  to {
    bottom: 10px;
  }
}

.banner {
  background: url("../images/bg1.png") no-repeat center top;
  background-size: cover;
  padding: 84px 28px 0;
  position: relative;
}

.banner .role {
  width: 1378px;
  height: 980px;
  overflow: hidden;
  margin-left: -180px;
}

.banner .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.banner .slogan {
  width: 775px;
  position: absolute;
  bottom: 35px;
  left: 250px;
  z-index: 1;
}

.banner .play {
  width: 132px;
  height: 132px;
  position: absolute;
  bottom: 215px;
  left: 780px;
  z-index: 2;
  cursor: pointer;
}

.banner .play:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: url("../images/play-line.png");
  background-size: 100% 100%;
  -webkit-animation: round 3000ms linear  infinite;
          animation: round 3000ms linear  infinite;
}

@-webkit-keyframes round {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes round {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.banner .play:hover {
  -webkit-animation: scale 500ms ease-in-out forwards 1;
          animation: scale 500ms ease-in-out forwards 1;
}

@-webkit-keyframes scale {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes scale {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.banner .news {
  width: 653px;
  position: absolute;
  bottom: 83px;
  right: 232px;
  z-index: 2;
  background: url("../images/news-bg.png");
  background-size: 100% 100%;
  padding: 50px 26.5px;
}

.banner .news .news-swiper {
  padding: 13px;
  width: 600px;
  height: 236px;
  overflow: hidden;
}

.banner .news .news-swiper:after {
  content: '';
  display: block;
  width: 626px;
  height: 100%;
  background: url("../images/slide-mask.png");
  background-size: 100% 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  margin-left: -313px;
  left: 50%;
  pointer-events: none;
}

.banner .news .news-swiper .swiper-pagination {
  text-align: right;
}

.banner .news .news-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 49px;
  height: 17px;
  border-radius: 0;
  opacity: 0.5;
  background: #fff;
  margin: 0 11.5px;
}

.banner .news .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff6a4c;
  opacity: 1;
}

.banner .news .news-tab {
  height: 220px;
  background: rgba(47, 49, 89, 0.8);
  margin-top: 30px;
}

.banner .news .news-tab .tab-head {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.banner .news .news-tab .tab-head ul {
  width: 100%;
  height: 100%;
}

.banner .news .news-tab .tab-head ul li {
  cursor: pointer;
  float: left;
  height: 100%;
  width: 33.33333%;
  background: url("../images/xinwen.png");
  background-size: 100% 100%;
}

.banner .news .news-tab .tab-head ul li.tab-xw {
  background-image: url("../images/xinwen.png");
}

.banner .news .news-tab .tab-head ul li.tab-xw.active {
  background-image: url("../images/xinwen-active.png");
}

.banner .news .news-tab .tab-head ul li.tab-gg {
  background-image: url("../images/gonggao.png");
}

.banner .news .news-tab .tab-head ul li.tab-gg.active {
  background-image: url("../images/gonggao-active.png");
}

.banner .news .news-tab .tab-head ul li.tab-hd {
  background-image: url("../images/huodong.png");
}

.banner .news .news-tab .tab-head ul li.tab-hd.active {
  background-image: url("../images/huodong-active.png");
}

.banner .news .news-tab .tab-head .more {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 60px;
  height: 60px;
}

.banner .news .news-tab .tab-body {
  padding: 15px 12px;
}

.banner .news .news-tab .tab-body ul {
  display: none;
}

.banner .news .news-tab .tab-body ul.active {
  display: block;
}

.banner .news .news-tab .tab-body ul li {
  font-size: 24px;
  line-height: 42px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-left: 15px;
  padding-right: 28px;
}

.banner .news .news-tab .tab-body ul li .art-title {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.banner .news .news-tab .tab-body ul li .art-title a {
  color: #fff;
}

.banner .news .news-btns {
  margin-top: 35px;
  text-align: center;
}

.banner .news .news-btns .downloads {
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.banner .news .news-btns .downloads a {
  display: block;
  width: 280px;
}

.banner .news .news-btns .reserve-btn {
  background: none;
  border: none;
  position: relative;
}

.banner .news .news-btns .reserve-btn img {
  position: relative;
  z-index: 2;
}

.banner .news .news-btns .reserve-btn:after {
  content: '';
  display: block;
  width: 529px;
  height: 7px;
  background: url("../images/reserve-btn-line.png");
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -264.5px;
  margin-top: -3.5px;
}

.section-title {
  width: 316px;
  margin: 0 auto;
}

.feature {
  background: url("../images/bg3.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 74px 0 147px;
}

.feature .fea-content {
  width: 1260px;
  margin: 0 auto;
  padding: 0 77px;
  position: relative;
}

.feature .fea-content .fea-swiper {
  margin-top: 40px;
  padding-bottom: 53px;
}

.feature .fea-content .swiper-pagination .swiper-pagination-bullet {
  width: 49px;
  height: 17px;
  border-radius: 0;
  opacity: 0.5;
  background: #fff;
  margin: 0 11.5px;
}

.feature .fea-content .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff6a4c;
  opacity: 1;
}

.feature .fea-content .swiper-button-prev, .feature .fea-content .swiper-button-next {
  width: 58px;
  height: 82px;
  margin-top: -29px;
  background-size: contain;
}

.feature .fea-content .swiper-button-prev {
  background-image: url("../images/icon-left.png");
  left: 0;
}

.feature .fea-content .swiper-button-next {
  background-image: url("../images/icon-right.png");
  right: 0;
}

.profession {
  background: url("../images/bg2-left.png") no-repeat left center, url("../images/bg2.png") no-repeat center center;
  background-size: 624px 100%, 100% 100%;
}

.profession .pro-head {
  height: 110px;
  background: rgba(0, 0, 0, 0.6);
}

.profession .pro-head ul {
  width: 1400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.profession .pro-head ul li {
  height: 100%;
  width: 200px;
  cursor: pointer;
  background: url("../images/SSS1.png");
  background-size: 100% 100%;
}

.profession .pro-head ul li:hover {
  position: relative;
}

.profession .pro-head ul li:hover:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  top: 0;
  left: 0;
  z-index: 1;
}

.profession .pro-head ul li.grade-sss {
  background-image: url("../images/SSS1.png");
}

.profession .pro-head ul li.grade-sss.active {
  background-image: url("../images/SSS.png");
}

.profession .pro-head ul li.grade-ss {
  background-image: url("../images/SS1.png");
}

.profession .pro-head ul li.grade-ss.active {
  background-image: url("../images/SS.png");
}

.profession .pro-head ul li.grade-s {
  background-image: url("../images/S1.png");
}

.profession .pro-head ul li.grade-s.active {
  background-image: url("../images/S.png");
}

.profession .pro-head ul li.grade-a {
  background-image: url("../images/A1.png");
}

.profession .pro-head ul li.grade-a.active {
  background-image: url("../images/A.png");
}

.profession .pro-head ul li.grade-b {
  background-image: url("../images/B1.png");
}

.profession .pro-head ul li.grade-b.active {
  background-image: url("../images/B.png");
}

.profession .pro-head ul li.grade-c {
  background-image: url("../images/C1.png");
}

.profession .pro-head ul li.grade-c.active {
  background-image: url("../images/C.png");
}

.profession .pro-body {
  width: 100%;
  position: relative;
  height: 970px;
}

.profession .pro-body .body-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 970px;
  z-index: 2;
  visibility: hidden;
}

.profession .pro-body .body-wrapper.active {
  z-index: 5;
  visibility: initial;
}

.profession .pro-body .swiper-container {
  height: 660px;
  width: 280px;
  position: absolute;
  top: 60px;
  left: 284px;
  z-index: 2;
}

.profession .pro-body .swiper-container .swiper-slide {
  position: relative;
}

.profession .pro-body .swiper-container .role-head {
  width: 156px;
  height: 138px;
  padding: 10px;
  background: url("../images/role-head-bg.png");
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.profession .pro-body .swiper-container .role-head .click-area {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -59px;
  margin-left: -59px;
}

.profession .pro-body .swiper-container .role-head.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: url("../images/role-head-line.png");
  background-size: 100% 100%;
}

.profession .pro-body .swiper-container .role-head:nth-child(2n) {
  left: 114px;
}

.profession .pro-body .swiper-container .role-head:nth-child(2) {
  top: 70px;
}

.profession .pro-body .swiper-container .role-head:nth-child(3) {
  top: 132px;
}

.profession .pro-body .swiper-container .role-head:nth-child(4) {
  top: 202px;
}

.profession .pro-body .swiper-container .role-head:nth-child(5) {
  top: 264px;
}

.profession .pro-body .swiper-container .role-head:nth-child(6) {
  top: 334px;
}

.profession .pro-body .swiper-container .role-head:nth-child(7) {
  top: 396px;
}

.profession .pro-body .swiper-container .role-head:nth-child(8) {
  top: 466px;
}

.profession .pro-body .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 49px;
  height: 17px;
  border-radius: 0;
  opacity: 0.5;
  background: #fff;
  margin: 0 11.5px;
}

.profession .pro-body .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff6a4c;
  opacity: 1;
}

.profession .pro-body .role-img {
  position: absolute;
  z-index: 1;
  width: 750px;
  top: 24px;
  bottom: 0;
  left: 450px;
}

.profession .pro-body .role-text {
  position: absolute;
  right: 260px;
  top: 44px;
  z-index: 3;
}

.profession .pro-body .role-text .role-title {
  width: 316px;
  height: 93px;
  margin: 0 auto 20px;
  background: url("../images/nsjs.png");
  background-size: 100% 100%;
}

.profession .pro-body .role-text .role-msg {
  width: 470px;
  height: 500px;
  background: url("../images/role-text-bg.png");
  background-size: 100% 100%;
  color: #fff;
  padding: 27px 43px 46px 28px;
}

.profession .pro-body .role-text .role-msg .role-name {
  text-align: center;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  background: url("../images/role-name-bg.png") no-repeat center center;
  background-size: 100% 100%;
  font-size: 39px;
  margin-bottom: 20px;
}

.profession .pro-body .role-text .role-msg .role-detail {
  font-size: 28px;
  line-height: 40px;
}

.profession .pro-body .role-text .role-msg .role-detail p {
  text-indent: 2em;
}

footer {
  background: #110133;
  position: relative;
}

footer .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px 0 45px;
  color: #fff;
}

footer .footer .foot-left {
  width: 175px;
}

footer .footer .foot-right {
  margin-left: 70px;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}

footer .footer .foot-right a {
  color: #50a0e4;
}

.side {
  position: fixed;
  width: 138px;
  left: 122px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 50;
  background: url("../images/side-line.png") no-repeat right center;
  background-size: 2px 80%;
}

.side .img {
  width: 125px;
  margin: 0 auto;
}

.side ul {
  margin-top: 16px;
}

.side ul li {
  background: rgba(0, 0, 0, 0.4);
}

.side ul li a {
  display: block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 28px;
  color: #ccc;
}

.side ul li + li {
  margin-top: 10px;
}

.side ul li.active {
  background: url("../images/side-nav-active.png");
}

.side ul li.active a {
  color: #ffaf40;
}

.side .top {
  display: block;
  width: 70px;
  margin: 5px auto 0;
}

.video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: none;
}

.video .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.video .content {
  position: absolute;
  width: 1050px;
  height: 600px;
  left: 50%;
  top: 50%;
  margin-left: -540px;
  margin-top: -305px;
  z-index: 15;
}

.video .content video {
  width: 100%;
}

.video .content .close {
  position: absolute;
  top: 0;
  right: -50px;
  width: 30px;
  height: 30px;
  z-index: 15;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}

.popup .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup .content {
  position: absolute;
  width: 550px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../images/popup-bg.png");
  background-size: 100% 100%;
}

.popup .content .close {
  width: 55px;
  height: 54px;
  cursor: pointer;
}

.popup .content .popup-head {
  height: 50px;
  background: url("../images/popup-top.png");
  background-size: 100% 100%;
  position: relative;
  color: #fff;
  line-height: 50px;
  font-size: 34px;
  padding: 0 30px;
}

.popup .content .popup-head .close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -27px;
}

.popup .content .popup-body {
  padding: 35px 40px;
}

.popup .content .popup-body .form-row label, .popup .content .popup-body .form-row input {
  width: 100%;
}

.popup .content .popup-body .form-row input {
  height: 50px;
  background: rgba(0, 0, 0, 0.25);
  font-size: 28px;
  color: #b3b3b3;
  padding: 0 20px;
  border: none;
}

.popup .content .popup-body .form-row .help-block {
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #ff6a4c;
}

.popup .content .popup-body .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8px;
}

.popup .content .popup-body .form-btns button {
  border: none;
  background: transparent;
  font-size: 30px;
  white-space: nowrap;
}

.popup .content .popup-body .form-btns .submit {
  width: 225px;
  height: 70px;
  margin: 0 15px;
}

.popup.login-popup .content .popup-body .form-row + .form-row {
  margin-top: 20px;
}

.popup.login-popup .content .popup-body .code-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup.login-popup .content .popup-body .code-row .code-block {
  width: 248px;
}

.popup.login-popup .content .popup-body .code-row .img {
  width: 198px;
  height: 85px;
  overflow: hidden;
}

.popup.login-popup .content .popup-body .code-row .img img {
  width: 100%;
  height: 100%;
}

.popup.login-popup .content .popup-body .form-btns {
  margin-top: 48px;
}

.popup.login-popup .content .popup-body .form-btns .go-register {
  color: #ffb84e;
  text-decoration: underline;
}

.popup.login-popup .content .popup-body .form-btns .forget {
  color: #b3b3b3;
}

.popup.register-popup .content .popup-body .form-row + .form-row {
  margin-top: 6px;
}

.popup.register-popup .content .popup-body .code-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup.register-popup .content .popup-body .code-row .code-block {
  width: 233px;
}

.popup.register-popup .content .popup-body .code-row .send-btn {
  display: block;
  border: none;
  background: transparent;
  width: 210px;
  font-size: 30px;
  text-decoration: underline;
  color: #ffb84e;
}

.popup.register-popup .content .popup-body .code-row .send-btn.disabled {
  color: #999;
  text-decoration: none;
}

.popup.register-popup .content .popup-body .form-btns {
  margin-top: 18px;
}

.popup.register-popup .content .popup-body .form-btns .submit {
  width: 227px;
}

.popup.forget-popup .content .popup-body .form-row + .form-row {
  margin-top: 30px;
}

.popup.forget-popup .content .popup-body .code-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup.forget-popup .content .popup-body .code-row .code-block {
  width: 233px;
}

.popup.forget-popup .content .popup-body .code-row .send-btn {
  display: block;
  border: none;
  background: transparent;
  width: 210px;
  font-size: 30px;
  text-decoration: underline;
  color: #ffb84e;
}

.popup.forget-popup .content .popup-body .code-row .send-btn.disabled {
  color: #999;
  text-decoration: none;
}

.popup.forget-popup .content .popup-body .form-btns {
  margin-top: 58px;
}

.popup.forget-popup .content .popup-body .form-btns .submit {
  width: 227px;
}

.popup.forget-popup .content .popup-body .tip {
  text-align: center;
  font-size: 18px;
  color: #b3b3b3;
}

.popup.change-popup .content .popup-body .form-row + .form-row {
  margin-top: 20px;
}

.popup.change-popup .content .popup-body .form-btns {
  margin-top: 58px;
}

.popup.change-popup .content .popup-body .form-btns .submit {
  width: 227px;
}

.popup.yuyue-popup .content {
  width: 1330px;
  height: 877px;
  background: url("../images/yuyue-bg.png");
  background-size: 100% 100%;
  padding-left: 575px;
  padding-top: 70px;
}

.popup.yuyue-popup .content .speak {
  width: 294px;
  position: absolute;
  top: 185px;
  left: 20px;
}

.popup.yuyue-popup .content .close {
  position: absolute;
  right: 50px;
  top: 120px;
}

.popup.yuyue-popup .content .y-wrap .title {
  width: 275px;
  margin: 0 auto;
}

.popup.yuyue-popup .content .y-wrap .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup.yuyue-popup .content .y-wrap .list .item {
  width: 130px;
  height: 120px;
  background: url("../images/prize-bg.png");
  background-size: 100% 100%;
  position: relative;
  padding-top: 20px;
}

.popup.yuyue-popup .content .y-wrap .list .item .img {
  width: 80px;
  margin: 0 auto;
}

.popup.yuyue-popup .content .y-wrap .list .item .text {
  position: absolute;
  white-space: nowrap;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 2px;
  font-size: 20px;
  color: #fff;
}

.popup.yuyue-popup .content .y-wrap .yy-list {
  margin-top: 20px;
}

.popup.yuyue-popup .content .y-wrap .yy-list .item + .item {
  margin-left: 30px;
}

.popup.yuyue-popup .content .y-wrap .yy-list.done .item {
  position: relative;
}

.popup.yuyue-popup .content .y-wrap .yy-list.done .item:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("data:image/png;base64,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");
  background-size: 100% 100%;
}

.popup.yuyue-popup .content .y-wrap .qd-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup.yuyue-popup .content .y-wrap .qd-list .left .list:first-child .prize .day {
  margin-bottom: 5px;
}

.popup.yuyue-popup .content .y-wrap .qd-list .left .list:first-child + .list {
  margin-top: 5px;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.current .item {
  cursor: pointer;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.current .item:after {
  content: '';
  display: block;
  width: 124px;
  height: 114px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-box-shadow: 0px 0px 14px 2px rgba(255, 85, 0, 0.7), 0px 0px 14px 2px rgba(255, 85, 0, 0.7) inset;
          box-shadow: 0px 0px 14px 2px rgba(255, 85, 0, 0.7), 0px 0px 14px 2px rgba(255, 85, 0, 0.7) inset;
  border: solid 3px #ffffff;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.done .item {
  position: relative;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.done .item:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url("data:image/png;base64,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");
  background-size: 100% 100%;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize + .prize {
  margin-left: 5px;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize .day {
  width: 73px;
  margin: 0 auto;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.prize7 {
  width: 165px;
  margin-left: 10px;
  position: relative;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.prize7 .item {
  height: 275px;
  background: url("../images/prize-bg.png");
  background-size: 100% 100%;
  position: relative;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.prize7 .item .img {
  width: 208px;
}

.popup.yuyue-popup .content .y-wrap .qd-list .prize.prize7 .item .text {
  position: absolute;
  bottom: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  white-space: nowrap;
  color: #fff;
  font-size: 20px;
}

.popup.yuyue-popup .content .y-wrap .btn {
  width: 225px;
  height: 70px;
  margin: 20px auto 0;
  cursor: pointer;
}

.popup.yuyue-popup .content .y-wrap .btn.yuyue-btn {
  background: url("../images/cyyyjl.png");
  background-size: 100% 100%;
}

.popup.yuyue-popup .content .y-wrap .btn.yuyue-btn.disabled {
  background-image: url("../images/yyy.png");
}

.popup.yuyue-popup .content .y-wrap .btn.qd-btn {
  background: url("../images/7rljqd.png");
  background-size: 100% 100%;
}

.popup.yuyue-popup .content .y-wrap .btn.qd-btn.disabled {
  background-image: url("data:image/png;base64,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");
}

.popup.yuyue-popup .content .chx-btn {
  width: 124px;
  cursor: pointer;
  position: absolute;
  bottom: 75px;
  right: 75px;
}

.popup.chx-popup .content {
  width: 910px;
}

.popup.chx-popup .content .popup-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.popup.chx-popup .content .popup-head p {
  width: 50%;
  padding-left: 34px;
}

.popup.chx-popup .content .popup-body {
  padding: 0;
}

.popup.chx-popup .content .popup-body .list {
  max-height: 400px;
  overflow: auto;
}

.popup.chx-popup .content .popup-body .list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup.chx-popup .content .popup-body .list .row:nth-child(even) {
  background: rgba(0, 0, 0, 0.2);
}

.popup.chx-popup .content .popup-body .list .row .col {
  height: 45px;
  width: 50%;
  padding-left: 34px;
  color: #d9d9d9;
  line-height: 45px;
  font-size: 24px;
}

.popup.chx-popup .content .popup-body .list .row .col + .col {
  border-left: 1px solid #ffff;
}

.msg-alert {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 30px 40px;
  min-width: 390px;
  background: url("../images/alert-bg.png");
  background-size: 100% 100%;
}

.msg-alert .close {
  width: 55px;
  height: 54px;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 101;
  background: url("../images/close.png");
  background-size: 100% 100%;
  cursor: pointer;
}

.msg-alert .msg {
  border-top: 2px solid #4b69e3;
  border-bottom: 2px solid #6acef7;
  font-size: 36px;
  white-space: nowrap;
  height: 72px;
  line-height: 68px;
  text-align: center;
  padding: 0 30px;
  color: #fff;
}