body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before,
q:after {
  content: "";
}
fieldset,
img,
abbr,
acronym {
  border: 0;
}
.c:before,
.c:after {
  content: "";
  display: table;
}
.c:after {
  clear: both;
}
.c {
  zoom: 1;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  padding-top: 0;
  text-align: justify;
  background-color: #0a141e;
  overflow-x: hidden;
}
:focus {
  outline: none;
}
a {
  text-decoration: none;
}
.wrap,
.wrap1,
#footer_ied {
  min-width: 12rem;
  width: 100%;
  _width: expression(
    (document.documentElement.clientWidth||document.body.clientWidth) <1202?
      "12rem": ""
  );
}
.container {
  width: 12rem;
  margin: 0 auto;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.db {
  display: block;
  text-indent: -999em;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*footer*/
#afooter {
  text-align: center;
  line-height: 0.2rem;
  color: #908f91;
  background-color: #000;
  padding: 0.2rem 0;
}
#afooter a {
  color: #908f91;
}
.header {
  opacity: 1;
  zoom: 0.75;
}
/*  */
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  pointer-events: none;
}
/* 通头 S */
.login_box {
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.2rem;
  color: #000000;
}
.login_box a {
  font-size: 0.2rem;
  color: #000000;
}

.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/bg.jpg) no-repeat
    50% 0;
  margin: 0 auto;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.main {
  width: 100%;
  height: 9.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.big_rw {
  position: absolute;
  left: 0.6rem;
  top: 0.65rem;
  width: 9.2rem;
  pointer-events: none;
}
/* 上一个/下一个切换按钮 */
.rw_switch {
  position: absolute;
  top: 4.2rem;
  width: 0.49rem;
  height: 0.62rem;
  z-index: 10;
  cursor: pointer;
  transition: all .4s;
}

.rw_switch:hover {
  transform: scale(1.1);
}
.rw_prev {
  left: 0.79rem;

  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/pre.png) no-repeat;
  background-size: 100% 100%;
  
}

.rw_next {
  left: 8.52rem;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/next.png) no-repeat;
  background-size: 100% 100%;
}


.jszs_icon {
  position: absolute;
  top: 1.27rem;
  left: 0.6rem;
  width: 2.39rem;
  height: 0.44rem;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/jszs_icon.png)
    no-repeat 50% 0/100% auto;
}
.fc_bod {
  position: absolute;
  bottom: 0.6rem;
  left: 0.57rem;
  width: 2.57rem;
  height: 2.32rem;
  padding: 0.1rem 0 0 0.21rem;
  box-sizing: border-box;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/fc_bod.png)
    no-repeat 50% 0/100% auto;
}
.tp_name {
  height: 0.59rem;
  font-size: 0.21rem;
  color: #000;
  text-align: center;
  width: 91%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.fc_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 2.26rem;
  margin-top: 0.4rem;
}
.fc_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.71rem;
  height: 0.37rem;
  margin: 0 0.02rem;
  font-size: 0.16rem;
  color: #000;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/fc_btn2.png)
    no-repeat 50% 0/100% 100%;
}
.fc_btn.on {
  color: #fff;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/fc_btn1.png)
    no-repeat 50% 0/100% 100%;
}
.xzjscc {
  width: 2.14rem;
  height: 0.47rem;
  margin-top: 0.08rem;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/xzjscc.png)
    no-repeat 50% 0/100% auto;
}
.rt_cont {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-45%);
  width: 9.16rem;
  height: 8.56rem;
  padding: 0.5rem 0 0 0.52rem;
  box-sizing: border-box;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/rt_cont.png)
    no-repeat 50% 0/100% auto;
}
.rt_top {
  display: flex;
}
.tab_btns {
  display: flex;
}
.tab_btns .tab_btn {
  position: relative;
  display: block;
  min-width: 0.75rem;
  height: 0.3rem;
  line-height: 0.3rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background-color: #ececec;
  border: 0.01rem solid #b5b4b4;
  color: #000;
  font-weight: bold;
  font-size: 0.16rem;
  margin-right: 0.12rem;
  clip-path: polygon(0.1rem 0, 100% 0, 100% 100%, 0 100%, 0 0.1rem);
}

.tab_btns .tab_btn.on {
  color: #fff;
  background-color: #fc6700;
  border: 0.01rem solid #fc6700;
}

