html,body,.wrapper,.story-header{width: 100%; position: relative;}
html,body { margin: 0 auto; background-color: #000; min-width: 1280px; max-width: 3840px;}

@font-face {
  font-family:AgencyFB;
  src: url(//game.gtimg.cn/images/gp/cp/a20260615metroroyale/font/AGENCYR.TTF);
}
.font-ac { font-family:AgencyFB;}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInright{
	0% {opacity: 0;transform: translateX(2rem);}
	100% { opacity: 1; transform: translateX(0);}
}

.fadeanim { animation: fadeInDown .4s .2s ease-out both;}

[data-animclass] { opacity: 0;}

.comm-scroll::-webkit-scrollbar {
  width: .1rem;
  height: .1rem; 
  background-color: transparent;
}
.comm-scroll::-webkit-scrollbar-button { 
  width: 0; 
  height: 0; 
}
.comm-scroll::-webkit-scrollbar-corner { 
  display: block; 
}
.comm-scroll::-webkit-scrollbar-thumb { 
  background-clip: padding-box;
  background-color: #353535; 
  border-radius: 4px; 
}

.page-content { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/bg.jpg) no-repeat center top fixed; background-size: 100% auto;}

.part1 { width: 100%; height: auto; position: relative;}
.main { width: 16.6rem; margin: 0 auto; position: relative;}
.part1 .main { padding-top: 2rem; padding-bottom: .8rem;}
.arma-title { width: 4.3rem; height: 1rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/title.png) no-repeat center top; background-size: 100% 100%;}
.part2 { width: 100%;}
.arma-decor1 { position: absolute; left: -.3rem; top: -.3rem; width: .3rem; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/arma-decor1.png) no-repeat center top; background-size: 100% 100%;}
.arma-decor2 { left: auto; right: -.3rem;}
.page-tab-box { width: 100%; overflow: hidden; height: .9rem; margin-bottom: .2rem; white-space: nowrap; font-size: 0; text-align: left;}
.page-tab-box a { display: inline-block; vertical-align: top; width: 2.2rem; height: .8rem; position: relative; margin-right: .2rem;}
.page-tab-box a em { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transition: all .3s;}
.page-tab-box a span { position: relative; z-index: 3; font-size: .32rem; color: #fff; display: block; line-height: .8rem; text-align: center;}
.page-tab-bg1 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/page-tab.png) no-repeat 0 0; background-size: 100% 100%;}
.page-tab-bg2 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/page-tab-cur.png) no-repeat 0 0; background-size: 100% 100%;}
.page-tab-box a em.def { opacity: 1;}
.page-tab-box a em.hov { opacity: 0;}
.page-tab-box a:hover span { font-weight: bold;}
.page-tab-box a:hover em.def { opacity: 0;}
.page-tab-box a:hover em.hov { opacity: 1;}
.page-tab-box a.cur span { font-weight: bold;}
.page-tab-box a.cur em.def { opacity: 0;}
.page-tab-box a.cur em.hov { opacity: 1;}
.page-cont-box { width: 100%; height: auto;}
.page-cont-item { width: 100%; height: 100%; display: none;}
.arma-line1 { width: 16.6rem; height: .09rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/arma-line1.png) no-repeat center top; background-size: 100% 100%; margin: .3rem 0;}
.side-tab-box { width: 100%; height: .68rem; padding-bottom: .2rem; white-space: nowrap; font-size: 0; text-align: left;}
.side-tab-box a { display: inline-block; vertical-align: top; position: relative; width: auto; height: .58rem; line-height: .58rem; margin-right: .5rem; padding: 0 .08rem 0 .28rem;}
.side-tab-box a em { position: absolute; top: 0; transition: all .3s;}
.side-tab-box a span { position: relative; z-index: 4; font-size: .32rem; color: #fff; display: block; line-height: .58rem; text-align: center; font-size: .28rem; opacity: .7;}
.side-tab-bg1 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg1.png) no-repeat 0 0; background-size: 100% 100%; width: 100%; height: .58rem; z-index: 1; left: 0;}
.side-tab-bg2 { opacity: 0; width: 100%; height: .58rem; z-index: 2; left: 0; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg2-cur.png) no-repeat center right; background-size: auto 100%;}
.side-tab-bg3 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg3.png) no-repeat 0 0; background-size: 100% 100%; width: .3rem; height: .58rem; z-index: 1; right: -.3rem;}
.side-tab-box a:hover .side-tab-bg1 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg1-cur.png) no-repeat 0 0; background-size: 100% 100%;}
.side-tab-box a:hover .side-tab-bg2 { opacity: 1;}
.side-tab-box a:hover .side-tab-bg3 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg3-cur.png) no-repeat 0 0; background-size: 100% 100%;}
.side-tab-box a:hover span { opacity: 1;}
.side-tab-box a.cur .side-tab-bg1 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg1-cur.png) no-repeat 0 0; background-size: 100% 100%;}
.side-tab-box a.cur .side-tab-bg2 { opacity: 1;}
.side-tab-box a.cur .side-tab-bg3 { background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/side-tab-bg3-cur.png) no-repeat 0 0; background-size: 100% 100%;}
.side-tab-box a.cur span { opacity: 1;}
.side-tab-box a.new::before { display: none; content: ""; width: .55rem; height: .32rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: 100% 100%; position: absolute; top: -.2rem; right: -.24rem; z-index: 3; pointer-events: none;}

