html,
body {
    /* background: #150c07 */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
button,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei"
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Microsoft YaHei"
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal
}

ul,
ol,
li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%;
    outline: 0;
    border: 0
}

::-webkit-input-placeholder {
    color: black
}

:-moz-placeholder {
    color: black
}

::-moz-placeholder {
    color: black
}

:-ms-input-placeholder {
    color: black
}

a {
    text-decoration: none
}

button,
textarea {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

[v-cloak] {
    display: none
}

.main {
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
}

@font-face {
    font-family: 'zxhqs';
    src: url('../fonts/zxhqs.ttf')
}

#app {
    width: 100%;
    max-width: 1920px;
    position: relative;
    margin: auto;
    padding-top: 500px;
    padding-bottom: 50px;
    box-sizing: border-box;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/bg.jpg) center top / auto no-repeat rgb(255, 243, 219);
    background-position: center top;
}

.ym-title {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
}

.title-right {
    width: 450px;
    height: 204px;
    float: right;
    margin-right: 78px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/titleright.png);
    background-size: 100% 100%;
    padding-top: 20px;
    padding-right: 24px;
    box-sizing: border-box;
    position: relative;
}

.title-right .xzyxi {
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    bottom: 24px;
    left: 56px;
}

.xxaniu {
    display: block;
    width: 240px;
    height: 55px;
    float: right;
    cursor: pointer;

}

.xxaniu img {
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 36px;
}

.xxaniu span {
    font-size: 25px;
    color: #ffffff;
    line-height: 55px;
    vertical-align: middle;
}

.uct1 {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uct1.png);
    background-size: 100% 100%;
}

.uct2 {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uct2.png);
    background-size: 100% 100%;
}

.uct3 {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uct3.png);
    background-size: 100% 100%;
}

.uct1:hover {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uctact1.png);
}

.uct2:hover {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uctact2.png);
}

.uct3:hover {
    background-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/uctact3.png);
}

.jt {
    width: 236px;
    height: 100px;
    margin: 120px auto 86px;
    /* background: aquamarine; */
    text-align: center;
}

.jt span {
    color: #f1d9ae;
    font-size: 24px;
}

.jt img {
    width: 40px;
    margin-top: 10px;
}


.mk-herder {
    width: 1200px;
    margin: 90px auto 0;
}

.mk-herder.act {
    margin-top: -47px;
}

.mk-herder .title {
    display: block;
    width: 755px;
    height: 87px;
    margin: 0 auto;
}

.mk-herder .title.act1 {
    width: 815px;
    height: 74px;
}


.mk-herder .titjias {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fef7ce;
    font-family: 'zxhqs';
    line-height: 26px;
    margin-top: 12px;
}

.mk-herder .titjias.act {
    color: #391f07;
}

.mkzhu {
    width: 1200px;
    text-align: center;
    margin-top: 40px;
    text-align: center;
    position: relative;
}

.tips {
    color: #b9322c;
    font-size: 14px;
    position: absolute;
}

.tips1 {
    right: 108px;
    bottom: -30px;
}

.tips2 {
    right: 130px;
    bottom: 90px;
}

.tips3 {
    right: 100px;
    bottom: 140px;
}

.tips4 {
    /* left: 50%; */
    right: 30px;
    bottom: 80px;
    /* transform: translateX(-50%); */
}

.mkzhu-zi {
    display: inline-block;
    width: 223px;
    height: 368px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk1/fk.png) no-repeat bottom center;
    
    background-size: 112% auto;
    text-align: left;
    margin: 0 15px;
    /* padding: 0 24px; */
    /* box-sizing: border-box; */
    vertical-align: middle;
}

.mkzhu-zi img {
    display: block;
    width: 124px;
    height: 124px;
    margin: 0 auto;
}

.mkzhu-zi p {
    font-size: 30px;
    color: #753a06;
    font-family: 'zxhqs';
    text-align: center;
}

.mkzhu-zi div {
    width: 176px;
    margin: 22px auto 0;
}

.mkzhu-zi div span {
    display: block;
    font-size: 18px;
    color: #381a00;
    font-family: SourceHanSansCN-Regular;
}

.mkzhu-zi div span.act {
    font-size: 16px;
}

.mkzhu-zi div span b {
    font-family: SourceHanSansCN-Medium;
}


