body { font-size: 0.24rem; background: #fff; }

* { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -webkit-appearance: none; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.wrapper { height: 100vh; background: url(../images/home_bg.jpg) no-repeat; background-size: 100%; background-position: bottom; }

.wrapper-2 { padding-bottom: 0.1rem; background: #000; }

.index { float: right; padding-right: 0.51rem; padding-top: 5vh; }
.index .item { width: 100%; margin-bottom: 0.24rem; position: relative; }
.index .item a img { opacity: 1; transition: 1.2s; height: 1.4rem; width: auto; float: right; }
.index .item a img:first-of-type { opacity: 0; position: absolute; right: 0; top: 0; }
.index .on a img { opacity: 0; transition: 1.2s; }
.index .on a img:first-of-type { opacity: 1; }

.list .item { padding-top: 0.3rem; margin-bottom: 0.35rem; text-align: right; }
.list .item .img { width: 7.18rem; margin: 0 auto; height: 4.6rem; overflow: hidden; display: inline-block; margin-bottom: -0.06rem; }
.list .item .text { display: flex; align-items: center; }
.list .item .text .text-l { position: relative; padding-left: 0.32rem; width: 5.88rem; height: 1.5rem; background: url(../images/bg_text.png) no-repeat; background-size: 100% 100%; display: flex; justify-content: center; flex-direction: column; }
.list .item .text .text-l > img { width: 0.32rem; position: absolute; left: 0; top: -0.16rem; }
.list .item .text .text-l h2 { color: #fff; font-size: 0.34rem; font-weight: normal; margin-bottom: 0.17rem; text-align: left; }
.list .item .text .text-l p { width: 5.56rem; background: url(../images/logo_bg_blue.png) no-repeat; background-size: 100%; background-position: center; text-align: left; }
.list .item .text .text-l p img { height: 0.5rem; width: auto; }
.list .item .text .text-r { flex: 1; display: flex; justify-content: center; align-items: center; background: url(../images/dots.png) no-repeat; background-size: 0.52rem; background-position: right bottom; height: 1.5rem; }
.list .item .text .text-r img { width: 0.39rem; height: 0.54rem; }

.list-2 .item .img { border: 0.1rem solid #fff; position: relative; }
.list-2 .item .img p { position: absolute; left: 0.22rem; bottom: 0.22rem; font-size: 0.4rem; color: #fff; z-index: 99; }
.list-2 .item .text .text-l .mor { align-items: center; display: flex; }
.list-2 .item .text .text-l .mor .mor-l { width: 1.02rem; height: 1.02rem; min-width: 1.02rem; border-radius: 50%; overflow: hidden; border: 0.04rem solid #fff; margin-right: 0.2rem; }
.list-2 .item .text .text-l .mor .mor-r { flex: 1; }
.list-2 .item .text .text-l .mor .mor-r h2 { font-size: 0.34rem; }
.list-2 .item .text .text-l .mor .mor-r p { background: none; color: rgba(255, 255, 255, 0.7); }

.detail-1 { padding: 0.32rem; }

.detail-2 { text-align: center; padding: 0 1.05rem; color: #333333; border-bottom: 0.3rem solid #EDEFF0; }
.detail-2 h2 { font-size: 0.34rem; font-weight: normal; margin-bottom: 0.1rem; }
.detail-2 img { margin-bottom: 0.2rem; margin-top: 0.2rem; }
.detail-2 p { font-size: 0.3rem; color: #555555; line-height: 0.44rem; padding-bottom: 0.4rem; }

.detail-3 { padding: 0 1.05rem; padding-top: 0.2rem; text-align: center; padding-bottom: 0.4rem; }
.detail-3 .title { width: 1.4rem; height: 1.4rem; border-radius: 50%; margin: 0 auto; overflow: hidden; margin-bottom: 0.2rem; }
.detail-3 h2 { font-size: 0.32rem; color: #2D2D2D; font-weight: normal; margin-bottom: 0.1rem; }
.detail-3 h3 { font-size: 0.26rem; color: #888888; font-weight: normal; margin-bottom: 0.17rem; }
.detail-3 p { font-size: 0.3rem; color: #666666; line-height: 0.44rem; }

.ticketing { background: url(../images/zixun_bg.jpg) no-repeat; background-size: 100%; height: 100vh; width: 100%; padding-top: 1.28rem; }
.ticketing .logo { width: 2.78rem; margin: 0 auto; margin-bottom: 4.19rem; }
.ticketing .ticketing-2 { width: 5.03rem; margin: 0 auto; }

.zyx { background: url(../images/zixun_bg.jpg) no-repeat; background-size: 100% 100%; height: 100vh; background-position: center; position: relative; }
.zyx a { position: absolute; left: 0; right: 0; bottom: 1.21rem; display: block; margin: 0 auto; width: 5.78rem; }

.yskj .item .img { width: 6.86rem; margin-right: 0.33rem; }
.yskj .item .text .text-r { background: url(../images/dots.png) no-repeat; background-size: 0.52rem; background-position: 0.75rem bottom; }

/*# sourceMappingURL=style.css.map */