.tab-item-box { width: 100%; height: 12rem;}
.tab-item { width: 101%; height: 100%; padding-bottom: .2rem; overflow-x: hidden; overflow-y: auto; display: none; position: relative;}
.tab-item li:last-child { border-bottom: none;}
.tab4-info { width: 16.6rem; height: auto;}
.tab-info-title { width: 100%; height: .6rem; line-height: .6rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/tab-info-title.png) transparent no-repeat 0 0; background-size: 100% 100%; color: #999999; font-size: .27rem; text-align: center; position: sticky; top: 0; z-index: 9;}
.tab4-info div.w1 { text-align: center; float: left;}
.tab4-info div.w2 { text-align: center; float: left;}
.tab4-info div.w3 { text-align: center; float: left;}
.tab4-info div.w4 { text-align: center; float: left;}
.tab4-info div.w5 { text-align: center; float: right;}
.tab4-info-text { width: 100%; overflow: hidden;}
.tab4-info-text li { width: 100%; height: 2.4rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab4-info-text .w1,.tab4-info-text .w2,.tab4-info-text .w3,.tab4-info-text .w4,.tab4-info-text .w5,.tab4-info-text .w6,.tab4-info-text .w7 { height: 100%; line-height: 2.4rem; position: relative; font-size: 0;}
.tab4-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0;}
.tab4-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 2.16rem; height: auto;}
.tab4-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab4-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab4-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab4-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem;}
.tab4-pic-box .name-w2 img { display: block; height: 100%;}
.tab4-type1 div.w1 { width: 4.6rem; text-align: left; padding-left: .4rem;}
.tab4-type1 div.w2 { width: 2.2rem; margin: 0 .2rem;}
.tab4-type1 div.w3 { width: 2.2rem;}
.tab4-type1 div.w4 { width: 4.6rem; margin: 0 .2rem;}
.tab4-type1 div.w5 { width: 2.2rem;}
.tab4-type1 .tab4-info-text .w2 p { font-size: .3rem;}
.tab4-type1 .tab4-info-text .w3 p { font-size: .3rem;}
.tab4-type1 .tab4-info-text .w4 p { font-size: .2rem;}
.tab4-type1 .tab4-info-text .w5 p { font-size: .3rem;}
.tab4-type1 .tab4-info-text .w4 p { display: inline-block; vertical-align: middle; line-height: .3rem; width: 4.6rem; text-align: left;}
.tab1-info-title,.tab2-info-title,.tab3-info-title,.tab4-info-title,.tab5-info-title { position: sticky; top: 0; z-index: 9;}

