[v-cloak] {
  display: none;
}

.page-career {
  /* background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/page-bg.png) no-repeat center/cover; */
  height: 100%;
}
.page-career .page2-role-main {
  height: 100%;
}
.page-career .role-item {
  width: 100%;
  height: 100%;
  padding-top: 6.7rem;
}
.page-career .role-item .role-intro-content {
  padding-left: 0.52rem;
}
.page-career .role-item.on {
  display: block;
}
.page-career .role-item .role-img {
  position: absolute;
  background: no-repeat center/cover;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5rem;
}
.page-career .role-item .role-name {
  position: relative;
  z-index: 1;
  display: block;
  background: no-repeat center/cover;
  width: 3.8rem;
  height: .8rem;
}
.page-career .role-item .role-desc-block {
  position: relative;
  z-index: 1;
  margin-top: 0.2rem;
  color: #fbd392;
  font-size: 0.26rem;
}
.page-career .role-item .role-type {
  position: relative;
  z-index: 1;
  display: flex;
  width: 6.08rem;
  height: 1.05rem;
  background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/role-skill-bg.png) no-repeat center/cover;
  margin: 0.28rem 0;
}
.page-career .role-item .role-type-detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.page-career .role-item .role-type-detail .title {
  width: 1.11rem;
  height: 0.17rem;
  background: no-repeat center/cover;
}
.page-career .role-item .role-type-detail .weapons-title {
  background-image: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/role-skill.png);
}
.page-career .role-item .role-type-detail .skills-title {
  background-image: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/role-shape.png);
}
.page-career .role-item .role-type-detail .intro {
  margin-top: 0.12rem;
  color: #c2954f;
  font-size: 0.32rem;
}
.page-career .role-item .role-detail-desc {
  text-align: left;
  color: #aca194;
  font-size: 0.22rem;
  padding-right: 0.5rem;
}
/* .page-career .role-item.zhanshi .role-name {
  width: 4.1rem;
  height: 0.9rem;
} */
.page-career .role-item.zhanshi .role-img {
  width: 7.24rem;
  height: 6.04rem;
}
.page-career .role-item.jietejuren .role-name {
  width: 3.26rem;
  height: 0.74rem;
}
.page-career .role-item.jietejuren .role-img {
  width: 5.72rem;
  height: 6rem;
}
/* .page-career .role-item.nvwushen .role-name {
  width: 3.29rem;
  height: 0.92rem;
} */
.page-career .role-item.nvwushen .role-img {
  width: 4.87rem;
  height: 6rem;
}
/* .page-career .role-item.youxia .role-name {
  width: 3.61rem;
  height: 0.88rem;
} */
.page-career .role-item.youxia .role-img {
  top: 1.3rem;
  width: 5.52rem;
  height: 6.86rem;
}
.page-career .role-item.nvwu .role-name {
  width: 2.13rem;
  height: 0.73rem;
} 
.page-career .role-item.nvwu .role-img {
  top: 1.4rem;
  width: 4.91rem;
  height: 7.79rem;
}
 .page-career .role-item.wushi .role-name {
  width: 3.31rem;
  height: 0.77rem;
} 
.page-career .role-item.wushi .role-img {
  top: 0.6rem;
  width: 5.52rem;
  height: 7.72rem;
}
/* .page-career .role-item.meihua .role-name {
  width: 6.51rem;
  height: 0.89rem;
} */
.page-career .role-item.meihua .role-img {
  top: 1.9rem;
  width: 5.87rem;
  height: 6.4rem;
}
/* .page-career .role-item.heianqishi .role-name {
  width: 6rem;
  height: 0.88rem;
} */
.page-career .role-item.heianqishi .role-img {
  top: 2.3rem;
  width: 7.5rem;
  height: 7.26rem;
}
/* .page-career .role-item.hashaxin .role-name {
  width: 3.06rem;
  height: 0.94rem;
} */
.page-career .role-item.hashaxin .role-img {
  top: 2.36rem;
  width: 4.99rem;
  height: 6.13rem;
}
/* .page-career .role-item.renzhe .role-name {
  width: 2.67rem;
  height: 1.02rem;
} */
.page-career .role-item.renzhe .role-img {
  top: 2.33rem;
  width: 5.87rem;
  height: 6.2rem;
}
/* .page-career .role-item.nvrenzhe .role-name {
  width: 4.52rem;
  height: 1.03rem;
} */
.page-career .role-item.nvrenzhe .role-img {
  width: 5.57rem;
  height: 6.12rem;
}
/* .page-career .role-item.xunlinzhe .role-name {
  width: 5.28rem;
  height: 0.93rem;
} */
.page-career .role-item.xunlinzhe .role-img {
  top: 2.85rem;
  width: 5.54rem;
  height: 5.65rem;
}
/* .page-career .role-item.mofashi .role-name {
  width: 3.11rem;
  height: 0.93rem;
} */
.page-career .role-item.mofashi .role-img {
  top: 1.8rem;
  width: 5.74rem;
  height: 6.8rem;
}
.page-career .role-item.sulang .role-img {
  top: 2.4rem;
  width: 5rem;
  height: 6.09rem;
}
.page-career .role-pagination-content {
  position: relative;
  margin-top: 0.2rem;
  height: 0.8rem;
  padding: 0 0.6rem;
}
.page-career .role-pagination {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: auto;
}
.page-career .role-pagination .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0;
  background: none;
  opacity: 1;
  cursor: pointer;
  outline: none;
  margin: 0 0.1rem;
}
.page-career .role-pagination .swiper-pagination-bullet img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-career .role-pagination .swiper-pagination-bullet img:nth-child(2) {
  display: block;
}
.page-career .role-pagination .swiper-pagination-bullet-active img:nth-child(1) {
  display: none;
}
.page-career .role-pagination .swiper-pagination {
  height: 0.8rem;
  overflow: hidden;
  bottom: inherit;
}
.page-career .icon-arrow {
  position: relative;
  width: 0.42rem;
  height: 0.52rem;
  background: no-repeat center/cover;
}
.page-career .icon-arrow.swiper-button-disabled {
  opacity: 0.5;
}
.page-career .icon-arrow.swiper-button-prev, .page-career .icon-arrow.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.page-career .icon-arrow.swiper-button-prev::after, .page-career .icon-arrow.swiper-button-next::after {
  display: none;
}
.page-career .icon-arrow.left {
  left: 0.5rem;
  margin-right: 0.2rem;
  background-image: url("https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/left-arrow.png");
}
.page-career .icon-arrow.right {
  right: 0.5rem;
  margin-left: 0.2rem;
  background-image: url("https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/career-img-m/right-arrow.png");
}
.page-career .role-icon {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.qq-logo{
  width: 2.35rem;
  height: .35rem;
  display: block;
  position: absolute;
  top: 1.4rem;
  left: .9rem;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/header/qq-logo.png) no-repeat center/100%;
}
.wgame-logo{
  width: 2.56rem;
  height: .6rem;
  display: block;
  position: absolute;
  top: 1.3rem;
  left: .8rem;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/header/wegame.png) no-repeat center/100%;
}
.ls-logo{
  width: 2.28rem;
  height: .6rem;
  display: block;
  position: absolute;
  top: 1.3rem;
  left: .9rem;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/header/ls-logo.png) no-repeat center/100%;
}
.qy-logo{
  width: 2.24rem;
  height: .6rem;
  display: block;
  position: absolute;
  top: 1.26rem;
  left: .9rem;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/hssmpc/cp/a20240715gwyqyy/header/qy-logo.png) no-repeat center/100%;
}