.tab_btns .tab_btn::before {
  content: "";
  position: absolute;
  top: 0.04rem;
  left: -0.03rem;
  width: 0.15rem;
  height: 0.01rem;
  transform: rotateZ(-45deg);
  background-color: #b5b4b4;
  pointer-events: none;
}
.tab_btns .tab_btn.on::before {
  background-color: #fc6700;
}
.search_bod {
  width: 1.83rem;
  height: 0.32rem;
  padding: 0 0.1rem 0 0.52rem;
  box-sizing: border-box;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/search_bod.png)
    no-repeat 50% 0/100% auto;
}
.ipt {
  width: 100%;
  height: 100%;
  font-size: 0.14rem;
  color: #000000;
  border: none;
  outline: none;
  background-color: transparent;
}
.ipt::placeholder {
  color: #999999;
}

/* rt_box */
.rt_box {
  display: flex;
  flex-wrap: wrap;
  width: 97%;
  margin-top: 0.2rem;
  height: 6.9rem;
  overflow-y: auto;
  align-content: flex-start;
}
.bot_tip {
  text-align: center;
  color: #000000;
}
.rt_box::-webkit-scrollbar {
  width: 0.05rem;
  height: 0.01rem;
}
.rt_box::-webkit-scrollbar-thumb {
  border-radius: 0.05rem;
  background: #ffffff;
}
.rt_box::-webkit-scrollbar-track {
  border-radius: 0.05rem;
  background: #622123;
}
.rt_box .p1_bod {
  position: relative;
  width: 1.83rem;
  height: 2.23rem;
  margin-right: 0.25rem;
  margin-bottom: 0.16rem;
  cursor: pointer;
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/p1_bod.png)
    no-repeat 50% 0/100% auto;
}
.rt_box .p1_bod.on {
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/p1_bod_h.png)
    no-repeat 50% 0/100% auto;
}
.rt_box .p1_bod .ScreenPic,
.rt_box .p1_bod .szFullScreenPic {
  display: none;
}