.tab4-type2 div.w1 { width: 4rem; text-align: left; padding-left: .4rem;}
.tab4-type2 div.w2 { width: 1.9rem; margin: 0 .2rem;}
.tab4-type2 div.w3 { width: 1.9rem;}
.tab4-type2 div.w4 { width: 1.9rem; margin: 0 .2rem;}
.tab4-type2 div.w5 { width: 1.7rem; float: left;}
.tab4-type2 div.w6 { width: 4.2rem; text-align: center; float: right;}
.tab4-type2 .tab4-info-text .w2 p { font-size: .3rem;}
.tab4-type2 .tab4-info-text .w3 p { font-size: .3rem;}
.tab4-type2 .tab4-info-text .w4 p { font-size: .3rem;}
.tab4-type2 .tab4-info-text .w5 p { font-size: .3rem;}
.tab4-type2 .tab4-info-text .w6 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 3.4rem; text-align: left;}
.tab4-type2 .tab4-pic-box .name-w1 { width: 1.8rem;}

.tab4-type3 div.w1 { width: 4.6rem; text-align: left; padding-left: .4rem;}
.tab4-type3 div.w2 { width: 4.6rem; margin-left: 0 .2rem;}
.tab4-type3 div.w3 { width: 7rem; text-align: center; float: right;}
.tab4-type3 .tab4-info-text .w2 p { font-size: .3rem;}
.tab4-type3 .tab4-info-text .w3 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 2.6rem; text-align: left;}
.tab4-type3 .tab4-pic-box .name-w1 { width: 1.58rem;}

