@font-face {
  font-family: 'webfonta';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_l398q8yuupl.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_l398q8yuupl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_l398q8yuupl.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_l398q8yuupl.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_l398q8yuupl.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_l398q8yuupl.svg#庞门正道标题体2') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfontb';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_urf8edtyv98.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_urf8edtyv98.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_urf8edtyv98.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_urf8edtyv98.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_urf8edtyv98.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_urf8edtyv98.svg#站酷小薇体') format('svg'); /* iOS 4.1- */
}


[data-page="ls-xhw-a"] .navbar-inner{
    background: #070b1c;
}
[data-page="ls-xhw-a"] .navbar:after {
    opacity: 0;
}
[data-page="ls-xhw-a"] .navbar .center, [data-page="ls-xhw-a"] .navbar .left a {
    color: #fff;
}
.ls-xhw-a {
    background-image: url(/wp-content/module/mobile/page/LS-XHW-A/a.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #070b1c!important;
}
.ls-xhw-a>span {
    position: fixed;
    height: 65vw;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 5vw;
}
.ls-xhw-a>div {
    display: block;
    min-height: calc(100% - 75vw);
    background: #fff;
    margin: 65vw 3vw 3vw;
    border-radius: 3vw;
    padding: 3vw;
    position: relative;
}
.ls-xhw-a>div>span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -11vw;
    color: #fff;
    height: 9vw;
}
.ls-xhw-a>div>span>li {
    margin: 0 5vw;
    background: #333;
    padding: 1vw 3vw;
    border-radius: 1vw;
    letter-spacing: 1vw;
}
.ls-xhw-a>span>p {
    font-size: 13vw;
    letter-spacing: 2vw;
    padding-top: 5vw;
    font-family: 'webfonta';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.ls-xhw-a>span>em {
    font-size: 4vw;
    display: block;
    font-style: normal;
    letter-spacing: 1vw;
    font-weight: bold;
}
.ls-xhw-a>span>span {
    display: block;
    letter-spacing: 3vw;
    padding: 3vw 0 5vw;
    font-size: 5vw;
    font-family: 'webfontb';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 2px red;
}
.ls-xhw-a>span>div {
    font-size: 3vw;
    background: #67182b;
    display: inline-block;
    padding: 0 3vw;
    border-radius: 5vw;
    letter-spacing: 1vw;
    height: 5vw;
    line-height: 5vw;
    font-family: 'webfontb';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.ls-xhw-a>div>span>li.on {
    background: #621d49;
    box-shadow: 0 -1vw 5vw 1vw rgb(233 30 99 / 30%);
}
.ls-xhw-a>div>div {
    position: relative;
}
.ls-xhw-a>div>div>div.on {
    display: block;
}

.ls-xhw-a>div>div>div {
    display: none;
}
.ls-xhw-a>div>div>div>li {
    display: flex;
    align-items: center;
    padding: 1vw 0;
    border-bottom: #eee 0.3vw solid;
}
.ls-xhw-a>div>div>div>li>div {
    font-size: 3vw;
    background: red;
    color: #fff;
    padding: 1vw 3vw 0.5vw;
    border-radius: 1vw;
    margin-left: 2vw;
}
.ls-xhw-a>div>div>div>li>a>img {
    width: 10vw;
    height: 10vw;
    border-radius: 10vw;
}
.ls-xhw-a>div>div>div>li>span {
    flex: 1;
    padding: 0 3vw;
    font-size: 3vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ls-xhw-a>div>div>div>li>em {
    font-style: normal;
    font-size: 3vw;
    padding-right: 2vw;
    letter-spacing: 0.3vw;
    color: #607d8b;
    width: 15vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.ls-xhw-a>div>div>div>li>i {
    font-size: 3vw;
    width: 30vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #888;
    flex: 1;
}