.jsjlqk {
    width: 1200px;
    height: 700px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk2/bgjz.png);
    background-size: 100% 100%;
    position: relative;
    margin-top: -60px;
}

.swiper-box1 {
    position: absolute;
    width: 804px;
    height: 520px;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.swiper-container {
    width: 100%;
    height: 100%;
    /* background: #f5f5f5; */
    border-radius: 10px;
    clip-path: inset(-435px 0px 0px 0px);
}


.button-prev,
.button-next {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 109px;
    height: 78px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    font-size: 18px;
}

.button-prev {
    left: -44px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/djqh.png);
    background-size: 100% 100%;
}

.button-next {
    right: -44px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/djqh.png);
    transform: rotate(180deg);
    transform: translateY(-50%);
    transform: rotate(180deg) translateY(50%);
    background-size: 100% 100%;
}


.pagination {
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.swiper-pagination-bullet-active {
    background-color: #4d1813;
}

.jsjl p {
    font-size: 48px;
    color: #2d0606;
    font-family: 'zxhqs';
}

.jsjl div {
    width: 800px;
    /* height: 350px; */
    margin: 20px auto;
    /* background-color: aquamarine; */
}

.jsjl span {
    font-family: SourceHanSansCN-Regular;
    font-size: 22px;
    color: #470606;
}

.jsjl span span {
    color: #b9322c;
}

.cwjshsbh {
    width: 1200px;
    height: 600px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk3/bgjz.png);
    background-size: 100% 100%;
    position: relative;
    margin-top: -50px;
}

.swiper-box2 {
    position: absolute;
    width: 804px;
    height: 420px;
    text-align: center;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
}

.cwjs div {
    width: 600px;
    height: 300px;
    margin: 20px auto;
    /* background-color: aquamarine; */
}

.cwjs span {
    font-family: 'zxhqs';
    font-size: 20px;
    color: #1b1306;
}

.cwjs p {
    font-size: 30px;
    font-family: 'zxhqs';
    color: #9b3c0d;

}

.dyuaz {
    width: 1439px;
    height: 681px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk4/bgjz.png);
    background-size: 100% 100%;
    margin-left: -170px;
    padding-left: 610px;
    padding-top: 76px;
    box-sizing: border-box;
    position: relative;
}

.dyuazwenzi {
    font-size: 22px;
    color: #301808;
    font-family: 'zxhqs';
}
.xzhefei-zhu{
    position: relative;
}
.xzhefei {
    width: 1138px;
    height: 785px;
    object-fit: cover;
    mask-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk5/bg.png);
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-image: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/mk5/bg.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    margin: -42px auto 0;
}

.frame-video {
    width: 100%;
    height: 100%;
}






/* 导航 */
.dao-h {
    width: 220px;
    position: fixed;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    z-index: 10;
    box-sizing: border-box;
}

.dao-top {
    width: 100%;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/folkact.png) no-repeat left;
    background-size: auto 149%;
    padding: 25px 0;
}

.zidao {
    height: 45px;
    cursor: pointer;
    margin: 18px 0 18px 24px;
    transition: all ease .2s;
    position: relative;
}

.zidao::before {
    display: block;
    content: '♢';
    position: absolute;
    font-size: 18px;
    color: #ecd295;
    font-weight: bold;
    top: 50%;
    left: -31px;
    transform: translateY(-50%);
}

.zidao.active,
.zidao:hover {
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/folb.png);
}

.zifol {
    width: 44px;
    height: 47px;
    background: url(https://img.fxegames.com/fxegames/sgm/ychbjhjs/folk.png) no-repeat center;
    float: left;
}

.ziwen {
    line-height: 45px;
    color: #ffedd2;
    font-size: 22px;
    font-family: 'zxhqs';
}

.zidao.active .zifol,
.zidao:hover .zifol {
    background: none;
}

.zidao.active .ziwen,
.zidao:hover .ziwen {
    color: #fff470;
}

.to-top {
    width: 208px;
    margin-top: 1px;
    cursor: pointer;
    background-color: #0000009c;
    height: 55px;
    line-height: 30px;
    text-align: center;
    color: #e7d098;
    font-size: 14px;
    padding-top: 10px;
    box-sizing: border-box;
}