.tab4-type4 div.w1 { width: 4.6rem; text-align: left; padding-left: .4rem;}
.tab4-type4 div.w2 { width: 4.6rem; margin: 0 .2rem;}
.tab4-type4 div.w3 { width: 2.2rem;}
.tab4-type4 div.w4 { width: 4.6rem; text-align: center; float: right;}
.tab4-type4 .tab4-info-text .w2 { position: relative;}
.tab4-type4 .tab4-info-text .w3 p { font-size: .3rem;}
.tab4-type4 .tab4-info-text .w4 p { font-size: .2rem;}
.tab4-type4 .tab4-info-text .w4 p { display: inline-block; vertical-align: middle; line-height: .46rem; width: 2.6rem; text-align: left;}
.tab4-type4 .tab4-pic-box .name-w1 { width: 2.3rem;}
.tab4 .tab4-info-text .operation{width: 2.1rem; margin: 0 auto; position: relative; display: inline-block; vertical-align: middle;}
.tab4 .tab4-info-text .operation a{position: absolute; width: .6rem; text-align: center; height: .66rem; top: 50%; margin-top: -.33rem;}
.tab4 .tab4-info-text .operation a.gray{pointer-events: none;}
.tab4 .tab4-info-text .operation a:before,.tab4 .tab4-info-text .operation a:after{content: ''; position: absolute; left: 50%; top: 50%; background: #fff;}
.tab4 .tab4-info-text .operation a.gray:before,.tab4 .tab4-info-text .operation a.gray:after{background: #333232;}
.tab4 .tab4-info-text .operation a:before{width: .28rem; height: .04rem; margin-left: -.14rem; margin-top: -.02rem;}
.tab4 .tab4-info-text .operation .btn-add:after{width: .04rem; height: .28rem; margin-left: -.02rem; margin-top: -.14rem;}
.tab4 .tab4-info-text .btn-minus{left: 0;}
.tab4 .tab4-info-text .btn-add{right: 0;}
.tab4 .tab4-info-text .operation p{text-align: center; font-size: .36rem; color: #b7b7b7; font-family:AgencyFB; line-height: .62rem; border: .02rem solid #3f3f3f;}
.tab4 .tab4-info-text .operation.gray a{display: none;}
.tab4 .tab4-info-text .operation.gray p{border: none;}

.tab5-info { width: 16.6rem; height: auto;}
.tab5-info div.w1 { text-align: center; float: left;}
.tab5-info div.w2 { text-align: center; float: left;}
.tab5-info div.w3 { text-align: center; float: left;}
.tab5-info div.w4 { text-align: center; float: left;}
.tab5-info div.w5 { text-align: center; float: left;}
.tab5-info div.w6 { text-align: center; float: left;}
.tab5-info div.w7 { text-align: center; float: right;}
.tab5-info-text { width: 100%; overflow: hidden;}
.tab5-info-text li { width: 100%; height: 2.4rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab5-info-text .w1,.tab5-info-text .w2,.tab5-info-text .w3,.tab5-info-text .w4,.tab5-info-text .w5,.tab5-info-text .w6,.tab5-info-text .w7 { height: 100%; line-height: 2.4rem; position: relative; font-size: 0;}
.tab5-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0; position: relative;}
.tab5-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 1.44rem; height: auto;}
.tab5-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab5-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab5-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab5-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem; position: relative;}
.tab5-pic-box .name-w2 img { display: block; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: left center;}


.tab5-type1 div.w1 { width: 4rem; text-align: left; padding-left: .2rem;}
.tab5-type1 div.w2 { width: 1.42rem; margin: 0 .2rem;}
.tab5-type1 div.w3 { width: 2.62rem;}
.tab5-type1 div.w4 { width: 3.2rem; margin: 0 .2rem;}
.tab5-type1 div.w5 { width: 1.24rem; float: left;}
.tab5-type1 div.w6 { width: 1.64rem; float: left; margin: 0 .2rem;}
.tab5-type1 div.w7 { width: 1.28rem; float: right;}
.tab5-type1 .tab5-info-text .w2 p { font-size: .3rem;}
.tab5-type1 .tab5-info-text .w3 p { font-size: .3rem;}
.tab5-type1 .tab5-info-text .w4 p { font-size: .2rem;}
.tab5-type1 .tab5-info-text .w5 p { font-size: .3rem;}
.tab5-type1 .tab5-info-text .w6 p { font-size: .3rem;}
.tab5-type1 .tab5-info-text .w7 p { font-size: .3rem;}
.tab5-type1 .tab5-info-text .w2 p { display: inline-block; vertical-align: middle; line-height: .3rem;}
.tab5-type1 .tab5-info-text .w4 p { display: inline-block; vertical-align: middle; line-height: .3rem; width: 2.7rem; text-align: left;}
.tab5-type1 .tab5-pic-box .name-w1 { width: 1.5rem;}
.tab5-type1 .tab5-pic-box .name-w2 { width: 1rem; height: 1.2rem; left: 0;}
.tab5-type1 .tab5-pic-box .name-w2 img { transform: rotate(30deg) translate(-50%, -50%);}
.tab5-type2 .tab5-pic-box .name-w2 { left: .06rem;}


.tab5-type3 div.w1 { width: 4.3rem; text-align: left; padding-left: .2rem;}
.tab5-type3 div.w2 { width: 3rem;}
.tab5-type3 div.w3 { width: 1.9rem;}
.tab5-type3 div.w4 { width: 5.42rem;}
.tab5-type3 div.w5 { width: 1.7rem; float: right;}
.tab5-type3 .tab5-info-text .w3 p { font-size: .36rem;}
.tab5-type3 .tab5-info-text .w4 p { font-size: .3rem;}
.tab5-type3 .tab5-info-text .w5 p { font-size: .3rem;}
.tab5-type3 .tab5-info-text .w4 p { display: inline-block; vertical-align: middle; line-height: .46rem; width: 4.42rem; text-align: left;}
.tab5-type3 .tab5-pic-box .name-w1 { width: 2.3rem;}

.tab5-type4 div.w1 { width: 4.5rem; text-align: left; padding-left: .2rem;}
.tab5-type4 div.w2 { width: 3.02rem;}
.tab5-type4 div.w3 { width: 6.82rem;}
.tab5-type4 div.w4 { width: 1.95rem; float: right;}
.tab5-type4 .tab5-info-text .w3 p { font-size: .3rem;}
.tab5-type4 .tab5-info-text .w4 p { font-size: .36rem;}
.tab5-type4 .tab5-info-text .w3 p { display: inline-block; vertical-align: middle; line-height: .46rem; width: 5.32rem; text-align: left;}
.tab5-type4 .tab5-pic-box .name-w1 { width: 2.5rem;}

.tab5 .tab5-info-text .operation{width: 2.1rem; margin: 0 auto; position: relative; display: inline-block; vertical-align: middle;}
.tab5 .tab5-info-text .operation a{position: absolute; width: .6rem; text-align: center; height: .66rem; top: 50%; margin-top: -.33rem;}
.tab5 .tab5-info-text .operation a.gray{pointer-events: none;}
.tab5 .tab5-info-text .operation a:before,.tab5 .tab5-info-text .operation a:after{content: ''; position: absolute; left: 50%; top: 50%; background: #fff;}
.tab5 .tab5-info-text .operation a.gray:before,.tab5 .tab5-info-text .operation a.gray:after{background: #333232;}
.tab5 .tab5-info-text .operation a:before{width: .28rem; height: .04rem; margin-left: -.14rem; margin-top: -.02rem;}
.tab5 .tab5-info-text .operation .btn-add:after{width: .04rem; height: .28rem; margin-left: -.02rem; margin-top: -.14rem;}
.tab5 .tab5-info-text .btn-minus{left: 0;}
.tab5 .tab5-info-text .btn-add{right: 0;}
.tab5 .tab5-info-text .operation p{text-align: center; font-size: .36rem; color: #b7b7b7; font-family:AgencyFB; line-height: .62rem; border: .02rem solid #3f3f3f;}
.tab5 .tab5-info-text .operation.gray a{display: none;}
.tab5 .tab5-info-text .operation.gray p{border: none;}


.tab6-info { width: 16.6rem; height: auto;}
.tab6-info div.w1 { text-align: left; float: left; padding-left: .4rem;}
.tab6-info div.w2 { text-align: center; float: left;}
.tab6-info div.w3 { text-align: center; float: right;}
.tab6-info-text { width: 100%; overflow: hidden;}
.tab6-info-text li { width: 100%; height: 2.4rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab6-info-text .w1,.tab6-info-text .w2,.tab6-info-text .w3,.tab6-info-text .w4,.tab6-info-text .w5,.tab6-info-text .w6,.tab6-info-text .w7 { height: 100%; line-height: 2.4rem; position: relative; font-size: 0;}
.tab6-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0; position: relative;}
.tab6-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 1.8rem; height: auto; margin-right: .7rem;}
.tab6-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab6-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab6-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab6-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem; position: relative;}
.tab6-pic-box .name-w2 img { display: block; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: left center;}
.tab6-info div.w1 { width: 4.6rem;}
.tab6-info div.w2 { width: 7rem; margin-left: .2rem;}
.tab6-info div.w3 { width: 4.6rem;}
.tab6-info div.w2 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 6.2rem; text-align: left;}
.tab6-info div.w3 p { font-size: .3rem;}

.tab7-info { width: 16.6rem; height: auto;}
.tab7-info div.w1 { text-align: left; float: left; padding-left: .4rem;}
.tab7-info div.w2 { text-align: center; float: left;}
.tab7-info div.w3 { text-align: center; float: right;}
.tab7-info-text { width: 100%; overflow: hidden;}
.tab7-info-text li { width: 100%; height: 2.4rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab7-info-text .w1,.tab7-info-text .w2,.tab7-info-text .w3,.tab7-info-text .w4,.tab7-info-text .w5,.tab7-info-text .w6,.tab7-info-text .w7 { height: 100%; line-height: 2.4rem; position: relative; font-size: 0;}
.tab7-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0; position: relative;}
.tab7-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 2.2rem; height: auto;}
.tab7-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab7-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab7-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab7-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem; position: relative;}
.tab7-pic-box .name-w2 img { display: block; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: left center;}
.tab7-info div.w1 { width: 4.6rem;}
.tab7-info div.w2 { width: 4.6rem; margin-left: .2rem;}
.tab7-info div.w3 { width: 7rem;}
.tab7-info div.w2 p { font-size: .3rem;}
.tab7-info div.w3 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 6.2rem; text-align: left;}

