html { font-size: 15.62516vw; }

main .loading .load, main .pop .prop, main .pop .Compound .info { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

main .main .enter li, main .page .chose .nav li, main .page .chose .navArr li, main .pop .Compound .info .btns a { display: inline-block; *display: inline; vertical-align: middle; }

main .loading, main .loading .block, main .pop, main .pop .block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, figure, button, input, textarea, th, td { margin: 0; padding: 0; }

header, nav, label { display: block; }

address, cite, dfn, em, var, i, u { font-style: normal; }

ul, ol { list-style: none; }

a, img { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; color: inherit; outline: none; text-decoration: none; }
a:hover, img:hover { text-decoration: none; }
a:active, img:active { noOutline: expression(this.onFocus=this.blur()); }

img { border: none; }

button, input, select, textarea { font-size: 100%; outline: none; }

button, input { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

button { outline: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border: none; height: 1px; }

body { line-height: 1; font-family: 'Microsoft YaHei'; font-size: .2rem; }

img[src=""] { opacity: 0; }

[v-cloak] { display: none; }

html, body { height: 100%; position: relative; overflow: hidden; }

main { height: 100%; }
main .main { position: relative; height: 100%; width: 6.4rem; height: 100%; background: url("../../ossweb-img/bg.jpg") no-repeat center top/6.4rem 100%; }
main .main a { display: block; font-size: 0; }
main .main a.btnRule { position: absolute; width: 0.52rem; height: 0.52rem; background: url("../../ossweb-img/btn.png") no-repeat center top/0.52rem 0.52rem; margin: .28rem; }
main .main a.logo { position: relative; margin: 0 auto; padding: .35rem 0; width: 1.78rem; height: 0.99rem; background: url("../../ossweb-img/logo.png") no-repeat center center/1.78rem 0.99rem; }
main .main .enter { text-align: center; font-size: 0; position: absolute; bottom: 1.3rem; left: 0; right: 0; }
main .main .enter li { margin: 0 .5rem; }
main .main .enter li img.pr { display: block; width: 1.65rem; height: 2.12rem; margin: 0 auto; }
main .main .enter li a { display: block; width: 1.98rem; height: .69rem; position: relative; }
main .main .enter li a.l { background: url("../../ossweb-img/btn1.png") no-repeat center top/1.98rem 0.69rem; }
main .main .enter li a.l:after { background: url("../../ossweb-img/icon1.png") no-repeat center top/0.42rem 0.41rem; left: -.2rem; }
main .main .enter li a.r { background: url("../../ossweb-img/btn2.png") no-repeat center top/1.98rem 0.69rem; }
main .main .enter li a.r:after { background: url("../../ossweb-img/icon2.png") no-repeat center top/0.42rem 0.41rem; right: -.2rem; animation-delay: 1s; -webkit-animation-delay: 1s; }
main .main .enter li a:after { position: absolute; content: ""; display: block; width: .42rem; height: .41rem; top: -.2rem; animation: opacity 1s infinite; -webkit-animation: opacity 1s infinite; }
main .page { position: relative; height: 100%; }
main .page .bgArr { position: relative; height: 100%; z-index: 0; }
main .page .bgArr li img { display: block; width: 100%; height: 100%; }
main .page .bgArr .swiper-container { height: 100%; }
main .page .bgArr .swiper-button-next, main .page .bgArr .swiper-button-prev { width: .76rem; height: .75rem; background: url("../../ossweb-img/btn3.png") no-repeat center top/5.53rem 0.75rem; opacity: 1; top: 35%; }
main .page .bgArr .swiper-button-next { background-position: -4.76rem 0rem; }
main .page .bgArr .swiper-button-prev { background-position: 0 0; }
main .page a.back { display: block; position: absolute; width: 0.52rem; height: 0.52rem; background: url("../../ossweb-img/back.png") no-repeat center top/0.52rem 0.52rem; top: .28rem; left: .28rem; z-index: 8; }
main .page .chose { position: absolute; bottom: .2rem; z-index: 99; left: 0; right: 0; text-align: center; }
main .page .chose .nav { margin-bottom: .05rem; position: relative; }
main .page .chose .nav li { width: .62rem; height: .62rem; background: rgba(0, 0, 0, 0.5); position: relative; margin: 0 .15rem; position: relative; border-radius: 100%; }
main .page .chose .nav li i { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
main .page .chose .nav li:after { position: absolute; content: ""; top: -.08rem; left: -.3rem; z-index: -1; }
main .page .chose .nav li.on { background: #fff; }
main .page .chose .nav li.on:after { width: 1.23rem; height: 1.28rem; background: url("../../ossweb-img/zz.png") no-repeat center top/1.23rem 1.28rem; }
main .page .chose .navArr { height: 1.04rem; background: #000; margin: 0 auto; border-radius: 2rem; text-align: center; position: relative; }
main .page .chose .navArr .swiper-container { width: 5.2rem; position: relative; text-align: center; }
main .page .chose .navArr .swiper-button-next, main .page .chose .navArr .swiper-button-prev { width: .29rem; height: .4rem; background: url("../../ossweb-img/arrow.png") no-repeat center top/5.58rem 0.42rem; opacity: 1; top: 65%; }
main .page .chose .navArr .swiper-wrapper { text-align: center; }
main .page .chose .navArr .swiper-button-next { background-position: -5.27rem 0rem; right: .2rem; }
main .page .chose .navArr .swiper-button-prev { background-position: 0 0; left: .2rem; }
main .page .chose .navArr li { width: .78rem; height: .78rem; margin: .13rem; background: #fff; border-radius: 100%; position: relative; }
main .page .chose .navArr li i { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
main .page .figure { position: absolute; }
main .page .figure img { display: block; position: absolute; }
main .page .figure.b { left: 1.4rem; bottom: 20%; z-index: 8; width: 3.27rem; height: 7.74rem; background: url("../../ossweb-img/b.png") no-repeat center top/3.27rem 7.74rem; }
main .page .figure.b .t { width: 1.88rem; height: 1.86rem; left: .95rem; top: .05rem; }
main .page .figure.b .q { width: 1.44rem; height: .99rem; left: 1.2rem; top: 1.18rem; }
main .page .figure.b .d { width: 4.29rem; height: 6.85rem; top: .7rem; left: -.14rem; z-index: 9; }
main .page .figure.b .s { width: 2.84rem; height: 2.2rem; top: 1.97rem; left: .25rem; z-index: 8; }
main .page .figure.b .k { width: 1.6rem; height: 2.99rem; left: 1.18rem; bottom: .75rem; z-index: 5; }
main .page .figure.b .x { width: 1.82rem; height: .68rem; bottom: 0; left: 1rem; }
main .page .figure.g { left: 1.2rem; bottom: 20%; z-index: 8; width: 4.37rem; height: 7.75rem; background: url("../../ossweb-img/g.png") no-repeat center top/4.37rem 7.75rem; }
main .page .figure.g .t { width: 2.69rem; height: 2.98rem; left: .84rem; top: -.001rem; z-index: 8; }
main .page .figure.g .q { width: 1.44rem; height: .99rem; left: 1.3rem; top: 1.4rem; z-index: 4; }
main .page .figure.g .d { width: 4.29rem; height: 6.85rem; top: .85rem; left: 0; }
main .page .figure.g .d.on { z-index: 5; top: .9rem; left: .025rem; }
main .page .figure.g .d.cl { z-index: 7; }
main .page .figure.g .s { width: 2.74rem; height: 1.97rem; top: 2.24rem; left: .49rem; z-index: 6; }
main .page .figure.g .k { width: 2.06rem; height: 2.9rem; left: 1rem; bottom: .91rem; z-index: 5; }
main .page .figure.g .x { width: 1.84rem; height: 1.74rem; bottom: 0; left: 1.12rem; }
main .page a.submit { display: block; width: 1.66rem; height: 0.65rem; background: url("../../ossweb-img/btn4.png") no-repeat center top/1.66rem 0.65rem; position: absolute; right: .34rem; bottom: 2.3rem; font-size: 0; z-index: 88; }
main .loading .block { background: #000; }
main .loading .load { text-align: center; }
main .loading .load img { display: block; width: 1.6rem; height: .97rem; margin: 0 auto; }
main .loading .load .progress { width: 2.31rem; height: 0.29rem; background: url("../../ossweb-img/boxbg.png") no-repeat center top/2.31rem 0.29rem; position: relative; }
main .loading .load .progress i { display: block; height: .21rem; margin: .045rem .06rem; position: absolute; content: ""; left: 0; top: 0; background: url("../../ossweb-img/pro.png") no-repeat left top/2.2rem 0.21rem; }
main .loading .load .txt { margin-top: .1rem; font-size: .2rem; font-weight: bold; color: #fff; }
main .myCdk .shareCdk { padding: .45rem; }
main .myCdk h4 { width: 3.93rem; height: 3.67rem; }
main .myCdk h4 img { display: block; width: 100%; }
main .myCdk p.cdk { margin-top: .2rem; }
main .myCdk .shareCdk p.b { margin: .2rem 0; }
main .myCdk a.sub { width: 1.9rem; height: 0.65rem; background: url("../../ossweb-img/btn10.png") no-repeat center top/1.9rem 0.65rem; font-size: 0; margin: .4rem auto 0 auto; display: block; }
main .share p { z-index: 88; opacity: .5; }
main .share img { z-index: 88; width: 1.84rem; height: 3.99rem; position: absolute; right: 0; top: 0; display: block; }
main .backCdk .prop, main .backCdk .block { z-index: 89; }
main .backCdk a.sub { width: 1.9rem; height: 0.65rem; background: url("../../ossweb-img/btn10.png") no-repeat center top/1.9rem 0.65rem; font-size: 0; margin: .4rem auto 0 auto; display: block; }
main .pop { z-index: 99; }
main .pop .block { background: #000; opacity: .8; }
main .pop .prop .rule { position: relative; background: #fff; border: .1rem solid #000; border-radius: .5rem; padding: .8rem .45rem; width: 4.5rem; }
main .pop .prop .rule p { font-size: .24rem; color: #000; line-height: .35rem; }
main .pop .prop .rule h3 { width: 1.47rem; height: .3rem; margin-top: .3rem; margin-bottom: .1rem; }
main .pop .prop .rule h3 img { display: block; width: 100%; }
main .pop .prop .rule a.btns { width: 1.98rem; height: 0.69rem; background: url("../../ossweb-img/btn9.png") no-repeat center top/1.98rem 0.69rem; display: block; margin: .7rem auto 0 auto; font-size: 0; }
main .pop .prop .shareCdk { position: relative; background: #fff; border: .1rem solid #000; border-radius: .5rem; padding: .8rem .45rem; text-align: center; z-index: 89; }
main .pop .prop .shareCdk h3 { width: 4.3rem; height: .3rem; }
main .pop .prop .shareCdk h3 img { display: block; width: 100%; height: 100%; }
main .pop .prop .shareCdk p { font-size: .24rem; color: #000; line-height: .3rem; }
main .pop .prop .shareCdk p.t { margin: .1rem auto .3rem auto; }
main .pop .prop .shareCdk p.l { text-align: left; width: 3.6rem; margin: 0 auto; }
main .pop .prop .shareCdk p.b { font-weight: bold; margin: .35rem 0; }
main .pop .prop .shareCdk p i { display: block; }
main .pop .prop .shareCdk p b { margin: .1rem auto; padding: .08rem .2rem; height: .72rem; font-size: .3rem; line-height: .8rem; font-weight: normal; background: #ffdf09; border-radius: .5rem; }
main .pop .prop a.close { position: relative; width: 1.01rem; height: 1.01rem; background: url("../../ossweb-img/close.png") no-repeat center top/1.01rem 1.01rem; display: block; font-size: 0; margin: 0 auto; }
main .pop .Compound a.back { display: block; width: 0.81rem; height: 0.46rem; background: url("../../ossweb-img/btn8.png") no-repeat center top/0.81rem 0.46rem; font-size: 0; position: absolute; left: 0; top: .4rem; }
main .pop .Compound .info { margin-top: .3rem; }
main .pop .Compound .info .image { position: relative; }
main .pop .Compound .info .image img { display: block; width: 5.3rem; height: 7.16rem; border-radius: 1.15rem; overflow: hidden; position: relative; z-index: 1; }
main .pop .Compound .info .image .tips { position: absolute; bottom: 1.56rem; right: .42rem; width: 1.7rem; height: .4rem; background: #fffc00; border-bottom-right-radius: .5rem; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; z-index: 2; }
main .pop .Compound .info .image .tips img { display: block; margin: .1rem auto; width: 1.46rem; height: .21rem; }
main .pop .Compound .info .btns { font-size: 0; text-align: center; }
main .pop .Compound .info .btns a { width: 1.04rem; height: 1.34rem; margin: .15rem .3rem; }
main .pop .Compound .info .btns a img { display: block; width: 100%; }
main .music { position: absolute; top: 0; right: 0; margin: .28rem; width: 0.52rem; height: 0.52rem; background: url("../../ossweb-img/music.png") no-repeat center top/0.52rem 0.52rem; }
main .music.on { width: 0.52rem; height: 0.52rem; background: url("../../ossweb-img/music_on.png") no-repeat center top/0.52rem 0.52rem; }
@keyframes opacity { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes opacity { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-ms-keyframes opacity { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-o-keyframes opacity { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
main .spr-n-nav { background: url("../../ossweb-img/spr-n-nav.png") no-repeat center top/0.62rem 7.38rem; height: .62rem; width: .62rem; }
main .spr-nav2 { background-position: 0 0; }
main .spr-nav5 { background-position: 0 -6.14rem; }
main .spr-nav1 { background-position: 0 -1.22rem; }
main .spr-nav2_h { background-position: 0 -4.9rem; }
main .spr-nav4 { background-position: 0 -2.44rem; }
main .spr-nav1_h { background-position: 0 -3.66rem; }
main .spr-nav3_h { background-position: 0 -3.05rem; }
main .spr-nav4_h { background-position: 0 -4.28rem; }
main .spr-nav3 { background-position: 0 -1.83rem; }
main .spr-nav6_h { background-position: 0 -5.52rem; }
main .spr-nav6 { background-position: 0 -.61rem; }
main .spr-nav5_h { background-position: 0 -6.76rem; }
main .spr-v-nav { background: url("../../ossweb-img/spr-v-nav.png") no-repeat center top/0.62rem 7.38rem; height: .62rem; width: .62rem; }
main .spr-vav4 { background-position: 0 0; }
main .spr-vav5_h { background-position: 0 -6.14rem; }
main .spr-vav1 { background-position: 0 -1.22rem; }
main .spr-vav1_h { background-position: 0 -4.9rem; }
main .spr-vav3 { background-position: 0 -2.44rem; }
main .spr-vav3_h { background-position: 0 -3.66rem; }
main .spr-vav5 { background-position: 0 -3.05rem; }
main .spr-vav4_h { background-position: 0 -4.28rem; }
main .spr-vav6 { background-position: 0 -1.83rem; }
main .spr-vav6_h { background-position: 0 -5.52rem; }
main .spr-vav2 { background-position: 0 -.61rem; }
main .spr-vav2_h { background-position: 0 -6.76rem; }
main .spr-com { background: url("../../ossweb-img/spr-com.png") no-repeat center top/4.68rem 7.81rem; width: .78rem; height: .78rem; }
main .spr-n_k_1 { background-position: -1.56rem -5.47rem; }
main .spr-n_k_2 { background-position: -.78rem -.01rem; }
main .spr-n_k_3 { background-position: -1.56rem -.01rem; }
main .spr-n_k_4 { background-position: -2.34rem -.01rem; }
main .spr-n_k_5 { background-position: -3.12rem -.01rem; }
main .spr-n_k_6 { background-position: -3.9rem -.01rem; }
main .spr-n_q_1 { background-position: 0 -.79rem; }
main .spr-n_q_2 { background-position: -.78rem -.79rem; }
main .spr-n_q_3 { background-position: -1.56rem -.79rem; }
main .spr-n_q_4 { background-position: -2.34rem -.79rem; }
main .spr-n_q_5 { background-position: -3.12rem -.79rem; }
main .spr-n_q_6 { background-position: -3.9rem -.79rem; }
main .spr-n_d_1 { background-position: 0 -4.69rem; }
main .spr-n_d_2 { background-position: -.78rem -4.69rem; }
main .spr-n_d_3 { background-position: -1.56rem -4.69rem; }
main .spr-n_d_4 { background-position: -2.34rem -4.69rem; }
main .spr-n_d_5 { background-position: -3.12rem -4.69rem; }
main .spr-n_d_6 { background-position: -3.9rem -4.69rem; }
main .spr-n_s_1 { background-position: 0 -1.57rem; }
main .spr-n_s_2 { background-position: -.78rem -1.57rem; }
main .spr-n_s_3 { background-position: -1.56rem -1.57rem; }
main .spr-n_s_4 { background-position: -2.34rem -1.57rem; }
main .spr-n_s_5 { background-position: -3.12rem -1.57rem; }
main .spr-n_s_6 { background-position: -3.90rem -1.57rem; }
main .spr-n_t_1 { background-position: 0 -2.35rem; }
main .spr-n_t_2 { background-position: -.78rem -2.35rem; }
main .spr-n_t_3 { background-position: -1.56rem -2.35rem; }
main .spr-n_t_4 { background-position: -2.34rem -2.35rem; }
main .spr-n_t_5 { background-position: -3.12rem -2.35rem; }
main .spr-n_t_6 { background-position: -3.90rem -2.35rem; }
main .spr-n_x_3 { background-position: 0 -3.13rem; }
main .spr-n_x_1 { background-position: -.78rem -3.13rem; }
main .spr-n_x_2 { background-position: -1.56rem -3.13rem; }
main .spr-n_x_4 { background-position: -2.34rem -3.13rem; }
main .spr-n_x_5 { background-position: -3.12rem -3.13rem; }
main .spr-n_x_6 { background-position: -3.9rem -3.13rem; }
main .spr-v_q_1 { background-position: 0 -.79rem; }
main .spr-v_q_2 { background-position: -.78rem -.79rem; }
main .spr-v_q_3 { background-position: -1.56rem -.79rem; }
main .spr-v_q_4 { background-position: -2.34rem -.79rem; }
main .spr-v_q_5 { background-position: -3.12rem -.79rem; }
main .spr-v_q_6 { background-position: -3.9rem -.79rem; }
main .spr-v_k_1 { background-position: 0 -3.91rem; }
main .spr-v_k_2 { background-position: -.78rem -3.91rem; }
main .spr-v_k_3 { background-position: -1.56rem -3.91rem; }
main .spr-v_k_4 { background-position: -2.34rem -3.91rem; }
main .spr-v_k_5 { background-position: -3.12rem -3.91rem; }
main .spr-v_k_6 { background-position: -3.9rem -3.91rem; }
main .spr-v_d_1 { background-position: 0 -4.69rem; }
main .spr-v_d_2 { background-position: -.78rem -4.69rem; }
main .spr-v_d_3 { background-position: -1.56rem -4.69rem; }
main .spr-v_d_4 { background-position: -2.34rem -4.69rem; }
main .spr-v_d_5 { background-position: -3.12rem -4.69rem; }
main .spr-v_d_6 { background-position: -3.9rem -4.69rem; }
main .spr-v_s_1 { background-position: 0 -5.47rem; }
main .spr-v_s_2 { background-position: -.78rem -5.47rem; }
main .spr-v_s_3 { background-position: 0 -.01rem; }
main .spr-v_s_4 { background-position: -2.34rem -5.47rem; }
main .spr-v_s_5 { background-position: -3.12rem -5.47rem; }
main .spr-v_s_6 { background-position: -3.9rem -5.47rem; }
main .spr-v_t_1 { background-position: 0 -6.25rem; }
main .spr-v_t_2 { background-position: -.78rem -6.25rem; }
main .spr-v_t_3 { background-position: -1.56rem -6.25rem; }
main .spr-v_t_4 { background-position: -2.34rem -6.25rem; }
main .spr-v_t_5 { background-position: -3.12rem -6.25rem; }
main .spr-v_t_6 { background-position: -3.9rem -6.25rem; }
main .spr-v_x_1 { background-position: 0 -7.03rem; }
main .spr-v_x_2 { background-position: -.78rem -7.03rem; }
main .spr-v_x_3 { background-position: -1.56rem -7.03rem; }
main .spr-v_x_4 { background-position: -2.34rem -7.03rem; }
main .spr-v_x_5 { background-position: -3.12rem -7.03rem; }
main .spr-v_x_6 { background-position: -3.9rem -7.03rem; }