/* 皮肤页特殊样式 */
.kv-img { height: initial; min-height: initial; }
.part-1 { margin: -3.2rem auto 0;}
.detail-info-title { margin-top: 0; }
.part-1 .p1-btns-box { display: none; }
.part-1 .champion-descriptions { min-height: initial; }
.part-2 { padding-top: .35rem; }
.dabout-center-name { font-size: 0.22rem; line-height: 1.2; }
.part-1 .icon-down { display: none; }
/* 皮肤选项吸顶 */
.skins-nav { display: flex; align-items: center; line-height: 0.48rem; width: 100%; height: 0.6rem; position: fixed; z-index: 2; transform: translate3d(0,0,0); top: 1.26rem; left: 0; background: rgba(19,19,19,0.8); transition: opacity 600ms; opacity: 0; pointer-events: none; }
.skins-nav.show { opacity: 1; pointer-events: all; }
.skins-series { color: #fff; font-size: 0.28rem; padding: 0 0.6rem 0 0.3rem; position: relative; white-space: nowrap; }
.skins-series::after { content: ''; display: block; width: 0.05rem; height: 0.23rem; background: url('https://world.honorofkings.com/ipworld/img/series-nav-icon.png') 0 0/100% 100% no-repeat; position: absolute; right: 0.3rem; top: 0.12rem; }
.skins-tab { display: flex; align-items: center; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-mask: url('https://world.honorofkings.com/ipworld/img/series-tab-mask.png') 0 0/100% 100% no-repeat; mask: url('https://world.honorofkings.com/ipworld/img/series-tab-mask.png') 0 0/100% 100% no-repeat; padding-right: 0.3rem; }
.skin-tab { color: #fff; font-size: 0.2rem; }
.skin-tab:nth-child(n + 2) { margin-left: 0.3rem; }
.skin-tab.active { color: #e4c289; }
/* 皮肤选项 */
.detail-info-skins { width: 6.9rem; height: 1.4rem; position: absolute; bottom: 0.86rem; left: 0.3rem; }
.dskin { display: flex; flex-direction: column; align-items: center; position: absolute; cursor: pointer; }
.dskin img { border-radius: 50%; box-sizing: border-box; border: 1px solid #dfc08d; margin-bottom: 0.06rem; filter: brightness(0.5); }
.dskin p { color: #7c7c7c; font-size: 0.16rem; line-height: 0.24rem; text-align: center; width: 156%; }
.dskin1,.dskin5 { width: 0.7rem; top: 0; }
.dskin1 { left: 0.64rem; }
.dskin5 { left: 5.56rem; }
.dskin1 img,.dskin5 img { width: 0.7rem; height: 0.7rem; }
.dskin2,.dskin4 { width: 0.78rem; top: 0.4rem; }
.dskin2 { left: 1.76rem; }
.dskin4 { left: 4.4rem; }
.dskin2 img,.dskin4 img { width: 0.78rem; height: 0.78rem; }
.dskin3 { width: 0.88rem; left: 3.02rem; top: 0.52rem; }
.dskin3 img { width: 0.88rem; height: 0.88rem; box-shadow: 0 0 0.13rem rgba(255,192,86,0.25); filter: brightness(1); }
.dskin3 p { color: #d7b57b; }
/* 长下划线 */
.dinfo-tit-cn { font-size: 0.66rem; }
.dinfo-info-item { margin-bottom: 0.2rem; }
.dinfo-info-label .icon-info-5 { background: url('https://world.honorofkings.com/ipworld/img/single-icon-character.png') center/contain no-repeat; }
.dinfo-info-label .icon-info-6 { background: url('https://world.honorofkings.com/ipworld/img/series-icon.png') center/contain no-repeat; }
/* 皮肤关系 */
.detail-info-relationship { padding-top: 0.16rem; }
.dinfo-rela-title { height: 0.56rem; margin-bottom: 0.3rem; line-height: 0.28rem; }
.dinfo-rela-titl-cn { color: #e4c289; font-size: 0.26rem; letter-spacing: 0.03rem; }
.dinfo-rela-titl-en { color: #4d4d4d; font-size: 0.2rem; letter-spacing: 0.02rem; float: right; }
.dinfo-rela-swiper { height: auto; position: relative; }
.dinfo-rela-swiper .swiper-container { width: 6.07rem; height: auto; margin: auto; }
.dinfo-rela-swiper .swiper-slide { width: 1.28rem; margin-right: 0.33rem; }
.dinfo-rela-swiper .swiper-slide:last-child { margin-right: 0; }
.lang_ar .dinfo-rela-swiper .swiper-slide { margin-right: 0; margin-left: 0.33rem; }
.lang_ar .dinfo-rela-swiper .swiper-slide:last-child { margin-left: 0; }
.dinfo-rela-swiper .rela-box { width: 1.28rem; height: 1.28rem; overflow: hidden; background: url('https://world.honorofkings.com/ipworld/img/series-relationship.png') 0 0/100% 100% no-repeat; }
.dinfo-rela-swiper .rela-box img { display: block; width: 1.16rem; height: 1.16rem; margin: 0.06rem; -webkit-mask: url('https://world.honorofkings.com/ipworld/img/series-relationship-mask.png') 0 0/100% 100% no-repeat; mask: url('https://world.honorofkings.com/ipworld/img/series-relationship-mask.png') 0 0/100% 100% no-repeat; }
.dinfo-rela-swiper .rela-box + p { color: #242424; font-size: 0.16rem; line-height: 0.24rem; text-align: center; padding-top: 0.16rem; }
.dinfo-rela-btn { width: 0.3rem; height: 0.33rem; background: url('https://world.honorofkings.com/ipworld/img/series-relationship-arrow.png')  no-repeat; position: absolute; top: 0.52rem;background-size: 100%;}
.dinfo-rela-left { left: -0.12rem; background-position: 0 0; }
.dinfo-rela-right { right: -0.12rem; transform: rotate(180deg);}
/* 皮肤故事、设计思路、皮肤台词 */
.skin-story { width: 5.76rem; margin: 0 auto 1rem; }
.story-part:nth-child(n + 2) { padding-top: 0.3rem; }
.story-title { color: #212121; font-size: 0.4rem; line-height: 0.9rem; font-weight: bold; }
.story-video,.story-player,.story-player-cover { width: 5.76rem; height: 3.24rem; }
.story-video { margin-bottom: 0.34rem; position: relative; z-index: 1; }
.story-video::before { content: ''; display: block; width: 5.96rem; height: 3.44rem; box-sizing: border-box; border: 1px solid #e4cca9; position: absolute; z-index: -1; top: -0.1rem; left: -0.1rem; }
.story-player-cover,.story-icon-play { display: block; position: absolute; }
.story-player-cover { top: 0; left: 0; cursor: pointer; pointer-events: all !important; }
.story-icon-play { pointer-events: none; width: 1.11rem; height: 1rem; 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.28rem; line-height: 0.5rem; }
.story-article p { text-indent: 2em; }
.story-article img { display: block; width: 100%; height: auto; margin: 0.34rem 0; }
.story-article em { color: #e4c289; font-style: italic; }
/* 滚动条 */
.detail-scroll-bar { z-index: 2; }
.detail-scroll-bar .dscroll-body .font-title-cn.on { background: url("https://world.honorofkings.com/ipworld/img/menu-drag-bg.7a759c3e.jpg") 0 0/100% 100% no-repeat; background-size: 100% 100%; color: #202122 }
/* 语音爆料 */
.part-video { width: 5.74rem; height: 3.22rem; box-sizing: border-box; border: 1px solid #e09f52; margin: 0 auto 1.2rem; position: relative; }
.part-video-player { width: 5.74rem; height: 3.22rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.part-video-cover { display: block; width: 100%; height: 100%; cursor: pointer; pointer-events: all !important; object-fit: cover; }
/* 目录 */
.fixed { display: block; transition: opacity 600ms; opacity: 0; pointer-events: none; }
.fixed.show { opacity: 1; pointer-events: all; }
/* 皮肤切换动效 */
.skin-animate-content { overflow-x: hidden; }
.skin-animate-content.skin-change .skin-animate { animation: skinChange 600ms ease forwards; }
.skin-animate-content.skin-change .info-animate { animation: infoChange 600ms ease forwards; }
@keyframes skinChange {
  50% { transform: translateX(110vw); opacity: 0; }
  100% { transform: translateX(0vw); opacity: 1; }
}
@keyframes infoChange {
  50% { opacity: 0; }
  100% { opacity: 1; }
}


.part-1 h2{ height: 1.92rem; font-size: 0.8rem; margin-bottom: 0; }
.part-1 .p1-line { margin-top: 0.26rem; }
.body-content{background: url("https://world.honorofkings.com/ipworld/img/bg.c7e8614f.jpg") 0 2.1rem/100% auto no-repeat;}
.btn-common{color: #e9e8e8;}
.detail-info-left-img{width: 5.74rem;margin: 0.4rem auto 0;height: 9rem;}
picture img{height: auto;}
.detail-info-left{height: 9rem;}
.detail-info-voice-cont{width: 7.5rem;height: 6.46rem;background: url(https://world.honorofkings.com/ipworld/img/m/bg-voice.7d85a5c9.png) 0 0/100% auto no-repeat;box-sizing: border-box;background-size: cover;margin-left: -.29rem;}
.lang_ar .detail-info-voice-cont{ margin-left: 0; margin-right: -.29rem;}
.vcenter{width: 6.92rem;margin: 0 auto;}
.story-title.common-title{font-size: .46rem;line-height: 1.5;margin-bottom: .6rem;}
.common-title-box{width: 100%;}

.lang_ar .story-container {
  direction: rtl;
}

.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;}

/* 皮肤视频 */
.story-video-box,.story-video-player,.story-video-player-cover { width: 5.76rem; height: 3.24rem; }
.story-video-box { margin-bottom: 0.34rem; position: relative; z-index: 1; }
.story-video-box::before { content: ''; display: block; width: 5.96rem; height: 3.44rem; box-sizing: border-box; border: 1px solid #e4cca9; position: absolute; z-index: 1; top: -0.1rem; left: -0.1rem; pointer-events: none;}
.story-video-player-cover,.story-video-icon-play { display: block; position: absolute; }
.story-video-player-cover { top: 0; left: 0; cursor: pointer; pointer-events: all !important;}
.story-video-icon-play { pointer-events: none; width: 1.11rem; height: 1rem; 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: 5.76rem; height: 3.24rem; }
#story-video-content .vjs-big-play-button { display: none; }

/* update 0627 */

.part-1 .champion-descriptions.noindent p{
  text-indent: 0;
}

.part-1 h2.font1{
  font-size: 0.7rem;
}
.part-1 h2.multi-line{
  font-size: 0.5rem;
}


.story-article p{
    min-height: 0.5rem;
}
