#__footer {
  background-color: #fff;
}


#autoid-ZcVmAarr {
  z-index: 1;
  width: 100%;
  height: 10rem;
  position: static;
  font-size: 0;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-PdvhsUBn {
  z-index: 1;
  background-image: url(/assets/images/012b37bcb498aad7f85c97855240f6bf217bdce9.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 8.85rem;
  position: static;
}

#autoid-YOKmotYN {
  z-index: 1;
  background-image: url(/assets/images/0dcd3631c2b879d88df7207f901befc98e7e4f9e.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 19.2rem;
  height: 2.9rem;
  position: absolute;
  left: 0;
  margin-left: 0;
  margin-top: -2.79rem;
  top: 10.63rem;
}

#autoid-hC3L1ULP {
  z-index: 1;
  background-image: url(/assets/images/54f26715fee28509448289cb80ff95e7f0499ca1.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 8.89rem;
  position: static;
}

#autoid-KidMn0wl {
  z-index: 1;
  background-image: url(/assets/images/22a2531488caf0aeb413e931ece64cb54f76d9a9.jpg);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 16.9rem;
  position: static;
}

#autoid-7XPpBSZn {
  z-index: 1;
  background-image: url(/assets/images/3f0b1773829d65b2a172fb2b6f8830a4c82a745e.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 3.5rem;
  height: 0.86rem;
  position: absolute;
  left: 50%;
  margin-left: -1.75rem;
  margin-top: 1.75rem;
  top: 35.8rem;
}

#autoid-ADZqWYJT {
  z-index: 1;
  background-image: url(/assets/images/05837d4375ca29251e0b1efba8412c7fe64998c2.png);
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.23rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  margin-left: -9.93rem;
  margin-top: -8.65rem;
  top: 8.47rem;
}

#autoid-XPERDZff {
  z-index: 1;
  background-image: url(/assets/images/logo.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 7.83rem;
  height: 2.85rem;
  position: absolute;
  left: 50%;
  margin-left: -3.95rem;
  margin-top: -2.91rem;
  top: 6.1rem;
}

#autoid-vr6o4Z4N {
  z-index: 1;
  width: 1.53rem;
  height: 1.29rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/18ef0482e59daf4ba88adb723d2d28369c66cb8a.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 6.1rem;
  margin-left: -1.27rem;
  margin-top: -3.49rem;
}

#autoid-qedlcZpH {
  z-index: 1;
  background-image: url(/assets/images/712126aabfadacac347c00c3dd7099d9ba1518df.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.54rem;
  height: 0.7rem;
  position: absolute;
  left: 50%;
  margin-left: -0.36rem;
  margin-top: 0.11rem;
  top: 7.92rem;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

#autoid-Lsp73b0p {
  z-index: 1;
  width: 2.46rem;
  height: 0.67rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/app_download.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 8.59rem;
  margin-left: -0.46rem;
  margin-top: -1.72rem;
}

#autoid-dQXACbaR {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 9.03rem;
  margin-top: 21.06rem;
}

#autoid-9pCi493v {
  z-index: 1;
  background-image: url(/assets/images/c10e70a89191f242de5572f8ce61117387c5e806.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 4.69rem;
  height: 0.29rem;
  position: absolute;
  left: 50%;
  margin-left: -2.37rem;
  margin-top: 1.03rem;
  top: 6.6rem;
}

#autoid-BOaLD9dX {
  z-index: 1;
  width: 3rem;
  height: 0.38rem;
  position: absolute;
  overflow: hidden;
  left: 50%;
  margin-left: -1.43rem;
  margin-top: 0.98rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 6.6rem;
}

#autoid-Bsl8wuBL {
  z-index: 1;
  background-image: url(/assets/images/23f6e91ee629923535aaf826763f647c6eff5a3c.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.26rem;
  height: 0.22rem;
  position: absolute;
  left: 50%;
  margin-left: 7.64rem;
  margin-top: -3.36rem;
  top: 3.53rem;
}

#autoid-4q6HDFWl {
  z-index: 1;
  background-image: url(/assets/images/b3f88dc35a834589cb73360476d54f0d9ccbbc55.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.23rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  margin-left: 7.29rem;
  margin-top: -3.36rem;
  top: 3.53rem;
}

#autoid-wOFbcG6N {
  z-index: 1;
  background-image: url(/assets/images/2628ae1a4a89add1c9c9a0191624f2bd2c2e9486.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.28rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  margin-left: 8.08rem;
  margin-top: -3.35rem;
  top: 3.53rem;
}

#autoid-ZuPcxLRj {
  z-index: 1;
  background-image: url(/assets/images/03ce3f816513fe964b03b33737bcee70b5d4683f.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.21rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  margin-left: 8.55rem;
  margin-top: -3.36rem;
  top: 3.53rem;
}

#autoid-rTnG6M1L {
  z-index: 1;
  background-image: url(/assets/images/ae756d46b14ed45e2ab63b3833d9be5f9d66465b.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.26rem;
  height: 0.18rem;
  position: absolute;
  left: 50%;
  margin-left: 8.94rem;
  margin-top: -3.33rem;
  top: 3.53rem;
}

#autoid-UzxHrRMh {
  z-index: 119;
  width: 1.3rem;
  height: 1.13rem;
  position: fixed;
  left: 50%;
  background-image: url(/assets/images/b8f910baa442b9b9055d6812d99bbfdfd7cc1a5e.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 13.85rem;
  margin-left: 7.89rem;
  margin-top: -9.85rem;
}

#autoid-mY6b0RWJ {
  z-index: 120;
  width: 1.3rem;
  height: 1.13rem;
  position: fixed;
  left: 50%;
  background-image: url(/assets/images/91060b6ed3b4ec072011655ebfda039540d436a4.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 13.85rem;
  margin-left: 7.89rem;
  margin-top: -10.98rem;
}

#autoid-iwKSsPPn {
  z-index: 121;
  width: 1.3rem;
  height: 1.13rem;
  position: fixed;
  left: 50%;
  background-image: url(/assets/images/87917f7a4405df5bd5c2cc2024646e352740e8c7.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 13.85rem;
  margin-left: 7.89rem;
  margin-top: -8.72rem;
}

#autoid-KVjm1PZP {
  z-index: 122;
  width: 1.3rem;
  height: 1.13rem;
  position: fixed;
  left: 50%;
  background-image: url(/assets/images/8e91a7f78e93d2183806c7e904ca6be91756666b.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 13.85rem;
  margin-left: 7.89rem;
  margin-top: -7.59rem;
}

#autoid-djRPAQah {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 23.24rem;
  margin-top: -12.76rem;
}

#autoid-G01QVVUN {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 13.24rem;
  margin-top: 6.39rem;
}

#autoid-8GbSh1Fj {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 23.24rem;
  margin-top: 5.11rem;
}

#autoid-B4KlQ1PL {
  z-index: 126;
  background-image: url(/assets/images/345e87fa9a023ca2306edeef23d9aa8d8dab77ba.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.1rem;
  height: 1.01rem;
  position: fixed;
  left: 50%;
  margin-left: 9.07rem;
  margin-top: -22.04rem;
  top: 25.53rem;
}

#autoid-3tiPp20d {
  z-index: 1;
  width: 11.57rem;
  height: 7.71rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 34.72rem;
  margin-left: -5.31rem;
  margin-top: -3.6rem;
}

#autoid-w9sQK7KJ {
  z-index: 1;
  width: 1.91rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 6.68rem;
  margin-left: -9.85rem;
  margin-top: -7.67rem;
}

#autoid-YPCS5dvf {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-oHuBfdAV {
  z-index: 1;
  background-image: url(/assets/images/63fd300c0e7d214ae322b6b3aba2d3ef2e5ba739.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 3.7rem;
  position: absolute;
  left: 50%;
  margin-left: -2.29rem;
  margin-top: -1.45rem;
  top: 3.89rem;
}

#autoid-jYxKV5Tv {
  z-index: 1;
  width: 0.54rem;
  height: 0.54rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: 2.62rem;
  margin-top: -1.46rem;
}

#autoid-Mn6eu63X {
  z-index: 1;
  width: 0.51rem;
  height: 1.8rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.58rem;
  margin-left: -9.6rem;
  margin-top: 3.06rem;
}

#autoid-f3gfPbOt {
  z-index: 1;
  width: 2rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  margin-left: -0.53rem;
  margin-top: 0.62rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 37.68rem;
}

#autoid-HrOJobYV {
  z-index: 131;
  background-image: url(/assets/images/345e87fa9a023ca2306edeef23d9aa8d8dab77ba.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.1rem;
  height: 1.01rem;
  position: fixed;
  left: 50%;
  margin-left: 9.07rem;
  margin-top: -20.92rem;
  top: 25.53rem;
}

#autoid-9QncXc9n {
  z-index: 132;
  background-image: url(/assets/images/345e87fa9a023ca2306edeef23d9aa8d8dab77ba.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.1rem;
  height: 1.01rem;
  position: fixed;
  left: 50%;
  margin-left: 9.07rem;
  margin-top: -19.81rem;
  top: 25.53rem;
}

#autoid-CwxeihTT {
  z-index: 1;
  width: 11.74rem;
  height: 5.48rem;
  position: absolute;
  left: 50%;
  margin-left: -5.72rem;
  margin-top: -3.89rem;
  top: 25.53rem;
}

#autoid-ZCRDIDJH {
  z-index: 1;
  background-image: url(/assets/images/78ce4bc7d3dc701854d13eea4383c2665b1d7d9c.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 5.48rem;
  position: static;
}

#autoid-ZFWwlN65 {
  z-index: 1;
  width: 9.45rem;
  height: 5.51rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 2.24rem;
  margin-left: -4.72rem;
  margin-top: -2.25rem;
}

#autoid-sEtfJJkx {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-TSJQzaVn {
  z-index: 1;
  background-image: url(/assets/images/63d37d1285aee790a70d8b5829e9611657a36c9c.jpg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 11.82rem;
  height: 6.65rem;
  position: absolute;
  left: 50%;
  margin-left: -5.91rem;
  margin-top: -2.67rem;
  top: 3.89rem;
}

#autoid-mJ6qHaBL {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 4.22rem;
  margin-left: -0.26rem;
  margin-top: 4.02rem;
}

#autoid-s07yOmBv {
  z-index: 1;
  background-image: url(/assets/images/9bc00c63abe2141a04da04506e9012090f55b1dc.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 5.48rem;
  position: static;
}

#autoid-Pm0j9TAp {
  z-index: 1;
  width: 9.4rem;
  height: 5.49rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 2.24rem;
  margin-left: -4.7rem;
  margin-top: -2.25rem;
}

#autoid-h6uxqr2J {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-KAMisYPb {
  z-index: 1;
  background-image: url(/assets/images/1bd36bd1b02c97525ebcc905098f2dd2fdaaf776.jpg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 11.82rem;
  height: 6.65rem;
  position: absolute;
  left: 50%;
  margin-left: -5.91rem;
  margin-top: -2.67rem;
  top: 3.89rem;
}

#autoid-c8qUxmqV {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: -0.26rem;
  margin-top: 4.35rem;
}

#autoid-Ux9bbWbj {
  z-index: 1;
  background-image: url(/assets/images/9567c050b74175aa78725d59cefd5f1402f9752f.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 5.48rem;
  position: static;
}

#autoid-5HdCFUJn {
  z-index: 1;
  width: 9.42rem;
  height: 5.5rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 2.24rem;
  margin-left: -4.71rem;
  margin-top: -2.25rem;
}

#autoid-zhnY6nCl {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-0Zl13AVv {
  z-index: 1;
  background-image: url(/assets/images/79f147cc8a700c618f6c5f9dc548789ac57031ad.jpg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 11.82rem;
  height: 6.65rem;
  position: absolute;
  left: 50%;
  margin-left: -5.91rem;
  margin-top: -2.67rem;
  top: 3.89rem;
}

#autoid-u6MhfbIF {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: -0.26rem;
  margin-top: 4.35rem;
}

#autoid-mkaALNMN {
  z-index: 1;
  background-image: url(/assets/images/972bb3c8480683612bd938835d4a5eac2e800400.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 5.48rem;
  position: static;
}

#autoid-VKWRruCN {
  z-index: 1;
  width: 9.44rem;
  height: 5.5rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 2.24rem;
  margin-left: -4.72rem;
  margin-top: -2.25rem;
}

#autoid-p69veaJD {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-QS1R74t7 {
  z-index: 1;
  background-image: url(/assets/images/c0c87a0fcf82cf64223b59a0a73a4a69d8c026db.jpg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 11.82rem;
  height: 6.65rem;
  position: absolute;
  left: 50%;
  margin-left: -5.91rem;
  margin-top: -2.67rem;
  top: 3.89rem;
}

#autoid-iOTLKJMx {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: -0.26rem;
  margin-top: 4.35rem;
}

#autoid-NZXgPXGZ {
  z-index: 1;
  background-image: url(/assets/images/baa3a136eec8b238df418a430fbb8157da2a122e.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 5.48rem;
  position: static;
}

#autoid-Ncq20mod {
  z-index: 1;
  width: 9.43rem;
  height: 5.53rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 2.24rem;
  margin-left: -4.71rem;
  margin-top: -2.26rem;
}

#autoid-fx8F1axD {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-9HKYXax7 {
  z-index: 1;
  background-image: url(/assets/images/bae5766536c1f0729f5fe1a52157613569a98401.jpg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 11.82rem;
  height: 6.65rem;
  position: absolute;
  left: 50%;
  margin-left: -5.91rem;
  margin-top: -2.67rem;
  top: 3.89rem;
}

#autoid-B0aqzosB {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: -0.26rem;
  margin-top: 4.35rem;
}

#autoid-9sMqgJnn {
  z-index: 1;
  width: 1.69rem;
  height: 1.02rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/e237f285ac959d901038fbfaad1a6fe4f1cdfdbe.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: -1.48rem;
  margin-left: 4.17rem;
}

#autoid-BRkTPJxP {
  z-index: 1;
  width: 1.69rem;
  height: 1.02rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/d0ede1952336648e6aac84fde3d913a4b6b08f99.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: -1.48rem;
  margin-left: -5.54rem;
}

#autoid-4fTnoJIh {
  z-index: 1;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/5d3639b317705bc0840803a816d1879778c4b754.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: 1.77rem;
  margin-left: -0.15rem;
}

#autoid-wW3oJPsN {
  z-index: 1;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/5d3639b317705bc0840803a816d1879778c4b754.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: 1.77rem;
  margin-left: 0.36rem;
}

#autoid-sd6ypHLn {
  z-index: 1;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/5d3639b317705bc0840803a816d1879778c4b754.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: 1.77rem;
  margin-left: 0.87rem;
}

#autoid-UBF1YHVP {
  z-index: 1;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/5d3639b317705bc0840803a816d1879778c4b754.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: 1.77rem;
  margin-left: -0.66rem;
}

#autoid-ktwL8I1v {
  z-index: 1;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/5d3639b317705bc0840803a816d1879778c4b754.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 25.53rem;
  margin-top: 1.77rem;
  margin-left: -1.17rem;
}

#autoid-MS5eHIbX {
  z-index: 1;
  width: 2.46rem;
  height: 0.67rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/and_download.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.06rem;
  margin-left: -0.46rem;
  margin-top: 2.77rem;
}

#autoid-fyfg2NWt {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-HWNJBO6V {
  z-index: 101;
  background-image: url(/assets/images/1d7198e0f86e402c181ee424fd0886be043d407e.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.19rem;
  height: 7.22rem;
  position: fixed;
  left: 50%;
  margin-left: -2.595rem;
  margin-top: -3.61rem;
  top: 50%;
}

#autoid-SQYGzmXr {
  z-index: 102;
  width: 2.66rem;
  height: 6.21rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: -1.33rem;
  margin-top: -3.62rem;
}

#autoid-K5L9w0nz {
  z-index: 1;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 2rem;
  position: static;
}

#autoid-gGFi3O61 {
  z-index: 104;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.83rem;
  height: 0.47rem;
  position: fixed;
  left: 50%;
  margin-left: -0.9rem;
  margin-top: 3.13rem;
  top: 50%;
}

#autoid-raQFLXGR {
  z-index: 105;
  width: 1.11rem;
  height: 0.38rem;
  position: fixed;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: 1.55rem;
  margin-top: -3.65rem;
}

#autoid-CJUGJOrP {
  z-index: 142;
  width: 1.18rem;
  height: 0.63rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 7.43rem;
  margin-left: -9.52rem;
  margin-top: -7.43rem;
}