.p1_bod .tag_icon {
  position: absolute;
  top: 0.13rem;
  left: 0.13rem;
  z-index: 9;
  width: 0.51rem;
  height: 0.21rem;
}
.p1_bod .tag_icon.icon1 {
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/tag_cs.png)
    no-repeat 50% 0/100% auto;
  width: 0.66rem;
}
.p1_bod .tag_icon.icon2 {
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/tag_wz.png)
    no-repeat 50% 0/100% auto;
}
.p1_bod .tag_icon.icon4 {
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/tag_vvip.png)
    no-repeat 50% 0/100% auto;
}
.p1_bod .tag_icon.icon6,
.p1_bod .tag_icon.icon7,
.p1_bod .tag_icon.icon8,
.p1_bod .tag_icon.icon9,
.p1_bod .tag_icon.icon10 {
  background: url(//game.gtimg.cn/images/cf/cp/a20260630jszs/tag_pt.png)
    no-repeat 50% 0/100% auto;
}
.p1_bod .rw_img_bod {
  width: 1.67rem;
  height: 1.63rem;
  margin: 0.07rem auto 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}
.p1_bod .rw_img_bod img {
  width: 240%;
  margin: 0 auto;
  display: block;
  position: relative;
  transform: translateX(-30%) translateY(-2%);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.p1_bod .rw_img_bod .role1000014901{
	transform: translateX(-25%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009048901{
	transform: translateX(-25%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009066701{
	transform: translateX(-39%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009063801{
	transform: translateX(-39%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009013501{
	transform: translateX(-39%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009022301{
	transform: translateX(-30%) translateY(-10%)
}
.p1_bod .rw_img_bod .role1009063601{
	transform: translateX(-18%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009061101{
	transform: translateX(-39%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009069701{
	transform: translateX(-40%) translateY(-4%);
}
.p1_bod .rw_img_bod .role1009018201{
	transform: translateX(-40%) translateY(-4%);
}
.p1_bod .rw_img_bod .role1009031001{
	transform: translateX(-24%) translateY(-4%);
}
.p1_bod .rw_img_bod .role1000019201{
	transform: translateX(-29%) translateY(-10%);
}
.p1_bod .rw_img_bod .role1009059101{
	transform: translateX(-29%) translateY(-10%);
}
.p1_bod .rw_img_bod .role1009001101{
	transform: translateX(-29%) translateY(-10%);
}
.p1_bod .rw_img_bod .role1009004101{
	transform: translateX(-23%) translateY(-4%);
}
.p1_bod .rw_img_bod .role1009011101{
	transform: translateX(-14%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009063201{
	transform: translateX(-14%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009021401{
	transform: translateX(-37%) translateY(-8%);
}
.p1_bod .rw_img_bod .role1009028001{
	transform: translateX(-49%) translateY(1%);
}
.p1_bod .rw_img_bod .role1009029601{
	transform: translateX(-21%) translateY(-4%);
}
.p1_bod .rw_img_bod .role1009018001{
	transform: translateX(-41%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1000006501{
	transform: translateX(-25%) translateY(-2%);
}
.p1_bod .rw_img_bod .role1009027201{
	transform: translateX(-17%) translateY(-5%);
}
.p1_bod .rw_img_bod .role1009003901{
	transform: translateX(-23%) translateY(1%);
}
.p1_bod .rw_img_bod .role1000012801{
	transform: translateX(-28%) translateY(-11%);
}
.p1_bod .rw_img_bod .role1000004501{
	transform: translateX(-40%) translateY(-5%);
}
.p1_bod .rw_img_bod .role1000001201{
	transform: translateX(-34%) translateY(-12%);
}
.p1_bod .rw_img_bod .role1000002001{
	transform: translateX(-15%) translateY(-3%);
}
.p1_bod .rw_img_bod .role1000001301{
	transform: translateX(-21%) translateY(-5%);
}
.p1_bod .rw_img_bod .role1000002101{
	transform: translateX(-33%) translateY(1%);
}
/* 列表骨架加载态：先显示框架占位，再加载图片 */
.p1_bod.is-loading .rw_img_bod {
  background: linear-gradient(
    100deg,
    rgba(40, 40, 40, 0.3) 30%,
    rgba(80, 80, 80, 0.5) 50%,
    rgba(40, 40, 40, 0.3) 70%
  );
  background-size: 200% 100%;
  animation: skeletonShimmer 1.2s ease-in-out infinite;
}
.p1_bod.is-loading .rw_img_bod img {
  opacity: 0;
}
@keyframes skeletonShimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.p1_bod .us_name {
  height: 0.5rem;
  line-height: 0.23rem;
  font-size: 0.18rem;
  color: #000;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.1rem;
  box-sizing: border-box;
  font-weight: bold;
}
.big_rw {
  opacity: 0;
  transform: scale(1.18) translateY(0.24rem);
  transform-origin: 50% 65%;
  will-change: transform, opacity, filter;
}
.big_rw.enter {
  animation: bigRwIn 0.9s cubic-bezier(0.2, 0.75, 0.2, 1) forwards;
}
@keyframes bigRwIn {
  0% {
    opacity: 0;
    transform: scale(1.2) translateY(0.28rem);
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.rw_fx {
  position: absolute;
  left: 1.57rem;
  top: 0.65rem;
  width: 9.2rem;
  height: 9.5rem;
  pointer-events: none;
  overflow: hidden;
  z-index: 2;
}
.rw_fx i {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    #fff4cc 0%,
    rgba(255, 196, 48, 0.9) 45%,
    rgba(255, 160, 0, 0) 75%
  );
  opacity: 0;
  box-shadow: 0 0 0.08rem rgba(255, 200, 70, 0.95);
}
.rw_fx.play i {
  animation: fxDot 1.2s ease-out forwards;
}
@keyframes fxDot {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.2);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(var(--dx, 0), var(--dy, 0)) scale(1.4);
  }
}
.rt_box_loading {
  display: none;
  position: relative;
  width: 100%;
  height: 0.5rem;
  clear: both;
  text-align: center;
  line-height: 0.5rem;
  font-size: 0.14rem;
  color: #fff;
}
.rt_box_loading.show {
  display: block;
}
.rt_box_loading i {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffc846;
  border-radius: 50%;
  vertical-align: -0.04rem;
  margin-right: 0.08rem;
  animation: loadingSpin 0.8s linear infinite;
}
@keyframes loadingSpin {
  to {
    transform: rotate(360deg);
  }
}