@font-face {
  font-family: 'webfontgrzxa';
  font-display: swap;
  src: url('../font/webfont_wcn4uxibkl8.eot'); /* IE9*/
  src: url('../font/webfont_wcn4uxibkl8.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont_wcn4uxibkl8.woff2') format('woff2'),
  url('../font/webfont_wcn4uxibkl8.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont_wcn4uxibkl8.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont_wcn4uxibkl8.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'webfontgrzxaa';
  font-display: swap;
  src: url('../font/webfont_wnsecb5xoz.eot'); /* IE9*/
  src: url('../font/webfont_wnsecb5xoz.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont_wnsecb5xoz.woff2') format('woff2'),
  url('../font/webfont_wnsecb5xoz.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont_wnsecb5xoz.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont_wnsecb5xoz.svg') format('svg'); /* iOS 4.1- */
}
[data-page="ls-hyzx-a"] .navbar-inner{
    background: #47443f;
}
[data-page="ls-hyzx-a"] .navbar:after {
    opacity: 0;
}
[data-page="ls-hyzx-a"] .navbar .center, [data-page="ls-hyzx-a"] .navbar .left a {
    color: #fff;
}
.ls-hyzx-a {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.ls-hyzx-a>span {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 10vw;
    background: #47443f;
    left: 0;
    height: 80vw;
}
.ls-hyzx-a>span>div {
    width: 110%;
    position: absolute;
    left: -5%;
    top: 0;
    height: 50vw;
    border-radius: 0 0 100% 100%/0 0 50% 50%;
    z-index: 2;
    overflow: hidden;
    background-image: linear-gradient(180deg, #47443f 0%,#47443f 50%, #2b271f 100%);
}
.ls-hyzx-a>span>div>span {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 10vw;
    height: 40vw;
    border-radius: 5vw 5vw 0 0;
    background-image: linear-gradient(90deg, #fbf1c9 0%, #f1d7a6 100%);
}
.ls-hyzx-a>div {
    position: absolute;
    top: 90vw;
    height: calc(100% - 110vw);
    width: 100%;
}
.ls-hyzx-a>div>span {
    position: absolute;
    top: -23vw;
    display: block;
    border-radius: 3vw;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}
.ls-hyzx-a>div>span::-webkit-scrollbar {
    display: none;
}
.ls-hyzx-a>div>span>li {
    margin: 0 2vw 0 6vw;
    display: inline-block;
    color: #f4dfaa;
    font-size: 3.5vw;
}
.ls-hyzx-a>div>span>li>i {
    color: #f4dfaa;
    width: 10vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: 0.1vw #f9ebc0 solid;
    border-radius: 5vw;
}
.ls-hyzx-a>div>span>li.on>i {
    color: #47443f;
    background: #f2daaa;
}
.ls-hyzx-a>div>span>li>p {
    line-height: 10vw;
}
.ls-hyzx-a>div>div {
    margin: 5vw;
    padding: 0 5vw;
    border: 0.2vw #f2d9a9 solid;
    border-radius: 5vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ls-hyzx-a>div>div>li.on {
    display: block;
}

.ls-hyzx-a>div>div>li {
    display: none;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ls-hyzx-a>div>div>li>em {
    font-style: normal;
    color: #a1ad33;
    display: block;
    padding: 3vw 0 1vw;
}
.ls-hyzx-a>div>div>li>em>x:first-of-type {
    background-image: linear-gradient(62deg, #fff 0%, #a1ad33 100%);
}

.ls-hyzx-a>div>div>li>em>x {
    display: inline-block;
    width: 15vw;
    height: 0.3vw;
    vertical-align: middle;
    margin: 0 2vw;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #a1ad33 0%, #fff 100%);
    border-radius: 1vw;
}
.ls-hyzx-a>div>div>li>p {
    text-align: left;
    line-height: 3.5vw;
    color: #333;
    position: relative;
    padding: 2vw 0 2vw 3vw;
    text-shadow: 0 0 1vw #ccc;
    font-size: 3.5vw;
}
.ls-hyzx-a>div>div>li>p:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    background: #607d8b;
    border-radius: 1vw;
    position: absolute;
    left: 0;
    top: calc(50% - 1vw);
}
.ls-hyzx-a>div>div>li::-webkit-scrollbar {
    display: none;
}
.ls-hyzx-a>span>div>span>img {
    position: absolute;
    right: 6.5vw;
    top: 3vw;
    width: 10vw;
    height: 10vw;
    border-radius: 7vw;
    border: 0.1vw #fff solid;
    padding: 0.3vw;
}
.ls-hyzx-a>span>div>span>span {
    position: absolute;
    bottom: 8vw;
    left: 0;
    right: 0;
    text-shadow: 0 0 1vw #ccc;
    color: red;
    letter-spacing: 1vw;
}
.ls-hyzx-a>span>div>span>em {
    position: absolute;
    left: 5vw;
    top: 5vw;
    color: #9e9e9e;
    font-style: normal;
    font-size: 8vw;
}
.ls-hyzx-a>span>div>span>p>i {
    font-size: 8vw;
    color: #ff5722;
    letter-spacing: 1vw;
    font-family: "webfontgrzxaa" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    opacity: .7;
}
.ls-hyzx-a>span>div>span>p>em {
    display: block;
    font-size: 3.5vw;
    color: #607d8b;
    font-style: normal;
}

.ls-hyzx-a>span>div>span>p {
    position: absolute;
    left: 5vw;
    top: 5vw;
    text-align: left;
}
.ls-hyzx-a>span>div>span>div {
    position: absolute;
    right: 3vw;
    top: 17vw;
    font-size: 3vw;
    letter-spacing: 0.3vw;
    color: #607d8b;
}
.ls-hyzx-a>span>div>span>p>span {
    display: block;
    font-size: 3.5vw;
    color: #607d8b;
    padding: 1vw 0;
}
.ls-hyzx-a>span>div>div {
    position: absolute;
    right: 3%;
    padding: 1vw 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5vw;
    background-image: linear-gradient(90deg, #fbf1c9 0%, #f1d7a6 100%);
    border-radius: 5vw 0 0 5vw;
    color: #f44336;
}


.ls-hyzx-a>a {
    position: absolute;
    bottom: 6vw;
    height: 13vw;
    left: 5%;
    right: 5%;
    line-height: 13vw;
    color: #47443f;
    font-style: normal;
    font-size: 5vw;
    letter-spacing: 1vw;
    background-image: linear-gradient(90deg, #fbf1c9 0%, #f1d7a6 100%);
    border-radius: 10vw;
    box-shadow: 0 0 2vw #ddd inset;
    font-family: "webfontgrzxa" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}