#autoid-5q4I4Ucl {
  z-index: 1;
  width: 2.23rem;
  height: 1.05rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.53rem;
  margin-left: -4.43rem;
  margin-top: -3.63rem;
}

#autoid-ynQhc5wV {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-Y6XQH4jX {
  z-index: 1;
  background-image: url(/assets/images/ad28518443d7bc4a86ed93ba72feed924455cda3.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 5.3rem;
  position: absolute;
  left: 50%;
  margin-left: -2.79rem;
  margin-top: -2.04rem;
  top: 3.89rem;
}

#autoid-IB769pL7 {
  z-index: 1;
  width: 2.35rem;
  height: 0.58rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: -1.25rem;
  margin-top: 2.77rem;
}

#autoid-skfbiGRL {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.36rem;
  height: 0.58rem;
  position: absolute;
  left: 50%;
  margin-left: -1.29rem;
  margin-top: 1.94rem;
  top: 3.89rem;
}

#autoid-T8RC3Nx3 {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.19rem;
  height: 0.45rem;
  position: absolute;
  left: 50%;
  margin-left: -0.65rem;
  margin-top: -1.34rem;
  top: 3.89rem;
}

#autoid-mpKHPTD7 {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 3.21rem;
  height: 1.95rem;
  position: absolute;
  left: 50%;
  margin-left: -1.63rem;
  margin-top: -0.81rem;
  top: 3.89rem;
}

#autoid-Ot0eSRM9 {
  z-index: 1;
  width: 3rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.79rem;
  margin-left: -7.68rem;
  margin-top: -3.79rem;
}

#autoid-ToU6584Z {
  z-index: 1;
  width: 0.79rem;
  height: 0.78rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: 1.88rem;
  margin-top: -1.96rem;
}

#autoid-s0F6XJE1 {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.46rem;
  height: 0.66rem;
  position: absolute;
  left: 50%;
  margin-left: -1.35rem;
  margin-top: 1.73rem;
  top: 4.05rem;
}

#autoid-nOzd7dY9 {
  z-index: 1;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.53rem;
  margin-left: -1.85rem;
  margin-top: -4.52rem;
}

#autoid-QuJesjIF {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-iThI1jT7 {
  z-index: 1;
  background-image: url(/assets/images/3101872e9e0179f50b14037d14e74cd696011019.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 4.19rem;
  position: absolute;
  left: 50%;
  margin-left: -2.72rem;
  margin-top: -1.87rem;
  top: 3.74rem;
}

#autoid-4jLRvo1D {
  z-index: 1;
  width: 1.59rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.64rem;
  margin-left: -8.46rem;
  margin-top: -2.37rem;
}

#autoid-wIkl4oc5 {
  z-index: 1;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: 3.79rem;
  margin-top: -4.94rem;
}

#autoid-05nkITYh {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.68rem;
  height: 0.93rem;
  position: absolute;
  left: 50%;
  margin-left: -9.35rem;
  margin-top: -3.07rem;
  top: 3.49rem;
}

#autoid-SOWlvLcF {
  z-index: 1;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.53rem;
  margin-left: -1.53rem;
  margin-top: -3.61rem;
}

#autoid-lc1mwsId {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-XU0nIOLb {
  z-index: 101;
  background-image: url(/assets/images/2b0f1b2b440b62201505a4ce7cee7c27353e59a0.gif);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 19.2rem;
  height: 10.8rem;
  position: fixed;
  left: 50%;
  margin-left: -9.6rem;
  margin-top: -5.4rem;
  top: 50%;
}

#autoid-KfKJ6x0x {
  z-index: 102;
  width: 2.66rem;
  height: 6.21rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: -1.33rem;
  margin-top: -3.62rem;
}

#autoid-aQYhJYjj {
  z-index: 1;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: -11.94rem;
  margin-top: -3.85rem;
}

#autoid-wt0fUI3H {
  z-index: 1;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.53rem;
  margin-left: -8.18rem;
  margin-top: -4.54rem;
}

#autoid-YQgQhVNb {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-4sbQ8DMF {
  z-index: 1;
  background-image: url(/assets/images/38dfe4783488f73eec4fc736b96082ec2e821f5f.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 7.18rem;
  position: absolute;
  left: 50%;
  margin-left: -2.715rem;
  margin-top: 0;
  top: 1.7rem;
}

#autoid-qJQujZY1 {
  z-index: 1;
  width: 1.92rem;
  height: 0.63rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: 0.2rem;
  margin-top: 4.51rem;
}

#autoid-TSci7749 {
  z-index: 1;
  background-color: rgba(0, 0, 0);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-lZVmp8d7 {
  display: none;
  z-index: 1;
  background-image: url(/assets/images/d52505ce7d2c44a4419dc9e67bb857bd6ce154b6.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 7.4rem;
  position: absolute;
  left: 50%;
  margin-left: -2.71rem;
  margin-top: 0;
  top: 1.7rem;
}

#autoid-pMrmPB6R {
  z-index: 1;
  width: 5.43rem;
  height: 7.4rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 1.7rem;
  margin-left: -2.715rem;
  margin-top: 0;
}

#autoid-PsufZfLv {
  z-index: 1;
  width: 0.54rem;
  height: 0.52rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 1.7rem;
  margin-left: 2.19rem;
  margin-top: 0;
}

#autoid-6pMvZnal {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.61rem;
  height: 0.29rem;
  position: absolute;
  left: 50%;
  margin-left: -0.98rem;
  margin-top: -1.42rem;
  top: 3.74rem;
}

#autoid-zhVZiEDP {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.23rem;
  height: 0.35rem;
  position: absolute;
  left: 50%;
  margin-left: -0.69rem;
  margin-top: -0.75rem;
  top: 3.74rem;
}

#autoid-2P3OryRv {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.22rem;
  height: 1.41rem;
  position: absolute;
  left: 50%;
  margin-left: -1.14rem;
  margin-top: -0.24rem;
  top: 3.74rem;
}

#autoid-tcDwrC3b {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 4.19rem;
  height: 0.57rem;
  position: absolute;
  left: 50%;
  margin-left: -2.02rem;
  margin-top: 1.51rem;
  top: 3.74rem;
}

#autoid-WDkBCWMZ {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 3.29rem;
  height: 1.23rem;
  position: absolute;
  left: 50%;
  margin-left: -2.02rem;
  margin-top: 2.45rem;
  top: 3.74rem;
}

#autoid-iJJD1DdX {
  z-index: 1;
  width: 0.52rem;
  height: 0.5rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: 2.2rem;
  margin-top: -2.04rem;
}

#autoid-UEU9GriZ {
  z-index: 1;
  width: 1.93rem;
  height: 0.62rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: -2.11rem;
  margin-top: 4.52rem;
}

#autoid-nhUgEmhL {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.18rem;
  height: 0.56rem;
  position: absolute;
  left: 50%;
  margin-left: -0.58rem;
  margin-top: -0.84rem;
  top: 3.74rem;
}

#autoid-PJqfbMZ7 {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.98rem;
  height: 1.57rem;
  position: absolute;
  left: 50%;
  margin-left: -0.97rem;
  margin-top: -0.15rem;
  top: 3.74rem;
}

#autoid-ik7ZO40R {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 4.2rem;
  height: 0.53rem;
  position: absolute;
  left: 50%;
  margin-left: -1.98rem;
  margin-top: 0.86rem;
  top: 3.74rem;
}

#autoid-Ie0gM2nb {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 4.2rem;
  height: 0.99rem;
  position: absolute;
  left: 50%;
  margin-left: -1.98rem;
  margin-top: 2.79rem;
  top: 3.74rem;
}

#autoid-cWWJApMN {
  z-index: 1;
  width: 3rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.64rem;
  margin-left: -1.5rem;
  margin-top: -1.87rem;
}

#autoid-YUi5WwSF {
  z-index: 1;
  width: 4.22rem;
  height: 0.52rem;
  position: absolute;
  left: 50%;
  margin-left: -1.99rem;
  margin-top: 1.59rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 4.01rem;
}

#autoid-sA1YZRsN {
  z-index: 1;
  background-image: url(/assets/images/ed6682849bb648ee8c0e9f8284c7423a4906f0a7.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.15rem;
  height: 0.14rem;
  position: absolute;
  left: 50%;
  margin-left: -9.52rem;
  margin-top: -3.4rem;
  top: 3.53rem;
}

#autoid-ZK5TUIFn {
  z-index: 1;
  width: 2.99rem;
  height: 0.79rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/428dd9ec6c165f56a333c031c8fa8ddf3ec45b08.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 37.35rem;
  margin-left: -1.56rem;
  margin-top: 2.03rem;
}

#autoid-qKm4zBs1 {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-rQyJaKKh {
  display: none;
  z-index: 1;
  background-image: url(/assets/images/5c9ff313540c6998f716704414600f66cdeeb00e.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 8.65rem;
  position: static;
}

#autoid-PDqg7Kvz {
  z-index: 102;
  width: 5rem;
  height: 7.9rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: -2.5rem;
  margin-top: -3.95rem;
}

#autoid-07w0uG5T {
  z-index: 1;
  width: 2rem;
  height: 0.73rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: -1.2rem;
  margin-top: -1.34rem;
}

#autoid-s26gXXdP {
  display: none;
  z-index: 104;
  width: 2rem;
  height: 0.66rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 4.26rem;
  margin-left: -2.52rem;
  margin-top: 4.21rem;
}

#autoid-Yue0c1ZP {
  z-index: 1;
  width: 2.64rem;
  height: 1.76rem;
  position: absolute;
  left: 50%;
  margin-left: 6.87rem;
  margin-top: -3.23rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  top: 3.68rem;
}

#autoid-rfMniFtj {
  display: none;
  z-index: 1;
  background-image: url(/assets/images/b7522c6fe26cba1dbcfe5f378939a111cf421a5b.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.05rem;
  height: 1.57rem;
  position: absolute;
  left: 50%;
  margin-left: -0.57rem;
  margin-top: -0.11rem;
  top: 0.14rem;
}

#autoid-XIOBVlZX {
  display: none;
  z-index: 1;
  background-image: url(/assets/images/6fc2794748b840c50e4fcf04dd2bc87e1247f853.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.54rem;
  height: 1.54rem;
  position: absolute;
  left: 50%;
  margin-left: -0.71rem;
  margin-top: -0.09rem;
  top: 0.14rem;
}

#autoid-ZtteShc1 {
  z-index: 1;
  width: 2.46rem;
  height: 0.67rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.12rem;
  margin-left: 1.1rem;
  margin-top: -2.99rem;
}

#autoid-TqrmEUod {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-lOZQdUyF {
  z-index: 101;
  background-image: url(/assets/images/1d7198e0f86e402c181ee424fd0886be043d407e.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.19rem;
  height: 7.22rem;
  position: fixed;
  left: 50%;
  margin-left: -2.595rem;
  margin-top: -3.61rem;
  top: 50%;
}

#autoid-OdyjMUJ7 {
  z-index: 102;
  width: 2.66rem;
  height: 6.21rem;
  position: fixed;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: -1.33rem;
  margin-top: -3.62rem;
}

#autoid-gC6NlUTz {
  z-index: 1;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 100%;
  height: 2rem;
  position: static;
}

#autoid-J0FgUV41 {
  z-index: 104;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.83rem;
  height: 0.47rem;
  position: fixed;
  left: 50%;
  margin-left: -0.9rem;
  margin-top: 3.13rem;
  top: 50%;
}

#autoid-bpdKtVet {
  z-index: 105;
  width: 1.11rem;
  height: 0.38rem;
  position: fixed;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 50%;
  margin-left: 1.55rem;
  margin-top: -3.65rem;
}

#autoid-m4b80ELH {
  z-index: 1;
  width: 0.39rem;
  height: 0.23rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/a1cd8bd0659583ff320205a4b51e0c1ea1de249a.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.68rem;
  margin-left: 6.87rem;
  margin-top: -3.51rem;
}

#autoid-YqmskyWx {
  z-index: 1;
  width: 1.17rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.43rem;
  margin-left: -9.35rem;
  margin-top: -1.67rem;
}

#autoid-Yyq4rC5b {
  z-index: 1;
  background-image: url(/assets/images/be01ff3b3b2ddca704ad621eb3a83e0ad00717da.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 7.7rem;
  height: 0.28rem;
  position: absolute;
  left: 50%;
  margin-left: -3.876rem;
  margin-top: -0.44rem;
  top: 41.16rem;
}

#autoid-qZMLJUul {
  z-index: 1;
  background-image: url(/assets/images/555.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.81rem;
  height: 1.73rem;
  position: absolute;
  left: 50%;
  margin-left: -2.336rem;
  margin-top: -0.06rem;
  top: 41.16rem;
}

#autoid-UDVGrNo5 {
  z-index: 1;
  background-image: url(/assets/images/555.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.81rem;
  height: 1.73rem;
  position: absolute;
  left: 50%;
  margin-left: 0.584rem;
  margin-top: -0.06rem;
  top: 41.16rem;
}

#autoid-lLNEGkhz {
  z-index: 1;
  background-image: url(/assets/images/vx_kf.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.73rem;
  height: 0.52rem;
  position: absolute;
  left: 51%;
  margin-left: 0.478rem;
  margin-top: 1.93rem;
  top: 41.16rem;
}

#autoid-Nj1pfEFr {
  z-index: 1;
  background-image: url(/assets/images/gov_dy.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.73rem;
  height: 0.52rem;
  position: absolute;
  left: 50%;
  margin-left: -2.292rem;
  margin-top: 1.93rem;
  top: 41.16rem;
}

#autoid-qyZWmidL {
  z-index: 1;
  background-image: url(/assets/images/game_download.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.86rem;
  height: 1.64rem;
  position: absolute;
  left: 50%;
  margin-left: -2.28rem;
  margin-top: 1.14rem;
  top: 4.69rem;
}

#autoid-UiMg59Nj {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-mHkJE9XL {
  z-index: 1;
  background-image: url(/assets/images/434029aa8685f8be82fd005b7d6bca379a0288f0.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.4rem;
  height: 3.59rem;
  position: absolute;
  left: 50%;
  margin-left: -2.84rem;
  margin-top: -1.14rem;
  top: 3.74rem;
}

#autoid-P5Tdda8d {
  z-index: 1;
  width: 5.4rem;
  height: 3.59rem;
  position: absolute;
  left: 50%;
  margin-left: -2.84rem;
  margin-top: -0.63rem;
  top: 3.24rem;
}

#autoid-hurGMaiF {
  z-index: 1;
  background-image: url(/assets/images/1c04e766902710884f9a5980463340cfd640e6f0.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.58rem;
  height: 0.62rem;
  position: absolute;
  left: 50%;
  margin-left: -1.23rem;
  margin-top: 0.74rem;
  top: 1.3rem;
}

#autoid-JT0alat7 {
  z-index: 1;
  background-image: url(/assets/images/1c04e766902710884f9a5980463340cfd640e6f0.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.58rem;
  height: 0.62rem;
  position: absolute;
  left: 50%;
  margin-left: -1.23rem;
  margin-top: 0.74rem;
  top: 1.3rem;
}

#autoid-chyDUaDz {
  z-index: 1;
  width: 1.79rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/c5ac4e5da28015a20f9ec8adae00e65c49cbc57d.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.24rem;
  margin-top: 0.62rem;
  margin-left: -2.13rem;
}

#autoid-7yBNA2W9 {
  z-index: 1;
  width: 1.79rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/1f4c3b0d394d8bc35d197fb890e677743fd76879.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.24rem;
  margin-top: 0.63rem;
  margin-left: 0.06rem;
}

#autoid-zXah936B {
  z-index: 1;
  width: 0.51rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-image: url(/assets/images/3c1985b00cf231600d30c8ba477297fe946b2bc7.png);
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.74rem;
  margin-left: 2.11rem;
  margin-top: -1.25rem;
}

#autoid-2lIKI3h3 {
  z-index: 1;
  background-image: url(/assets/images/2d838f146d5f9c027b75442da4eac6f9fd74c6c9.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 1.48rem;
  height: 0.29rem;
  position: absolute;
  left: 50%;
  margin-left: -0.82rem;
  margin-top: -0.45rem;
  top: 3.74rem;
}

#autoid-uKheh3rv {
  z-index: 1;
  background-image: url(/assets/images/0bc8900095673da68ad19f42bd12ffec41ecc3d2.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.01rem;
  height: 0.54rem;
  position: absolute;
  left: 50%;
  margin-left: -0.13rem;
  margin-top: 0.13rem;
  top: 3.74rem;
}