.tab7 .tab7-info-text .operation{width: 2.1rem; margin: 0 auto; position: relative; display: inline-block; vertical-align: middle;}
.tab7 .tab7-info-text .operation a{position: absolute; width: .6rem; text-align: center; height: .66rem; top: 50%; margin-top: -.33rem;}
.tab7 .tab7-info-text .operation a.gray{pointer-events: none;}
.tab7 .tab7-info-text .operation a:before,.tab7 .tab7-info-text .operation a:after{content: ''; position: absolute; left: 50%; top: 50%; background: #fff;}
.tab7 .tab7-info-text .operation a.gray:before,.tab7 .tab7-info-text .operation a.gray:after{background: #333232;}
.tab7 .tab7-info-text .operation a:before{width: .28rem; height: .04rem; margin-left: -.14rem; margin-top: -.02rem;}
.tab7 .tab7-info-text .operation .btn-add:after{width: .04rem; height: .28rem; margin-left: -.02rem; margin-top: -.14rem;}
.tab7 .tab7-info-text .btn-minus{left: 0;}
.tab7 .tab7-info-text .btn-add{right: 0;}
.tab7 .tab7-info-text .operation p{text-align: center; font-size: .36rem; color: #b7b7b7; line-height: .62rem; border: .02rem solid #3f3f3f;}
.tab7 .tab7-info-text .operation.gray a{display: none;}
.tab7 .tab7-info-text .operation.gray p{border: none;}

.tab8-info { float: left; width: 6rem; height: auto;}
.tab8-info h5 { font-size: .4rem; line-height: .8rem; text-align: center; color: #fff; margin-bottom: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/tab8-tit.png) no-repeat 0 0; background-size: 100% 100%; width: 2.2rem; height: .8rem;}
.tab8-info p { font-size: .24rem; line-height: .48rem; color: #fff; opacity: .7; text-align: justify;}
.tab8-pic { float: right; width: 9.4rem; height: auto;}
.tab8-pic img { display: block; width: 100%;}

.tab9-info { width: 16.6rem; height: auto;}
.tab9-info div.w1 { text-align: left; float: left; padding-left: .4rem;}
.tab9-info div.w2 { text-align: center; float: left;}
.tab9-info div.w3 { text-align: center; float: right;}
.tab9-info-text { width: 100%; overflow: hidden;}
.tab9-info-text li { width: 100%; height: 2.4rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab9-info-text .w1,.tab9-info-text .w2,.tab9-info-text .w3,.tab9-info-text .w4,.tab9-info-text .w5,.tab9-info-text .w6,.tab9-info-text .w7 { height: 100%; line-height: 2.4rem; position: relative; font-size: 0;}
.tab9-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0; position: relative;}
.tab9-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 2.76rem; height: auto;}
.tab9-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab9-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab9-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab9-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem; position: relative;}
.tab9-pic-box .name-w2 img { display: block; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: left center;}
.tab9-info div.w1 { width: 6.1rem;}
.tab9-info div.w2 { width: 5.05rem; margin-left: .2rem;}
.tab9-info div.w3 { width: 5.05rem;}
.tab9-info div.w2 p { font-size: .3rem;}
.tab9-info div.w3 p { font-size: .3rem;}

.tab10 .tab3-name { display: none;}
.tab10-pic { width: 16.23rem; height: 11.12rem; position: relative; top: .2rem; left: 0; z-index: 1;}
.tab10-pic img { display: block; width: 100%; height: 100%;}
.tab10-text1,.tab10-text2 { position: relative; z-index: 2;}
.tab10-text1 { margin-left: 9.9rem; width: 6.5rem; height: 9.37rem; margin-top: -10.92rem;}
.tab10-text h5 { text-align: center; line-height: .73rem; color: #28221b; font-size: .33rem; font-weight: bold;}
.tab10-text p { margin: .16rem  auto .42rem 0; color: #28221b; font-size: .36rem; line-height: .62rem;}
.tab10-li3 p { width: 6.36rem;}
.tab10-li4 p { width: 16rem;}

.tab10-info { width: 16.6rem; height: auto;}
.tab10-info div.w1 { text-align: left; float: left; padding-left: .4rem;}
.tab10-info div.w2 { text-align: center; float: left;}
.tab10-info div.w3 { text-align: center; float: left;}
.tab10-info div.w4 { text-align: center; float: right;}
.tab10-info-text { width: 100%; overflow: hidden;}
.tab10-info-text li { width: 100%; height: 2.9rem; border-bottom: 1px solid #4b4b4b; font-size: .3rem; color: #b7b7b7;}
.tab10-info-text .w1,.tab10-info-text .w2,.tab10-info-text .w3,.tab10-info-text .w4,.tab10-info-text .w5,.tab10-info-text .w6,.tab10-info-text .w7 { height: 100%; line-height: 2.9rem; position: relative; font-size: 0;}
.tab10-pic-box { display: inline-block; vertical-align: middle; height: 1.62rem; line-height: 1.62rem; font-size: 0; position: relative;}
.tab10-pic-box .name-w1 { display: inline-block; vertical-align: middle; color: #fff; font-size: .3rem; width: 2.3rem; height: auto;}
.tab10-pic-box .name-w1 p { width: 100%; text-align: left; line-height: .6rem; position: relative;}
.tab10-pic-box .name-w1.new p::before { content: ""; width: 100%; height: .3rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/new.jpg) no-repeat 0 0; background-size: auto 100%; display: block; position: relative; top: 0; left: 0; pointer-events: none;}
.tab10-pic-box .name-w1 img { display: block; width: auto; height: .36rem;}
.tab10-pic-box .name-w2 { width: 1.62rem; display: inline-block; vertical-align: middle; height: 1.62rem; position: relative;}
.tab10-pic-box .name-w2 img { display: block; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: left center;}
.tab10-info div.w1 { width: 4.7rem;}
.tab10-info div.w2 { width: 3.3rem; margin: 0 .2rem;}
.tab10-info div.w3 { width: 4rem;}
.tab10-info div.w4 { width: 4rem;}
.tab10-info div.w2 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 2.5rem; text-align: left;}
.tab10-info div.w3 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 3.2rem; text-align: left;}
.tab10-info div.w4 p { font-size: .2rem; line-height: .3rem; display: inline-block; vertical-align: middle; width: 3.2rem; text-align: left;}


.part-foot1 { width: 17.2rem; height: 1.16rem; margin: .1rem auto 1.54rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/part-foot1.png) no-repeat center top; background-size: 100% 100%;}
.part-foot2 { width: 100%; height: 1.68rem; background: url(//game.gtimg.cn/images/gp/cp/a20251103armament/part-foot2.png) no-repeat center top; background-size: auto;}
/*anim*/
.arma-title { opacity: 0; animation: fadeInDown .4s .4s ease-out both;}
.part2 { opacity: 0; animation: fadeInDown .4s .6s ease-out both;}