/* 皮肤页特殊样式 */
.body-content { max-height: initial; }
.part-2 { overflow-x: initial; margin-bottom: 0.4rem;}
/* .part-2-bg { left: initial; right: 0; top: auto; bottom: 0;width: 24.61rem; height: 11.35rem; background-image: url('https://world.honorofkings.com/ipworld/img/bg-skin.jpg'); } */
.detail-info-left { align-items: flex-end; height: 8rem; }
.detail-info-left-img { width: 100%; height: auto; }
.detail-info-left-img img { width: 100%; height: auto; }
.detail-info-title,.dinfo-info-list { width: 8.86rem; }
.dinfo-tit-cn { font-size: 0.66rem; }
.dinfo-info-item { width: 100%; background: url('https://world.honorofkings.com/ipworld/img/skin-single-line-h.png'); background-size: 100%; background-position: 0 0.6rem; }
.dinfo-info-label .icon-info-5 { background: url('https://world.honorofkings.com/ipworld/img/single-icon-character.png') center/contain no-repeat;  }
/* 皮肤故事、设计思路、皮肤台词 */
.skin-story { margin-bottom: 1.14rem; }
.story-pr { width: 23.6rem; margin: 0 auto; position: relative; }
.story-container { width: 13.8rem; margin: 0 auto; }
.story-part:nth-child(n + 2) { padding-top: .7rem; }
.story-title { color: #212121; font-size: 0.3rem; line-height: 0.48rem; margin-bottom: 0.1rem;font-weight: bold;font-family: 'Frutiger'; }
.story-video,.story-player,.story-player-cover { width: 13.8rem; height: 7.76rem; }
.story-video { margin-bottom: 0.5rem; position: relative; z-index: 1;border: 3px solid #e09f52; }
.story-player-cover,.story-icon-play { display: block; position: absolute; }
.story-player-cover { top: 0; left: 0; cursor: pointer; }
.story-icon-play { pointer-events: none; width: 1.87rem; height: 1.87rem; background: url('https://world.honorofkings.com/ipworld/img/single-icon-play.png') 0 0/100% 100% no-repeat; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.story-article { color: #464646; font-size: 0.2rem; line-height: 0.4rem; letter-spacing: -0.006rem;font-family: 'Frutiger'; }
.story-article img { display: block; width: 100%; height: auto; margin: 0.5rem 0; }
.story-article em { color: #e4c289; font-style: italic; }
/* 滚动条 */
.detail-scroll-bar { width: 0.5rem; height: 7.4rem; display: flex; flex-direction: column; align-items: center; position: absolute; top: 0; left: 0; transition: opacity .6s ease }
.detail-scroll-bar.bar-hide{display: none!important;}
.dscroll-title { color: #fff; font-size: 0.3rem; line-height: 0.36rem; text-align: center; margin-bottom: 0.18rem; opacity: 0; height: 1rem; }
.dscroll-body { width: 0.09rem; height: 6.15rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative }
.dscroll-overflow { width: 100%; height: 6.02rem; overflow: hidden; position: relative }
.dscroll-drag-bar { width: 100%; height: 100%; position: absolute; top: calc(-100% + 0.16rem); left: 0 }
.dscroll-drag-on,.dscroll-drag-off { width: 1px; height: 100%; position: absolute; left: 0; right: 0; margin: 0 auto }
.dscroll-drag-on { top: -0.06rem }
.dscroll-drag-on::before,.dscroll-drag-on::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -0.13rem; left: 0 }
.dscroll-drag-on::before { background: rgba(92,92,92,.5) }
.dscroll-drag-on::after { background: rgba(228,194,137,.3) }
.dscroll-drag-on-icon { width: 0.09rem; height: 1.06rem; background: url("https://world.honorofkings.com/ipworld/img/scroll-bar-icon.83305d9c.png") 0 0/100% 100% no-repeat; position: absolute; z-index: 1; bottom: 0; left: calc((2.3rem/25.6 - 1px)/-2) }
.dscroll-drag-off { background: rgba(92,92,92,.5); top: 100% }
.dscroll-bottom-icon { display: block; width: 0.05rem; height: 0.05rem; background: #5c5c5c; transform: rotate(45deg) }
.story-title-label { position: absolute; left: 0.2rem; white-space: nowrap; color: #747474; font-size: 0.2rem; line-height: 1.2; letter-spacing: .7px; transition: color .6s ease; cursor: pointer }
.story-title-label.on { color: #e0ba81 }
.fixed { display: none; }

.story-title-label:nth-child(3){top: 1.32rem!important;}
.story-title-label:nth-child(4){top: 2.96rem!important;}
.story-title-label:nth-child(5){top: 4.58rem!important;}

.dscroll-drag-bar.on0{top: -4.48rem;}
.dscroll-drag-bar.on1{top: -2.86rem;}
.dscroll-drag-bar.on2{top: -1.24rem;}


.part-2-center{
    height: auto;
}

/* add */
.part-1 h2{padding-top: 0;}
.part-1{padding-top: 1rem;}
.part-1 .icon-down{margin: 0.3rem auto .42rem;}
.detail-info-right{margin-top: 2.3rem;height: auto;}
/* .detail-info-right{margin-top: 2.3rem;height: auto; padding-bottom: 11.6rem;} */
/* .part-2{height: 18.6rem;} */
.part-2{height: auto;}
.story-title.common-title{font-family: 'Radikal';font-size: 0.7rem;line-height: 1.5;}
.common-title-box { margin-bottom: .9rem; }


.ar .part-2-center { width: 17.72rem;}

.part-2::before {display: none !important;}
.part-1 {padding-bottom: 0 !important;}
.part-1 .champion-descriptions {min-height: auto !important;}
.part-2 { padding-top: 0.8rem !important;}

.part-1 h3{position: relative; top: 0;}

.lang_ar .part-1 h3, 
.lang_tr .part-1 h3, 
.lang_pt_br .part-1 h3, 
.lang_ru .part-1 h3, 
.lang_cht .part-1 h3, 
.zh-hant .part-1 h3, 
.lang_es .part-1 h3, 
.lang_id .part-1 h3, 
.lang_ms .part-1 h3{display: flex;}

.lang_ar .part-1 h3{
  margin-left: 0;
  margin-right: -10%;
}

.lang_ar .part-1 h3 i:first-child{
  transform: rotate(-180deg);
}
.lang_ar .part-1 h3 i:last-child{
  transform: rotate(0);
}

/* 皮肤视频 */
.story-video-box,.story-video-player,.story-video-player-cover {width: 13.8rem; height: 7.76rem;}
.story-video-box { margin-bottom: 0.5rem; position: relative; z-index: 1; border: 3px solid #e09f52; }

.story-video-player-cover,.story-video-icon-play { display: block; position: absolute; }

.story-video-player-cover { top: 0; left: 0; cursor: pointer; }

.story-video-icon-play { pointer-events: none; width: 1.87rem; height: 1.87rem; background: url('https://world.honorofkings.com/ipworld/img/single-icon-play.png') 0 0/100% 100% no-repeat; top: 50%; left: 50%; transform: translate(-50%,-50%); }

#story-video-content { width: 13.8rem; height: 7.76rem; }
#story-video-content .vjs-big-play-button { display: none; }

/* update 0630 */

.dinfo-info-list{
  height: auto; min-height: 3rem;
}
.dinfo-info-list .dinfo-info-item{
  height: auto;
}
.dinfo-info-list .dinfo-info-label{
  height: 0.66rem;
}
.dinfo-info-list .dinfo-info-value{
  display: block;
  max-width: 8rem;
  /* line-height: 0.66rem; */
  white-space: pre-wrap;
}

.part-1 .champion-descriptions.noindent p{
  text-indent: 0;
}

.story-article p{
  min-height: 0.4rem;
}