#autoid-XZsSORjf {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.6rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  margin-left: 2.01rem;
  margin-top: -1.68rem;
  top: 4.05rem;
}

#autoid-S8SGq8WN {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  margin-left: -7.3rem;
  margin-top: -4.78rem;
  top: 4.69rem;
}

#autoid-l23t087b {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: static;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

#autoid-NqBWz8hD {
  z-index: 1;
  width: 5.43rem;
  height: 3.7rem;
  position: absolute;
  left: 50%;
  margin-left: -2.72rem;
  margin-top: -0.68rem;
  top: 3.39rem;
}

#autoid-fPaq88s5 {
  z-index: 1;
  background-image: url(/assets/images/99f63c6cacab8bc6fbbb9db8f39085934d1e3cc7.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 3.7rem;
  position: absolute;
  left: 50%;
  margin-left: -2.71rem;
  margin-top: -1.35rem;
  top: 1.35rem;
}

#autoid-b6dzO0KF {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.64rem;
  height: 0.74rem;
  position: absolute;
  left: 50%;
  margin-left: -1.29rem;
  margin-top: 0.89rem;
  top: 1.35rem;
}

#autoid-DuM3n0V7 {
  z-index: 1;
  background-image: url(/assets/images/714dee4311e3bf00646c93c9f95b1e9175b1a8d2.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 5.43rem;
  height: 3.7rem;
  position: absolute;
  left: 50%;
  margin-left: -2.71rem;
  margin-top: -1.35rem;
  top: 1.35rem;
}

#autoid-5TkwW15z {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.73rem;
  height: 0.79rem;
  position: absolute;
  left: 50%;
  margin-left: -1.32rem;
  margin-top: 0.86rem;
  top: 1.35rem;
}

#autoid-yhT0v1g1 {
  z-index: 1;
  width: 1.81rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.39rem;
  margin-top: 0.7rem;
  margin-left: -2rem;
}

#autoid-0Gru41qt {
  z-index: 1;
  width: 1.81rem;
  height: 0.51rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.39rem;
  margin-top: 0.7rem;
  margin-left: 0.24rem;
}

#autoid-t4ZXD1AV {
  z-index: 1;
  width: 0.52rem;
  height: 0.54rem;
  position: absolute;
  left: 50%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.89rem;
  margin-left: 1.94rem;
  margin-top: -4.47rem;
}

#autoid-nS6UL1VP {
  z-index: 1;
  width: 3rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 3.79rem;
  margin-left: -7.14rem;
  margin-top: -2.35rem;
}

#autoid-PNmEN82V {
  z-index: 1;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.51rem;
  height: 0.53rem;
  position: absolute;
  left: 50%;
  margin-left: 2.18rem;
  margin-top: -1.17rem;
  top: 3.85rem;
}


body {
  background-color: #fff !important;
}


#bili-game-header {
  height: 50px !important;
}

<script data-n-head="true" type="text/javascript">
window.spmReportData = {};
window.reportConfig = {
  sample: 1,
  scrollTracker: false,
  msgObjects: "spmReportData",
  errorTracker: false,
  sevAppId: "L-VIEW-ACTIVITY",
  commonData: {
    activity_group_id: "LCDPACT2605",
    activity_name: "《修仙家族模拟器2》官方网站",
    url: encodeURIComponent(location.href),
    activity_type: 3,
    page_start_dt: "",
    page_end_dt: "",
  },
};
</script>
<style
data-vue-ssr-id="893a1ef4:0 de83ba9a:0 3e0356bd:0 4eb899d0:0 216b2b4f:0 17516d26:0 5c080318:0 9ed0c4c4:0 114e87f3:0 0eca90b1:0 14390da2:0 7d79578c:0 1366f8d3:0 756c54a4:0 4f2955de:0"
>
.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  -webkit-transition: width 0.2s, opacity 0.4s;
  transition: width 0.2s, opacity 0.4s;
  opacity: 1;
  background-color: #efc14e;
  z-index: 999999;
}

#__layout,
#__nuxt,
body,
html {
  height: 100%;
}

#internationalHeader,
body {
  font-size: 14px;
}

#__main {
  height: 100%;
  position: relative;
  margin: 0 auto;
  min-width: 1200px;
}

#__main > header {
  width: 100%;
}

.bui-container {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  min-height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pc-rem-style .bui-container {
  min-height: auto;
}

.background-video[data-v-5b9e9f0f] {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.background-video.overflow[data-v-5b9e9f0f] {
  height: 100%;
}

.background-video.all-width[data-v-5b9e9f0f] {
  width: 100%;
}

.btn[data-v-82ed0208] {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
  cursor: pointer;
}

.bui-btn[data-v-82ed0208] {
  cursor: pointer;
}

.btn {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
  cursor: pointer;
}

.bui-bili-embed iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.bui-com-text {
  color: #000;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
    Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  text-align: left;
  word-break: break-all;
}

.bui-com-text h1,
.bui-com-text p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  margin: 0;
  padding: 0;
}

.bui-com-text a {
  color: #000;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.bui-com-text strong {
  font-weight: bolder;
}

.bui-com-text em {
  font-style: italic;
}

.bui-com-text u {
  text-decoration: underline;
}

.bui-com-text s {
  text-decoration: line-through;
}

.bui-com-text .ql-align-left {
  text-align: left;
}

.bui-com-text .ql-align-center {
  text-align: center;
}

.bui-com-text .ql-align-right {
  text-align: right;
}

.bui-com-text .ql-align-justify {
  text-align: justify;
}

.bui-com-text.h5 {
  font-size: 3.84px;
  font-size: 0.24rem;
}

.bui-com-text.h5 .ql-size-12px {
  font-size: 1.92px;
  font-size: 0.12rem;
}

.bui-com-text.h5 .ql-size-14px {
  font-size: 2.24px;
  font-size: 0.14rem;
}

.bui-com-text.h5 .ql-size-16px {
  font-size: 2.56px;
  font-size: 0.16rem;
}

.bui-com-text.h5 .ql-size-18px {
  font-size: 2.88px;
  font-size: 0.18rem;
}

.bui-com-text.h5 .ql-size-20px {
  font-size: 3.2px;
  font-size: 0.2rem;
}

.bui-com-text.h5 .ql-size-24px {
  font-size: 3.84px;
  font-size: 0.24rem;
}

.bui-com-text.h5 .ql-size-32px {
  font-size: 5.12px;
  font-size: 0.32rem;
}

.bui-com-text.h5 .ql-size-36px {
  font-size: 5.76px;
  font-size: 0.36rem;
}

.bui-com-text.h5 .ql-size-38px {
  font-size: 6.08px;
  font-size: 0.38rem;
}

.bui-com-text.h5 .ql-size-42px {
  font-size: 6.72px;
  font-size: 0.42rem;
}

.bui-com-text.h5 .ql-size-46px {
  font-size: 7.36px;
  font-size: 0.46rem;
}

.bui-com-text.h5 .ql-size-48px {
  font-size: 7.68px;
  font-size: 0.48rem;
}

.bui-com-text.pc {
  font-size: 24px;
}

.bui-com-text.pc .ql-size-12px {
  font-size: 12px;
}

.bui-com-text.pc .ql-size-14px {
  font-size: 14px;
}

.bui-com-text.pc .ql-size-16px {
  font-size: 16px;
}

.bui-com-text.pc .ql-size-18px {
  font-size: 18px;
}

.bui-com-text.pc .ql-size-20px {
  font-size: 20px;
}

.bui-com-text.pc .ql-size-24px {
  font-size: 24px;
}

.bui-com-text.pc .ql-size-32px {
  font-size: 32px;
}

.bui-com-text.pc .ql-size-36px {
  font-size: 36px;
}

.bui-com-text.pc .ql-size-38px {
  font-size: 38px;
}

.bui-com-text.pc .ql-size-42px {
  font-size: 42px;
}

.bui-com-text.pc .ql-size-46px {
  font-size: 46px;
}

.bui-com-text.pc .ql-size-48px {
  font-size: 48px;
}

.pc-rem-style .bui-com-text.pc {
  font-size: 3.84px;
  font-size: 0.24rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-12px {
  font-size: 1.92px;
  font-size: 0.12rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-14px {
  font-size: 2.24px;
  font-size: 0.14rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-16px {
  font-size: 2.56px;
  font-size: 0.16rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-18px {
  font-size: 2.88px;
  font-size: 0.18rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-20px {
  font-size: 3.2px;
  font-size: 0.2rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-24px {
  font-size: 3.84px;
  font-size: 0.24rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-32px {
  font-size: 5.12px;
  font-size: 0.32rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-36px {
  font-size: 5.76px;
  font-size: 0.36rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-38px {
  font-size: 6.08px;
  font-size: 0.38rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-42px {
  font-size: 6.72px;
  font-size: 0.42rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-46px {
  font-size: 7.36px;
  font-size: 0.46rem;
}

.pc-rem-style .bui-com-text.pc .ql-size-48px {
  font-size: 7.68px;
  font-size: 0.48rem;
}

.bui-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bui-text-wrap.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bui-text-wrap.start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bui-text-wrap.end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bui-text-wrap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bg-img[data-v-6ddb2b46] {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.mask[data-v-6ddb2b46] {
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
}

.bui-modal-btn-m-w[data-v-6ddb2b46] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 10001;
  outline: 0;
  -webkit-animation: modalFade-data-v-6ddb2b46 0.3s forwards;
  animation: modalFade-data-v-6ddb2b46 0.3s forwards;
}

.bui-modal-btn-m-w.out[data-v-6ddb2b46] {
  -webkit-animation: modalFadeOut-data-v-6ddb2b46 0.3s forwards;
  animation: modalFadeOut-data-v-6ddb2b46 0.3s forwards;
}

.bui-modal-btn-m[data-v-6ddb2b46] {
  max-width: none;
  width: auto;
  position: relative;
  vertical-align: middle;
}

.bui-modal-btn-m .modal-btn[data-v-6ddb2b46] {
  position: absolute;
  left: 50px;
  top: 200px;
}

@-webkit-keyframes modalFade-data-v-6ddb2b46 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalFade-data-v-6ddb2b46 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalFadeOut-data-v-6ddb2b46 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes modalFadeOut-data-v-6ddb2b46 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

div.swiper-container {
  z-index: 0;
}

div.swiper-container,
div.swiper-container .bui-slide-body {
  width: 100%;
  height: 100%;
}

.swiperFade-enter-active,
.swiperFade-leave-active {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.swiperFade-enter,
.swiperFade-leave-to {
  opacity: 0;
}

.btn {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
  cursor: pointer;
}


.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.5),
    transparent
  );
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5),
    transparent
  );
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5),
    transparent
  );
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5),
    transparent
  );
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -o-transition: 0.3s opacity;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s top;
  transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  transition: left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s left;
  transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}

.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  transition: right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s right;
  transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}



.footer-public .footer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 120px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 25px;
  font: 12px/20px "Microsoft Yahei", sans-serif;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: left;
}

.footer-public .footer-box .footer-text a,
.footer-public .footer-box .footer-text p,
.footer-public .footer-box img {
  margin: 0;
  padding: 0;
  border: 0;
}

.footer-public .footer-box a {
  font: inherit;
  text-decoration: none;
  color: #0089bc;
  cursor: default;
}

.footer-public .footer-box a.icp-link,
.footer-public .footer-text .record,
.footer-public .footer-text p {
  color: #7d7d7d;
}

.footer-public .footer-box a[href] {
  cursor: pointer;
}

.footer-public .footer-box .footer-text a:hover {
  color: #0091c1;
}

.footer-public .footer-logo-list {
  margin-top: 20px;
  width: 465px;
}

.footer-public .footer-logo-other {
  float: left;
}

.footer-public .footer-logo {
  float: left;
  border-right: 1px solid #0089bc;
  width: 196px;
  height: 50px;
  background: url(https:///common/images/bili-logo-new.png)
    left center/contain no-repeat;
  padding-right: 20px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.footer-public .footer-public.theme-white .footer-logo {
  background-image: url(https:///common/images/bilibili-logo-game-white.png);
  border-right: 1px solid #fff;
}

.footer-public .footer-public.theme-white .footer-box a,
.footer-public .footer-public.theme-white .footer-text p,
.footer-public .footer-public.theme-white footer-box a:hover {
  color: #fff;
}

.footer-public .footer-culture-logo {
  float: left;
}

.footer-public .c-logo-wrap {
  display: inline-block;
  margin-top: -3px;
  width: 60px;
  height: 60px;
  margin-left: 20px;
  background: url(https:///common/images/culture-logo.png)
    no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-public .footer-nettag {
  display: inline-block;
  float: left;
  margin-left: 15px;
}

.footer-public .footer-nettag img {
  height: 50px;
}

.footer-public .footer-logo img {
  margin-right: 20px;
  width: 94px;
  height: 42px;
}

.footer-public .footer-culture-logo img {
  width: 60px;
  height: 60px;
  margin-left: 20px;
  margin-top: -4px;
}

.footer-public .footer-text {
  max-width: 700px;
}

.footer-public .footer-text .record:hover {
  color: #222;
}

.footer-public .footer-text .record img {
  display: inline-block;
}


.bili-game-header-nav-search {
  position: relative;
}

.bili-game-header-nav-search input {
  background: var(--Ga12_s);
  border-radius: 16px;
  width: 200px;
  height: 32px;
  border: none;
  font-size: 12px;
  color: rgba(var(--Ga10_rgb), 0.4);
  padding: 0 40px 0 20px;
  transition: width 300ms;
}

.bili-game-header-nav-search .bili-game-header-nav-search-button {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  cursor: pointer;
}

.bili-game-header-nav-search
  .bili-game-header-nav-search-button
  .iconfontH {
  font-size: 24px;
  color: var(--Ga3);
}


.bili-game-header-user-noLogin {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  margin-right: 22px;
}

.bili-game-header-user-noLogin img {
  width: 100%;
  height: 100%;
  transition: 0.2s;
  position: relative;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.bili-game-header-user-login {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  margin-right: 22px;
}

.bili-game-header-user-login:hover img {
  box-shadow: 0 8px 16px 0 rgba(5, 45, 75, 0.2);
  transform: translateY(50%) scale(1.875, 1.875);
}

.bili-game-header-user-login:hover .bili-game-header-user-popper {
  display: block;
}

.bili-game-header-user-login img {
  width: 100%;
  height: 100%;
  transition: 0.2s;
  position: relative;
  z-index: 2;
  border-radius: 100%;
  cursor: pointer;
}

.bili-game-header-user-login .bili-game-header-user-popper {
  position: absolute;
  width: 200px;
  transform: translateX(-50%);
  left: 50%;
  top: 32px;
  display: none;
  background: var(--bg1);
  transition: 0.1s;
  box-shadow: 0 12px 24px 0 rgba(5, 45, 75, 0.2);
  border-radius: 0 0 10px 10px;
  z-index: 1;
  margin-top: 9px;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  .bili-game-header-user-name {
  font-size: 16px;
  color: rgba(var(--Ga10_rgb), 0.9);
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 36px 20px 10px;
}

.bili-game-header-user-login .bili-game-header-user-popper > ul {
  display: block;
  width: 100%;
  padding: 10px 0 20px;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: rgba(var(--Ga10_rgb), 0.65);
  cursor: pointer;
  box-sizing: border-box;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .iconfontH {
  font-size: 16px;
  color: rgba(var(--Ga10_rgb), 0.4);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name {
  display: flex;
  align-items: center;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconfontH {
  font-size: 16px;
  margin-right: 8px;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconic_pc_me_home {
  color: var(--Pi5);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconic_pc_me_game {
  color: var(--Bl6);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconic_pc_me_mycmt {
  color: var(--Gr5);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconic_pc_star_full {
  color: var(--Or5);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-name
  .iconic_pc_me_wiki {
  color: var(--Lb4);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item
  .bili-game-header-user-item-num {
  font-size: 12px;
  color: rgba(var(--Ga10_rgb), 0.4);
  text-align: right;
  padding-right: 4px;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  > ul
  .bili-game-header-user-item:hover {
  background: var(--Ga12);
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  .bili-game-header-user-logOut {
  font-size: 14px;
  color: rgba(var(--Ga10_rgb), 0.4);
  text-align: center;
  border-top: 1px solid rgba(var(--Ga10_rgb), 0.13);
  cursor: pointer;
}

.bili-game-header-user-login
  .bili-game-header-user-popper
  .bili-game-header-user-logOut
  > div {
  padding: 13px 0 14px;
}


.bili-game-header-nav {
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei",
    "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB",
    sans-serif;
  position: relative;
  z-index: 1000;
  margin: 0;
  padding: 0;
}

.bili-game-header-nav * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bili-game-header-nav ol,
.bili-game-header-nav ul {
  list-style: none;
}

.bili-game-header-nav a {
  color: rgba(var(--Ga10_rgb), 0.9);
  transition: color 0.3s;
}

.bili-game-header-nav a:hover {
  text-decoration: none;
  color: #00a1d6;
}

.bili-game-header-nav a {
  text-decoration: none;
}

.bili-game-header-nav a:focus,
.bili-game-header-nav *:focus {
  outline: none;
}

.bili-game-header-nav .bili-game-header-nav-bar {
  min-width: 1160px;
  height: 50px;
  background: var(--bg1);
  box-shadow: 0 1px 4px 0 rgba(var(--Ga10_rgb), 0.15);
}

.bili-game-header-nav .bili-game-header-nav-main {
  width: 1160px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.bili-game-header-nav .bili-game-header-nav-main > div {
  display: flex;
  align-items: center;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-logo {
  margin-right: 40px;
  font-size: 14px;
  width: 95px;
  height: 24px;
  align-self: flex-start;
  margin-top: 12px;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-logo
  a
  img {
  width: 100%;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap {
  display: flex;
  align-items: center;
  line-height: 22px;
  font-size: 14px;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap
  li
  a {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap
  li
  a:hover {
  color: var(--Lb5);
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap
  li:not(:first-child) {
  margin-left: 24px;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap
  li
  .bili-game-header-menu-active {
  color: var(--Lb5);
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-wrap
  .iconfontH {
  font-size: 20px;
  color: var(--Lb5);
  margin: 0 2px -1px 0;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-user-center
  .bili-game-header-nav-user {
  width: 72px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-user-center
  .bili-game-header-nav-user
  .bili-game-header-nav-user-icon {
  margin-right: 30px;
  position: relative;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-user-center
  .bili-game-header-nav-user
  .bili-game-header-nav-user-icon
  .iconfontH {
  font-size: 24px;
  color: #98a2ab;
}

.bili-game-header-nav
  .bili-game-header-nav-main
  .bili-game-header-nav-user-center
  .bili-game-header-nav-user
  .bili-game-header-nav-user-icon
  .bili-game-header-nav-user-icon-dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: var(--Pi5);
  position: absolute;
  top: -2px;
  right: -4px;
}


@font-face {
  font-family: "iconfontH";
  src: url(data:application/vnd.ms-fontobject;base64,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);
  /* IE9 */
  src: url(data:application/vnd.ms-fontobject;base64,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#iefix)
      format("embedded-opentype"),
    url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url(data:font/woff;base64,d09GRgABAAAAAAlEAAsAAAAADWQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8lEgwY21hcAAAAYAAAACOAAAB+JowzIpnbHlmAAACEAAABNoAAAYYw+/S4WhlYWQAAAbsAAAALwAAADYZqxO3aGhlYQAABxwAAAAcAAAAJAfeA4tobXR4AAAHOAAAAA8AAAAoKAAAAGxvY2EAAAdIAAAAFgAAABYHigYsbWF4cAAAB2AAAAAdAAAAIAEZAIZuYW1lAAAHgAAAAUgAAAJ5nug/8HBvc3QAAAjIAAAAeQAAAMOYMqkKeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeyT2zY27438AQw9zA0AAUZgTJAQDkNQw/eJztkcERgzAMBNcYCGbySgGZIQkfJi1AASkoL+pVG+RkUUbkWY90lj93QAdk8RYtpJ2E11dqqnpmrHrLR/PIQENjd5ttse04QP2kfvX+rKS9kZsO2s7629FzkT5Q9Nzzr2u993Mq7mMgx7Ap8GzsEXg+9gw8N3sFchabA3mMLYHnZ2sg37EtoPwAfXkjAwAAeJxdVF1s21QU9vFNr2M7TuzYsfNXp3EWO23SNLOTeC2s2dZWdBvQadBWY1O3aaiCDQRSKzQQPIyhjUmg8jCB1KlIvDAJqZOQYLyMPSO08vfE06g0CQk0bTzwuoxzkw0kLNv33HvPz/2+c87lgMOH/4h/j1M5DgTquM0OeG6z7RfANPgL21LakG7dkoy0tC3B8raoZ6StLSmji9uyzUyZPZnjv+JkzkEPcRBssCYhrANQZwznpTp4OMdVgwqWacDtxVWeX11cXCFkBRJSTl7bMV9fXSdkfXXlCrHzazL/2uP9xcXVBz/K8lreJldW+jr1+R1rco6FjXDcw3vkDn+fi3Ipbpjby3Flhx3dNGjZ9DuQwtNg9NZAnSHzXCpQ0zIDvx1OAqJLMIXePm6W3WZYbvsWuZQplXzH6cYrz1d+I5vnzm1G4KdoUdn5ciMxJAuy1tnvzDiJGJiumwQjr0P3Lqp2P3ZdeAWFN5zAcZrFDVV97ofZ4zx/fHZrS5OjlhWVNbUgF9SEXIBftAOq8HXcAEPZWFbV88kD6sVEAjENIKbfyTrJIiaT87knuIM9Vg3TbzddUuzzW+wTHKRsQDCtYBKarldq1cGhQqrEtAfYkkMN0yoiQg31i2inxYG/P+h5E657qPt+MAUwFcDZ3tjVHMiP5sEx83nzsTg4CB+i+rjnXe46syd5/uQs3O6NsATuBHMEC+gjmAaYDoKpB38xG/P/nhYe6b70n/0s88dKB/HeRbwi4k1yI4i1Dv0MDjABy8agOiJimbMhAdTsAILBt+nylyp+8EwQdL/z/MBF+cbVCzdFGPfdTDKihO4dflh/Z5Neh9PQfLaJL8C/v08j1y4+/W69GI6KlZ3qq6BHYpvnPviWgx7/n/H3uAqehRVQyfUeEUsFVsstZNqpQwhYLFhEtAouJQ5MVBdUgLEDYwDqQnUC/96gBynYVzg8BFPGcG44KoJ4ozbOg7pebjTK6yrw47UbKngTOuyz7e5Nsz0CInLCzvAHuUokzsMJwi4Agx7H0aRj4DpIg9uBtotym9HBPv5ELTaSPTHtNfYYWkQVTu15Ie1bRzsvRhMDmtFpuDMnsiOxmvM2v3UkbUfiylvBbsPPHZ05mG/IciN/cOZorpl8snk2rkQK1pHd0OsvTNDr/K/cOHeIO8W9iadB0GYBgrAdtrGVLOyhgCUmpWFzI1nY7kXH9ZCmOrRY1QV9cRIsKmg2AxMWe/3X0phaacDHpUEwhF4nItWTUPbN/hrz2HMWtpptqEqmpCjL+5cVRU/HDKo4e0aH1CQQIWPECmrXUcyYVVbEaHSXN03jkhglChRioGlUpPC5mpUIRLNCUux+oRtiVJHSWUsQgOagJqUEMcoL1MIVSiDH/0wx9tJSXCBAlawRd6CoVjLdLRZiGEMAoTlLsVVYqrQgkhDEVEyxvqdD3T91mxLMsCIlJIhkFDEyrwiWEqYUKYZ3na7v0tMRgQqmFEq6qOAj6lJo5Nk9+vBvMk9UzubqeI+xmvNaTbfECg+JTbEGCNgtEAZmuxy2d0P/Uk0ZBSiSvQ3+4rKVVNOwfJ5v6NXGtdp0Db5sVB9cH5bI6bm5M7w02rW/ObZx5pNEWc2Yejl5+czGsepTvFOrObBfOWykNuZOE9TdSBlz/wDuL/+pAAB4nGNgZGBgAOItfjty4/ltvjJwszCAwG3X53cR9P9nLAzMUkAuBwMTSBQAT6ELsAB4nGNgZGBgbvjfwBDDwgACQJKRARVwAQBHEAJzeJxjYWBgYCECAwADmAApAAAAAAAAIABeAMgBQAGIAcoCDgLEAwwAAHicY2BkYGDgYqhiYGUAASYwjwtI/gfzGQAVtQGgAAAAeJxtkc1OwkAUhU/5M5ToAqNLnY0uNCk/GxOWkgCJOxfsoUwLpO00w0DCI/g8PoNP4N6dz+DWY7mwQNrMzXfPPWdykwHQxBc87L4rnh17qLPbcQlnuBEuU78TrpAD4SoaeBKuUX8W9vGIF+EGLrHhDV6lzu4Bb8Ied3gXLuECH8Jl6p/CFfK3cBXX+BGuoemdC/sYe7fCDdx7a79v9cTpmZpu1SI0WWQy5+9h9KrjdTKxh/4AY21XC5OpTtA+aEOdabu/a7WJu85FKrImVQOOdZIYlVuz1KEL5s7lvVYrEj0ITcrV+rDQmMCxzqAwxZZ1gRAGGaKiOvqOlRFemYixRsK0PTH/r4yZsFhx8qcodPhM7RO+IX1Z4T3ea8WHitGl6uhXPJaplDSQtOY+CVkhL2ZLKiH1APMilaOHFv/oyB8UW6S/CkFxbnicbYzbCsMwDEPt7p5d+rjPMyZ4SVi8jiSltF9fRrr1ZXoQHEkIGqgy8F8GG9zgFne4xwMe8YQGz3APlt6WOKVuoBScLxQ/fql5Fk7WXyuo0BCeYSXHKrcf6Wi1rKXvVNrlpXCiRx/j0k6+nzy/vlvOmZ0AzPn4NVcAAAA=)
      format("woff"),
    url(data:font/ttf;base64,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)
      format("truetype"),
    url(https://s1.hdslb.com/bfs/seed/game-web/duang/header/images/iconfont.4c73657.svg#iconfontH)
      format("svg");
  /* iOS 4.1- */
}

.iconfontH {
  font-family: "iconfontH" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconic_pc_arrow_right_light:before {
  content: "\e62a";
}

.iconic_pc_search:before {
  content: "\e61e";
}

.iconic_pc_me_wiki:before {
  content: "\e621";
}

.iconic_pc_me_game:before {
  content: "\e622";
}

.iconic_pc_me_mycmt:before {
  content: "\e623";
}

.iconic_pc_me_home:before {
  content: "\e624";
}

.iconic_pc_star_full:before {
  content: "\e625";
}

.iconic_pc_zhuzhan:before {
  content: "\e63d";
}

.iconic_pc_massage:before {
  content: "\e63e";
}


.bui-btn,
.v-modal {
  width: 100%;
  height: 100%;
}

.bui-btn {
  display: block;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
  cursor: pointer;
}

.v-modal-enter {
  -webkit-animation: v-modal-in 0.2s ease;
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  -webkit-animation: v-modal-out 0.2s ease forwards;
  animation: v-modal-out 0.2s ease forwards;
}

@-webkit-keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}

@-webkit-keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}

@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0.5;
  background: #000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}

.blg-dialog-btn,
.blg-dialog-btn__btn,
.el-dialog.is-fullscreen {
  width: 100%;
  height: 100%;
}

.el-dialog.is-fullscreen {
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog__header {
  padding: 0;
  position: relative;
  z-index: 999;
}

.el-dialog__headerbtn {
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #909399;
  position: absolute;
  top: 10px;
  right: 10px;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #409eff;
}

.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #303133;
}

.el-dialog__body {
  position: relative;
  padding: 0;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}

.el-dialog__footer {
  padding: 10px 0 0;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}

.el-dialog--center .el-dialog__body {
  text-align: initial;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.dialog-fade-enter-active {
  -webkit-animation: dialog-fade-in 0.3s;
  animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
  -webkit-animation: dialog-fade-out 0.3s;
  animation: dialog-fade-out 0.3s;
}

@-webkit-keyframes dialog-fade-in {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes dialog-fade-in {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes dialog-fade-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

@keyframes dialog-fade-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.blg-dialog-btn__btn {
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
}


.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active,
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  -webkit-transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  -webkit-transition: 0.3s height ease-in-out,
    0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
    0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  -webkit-transition: 0.3s width ease-in-out,
    0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
    0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.el-opacity-transition {
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}


@charset "UTF-8";
@media (max-width: 1920px) {
  .news-widget-wrapper[data-v-467ddbd0] {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    z-index: 980;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

  .news-widget-wrapper .news-box[data-v-467ddbd0] {
    overflow: hidden;
    width: 4.3rem;
    height: 2.5rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
  }

  .news-widget-wrapper .news-box .news-list[data-v-467ddbd0] {
    position: absolute;
    top: 0;
    width: 4.36rem;
    height: 2.4rem;
    background-image: url("/assets/images/news_bg.png");
    /* 底部背景 */
  }

  .news-widget-wrapper .news-box .news-list .news-pics[data-v-467ddbd0] {
    position: absolute;
    width: 2.83rem;
    height: 1.62rem;
    left: 0.21rem;
    top: 0.28rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .pic[data-v-467ddbd0] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #d5b28a;
    background-size: cover;
    background-position: center center;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination[data-v-467ddbd0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0.05rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0.05rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination
    .swiper-pagination-bullet[data-v-467ddbd0] {
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    margin: 0 0.03rem;
    background-color: transparent;
    border: 1px solid #fff;
    opacity: 1;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active[data-v-467ddbd0] {
    opacity: 1;
    background-color: #fff;
  }

  .news-widget-wrapper .news-box .news-list .list[data-v-467ddbd0] {
    position: absolute;
    left: 0.5rem;
    top: 1rem;
    width: 3.5rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item[data-v-467ddbd0] {
    display: block;
    text-decoration: none;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.14rem;
    color: #48231d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item
    .title[data-v-467ddbd0] {
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item
    .date[data-v-467ddbd0] {
    text-align: right;
  }

  .news-widget-wrapper .news-box .news-list .more[data-v-467ddbd0] {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0.3rem;
    bottom: 0.23rem;
    width: 0.61rem;
    height: 0.14rem;
    background-size: 100% 100%;
  }

  .news-widget-wrapper .tag[data-v-467ddbd0] {
    cursor: pointer;
    position: absolute;
    right: -0.33rem;
    bottom: 0.9rem;
    width: 0.4rem;
    height: 1.32rem;
  }

  .news-widget-wrapper .tag[data-v-467ddbd0]:after {
    content: "";
    background-image: url("/assets/images/ec12de7085cfcacd34c10321fa07298312ae7fd8.png");
    /* 点击按钮 */
    width: 0.5rem;
    height: 1.8rem;
    position: absolute;
    left: 0.07rem;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .news-widget-wrapper .tag_change[data-v-467ddbd0]:after {
    content: "";
    background-image: url("/assets/images/1251afd4c20f6a1689d475a1b9aaca58ff40dc3e.png");
    /* 点击按钮 */
    width: 0.35rem;
    height: 1.55rem;
    position: absolute;
    left: 0.07rem;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .news-widget-wrapper.close .news-box[data-v-467ddbd0] {
    width: 0rem;
  }
}

@media (max-width: 1366px) {
  .news-widget-wrapper[data-v-467ddbd0] {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    z-index: 980;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

  .news-widget-wrapper .news-box[data-v-467ddbd0] {
    overflow: hidden;
    width: 5.3rem;
    height: 2.9rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
  }

  .news-widget-wrapper .news-box .news-list[data-v-467ddbd0] {
    position: absolute;
    top: 0;
    width: 5.36rem;
    height: 3.4rem;
    background-size: 100% auto;
    background-image: url("/assets/images/news_bg.png");
    /* 底部背景 */
  }

  .news-widget-wrapper .news-box .news-list .news-pics[data-v-467ddbd0] {
    position: absolute;
    width: 2.83rem;
    height: 1.62rem;
    left: 0.21rem;
    top: 0.28rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .pic[data-v-467ddbd0] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #d5b28a;
    background-size: cover;
    background-position: center center;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination[data-v-467ddbd0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0.05rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0.05rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination
    .swiper-pagination-bullet[data-v-467ddbd0] {
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    margin: 0 0.03rem;
    background-color: transparent;
    border: 1px solid #fff;
    opacity: 1;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .news-pics
    .news-pics-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active[data-v-467ddbd0] {
    opacity: 1;
    background-color: #fff;
  }

  .news-widget-wrapper .news-box .news-list .list[data-v-467ddbd0] {
    position: absolute;
    left: 0.6rem;
    top: 1rem;
    width: 3.5rem;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item[data-v-467ddbd0] {
    display: block;
    text-decoration: none;
    height: 0.4rem;
    line-height: 0.3rem;
    font-size: 0.14rem;
    color: #48231d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item
    .title[data-v-467ddbd0] {
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .news-widget-wrapper
    .news-box
    .news-list
    .list
    .news-item
    .date[data-v-467ddbd0] {
    text-align: right;
  }

  .news-widget-wrapper .news-box .news-list .more[data-v-467ddbd0] {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0.3rem;
    bottom: 0.23rem;
    width: 0.61rem;
    height: 0.14rem;
    background-size: 100% 100%;
  }

  .news-widget-wrapper .tag[data-v-467ddbd0] {
    cursor: pointer;
    position: absolute;
    right: -0.33rem;
    bottom: 1rem;
    width: 0.4rem;
    height: 1.32rem;
  }

  .news-widget-wrapper .tag[data-v-467ddbd0]:after {
    content: "";
    background-image: url("/assets/images/ec12de7085cfcacd34c10321fa07298312ae7fd8.png");
    /* 点击按钮 */
    width: 0.7rem;
    height: 2.6rem;
    position: absolute;
    left: 0.07rem;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .news-widget-wrapper .tag_change[data-v-467ddbd0]:after {
    content: "";
    background-image: url("/assets/images/1251afd4c20f6a1689d475a1b9aaca58ff40dc3e.png");
    /* 点击按钮 */
    width: 0.5rem;
    height: 2.2rem;
    position: absolute;
    left: 0.07rem;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .news-widget-wrapper.close .news-box[data-v-467ddbd0] {
    width: 0rem;
  }
}


.btn.share[data-v-5ae7163c] {
  width: 100%;
  height: 100%;
  position: relative;
}

.btn.share .share-container .bili-share[data-v-5ae7163c] {
  z-index: 100;
  background-color: #fff;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 16px;
}

.btn.share .mask[data-v-5ae7163c] {
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
}



* {
  padding: 0;
  margin: 0;
}

.loading_bg {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.loading_bg .bg_blur img,
.loading_bg .bg_fade img {
  background-size: 100% auto;
  background-attachment: fixed;
  height: 100%;
  position: fixed;
  width: 100%;
  pointer-events: none;
}

.loading_bg .bg_blur > img {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}



.fill {
  width: 100%;
  height: 100%;
}


.btn[data-v-f48c29d4] {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
}


#sj_container[data-v-2517841a] {
  height: auto;
  margin: 0 auto;
}

.headers[data-v-2517841a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 4.17rem;
}

.left[data-v-2517841a],
.right[data-v-2517841a],
.middle[data-v-2517841a] {
  width: 1.7rem;
  text-align: center;
  height: 1.4rem;
}

.right .box[data-v-2517841a],
.left .box[data-v-2517841a] {
  height: 0.41rem;
  line-height: 0.7rem;
  text-align: center;
}

.middle .img[data-v-2517841a] {
  width: 2.7rem;
  border-radius: 50%;
}

.group[data-v-2517841a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding-left: 0;
}

ul > li[data-v-2517841a] {
  width: 100px;
}

.group .item[data-v-2517841a] {
  background: url("/assets/images/603c1eca39958c9f8faf5c75613e4e82d6446dcc.png")
    no-repeat center;
  height: 2rem;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-size: 57% 98%;
}

.group .active[data-v-2517841a] {
  background: url("/assets/images/ea6a095b63cf72ce8f9a2ff858a4d39b6c96230a.png")
    no-repeat center;
  height: 2.3rem;
  background-size: 57% 98%;
}

.btnss[data-v-2517841a] {
  width: 341px;
  height: 0.9rem;
  margin: 0 auto;
  outline: none;
  display: block;
  border: none;
  cursor: pointer;
  position: relative;
  top: 0rem;
  left: -0.5rem;
}

.fonts[data-v-2517841a] {
  font-size: 0.2rem;
  font-weight: 600;
  color: #6d5f4b;
  margin: 0 auto;
  width: 20px;
  position: relative;
  top: 0.5rem;
}

.containera[data-v-2517841a] {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.z[data-v-2517841a] {
  position: relative;
  top: 1.45rem;
  left: -0.15rem;
}

.z_y[data-v-2517841a] {
  position: relative;
  top: 1.45rem;
  left: -0.18rem;
}

.uname[data-v-2517841a] {
  color: #b9a07d;
  font-weight: 900;
  position: relative;
  left: -5.8rem;
  top: 1.2rem;
}


.pc-dynamic-dynamic-dialog {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9990;
  display: none;
}

.pc-dynamic-dialog-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(22, 22, 22, 0.7);
}

.pc-dynamic-dialog-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  background: #fff;
  border-radius: 10px;
  transform-origin: 0 0;
  display: none;
  animation: bounceIn 0.3s ease-in-out both;
}

.pc-dynamic-dialog-content.slide-down {
  animation: bounceOut 0.3s ease-in-out both;
}

.pc-dynamic-dialog-content .pc-dynamic-dialog-close {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 15px;
  right: 11px;
  cursor: pointer;
}

.pc-dynamic-dialog-content .pc-dynamic-dialog-close::before,
.pc-dynamic-dialog-content .pc-dynamic-dialog-close::after {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #aaa;
  position: absolute;
  left: 0px;
  top: 8px;
  transition: background-color 0.3s ease-in-out;
}

.pc-dynamic-dialog-content .pc-dynamic-dialog-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pc-dynamic-dialog-content .pc-dynamic-dialog-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pc-dynamic-dialog-content .pc-dynamic-dialog-close:hover::before,
.pc-dynamic-dialog-content .pc-dynamic-dialog-close:hover::after {
  background: #02a0d8;
}

.pc-dynamic-post-dialog {
  width: 570px;
  height: 300px;
  padding-top: 10px;
}

.pc-dynamic-post-dialog .title {
  font-size: 20px;
  color: #212121;
  padding: 8px 12px;
  margin: -6px 2px 0;
}

.pc-dynamic-post-dialog textarea {
  width: 520px;
  height: 80px;
  font-size: 14px;
  line-height: 20px;
  color: #222;
  background: #fbfbfb;
  border: 1px solid #e5e9ef;
  border-radius: 6px;
  resize: none;
  padding: 10px;
  display: block;
  margin: 0 auto;
  outline: 0;
}

.pc-dynamic-post-dialog textarea:focus {
  border-color: #00a1d6;
}

.pc-dynamic-post-dialog .image-wrapper {
  padding-left: 15px;
  padding-top: 10px;
}

.pc-dynamic-post-dialog .desc-counter {
  font-size: 12px;
  color: #99a2aa;
  position: absolute;
  right: 92px;
  line-height: 32px;
  bottom: 10px;
}

.pc-dynamic-post-dialog .desc-counter p {
  margin: 0;
}

.pc-dynamic-post-dialog img {
  max-width: 100px;
  max-height: 100px;
  border: 1px solid #efefef;
  padding: 4px;
}

.pc-dynamic-post-dialog .submit {
  width: 64px;
  height: 32px;
  position: absolute;
  right: 12px;
  bottom: 10px;
  background: #00a1d6;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

@keyframes bounceIn {
  from,
  50%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    transform: scale(0.8) translate(-50%, -50%);
  }

  50% {
    transform: scale(1.02) translate(-50%, -50%);
  }

  to {
    transform: scale(1) translate(-50%, -50%);
  }
}

@keyframes bounceOut {
  from {
    transform: scale(1, 1) translate(-50%, -50%);
  }

  to {
    transform: scale(0, 0) translate(-50%, -50%);
  }
}


body,
div,
h4,
html,
li,
span,
ul {
  padding: 0;
  margin: 0;
}

.bili-share-pc {
  border: 1px solid #e8e9eb;
  padding: 18px 0 18px 24px;
  border-radius: 5px;
  position: relative;
  width: 980px;
  height: 40px;
  margin: 20px auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.bili-share-pc li {
  list-style: none;
}

.bili-share-pc.bili-clearfix:after,
.bili-share-pc .bili-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bili-share-pc .fl {
  float: left;
}

.bili-share-pc .share {
  display: inline-block;
}

.bili-share-pc .share .icon {
  background: url("https://activity.hdslb.com/blackboard/shareModule/images/12xn9z34xj.png")
    no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.bili-share-pc .share .icon_bili {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png")
    no-repeat;
  background-position: -370px 0;
}

.bili-share-pc .share .icon_bili:hover {
  background-position: -370px -71px;
}

.bili-share-pc .share .icon_weibo {
  background-position: 0 0;
}

.bili-share-pc .share .icon_weibo:hover {
  background-position: 0 -71px;
}

.bili-share-pc .share .icon_wechat {
  background-position: -74px 0;
  position: relative;
}

.bili-share-pc .share .icon_wechat:hover {
  background-position: -74px -71px;
}

.bili-share-pc .share .icon_qzone {
  background-position: -148px 0;
}

.bili-share-pc .share .icon_qzone:hover {
  background-position: -148px -71px;
}

.bili-share-pc .share .icon_qq {
  background-position: -222px 0;
}

.bili-share-pc .share .icon_qq:hover {
  background-position: -222px -71px;
}

.bili-share-pc .share .icon_baidu {
  background-position: -296px 0;
}

.bili-share-pc .share .icon_baidu:hover {
  background-position: -296px -71px;
}

.bili-share-pc .favourite {
  display: inline-block;
}

.bili-share-pc .title {
  font-size: 18px;
  color: #222;
  display: inline-block;
  padding-right: 20px;
  font-weight: 700;
  line-height: 40px;
}

.bili-share-pc .vertical-line {
  margin: 5px 24px 5px 14px;
  height: 30px;
  display: inline-block;
  border-left: 2px solid #e8e9eb;
}

.bili-share-pc .favourite .icon-fav {
  background: url("https://activity.hdslb.com/blackboard/shareModule/images/79lx82m4lq.jpg");
  width: 65px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 5px;
  cursor: pointer;
}

.bili-share-pc .favourite .icon-like {
  background-position: 0 5px;
}

.bili-share-pc .favourite .fav {
  padding-right: 0;
  width: 54px;
}

.bili-share-pc .favourite .icon-like:hover {
  -webkit-animation: likePlay 1s steps(14) infinite;
  animation: likePlay 1s steps(14) infinite;
}

.bili-share-pc .favourite .icon-liked {
  background-position: 0 -59px;
}

@-webkit-keyframes likePlay {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -896px 5px;
  }
}

@keyframes likePlay {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: -896px 5px;
  }
}

.bili-share-pc .popTips {
  position: absolute;
  top: -15px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  -webkit-animation: popTips 1.5s;
  animation: popTips 1.5s;
}

@-webkit-keyframes popTips {
  0% {
    opacity: 0;
    top: 0;
  }

  15% {
    opacity: 1;
    top: -15px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    top: -15px;
  }

  90% {
    opacity: 1;
    top: -15px;
  }

  to {
    opacity: 0;
    top: 0;
  }
}

@keyframes popTips {
  0% {
    opacity: 0;
    top: 0;
  }

  15% {
    opacity: 1;
    top: -15px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  30% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    top: -15px;
  }

  90% {
    opacity: 1;
    top: -15px;
  }

  to {
    opacity: 0;
    top: 0;
  }
}

.bili-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background-color: transparent;
  left: 0;
  top: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.bili-share-pc .share .icon_wechat:hover .weixin-hover,
.bili-wrap {
  display: block;
}

.bili-share-pc .weixin-hover {
  position: absolute;
  z-index: -1;
  display: none;
}

.bili-share-pc .weixin-hover .qr-before {
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 81px;
  top: -18px;
  position: absolute;
  left: -6px;
}

.bili-share-pc .share-weixin-qr {
  position: absolute;
  top: 62px;
  left: -6px;
  padding: 15px 13px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.bili-share-pc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-bottom: 15px;
}

.bili-share-pc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

.bili-share-pc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}

.messageTip {
  margin: 0;
  position: absolute;
}

#biliSharePc li {
  list-style: none;
}

#biliSharePc .share {
  font-size: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.4em;
}

#biliSharePc .share .icon {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png")
    no-repeat;
  width: 0.4em;
  height: 0.4em;
  line-height: 0.4em;
  cursor: pointer;
  background-size: 4.09em;
}

#biliSharePc .share .icon_bili {
  background-position: -3.7em 0;
}

#biliSharePc .share .icon_bili:hover {
  background-position: -3.7em -0.71em;
}

#biliSharePc .share .icon_weibo {
  background-position: 0 0;
}

#biliSharePc .share .icon_weibo:hover {
  background-position: 0 -0.71em;
}

#biliSharePc .share .icon_wechat {
  background-position: -0.74em 0;
  position: relative;
}

#biliSharePc .share .icon_wechat:hover {
  background-position: -0.74em -0.71em;
}

#biliSharePc .share .icon_qzone {
  background-position: -1.48em 0;
}

#biliSharePc .share .icon_qzone:hover {
  background-position: -1.48em -0.71em;
}

#biliSharePc .share .icon_qq {
  background-position: -2.22em 0;
}

#biliSharePc .share .icon_qq:hover {
  background-position: -2.22em -0.71em;
}

#biliSharePc .share .icon_baidu_tieba {
  background-position: -2.96em 0;
}

#biliSharePc .share .icon_baidu_tieba:hover {
  background-position: -2.96em -0.71em;
}

#biliSharePc .share .icon_wechat:hover .weixin-hover {
  display: block;
}

#biliSharePc .weixin-hover {
  position: absolute;
  display: none;
}

#biliSharePc .weixin-hover .qr-before {
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 81px;
  top: -18px;
  position: absolute;
  left: -6px;
}

#biliSharePc .share-weixin-qr {
  position: absolute;
  top: 62px;
  left: -6px;
  padding: 15px 13px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

#biliSharePc .icon-hover .share-weixin-qr {
  position: absolute;
  top: 50px;
  left: -50px;
  padding: 15px 13px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#biliSharePc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-bottom: 15px;
}

#biliSharePc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

#biliSharePc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}


.one-row {
  white-space: nowrap;
}

.one-row > * {
  display: inline-block;
  white-space: normal;
}

.captcha-modal {
  font-size: 14px;
  text-align: center;
  padding: 2em;
}

.captcha-modal .message {
  font-size: larger;
}

.captcha-modal .captcha-input,
.captcha-modal .captcha-pic {
  margin-top: 1.5em;
}

.captcha-modal .captcha-pic img {
  width: 100px;
  height: 50px;
}

.captcha-modal .captcha-input input {
  border: 1px solid #ccc;
  border-radius: 0.3em;
  outline: 0;
  padding: 0.5em;
  width: 10em;
}

.captcha-modal .captcha-input input:focus {
  border: 1px solid #23ade5;
}

.captcha-modal .error-msg {
  font-size: smaller;
  color: #fb7299;
  margin-top: 1.5em;
  display: none;
}

.captcha-modal .error-msg.has-error {
  display: block;
}


.bui-modal-blocker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.bui-modal-blocker .bui-modal-body {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bui-modal-blocker.theme-gc .bui-modal-body {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}

.bui-modal-blocker.theme-gc .btns {
  margin-top: 2.5em;
}

.bui-modal-blocker.theme-gc .btns a {
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 0.3em;
  margin-right: 1.5em;
}

.bui-modal-blocker.theme-gc .btns a:last-child {
  margin-right: 0;
}

.bui-modal-blocker.theme-gc .btns .btn-ok {
  color: #fff;
  background-color: #23ade5;
}

.bui-modal-blocker.theme-gc .btns .btn-cancel {
  color: #666;
  border: 1px solid #ccc;
}


html,
body,
div,
ul,
li,
h4,
span {
  padding: 0;
  margin: 0;
}

.bili-share-pc {
  border: 1px solid #e8e9eb;
  padding: 18px 0 18px 24px;
  border-radius: 5px;
  position: relative;
  width: 980px;
  height: 40px;
  margin: 20px auto;
  box-sizing: content-box;
  background-color: #fff;
}

.bili-share-pc li {
  list-style: none;
}

.bili-share-pc.bili-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bili-share-pc .bili-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bili-share-pc .fl {
  float: left;
}

.bili-share-pc .share {
  display: inline-block;
}

.bili-share-pc .share .icon {
  background: url("https://activity.hdslb.com/blackboard/shareModule/images/12xn9z34xj.png")
    no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.bili-share-pc .share .icon_bili {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png")
    no-repeat;
  background-position: -370px 0;
}

.bili-share-pc .share .icon_bili:hover {
  background-position: -370px -71px;
}

.bili-share-pc .share .icon_weibo {
  background-position: 0 0;
}

.bili-share-pc .share .icon_weibo:hover {
  background-position: 0 -71px;
}

.bili-share-pc .share .icon_wechat {
  background-position: -74px 0;
  position: relative;
}

.bili-share-pc .share .icon_wechat:hover {
  background-position: -74px -71px;
}

.bili-share-pc .share .icon_qzone {
  background-position: -148px 0;
}

.bili-share-pc .share .icon_qzone:hover {
  background-position: -148px -71px;
}

.bili-share-pc .share .icon_qq {
  background-position: -222px 0;
}

.bili-share-pc .share .icon_qq:hover {
  background-position: -222px -71px;
}

.bili-share-pc .share .icon_baidu {
  background-position: -296px 0;
}

.bili-share-pc .share .icon_baidu:hover {
  background-position: -296px -71px;
}

.bili-share-pc .favourite {
  display: inline-block;
}

.bili-share-pc .title {
  font-size: 18px;
  color: #222;
  display: inline-block;
  padding-right: 20px;
  font-weight: bold;
  line-height: 40px;
}

.bili-share-pc .vertical-line {
  margin: 5px 24px 5px 14px;
  height: 30px;
  display: inline-block;
  border-left: 2px solid #e8e9eb;
}

.bili-share-pc .favourite .icon-fav {
  background: url("https://activity.hdslb.com/blackboard/shareModule/images/79lx82m4lq.jpg");
  width: 65px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 5px;
  cursor: pointer;
}

.bili-share-pc .favourite .icon-like {
  background-position: 0px 5px;
}

.bili-share-pc .favourite .fav {
  padding-right: 0px;
  width: 54px;
}

.bili-share-pc .favourite .icon-like:hover {
  animation: likePlay 1s steps(14) infinite;
}

.bili-share-pc .favourite .icon-liked {
  background-position: 0px -59px;
}

@keyframes likePlay {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -896px 5px;
  }
}

.bili-share-pc .popTips {
  position: absolute;
  top: -15px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  animation: popTips 1.5s;
}

@keyframes popTips {
  0% {
    opacity: 0;
    top: 0px;
  }

  15% {
    opacity: 1;
    top: -15px;
    transform: scale(1.1, 1.1);
  }

  30% {
    transform: scale(1, 1);
  }

  50% {
    opacity: 1;
    top: -15px;
  }

  90% {
    opacity: 1;
    top: -15px;
  }

  100% {
    opacity: 0;
    top: 0px;
  }
}

/************ 动态遮罩 ***************/
.bili-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background-color: transparent;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

/************ 二维码 ***************/
.bili-share-pc .share .icon_wechat:hover .weixin-hover {
  display: block;
}

.bili-share-pc .weixin-hover {
  position: absolute;
  z-index: 1;
  display: none;
  width: 50px;
  height: 76px;
  top: -18px;
  left: -6px;
  margin-left: 0px;
  border-bottom: 4px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
}

.bili-share-pc .share-weixin-qr {
  position: absolute;
  top: 80px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.bili-share-pc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin-bottom: 15px;
}

.bili-share-pc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

.bili-share-pc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}

.messageTip {
  margin: 0;
  position: absolute;
}

/************ 自定义 ***************/
#biliSharePc li {
  list-style: none;
}

#biliSharePc .share {
  font-size: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(0.5em * 5 - 0.1em);
}

#biliSharePc .share .icon {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png")
    no-repeat;
  width: 0.4em;
  height: 0.4em;
  line-height: 0.4em;
  cursor: pointer;
  background-size: 4.09em;
}

#biliSharePc .share .icon_bili {
  background-position: -3.7em 0;
}

#biliSharePc .share .icon_bili:hover {
  background-position: -3.7em -0.71em;
}

#biliSharePc .share .icon_weibo {
  background-position: 0 0;
}

#biliSharePc .share .icon_weibo:hover {
  background-position: 0 -0.71em;
}

#biliSharePc .share .icon_wechat {
  background-position: -0.74em 0;
  position: relative;
}

#biliSharePc .share .icon_wechat:hover {
  background-position: -0.74em -0.71em;
}

#biliSharePc .share .icon_qzone {
  background-position: -1.48em 0;
}

#biliSharePc .share .icon_qzone:hover {
  background-position: -1.48em -0.71em;
}

#biliSharePc .share .icon_qq {
  background-position: -2.22em 0;
}

#biliSharePc .share .icon_qq:hover {
  background-position: -2.22em -0.71em;
}

#biliSharePc .share .icon_baidu_tieba {
  background-position: -2.96em 0;
}

#biliSharePc .share .icon_baidu_tieba:hover {
  background-position: -2.96em -0.71em;
}

#biliSharePc .share .icon_wechat:hover .weixin-hover {
  display: block;
}

#biliSharePc .weixin-hover {
  position: absolute;
  z-index: -1;
  display: none;
}

#biliSharePc .weixin-hover .qr-before {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
  width: 50px;
  height: 81px;
  top: -18px;
  position: absolute;
  left: -6px;
}

#biliSharePc .share-weixin-qr {
  position: absolute;
  top: 62px;
  left: -6px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}

#biliSharePc .icon-hover .share-weixin-qr {
  position: absolute;
  top: 50px;
  left: -50px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

#biliSharePc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin-bottom: 15px;
}

#biliSharePc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

#biliSharePc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}


@-webkit-keyframes opacity-animation {
  0% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity-animation {
  0% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes item-animation {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }

  70% {
    -webkit-transform: translateY(-6%);
    transform: translateY(-6%);
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }

  90% {
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes item-animation {
  0% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }

  70% {
    -webkit-transform: translateY(-6%);
    transform: translateY(-6%);
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
  }

  90% {
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bili-share-aimation {
  transition: all 0.3s;
}

.bili-share-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10055;
  background-color: rgba(0, 0, 0, 0);
  left: 0;
  top: 0;
  display: none;
  opacity: 1;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei",
    "Droid Sans Fallback", "Droid Sans", "HYQiHei", Arial,
    "Helvetica Neue", "Hiragino Sans GB", sans-serif;
}

.bili-share-wrap * {
  padding: 0;
  margin: 0;
}

.bili-share-wrap .hidden {
  display: none;
}

.bili-share-wrap.hidden {
  display: none;
}

.bili-share-wrap.wechat {
  background: rgba(0, 0, 0, 0.5)
    url("https://static.hdslb.com/mobile/img/wx_guide.png") top center
    no-repeat;
  background-size: contain;
}

.bili-share-wrap .share-box {
  position: absolute;
  bottom: 0;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 0.4em 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.bili-share-wrap .share-box .share-box-content {
  font-size: 0.32em;
  line-height: 2em;
  text-align: center;
}

.bili-share-wrap .share-box .share-box-content i {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv64.png")
    no-repeat center;
  width: 2.4em;
  height: 2em;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
}

.bili-share-wrap .share-box .share-box-content p {
  font-size: 0.9em;
  color: #999;
  text-align: center;
}

.bili-share-wrap .share-box .share-box-cancel {
  border: 1px solid #ddd;
  border-radius: 0.3em;
  width: 94%;
  display: block;
  line-height: 2.75em;
  color: #999;
  font-size: 0.32em;
  text-align: center;
  margin: 0.16em auto 0;
}

.bili-share-wrap.show-box {
  background-color: rgba(0, 0, 0, 0.5);
}

.bili-share-wrap.show-box .share-box {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.bili-share-wrap.show-box .share-box .share-box-list {
  -webkit-animation-name: item-animation;
  animation-name: item-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.bili-share-wrap.show-box .share-box .share-box-list li {
  -webkit-animation-name: item-animation;
  animation-name: item-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.bili-share-wrap .share-box-list {
  text-align: left;
  letter-spacing: -0.34em;
}

.bili-share-wrap .share-box-list li {
  display: inline-block;
  text-align: center;
  letter-spacing: normal;
}

.bili-share-wrap .share-box-list li:nth-child(1) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}

.bili-share-wrap .share-box-list li:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.bili-share-wrap .share-box-list li:nth-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.bili-share-wrap .share-box-list li:nth-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.bili-share-wrap .share-box-list li:nth-child(5) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.bili-share-wrap .share-box-list li:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@media only screen and (max-width: 500px) {
  .bili-share-wrap .share-box-list li {
    width: 25%;
  }
}

@media only screen and (min-width: 500px) {
  .bili-share-wrap .share-box-list li {
    width: 20%;
  }
}

.bili-share-wrap .share-box-list .share-box-item {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  float: none;
  margin-bottom: 0.3em;
  width: 100%;
}

.bili-share-wrap .share-box-list .share-box-item span {
  color: #333;
  font-size: 0.29em;
  line-height: 2em;
  display: block;
}

.bili-share-wrap .share-box-list .icon {
  display: block;
  width: 100%;
  height: 1em;
  margin: 0 auto;
  background: center/contain no-repeat;
}

.bili-share-wrap .share-box-list .icon.icon_weibo {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv74.png");
}

.bili-share-wrap .share-box-list .icon.icon_weixin {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/z4pomkzq83.png");
}

.bili-share-wrap .share-box-list .icon.icon_weixin_moment {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/p6z0152pl0.png");
}

.bili-share-wrap .share-box-list .icon.icon_qq {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/890oj1pxm9.png");
}

.bili-share-wrap .share-box-list .icon.icon_qzone {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/q015284qj6.png");
}

.bili-share-wrap .share-box-list .icon.icon_baidu_tieba {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20180102/dfa73b898f143877cbf8ecf001cd9e89/images/q0y9zl5689.png");
}

.bili-share-wrap .share-box-list .icon.icon_bili {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/29m4yw3zxn.png");
}

.bili-share-wrap .share-box-list .icon.icon_more {
  background-image: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/x6nmk2zoqo.png");
}

.share-dynamic-dialog {
  transition: all 0.2s linear;
  background-color: #fff;
  position: fixed;
  z-index: 10055;
}

.share-dynamic-dialog * {
  padding: 0;
  margin: 0;
}

.share-dynamic-dialog.mobile {
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 100%;
}

.share-dynamic-dialog.mobile.active {
  top: 0;
}

.share-dynamic-dialog.mobile .sdd-head {
  text-align: center;
  padding: 0;
  height: 2.7em;
  line-height: 2.7em;
  font-size: 0.3em;
  color: #212121;
  border-bottom: 1px solid #e5e9ef;
}

.share-dynamic-dialog.mobile .sdd-body-wrap {
  padding: 0.24em 0.24em 0;
}

.share-dynamic-dialog .sdd-head .sdd-close {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/90w46pyw2p.png");
  position: absolute;
  right: 0.8em;
  top: 0.8em;
  width: 1em;
  height: 1em;
  background-size: 1em;
  cursor: pointer;
}

.share-dynamic-dialog .sdd-input {
  width: 100%;
  margin-bottom: 0.24em;
  color: #222;
  font-size: 0.28em;
  line-height: 1.4;
  height: 8em;
  box-sizing: border-box;
  border: none;
  resize: none;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei",
    "Droid Sans Fallback", "Droid Sans", "HYQiHei", Arial,
    "Helvetica Neue", "Hiragino Sans GB", sans-serif;
}

.share-dynamic-dialog .sdd-input:focus {
  outline: none;
}

.share-dynamic-dialog .sdd-card {
  background-color: #f4f4f4;
  padding: 0 0.16em 0.16em 0.16em;
  border-radius: 0.16em;
}

.share-dynamic-dialog .sdd-card .name {
  height: 2.7em;
  width: 100%;
  line-height: 2.7em;
  color: #2a68a2;
  font-size: 0.28em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-dynamic-dialog .sdd-card .sdd-card-content {
  background-color: #fff;
  border-radius: 0.12em;
  overflow: hidden;
  padding-bottom: 0.2em;
  color: #212121;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .pic {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 3em;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .title {
  font-size: 0.28em;
  line-height: 1.35em;
  font-weight: bold;
  padding: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .summary {
  font-size: 0.24em;
  line-height: 1.33em;
  height: 2.67em;
  overflow: hidden;
  padding: 0 0.83em;
  word-wrap: break-word;
  word-break: break-all;
}

.share-dynamic-dialog .sdd-card-pic-wrapper {
  margin-top: 1em;
}

.share-dynamic-dialog .sdd-card-pic-wrapper .pic {
  background: center/contain no-repeat;
  width: 100%;
  height: 3em;
}

.share-dynamic-dialog .sdd-action-bar {
  height: 1em;
  border-top: 1px solid #e7e7e7;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.share-dynamic-dialog .sdd-action-bar .sdd-submit {
  width: 4.29em;
  height: 2.14em;
  line-height: 2.14em;
  text-align: center;
  border-radius: 0.29em;
  font-size: 0.28em;
  float: right;
  margin: 0.71em;
  background-color: #fb7299;
  color: #fff;
  cursor: pointer;
}

.share-dynamic-dialog .sdd-action-bar .sdd-submit.disable {
  background-color: #e7e7e7;
  color: #999;
}

.share-dynamic-dialog .sdd-action-bar .sdd-input-num {
  float: right;
  margin-right: 0.14em;
  color: silver;
  font-size: 0.28em;
  height: 3.6em;
  line-height: 3.6em;
}

.share-dynamic-dialog .sdd-action-bar .sdd-input-num.warning {
  color: #fb7299;
}

.share-success-mask {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 5;
}

.share-success-mask.on {
  opacity: 0.5;
}

.share-success-dialog {
  transition: all 0.2s linear;
  width: 6.8em;
  height: 4.9em;
  top: 150%;
  left: 50%;
  margin-left: -3.4em;
  margin-top: -2.4em;
  position: fixed;
  background-color: #fff;
  border-radius: 0.24em;
  text-align: center;
  z-index: 10;
}

.share-success-dialog.mobile.active {
  top: 50%;
}

.share-success-dialog .suc-img {
  width: 4.82em;
  height: 2.8em;
  background-image: url(https://s1.hdslb.com/bfs/static/jinkela/article/suc.png);
  background-size: 100% 100%;
  margin: -0.8em auto 0.34em auto;
}

.share-success-dialog .info {
  font-size: 0.38em;
  line-height: 1.19em;
  color: #212121;
  margin-bottom: 0.25em;
}

.share-success-dialog .hint {
  font-size: 0.26em;
  line-height: 1.54em;
  margin-bottom: 1em;
  color: #757575;
}

.share-success-dialog .dialog-close {
  width: 100%;
  height: 2.75em;
  margin: 0 auto;
  background-color: #fb7299;
  color: #fff;
  font-size: 0.38em;
  line-height: 2.75em;
  cursor: pointer;
  border-bottom-left-radius: 0.24em;
  border-bottom-right-radius: 0.24em;
}

.center-toast {
  width: 100%;
  height: 1px;
  position: fixed;
  top: 50%;
  text-align: center;
  transition: all 0.3s ease;
  z-index: 10060;
}

.center-toast .info {
  display: inline-block;
  color: #fff;
  padding: 0.75em;
  background-color: rgba(34, 34, 34, 0.9);
  border-radius: 0.5em;
  font-size: 0.29em;
  line-height: 1.25em;
  margin-top: -1.25em;
}


* {
  padding: 0;
  margin: 0;
}

.bili-share-aimation {
  transition: all 0.3s;
}

.bili-share-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10055;
  background-color: transparent;
  left: 0;
  top: 0;
  display: none;
  opacity: 1;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei",
    "Droid Sans Fallback", "Droid Sans", "HYQiHei", Arial,
    "Helvetica Neue", "Hiragino Sans GB", sans-serif;
}

.bili-share-wrap.hidden {
  display: none;
}

.bili-share-wrap .hidden {
  display: none;
}

.bili-share-wrap .share-box {
  position: absolute;
  bottom: 0;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 0.4em 0;
  transform: translateY(100%);
}

.bili-share-wrap.wechat {
  background: rgba(0, 0, 0, 0.5)
    url("https://static.hdslb.com/mobile/img/wx_guide.png") top center
    no-repeat;
  background-size: contain;
}

.bili-share-wrap .share-box .share-box-content {
  font-size: 0.32em;
  line-height: 2em;
  text-align: center;
}

.bili-share-wrap .share-box .share-box-content i {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv64.png")
    no-repeat center;
  width: 2.4em;
  height: 2em;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
}

.bili-share-wrap .share-box .share-box-content p {
  font-size: 0.9em;
  color: #999;
  text-align: center;
}

.bili-share-wrap .share-box .share-box-cancel {
  border: 1px solid #ddd;
  /*no*/
  border-radius: 0.3em;
  width: 94%;
  display: block;
  line-height: 2.75em;
  color: #999;
  font-size: 0.32em;
  text-align: center;
  margin: 0.16em auto 0;
}

.bili-share-wrap.show-box {
  background-color: rgba(0, 0, 0, 0.5);
}

.bili-share-wrap.show-box .share-box {
  transform: translateX(0);
}

.bili-share-wrap.show-box .share-box .share-box-list {
  animation-name: item-animation;
  -webkit-animation-name: item-animation;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
}

.bili-share-wrap.show-box .share-box .share-box-list li {
  animation-name: item-animation;
  -webkit-animation-name: item-animation;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
}

.share-box-list {
  text-align: left;
  letter-spacing: -0.34em;
}

@media only screen and (max-width: 500px) {
  .share-box-list li {
    width: 25%;
  }
}

@media only screen and (min-width: 500px) {
  .share-box-list li {
    width: 20%;
  }
}

.share-box-list li {
  /* width: 25%; */
  display: inline-block;
  text-align: center;
  letter-spacing: normal;
}

.share-box-list li:nth-child(1) {
  animation-delay: 0.05s;
}

.share-box-list li:nth-child(2) {
  animation-delay: 0.1s;
}

.share-box-list li:nth-child(3) {
  animation-delay: 0.15s;
}

.share-box-list li:nth-child(4) {
  animation-delay: 0.2s;
}

.share-box-list li:nth-child(5) {
  animation-delay: 0.25s;
}

.share-box-list li:nth-child(6) {
  animation-delay: 0.3s;
}

.share-box-list .share-box-item {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  float: none;
  margin-bottom: 0.3em;
  width: 100%;
}

.share-box-list .share-box-item span {
  color: #333;
  font-size: 0.29em;
  line-height: 2em;
  display: block;
}

.share-box-list .icon {
  display: block;
  width: 100%;
  height: 1em;
  margin: 0 auto;
}

.share-box-list .icon_weibo {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv74.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_weixin {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/z4pomkzq83.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_weixin_moments {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/p6z0152pl0.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_qq {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/890oj1pxm9.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_qzone {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/q015284qj6.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_baidu_tieba {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180102/dfa73b898f143877cbf8ecf001cd9e89/images/q0y9zl5689.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_bili {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/29m4yw3zxn.png")
    no-repeat center;
  background-size: contain;
}

.share-box-list .icon_more {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/x6nmk2zoqo.png")
    no-repeat center;
  background-size: contain;
}

@keyframes opacity-animation {
  0% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes opacity-animation {
  0% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes item-animation {
  0% {
    transform: translateY(20%);
    -ms-transform: translateY(20%);
    /* IE 9 */
    -webkit-transform: translateY(20%);
    /* Safari and Chrome */
    opacity: 0;
  }

  50% {
    transform: translateY(20%);
    -ms-transform: translateY(20%);
    /* IE 9 */
    -webkit-transform: translateY(20%);
    /* Safari and Chrome */
    opacity: 0;
  }

  70% {
    transform: translateY(-6%);
    -ms-transform: translateY(-6%);
    /* IE 9 */
    -webkit-transform: translateY(-6%);
    /* Safari and Chrome */
    opacity: 1;
  }

  85% {
    transform: translateY(4%);
    -ms-transform: translateY(4%);
    /* IE 9 */
    -webkit-transform: translateY(4%);
    /* Safari and Chrome */
  }

  90% {
    transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    /* IE 9 */
    -webkit-transform: translateY(-2%);
    /* Safari and Chrome */
  }

  100% {
    transform: translateY(0);
    -ms-transform: translateY(0%);
    /* IE 9 */
    -webkit-transform: translateY(0%);
    /* Safari and Chrome */
  }
}

@-webkit-keyframes item-animation {
  0% {
    transform: translateY(20%);
    -ms-transform: translateY(20%);
    /* IE 9 */
    -webkit-transform: translateY(20%);
    /* Safari and Chrome */
    opacity: 0;
  }

  50% {
    transform: translateY(20%);
    -ms-transform: translateY(20%);
    /* IE 9 */
    -webkit-transform: translateY(20%);
    /* Safari and Chrome */
    opacity: 0;
  }

  70% {
    transform: translateY(-6%);
    -ms-transform: translateY(-6%);
    /* IE 9 */
    -webkit-transform: translateY(-6%);
    /* Safari and Chrome */
    opacity: 1;
  }

  85% {
    transform: translateY(4%);
    -ms-transform: translateY(4%);
    /* IE 9 */
    -webkit-transform: translateY(4%);
    /* Safari and Chrome */
  }

  90% {
    transform: translateY(-2%);
    -ms-transform: translateY(-2%);
    /* IE 9 */
    -webkit-transform: translateY(-2%);
    /* Safari and Chrome */
  }

  100% {
    transform: translateY(0);
    -ms-transform: translateY(0%);
    /* IE 9 */
    -webkit-transform: translateY(0%);
    /* Safari and Chrome */
  }
}

.share-dynamic-dialog {
  transition: all 0.2s linear;
  background-color: #fff;
  /* width: 390px; */
  /* height: 460px; */
  position: fixed;
  /* top: 60%; */
  /* left: 50%; */
  /* margin-left: -185px; */
  /* margin-top: -230px; */
  /* border-radius: 4px; */
  z-index: 10055;
}

.share-dynamic-dialog.mobile {
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 100%;
}

.share-dynamic-dialog.mobile.active {
  top: 0;
}

.share-dynamic-dialog.mobile .sdd-head {
  text-align: center;
  padding: 0;
  height: 2.7em;
  line-height: 2.7em;
  font-size: 0.3em;
  color: #212121;
  border-bottom: 1px solid #e5e9ef;
  /*no*/
}

.share-dynamic-dialog .sdd-head .sdd-close {
  background: url("https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/90w46pyw2p.png");
  position: absolute;
  right: 0.8em;
  top: 0.8em;
  width: 1em;
  height: 1em;
  background-size: 1em;
  cursor: pointer;
}

.share-dynamic-dialog.mobile .sdd-body-wrap {
  padding: 0.24em 0.24em 0;
}

.share-dynamic-dialog .sdd-input {
  width: 100%;
  margin-bottom: 0.24em;
  color: #222;
  font-size: 0.28em;
  line-height: 1em;
  height: 8em;
  box-sizing: border-box;
  border: none;
  resize: none;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei",
    "Droid Sans Fallback", "Droid Sans", "HYQiHei", Arial,
    "Helvetica Neue", "Hiragino Sans GB", sans-serif;
}

.share-dynamic-dialog .sdd-input:focus {
  outline: none;
}

.share-dynamic-dialog .sdd-card {
  background-color: #f4f4f4;
  padding: 0 0.16em 0.16em 0.16em;
  border-radius: 0.16em;
}

.share-dynamic-dialog .sdd-card .name {
  height: 2.7em;
  width: 100%;
  line-height: 2.7em;
  color: #2a68a2;
  font-size: 0.28em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-dynamic-dialog .sdd-card .sdd-card-content {
  background-color: #fff;
  border-radius: 0.12em;
  overflow: hidden;
  padding-bottom: 0.2em;
  color: #212121;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .pic {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 3em;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .title {
  font-size: 0.28em;
  line-height: 1.35em;
  /* height: 1.35em; */
  font-weight: bold;
  padding: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.share-dynamic-dialog .sdd-card .sdd-card-content .summary {
  font-size: 0.24em;
  line-height: 1.33em;
  height: 2.67em;
  overflow: hidden;
  padding: 0 0.83em;
  word-wrap: break-word;
  word-break: break-all;
}

.share-dynamic-dialog .sdd-action-bar {
  height: 1em;
  border-top: 1px solid #e7e7e7;
  /*no*/
  width: 100%;
  position: absolute;
  bottom: 0;
}

.share-dynamic-dialog .sdd-action-bar .sdd-submit {
  width: 4.29em;
  height: 2.14em;
  line-height: 2.14em;
  text-align: center;
  border-radius: 0.29em;
  font-size: 0.28em;
  float: right;
  margin: 0.71em;
  background-color: #fb7299;
  color: #fff;
  cursor: pointer;
}

.share-dynamic-dialog .sdd-action-bar .sdd-submit.disable {
  background-color: #e7e7e7;
  color: #999;
}

.share-dynamic-dialog .sdd-action-bar .sdd-input-num {
  float: right;
  margin-right: 0.14em;
  color: #c0c0c0;
  font-size: 0.28em;
  height: 3.6em;
  line-height: 3.6em;
}

.share-dynamic-dialog .sdd-action-bar .sdd-input-num.warning {
  color: #fb7299;
}

.share-success-mask {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 5;
}

.share-success-mask.on {
  opacity: 0.5;
}

.share-success-dialog {
  transition: all 0.2s linear;
  width: 6.8em;
  height: 4.9em;
  top: 150%;
  left: 50%;
  margin-left: -3.4em;
  margin-top: -2.4em;
  position: fixed;
  background-color: #fff;
  border-radius: 0.24em;
  text-align: center;
  z-index: 10;
}

.share-success-dialog.mobile.active {
  top: 50%;
}

.share-success-dialog .suc-img {
  width: 4.82em;
  height: 2.8em;
  background-image: url(https://s1.hdslb.com/bfs/static/jinkela/article/suc.png);
  background-size: 100% 100%;
  margin: -0.8em auto 0.34em auto;
}

.share-success-dialog .info {
  font-size: 0.38em;
  line-height: 1.19em;
  color: #212121;
  margin-bottom: 0.25em;
}

.share-success-dialog .hint {
  font-size: 0.26em;
  line-height: 1.54em;
  margin-bottom: 1em;
  color: #757575;
}

.share-success-dialog .dialog-close {
  width: 100%;
  height: 2.75em;
  margin: 0 auto;
  background-color: #fb7299;
  color: #fff;
  font-size: 0.38em;
  line-height: 2.75em;
  cursor: pointer;
  border-bottom-left-radius: 0.24em;
  border-bottom-right-radius: 0.24em;
}

.center-toast {
  width: 100%;
  height: 1px;
  /*no*/
  position: fixed;
  top: 50%;
  text-align: center;
  transition: all 0.3s ease;
  z-index: 110;
}

.center-toast .info {
  display: inline-block;
  color: #fff;
  padding: 0.75em;
  background-color: rgba(34, 34, 34, 0.9);
  border-radius: 0.5em;
  font-size: 0.38em;
  line-height: 1.25em;
  margin-top: -1.25em;
}



.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  -webkit-transition: 0.3s height ease-in-out,
    0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
    0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  -webkit-transition: 0.3s width ease-in-out,
    0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
    0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.el-opacity-transition {
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

@font-face {
  font-family: element-icons;
  src: url(/assets/fonts/element-icons.535877f.woff)
      format("woff"),
    url(/assets/fonts/element-icons.732389d.ttf)
      format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "\e6a0";
}

.el-icon-ice-cream-square:before {
  content: "\e6a3";
}

.el-icon-lollipop:before {
  content: "\e6a4";
}

.el-icon-potato-strips:before {
  content: "\e6a5";
}

.el-icon-milk-tea:before {
  content: "\e6a6";
}

.el-icon-ice-drink:before {
  content: "\e6a7";
}

.el-icon-ice-tea:before {
  content: "\e6a9";
}

.el-icon-coffee:before {
  content: "\e6aa";
}

.el-icon-orange:before {
  content: "\e6ab";
}

.el-icon-pear:before {
  content: "\e6ac";
}

.el-icon-apple:before {
  content: "\e6ad";
}

.el-icon-cherry:before {
  content: "\e6ae";
}

.el-icon-watermelon:before {
  content: "\e6af";
}

.el-icon-grape:before {
  content: "\e6b0";
}

.el-icon-refrigerator:before {
  content: "\e6b1";
}

.el-icon-goblet-square-full:before {
  content: "\e6b2";
}

.el-icon-goblet-square:before {
  content: "\e6b3";
}

.el-icon-goblet-full:before {
  content: "\e6b4";
}

.el-icon-goblet:before {
  content: "\e6b5";
}

.el-icon-cold-drink:before {
  content: "\e6b6";
}

.el-icon-coffee-cup:before {
  content: "\e6b8";
}

.el-icon-water-cup:before {
  content: "\e6b9";
}

.el-icon-hot-water:before {
  content: "\e6ba";
}

.el-icon-ice-cream:before {
  content: "\e6bb";
}

.el-icon-dessert:before {
  content: "\e6bc";
}

.el-icon-sugar:before {
  content: "\e6bd";
}

.el-icon-tableware:before {
  content: "\e6be";
}

.el-icon-burger:before {
  content: "\e6bf";
}

.el-icon-knife-fork:before {
  content: "\e6c1";
}

.el-icon-fork-spoon:before {
  content: "\e6c2";
}

.el-icon-chicken:before {
  content: "\e6c3";
}

.el-icon-food:before {
  content: "\e6c4";
}

.el-icon-dish-1:before {
  content: "\e6c5";
}

.el-icon-dish:before {
  content: "\e6c6";
}

.el-icon-moon-night:before {
  content: "\e6ee";
}

.el-icon-moon:before {
  content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}

.el-icon-partly-cloudy:before {
  content: "\e6f2";
}

.el-icon-cloudy:before {
  content: "\e6f3";
}

.el-icon-sunny:before {
  content: "\e6f6";
}

.el-icon-sunset:before {
  content: "\e6f7";
}

.el-icon-sunrise-1:before {
  content: "\e6f8";
}

.el-icon-sunrise:before {
  content: "\e6f9";
}

.el-icon-heavy-rain:before {
  content: "\e6fa";
}

.el-icon-lightning:before {
  content: "\e6fb";
}

.el-icon-light-rain:before {
  content: "\e6fc";
}

.el-icon-wind-power:before {
  content: "\e6fd";
}

.el-icon-baseball:before {
  content: "\e712";
}

.el-icon-soccer:before {
  content: "\e713";
}

.el-icon-football:before {
  content: "\e715";
}

.el-icon-basketball:before {
  content: "\e716";
}

.el-icon-ship:before {
  content: "\e73f";
}

.el-icon-truck:before {
  content: "\e740";
}

.el-icon-bicycle:before {
  content: "\e741";
}

.el-icon-mobile-phone:before {
  content: "\e6d3";
}

.el-icon-service:before {
  content: "\e6d4";
}

.el-icon-key:before {
  content: "\e6e2";
}

.el-icon-unlock:before {
  content: "\e6e4";
}

.el-icon-lock:before {
  content: "\e6e5";
}

.el-icon-watch:before {
  content: "\e6fe";
}

.el-icon-watch-1:before {
  content: "\e6ff";
}

.el-icon-timer:before {
  content: "\e702";
}

.el-icon-alarm-clock:before {
  content: "\e703";
}

.el-icon-map-location:before {
  content: "\e704";
}

.el-icon-delete-location:before {
  content: "\e705";
}

.el-icon-add-location:before {
  content: "\e706";
}

.el-icon-location-information:before {
  content: "\e707";
}

.el-icon-location-outline:before {
  content: "\e708";
}

.el-icon-location:before {
  content: "\e79e";
}

.el-icon-place:before {
  content: "\e709";
}

.el-icon-discover:before {
  content: "\e70a";
}

.el-icon-first-aid-kit:before {
  content: "\e70b";
}

.el-icon-trophy-1:before {
  content: "\e70c";
}

.el-icon-trophy:before {
  content: "\e70d";
}

.el-icon-medal:before {
  content: "\e70e";
}

.el-icon-medal-1:before {
  content: "\e70f";
}

.el-icon-stopwatch:before {
  content: "\e710";
}

.el-icon-mic:before {
  content: "\e711";
}

.el-icon-copy-document:before {
  content: "\e718";
}

.el-icon-full-screen:before {
  content: "\e719";
}

.el-icon-switch-button:before {
  content: "\e71b";
}

.el-icon-aim:before {
  content: "\e71c";
}

.el-icon-crop:before {
  content: "\e71d";
}

.el-icon-odometer:before {
  content: "\e71e";
}

.el-icon-time:before {
  content: "\e71f";
}

.el-icon-bangzhu:before {
  content: "\e724";
}

.el-icon-close-notification:before {
  content: "\e726";
}

.el-icon-microphone:before {
  content: "\e727";
}

.el-icon-turn-off-microphone:before {
  content: "\e728";
}

.el-icon-position:before {
  content: "\e729";
}

.el-icon-postcard:before {
  content: "\e72a";
}

.el-icon-message:before {
  content: "\e72b";
}

.el-icon-chat-line-square:before {
  content: "\e72d";
}

.el-icon-chat-dot-square:before {
  content: "\e72e";
}

.el-icon-chat-dot-round:before {
  content: "\e72f";
}

.el-icon-chat-square:before {
  content: "\e730";
}

.el-icon-chat-line-round:before {
  content: "\e731";
}

.el-icon-chat-round:before {
  content: "\e732";
}

.el-icon-set-up:before {
  content: "\e733";
}

.el-icon-turn-off:before {
  content: "\e734";
}

.el-icon-open:before {
  content: "\e735";
}

.el-icon-connection:before {
  content: "\e736";
}

.el-icon-link:before {
  content: "\e737";
}

.el-icon-cpu:before {
  content: "\e738";
}

.el-icon-thumb:before {
  content: "\e739";
}

.el-icon-female:before {
  content: "\e73a";
}

.el-icon-male:before {
  content: "\e73b";
}

.el-icon-guide:before {
  content: "\e73c";
}

.el-icon-news:before {
  content: "\e73e";
}

.el-icon-price-tag:before {
  content: "\e744";
}

.el-icon-discount:before {
  content: "\e745";
}

.el-icon-wallet:before {
  content: "\e747";
}

.el-icon-coin:before {
  content: "\e748";
}

.el-icon-money:before {
  content: "\e749";
}

.el-icon-bank-card:before {
  content: "\e74a";
}

.el-icon-box:before {
  content: "\e74b";
}

.el-icon-present:before {
  content: "\e74c";
}

.el-icon-sell:before {
  content: "\e6d5";
}

.el-icon-sold-out:before {
  content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
  content: "\e74d";
}

.el-icon-shopping-bag-1:before {
  content: "\e74e";
}

.el-icon-shopping-cart-2:before {
  content: "\e74f";
}

.el-icon-shopping-cart-1:before {
  content: "\e750";
}

.el-icon-shopping-cart-full:before {
  content: "\e751";
}

.el-icon-smoking:before {
  content: "\e752";
}

.el-icon-no-smoking:before {
  content: "\e753";
}

.el-icon-house:before {
  content: "\e754";
}

.el-icon-table-lamp:before {
  content: "\e755";
}

.el-icon-school:before {
  content: "\e756";
}

.el-icon-office-building:before {
  content: "\e757";
}

.el-icon-toilet-paper:before {
  content: "\e758";
}

.el-icon-notebook-2:before {
  content: "\e759";
}

.el-icon-notebook-1:before {
  content: "\e75a";
}

.el-icon-files:before {
  content: "\e75b";
}

.el-icon-collection:before {
  content: "\e75c";
}

.el-icon-receiving:before {
  content: "\e75d";
}

.el-icon-suitcase-1:before {
  content: "\e760";
}

.el-icon-suitcase:before {
  content: "\e761";
}

.el-icon-film:before {
  content: "\e763";
}

.el-icon-collection-tag:before {
  content: "\e765";
}

.el-icon-data-analysis:before {
  content: "\e766";
}

.el-icon-pie-chart:before {
  content: "\e767";
}

.el-icon-data-board:before {
  content: "\e768";
}

.el-icon-data-line:before {
  content: "\e76d";
}

.el-icon-reading:before {
  content: "\e769";
}

.el-icon-magic-stick:before {
  content: "\e76a";
}

.el-icon-coordinate:before {
  content: "\e76b";
}

.el-icon-mouse:before {
  content: "\e76c";
}

.el-icon-brush:before {
  content: "\e76e";
}

.el-icon-headset:before {
  content: "\e76f";
}

.el-icon-umbrella:before {
  content: "\e770";
}

.el-icon-scissors:before {
  content: "\e771";
}

.el-icon-mobile:before {
  content: "\e773";
}

.el-icon-attract:before {
  content: "\e774";
}

.el-icon-monitor:before {
  content: "\e775";
}

.el-icon-search:before {
  content: "\e778";
}

.el-icon-takeaway-box:before {
  content: "\e77a";
}

.el-icon-paperclip:before {
  content: "\e77d";
}

.el-icon-printer:before {
  content: "\e77e";
}

.el-icon-document-add:before {
  content: "\e782";
}

.el-icon-document:before {
  content: "\e785";
}

.el-icon-document-checked:before {
  content: "\e786";
}

.el-icon-document-copy:before {
  content: "\e787";
}

.el-icon-document-delete:before {
  content: "\e788";
}

.el-icon-document-remove:before {
  content: "\e789";
}

.el-icon-tickets:before {
  content: "\e78b";
}

.el-icon-folder-checked:before {
  content: "\e77f";
}

.el-icon-folder-delete:before {
  content: "\e780";
}

.el-icon-folder-remove:before {
  content: "\e781";
}

.el-icon-folder-add:before {
  content: "\e783";
}

.el-icon-folder-opened:before {
  content: "\e784";
}

.el-icon-folder:before {
  content: "\e78a";
}

.el-icon-edit-outline:before {
  content: "\e764";
}

.el-icon-edit:before {
  content: "\e78c";
}

.el-icon-date:before {
  content: "\e78e";
}

.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}

.el-icon-view:before {
  content: "\e6ce";
}

.el-icon-loading:before {
  content: "\e6cf";
}

.el-icon-rank:before {
  content: "\e6d1";
}

.el-icon-sort-down:before {
  content: "\e7c4";
}

.el-icon-sort-up:before {
  content: "\e7c5";
}

.el-icon-sort:before {
  content: "\e6d2";
}

.el-icon-finished:before {
  content: "\e6cd";
}

.el-icon-refresh-left:before {
  content: "\e6c7";
}

.el-icon-refresh-right:before {
  content: "\e6c8";
}

.el-icon-refresh:before {
  content: "\e6d0";
}

.el-icon-video-play:before {
  content: "\e7c0";
}

.el-icon-video-pause:before {
  content: "\e7c1";
}

.el-icon-d-arrow-right:before {
  content: "\e6dc";
}

.el-icon-d-arrow-left:before {
  content: "\e6dd";
}

.el-icon-arrow-up:before {
  content: "\e6e1";
}

.el-icon-arrow-down:before {
  content: "\e6df";
}

.el-icon-arrow-right:before {
  content: "\e6e0";
}

.el-icon-arrow-left:before {
  content: "\e6de";
}

.el-icon-top-right:before {
  content: "\e6e7";
}

.el-icon-top-left:before {
  content: "\e6e8";
}

.el-icon-top:before {
  content: "\e6e6";
}

.el-icon-bottom:before {
  content: "\e6eb";
}

.el-icon-right:before {
  content: "\e6e9";
}

.el-icon-back:before {
  content: "\e6ea";
}

.el-icon-bottom-right:before {
  content: "\e6ec";
}

.el-icon-bottom-left:before {
  content: "\e6ed";
}

.el-icon-caret-top:before {
  content: "\e78f";
}

.el-icon-caret-bottom:before {
  content: "\e790";
}

.el-icon-caret-right:before {
  content: "\e791";
}

.el-icon-caret-left:before {
  content: "\e792";
}

.el-icon-d-caret:before {
  content: "\e79a";
}

.el-icon-share:before {
  content: "\e793";
}

.el-icon-menu:before {
  content: "\e798";
}

.el-icon-s-grid:before {
  content: "\e7a6";
}

.el-icon-s-check:before {
  content: "\e7a7";
}

.el-icon-s-data:before {
  content: "\e7a8";
}

.el-icon-s-opportunity:before {
  content: "\e7aa";
}

.el-icon-s-custom:before {
  content: "\e7ab";
}

.el-icon-s-claim:before {
  content: "\e7ad";
}

.el-icon-s-finance:before {
  content: "\e7ae";
}

.el-icon-s-comment:before {
  content: "\e7af";
}

.el-icon-s-flag:before {
  content: "\e7b0";
}

.el-icon-s-marketing:before {
  content: "\e7b1";
}

.el-icon-s-shop:before {
  content: "\e7b4";
}

.el-icon-s-open:before {
  content: "\e7b5";
}

.el-icon-s-management:before {
  content: "\e7b6";
}

.el-icon-s-ticket:before {
  content: "\e7b7";
}

.el-icon-s-release:before {
  content: "\e7b8";
}

.el-icon-s-home:before {
  content: "\e7b9";
}

.el-icon-s-promotion:before {
  content: "\e7ba";
}

.el-icon-s-operation:before {
  content: "\e7bb";
}

.el-icon-s-unfold:before {
  content: "\e7bc";
}

.el-icon-s-fold:before {
  content: "\e7a9";
}

.el-icon-s-platform:before {
  content: "\e7bd";
}

.el-icon-s-order:before {
  content: "\e7be";
}

.el-icon-s-cooperation:before {
  content: "\e7bf";
}

.el-icon-bell:before {
  content: "\e725";
}

.el-icon-message-solid:before {
  content: "\e799";
}

.el-icon-video-camera:before {
  content: "\e772";
}

.el-icon-video-camera-solid:before {
  content: "\e796";
}

.el-icon-camera:before {
  content: "\e779";
}

.el-icon-camera-solid:before {
  content: "\e79b";
}

.el-icon-download:before {
  content: "\e77c";
}

.el-icon-upload2:before {
  content: "\e77b";
}

.el-icon-upload:before {
  content: "\e7c3";
}

.el-icon-picture-outline-round:before {
  content: "\e75f";
}

.el-icon-picture-outline:before {
  content: "\e75e";
}

.el-icon-picture:before {
  content: "\e79f";
}

.el-icon-close:before {
  content: "\e6db";
}

.el-icon-check:before {
  content: "\e6da";
}

.el-icon-plus:before {
  content: "\e6d9";
}

.el-icon-minus:before {
  content: "\e6d8";
}

.el-icon-help:before {
  content: "\e73d";
}

.el-icon-s-help:before {
  content: "\e7b3";
}

.el-icon-circle-close:before {
  content: "\e78d";
}

.el-icon-circle-check:before {
  content: "\e720";
}

.el-icon-circle-plus-outline:before {
  content: "\e723";
}

.el-icon-remove-outline:before {
  content: "\e722";
}

.el-icon-zoom-out:before {
  content: "\e776";
}

.el-icon-zoom-in:before {
  content: "\e777";
}

.el-icon-error:before {
  content: "\e79d";
}

.el-icon-success:before {
  content: "\e79c";
}

.el-icon-circle-plus:before {
  content: "\e7a0";
}

.el-icon-remove:before {
  content: "\e7a2";
}

.el-icon-info:before {
  content: "\e7a1";
}

.el-icon-question:before {
  content: "\e7a4";
}

.el-icon-warning-outline:before {
  content: "\e6c9";
}

.el-icon-warning:before {
  content: "\e7a3";
}

.el-icon-goods:before {
  content: "\e7c2";
}

.el-icon-s-goods:before {
  content: "\e7b2";
}

.el-icon-star-off:before {
  content: "\e717";
}

.el-icon-star-on:before {
  content: "\e797";
}

.el-icon-more-outline:before {
  content: "\e6cc";
}

.el-icon-more:before {
  content: "\e794";
}

.el-icon-phone-outline:before {
  content: "\e6cb";
}

.el-icon-phone:before {
  content: "\e795";
}

.el-icon-user:before {
  content: "\e6e3";
}

.el-icon-user-solid:before {
  content: "\e7a5";
}

.el-icon-setting:before {
  content: "\e6ca";
}

.el-icon-s-tools:before {
  content: "\e7ac";
}

.el-icon-delete:before {
  content: "\e6d7";
}

.el-icon-delete-solid:before {
  content: "\e7c9";
}

.el-icon-eleme:before {
  content: "\e7c7";
}

.el-icon-platform-eleme:before {
  content: "\e7ca";
}

.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}


.blg-age-tip-pc {
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.blg-age-tip-pc ::-webkit-scrollbar {
  width: 4px;
}

.blg-age-tip-pc ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 1px;
}

.blg-age-tip-pc ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1px;
}

.blg-age-tip-pc ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.blg-age-tip-pc .blg-age-cadpa {
  cursor: pointer;
}

.blg-age-tip-pc .age-tips-mask {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.blg-age-tip-pc .age-tips-modal {
  border-radius: 6px;
  position: fixed;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blg-age-tip-pc .age-tips-modal .close {
  width: 25px;
  height: 25px;
  position: absolute;
  background-size: cover;
  cursor: pointer;
}

.blg-age-tip-pc .age-tips-modal .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.blg-age-tip-pc .age-tips-modal .content {
  position: absolute;
  border: 0;
  outline: 0;
  resize: none;
  overflow-y: scroll;
  left: 50%;
  transform: translateX(-50%);
}

.blg-age-tip-pc .age-tips-modal .content img {
  width: 100%;
}


*[data-v-10c6a768] {
  padding: 0;
  margin: 0;
}

.dialog_canvas[data-v-10c6a768] {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.dialog_canvas canvas[data-v-10c6a768],
.dialog_canvas img[data-v-10c6a768] {
  display: block;
  width: 100%;
  height: 100%;
}


.loading_out[data-v-66d2b65f] {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.loading_out .bg_fading img[data-v-66d2b65f] {
  background-size: 100% auto;
  height: 100%;
  position: fixed;
  width: 100%;
  pointer-events: none;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.loading_out .bg_out img[data-v-66d2b65f] {
  background-size: 100% auto;
  position: fixed;
  pointer-events: none;
}



.bui-btn {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
  background-size: cover;
  cursor: pointer;
}

#autoid-smxz {
  z-index: 1;
  background-image: url(/assets/images/smxz.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 0.86rem;
  height: 1.64rem;
  position: absolute;
  left: 46%;
  margin-left: -2.28rem;
  margin-top: 1.14rem;
  top: 4.69rem;
  text-align: center;
}

#autoid-smxz span {
  writing-mode: vertical-rl; /* 设置文字竖排 */
  text-orientation: mixed; /* 保证文字在不同浏览器中显示一致 */
  white-space: nowrap; /* 防止文字换行 */
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  padding-top: 30px;
  font-family: fangsong;
}

#autoid-mnqxz {
  z-index: 1;
  background-image: url(/assets/images/pc_mnq.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  width: 2.86rem;
  height: 1.64rem;
  position: absolute;
  left: 73%;
  margin-left: -2.28rem;
  margin-top: 1.14rem;
  top: 4.69rem;
  text-align: center;
}

.pc-swiper-active {
  background-image: url('/assets/images/e8aad65c008aba2264c4743ec92dbbe591dd92dd.png')!important;
}

.news-wrapper {
  width: 6.2rem;
  margin: 0 auto;
  position: relative;
  height: 3.9rem;
}

.news-wrapper .types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0.1rem;
}

.news-wrapper .types .bg_change {
  background-image: url("/assets/images/5fd16c342fa3f576f2a3260bd50d636fa6ac76df.png");
  background-repeat: no-repeat;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.3rem;
}

.news-wrapper .types .more {
  padding-top: 0.15rem;
  font-size: 0.24rem;
  position: relative;
  color: #ffffff;
  text-decoration: none;
}

.news-wrapper .types .type {
  margin-top: 0.08rem;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.1rem;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-align: center;
}

.news-wrapper .types .active {
  background-color: #ffffff !important;
  background-image: url("/assets/images/731163d614e28876cdcf940c416bb95fd9c406ce.png");
}

.news-wrapper .x-tip {
  color: #615a54;
  height: 0.77rem;
  line-height: 0.77rem;
  text-align: center;
}

 .news-wrapper .news-item {

  border-bottom: 0.01rem dashed #b8b8b8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #615a54;
  text-decoration: none;
  margin-left: 45px;
  margin-right: 20px;
}

/*

.news-wrapper .news-item .title {
  width: 4.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
} */

.news-wrapper .more_btn {
  display: block;
  cursor: pointer;
  background-image: url("/assets/images/f653723c526b3dc2a35052680ad8588d2bb08559.png");
  height: 1rem;
  margin: auto;
  background-repeat: no-repeat;
  position: relative;
  background-size: 57% auto;
  top: 0.3rem;
  left: 1.5rem;
}

#autoid-rQq1owoJ {
  z-index: 1;
  width: 6.22rem;
  height: 5.09rem;
  position: absolute;
  left: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 55.2rem;
  margin-left: -3.1rem;
  margin-top: 2.48rem;
}