﻿ul::-webkit-scrollbar { width: 8px; }
ul::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0,0,0,.3); border-radius: 10px; }
ul::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,.1); -webkit-box-shadow: inset006pxrgba(0,0,0,.5); }
ul::-webkit-scrollbar-thumb:window-inactive { background: #eee; }
@media screen and (min-width:1200px) {
  body { position: relative; width: 100%; min-height: 100vh; }
  body .head { width: 100%; height: 710px; }
  body .head .head-bg { width: 100%; height: 100%; background-size: auto 100%; }
  body .head .head-bg .head-menu { width: 100%; height: 96px; background: -webkit-gradient(linear,left top,right top,from(#a731ff),to(#d45dff)); background: linear-gradient(90deg,#a731ff,#d45dff); }
  body .head .head-bg .head-menu .head-tabber { margin: 0 auto; width: 1200px; height: 100%; }
  body .head .head-bg .head-menu .head-tabber>img { float: left; display: inline-block; margin: 15px 0 0; width: 139px; height: 72px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box { float: right; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 38px 37px 0; font-size: 20px; color: hsla(0,0%,100%,.8); }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div:hover { color: #e3b7ff; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; 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; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 16px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #cf58ff; cursor: pointer; }
  body .head .head-bg .head-inner { margin: 0 auto; width: 100%; height: 615px; background: url(img/bg.abc3e9.png) no-repeat; background-size: cover; background-position: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head .head-bg .head-inner .head-mobile { float: left; width: 518px; height: 610px; }
  body .head .head-bg .head-inner .head-mobile>img { display: block; margin: 55px 0 0; width: 518px; height: 610px; }
  body .head .head-bg .head-inner .head-infom { clear: left; display: inline-block; width: 528px; height: 615px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg { margin: 120px 0 0 19px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>img { display: inline-block; width: 105px; height: 48px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>h3 { display: inline-block; margin: 0 0 0 23px; font-size: 41px; color: #fff; font-weight: 400; letter-spacing: 6px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-slogan { margin: 27px 0 0 20px; font-size: 22px; color: #fff; letter-spacing: 4px; }
  body .head .head-bg .head-inner .head-load { margin: 82px 0 0 24px; }
  body .head .head-bg .head-inner .head-load>span:first-child { display: inline-block; width: 262px; height: 61px; font-size: 20px; color: #be48ff; background-color: #fff; border-radius: 31px; text-align: center; line-height: 62px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:first-child>img { margin: -6px 0 0; display: inline-block; width: 30px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2) { margin: 26px 0 0; display: inline-block; width: 262px; height: 61px; font-size: 20px; color: #be48ff; background-color: #fff; border-radius: 31px; text-align: center; line-height: 62px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2)>img { margin: -14px 0 0; display: inline-block; width: 29px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:hover { color: #fff; background-color: #f6e1fb; }
  body .story>h3 { font-size: 30px; color: #666; font-family: Regular!important; }
  body .story>h3,body .story>span { display: block; text-align: center; font-weight: lighter; }
  body .story>span { margin: 23px 0 0; font-size: 22px; color: #828282; font-family: Light!important; }
  body .story .story-title1 { margin: 182px 0 0; }
  body .story .story-title2 { margin: 166px 0 0; }
  body .story .story-title3 { margin: 120px 0 0; }
  body .story .story-list { position: relative; margin: 54px auto 0; width: 1040px; height: 360px; }
  body .story .story-list>div { position: absolute; }
  body .story .story-list>div:first-child { top: 0; left: 0; width: 283px; }
  body .story .story-list>div:nth-child(2) { top: 0; left: 261px; width: 278px; }
  body .story .story-list>div:nth-child(3) { top: 0; left: 513px; width: 291px; }
  body .story .story-list>div:nth-child(4) { top: 0; left: 781px; width: 271px; }
  body .story .story-list>div>img { width: 100%; height: auto; }
  body .story .story-list>div>span { margin: 18px 0 0; display: block; font-size: 24px; color: #a34dcb; text-align: center; }
  body .story .story-list>div>em { display: block; font-size: 20px; color: #626262; text-align: center; font-weight: lighter; }
  body .story .story-place { margin: 34px auto 0; width: 1076px; }
  body .story .story-place>img { width: 100%; height: auto; }
  body .story .story-app { margin: 66px auto 0; width: 764px; }
  body .story .story-app>div { float: left; display: inline-block; width: 246px; height: 246px; border: 1px solid #e4e4e4; }
  body .story .story-app>div:first-child { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAMAAAD2rwKcAAAAolBMVEUAAAC3t7e2tra3t7e1tbW4uLi3t7e3t7e2tra3t7e7u7u4uLi3t7e5ubm3t7e3t7e2tra1tbW2tra3t7e3t7e2tra2tra2tra2tra2tra3t7eenp62tra3t7e3t7e3t7e2tra1tbW1tbW3t7e3t7e1tbW2tra3t7e2tra4uLi0tLS3t7e3t7e3t7e3t7e4uLi2tra6urq8vLy4uLi+vr7Dw8M3iymPAAAAMHRSTlMA2bybD+zljUE8F/v49czEe00oHgbWoZRuMgsD8Onex2RZL7axgHVgRzcjFPKqg1opdbC8AAABsklEQVRIx42V2XKCQBBFWQRkJ4oKMe571l7I//9agJkopko6543i1J2ege4x+hic7eXk2RAJMhMQJ3NRfDIJAXAniscQoaY6SGLBDA3RRRCHsRLJEsp8TrAVORwKkWslAnmCOLdQiXvpMF/f26XpYyAeZes5WW5IFN/IS2/8qLZy7dmz4pI3mfbRH+TDbLr/8E6jey//SuOKiKooObavLt4SKkIicvbdkxpZiKBAcnaZl4TEoGAK7bfrF3EJbjDWYdClSnXNvoPQT5W0qYEpiejYr405I0lcbY2GMmZBNFWVciRvdFdJVeJvz/mhEEkzQ3FAydxo02IQ8LXpSvt52WozEs3RH1POXICknrW5knZEB23akokT3XcnBEktlLmNpFBeqN0PJnLoKmjVKYEEWa26IZDVpKzNscuyiotMLS9DdtPDoSzyS9NyuYVy5FSNNhYj41INpR39t0PKd+6PdK8TMusPxdPtrrCodzvzzlh08bFoBnejvTNzsKbz5PjGHZsY9WAFM7VSE0jJ5DwZfzibWHu49PzmH38b2i4yMCY6sUvwuYhW61tN4yJ10/X1SvoBqjTtllRmfV8AAAAASUVORK5CYII=) no-repeat; background-size: 41px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(2) { margin: 0 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAxCAMAAAB0zqAPAAAAolBMVEUAAACTxzGTxzKSyDGTyDGRxjGSxzCSxTGSxjGSxjCVyDWTxzGSxjGSxjCQxjCUwjCUyTGTyDGTxzGSxjGe0i2SxjGRxTCTyTGTxC+TxjGUyTGSxjGRxjGSxjGRxjCRxjCVyDGWxjCTxTCVyjKSxzGTyTGVyjKSxzCUyDKTxzGUxzGSxjGQxTGTxjGSxjGWyzKYzzOUyDGXzTKUyTKe1jWa0DPsfuJTAAAALnRSTlMAcHVpU0zyw+3ADFynbC4R6t+3PAXPKB8Z+sazl4lBODMkIfue7uzo19SXkohjVSM93gAAAaFJREFUSMftlNluqzAQhicsDjY7YWu2Jk26tx5sJ+//asfHKWooNb2v+l3Aj/g8npElwzVOCENCB2wsKINrGF2AlfWlTsnKyz5rsHM3b+r3I31+rujxvW5oAxO85IGUiApRyiB/ATvtkaDgPQJJ1FpHe+oEH9A9WYbbZshxUFd/Z9tv58qRi9c4EL0axK8Hjvl+rJYrqX+nUOCHiwWkeqFclSPXV/9rRW+E95C3SOiX8keuLqtByT+RaJ6rUbeB4t+jgrtxCxbGTcQntHFyPzXWlAA7Z2bD2QGUDTMV84flFmrHzh62y4d8BuAqJeRjG546GyevfZRCqRjMOcnQ67iNzg8l1wRgjhTdSddFE4D/uX/ulRtJzgXfTbo7ITiXEaQUz4cNhBOuB5vDGWkLwDx3AT+4sHA9Bj3T7hAfrS76MCStzkJPcGGQzlUKX6iLjJAbI9zck/uPREhW1DBmnySV0oLaJEmyMalKkj1YoKgNjHWKTaJgZ26MmU4zk+a/yI26/m72lE5dBHZuM8VlwXRiheSY3cKUvCTr1KR0TZZf1H8EktFsiWgeOwAAAABJRU5ErkJggg==) no-repeat; background-size: 43px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(3) { background: url(img/download.png) no-repeat; background-size: 120px; background-position: 50%; }
  body .foot { padding: 120px 0 94px; clear: left; }
  body .foot>span { display: block; margin: 13px 0 0; font-size: 14px; color: #828282; text-align: center; }
  body .foot .jump-about { 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; margin: 10px 0; }
  body .foot .jump-about :first-child { margin-right: 10px; }
  body .foot .footInfo { margin-top: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #828282; text-align: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  body .foot .footInfo .inforight img { width: 18px; height: 20px; } }
@media screen and (min-width:980px)and (max-width:1199px) {
  body { position: relative; width: 100%; min-height: 100vh; }
  body .head { width: 100%; height: 444px; }
  body .head .head-bg { width: 100%; height: 100%; }
  body .head .head-bg .head-menu { width: 100%; height: 60px; background: -webkit-gradient(linear,left top,right top,from(#a731ff),to(#d45dff)); background: linear-gradient(90deg,#a731ff,#d45dff); }
  body .head .head-bg .head-menu .head-tabber { margin: 0 auto; width: 980px; height: 100%; }
  body .head .head-bg .head-menu .head-tabber>img { float: left; display: inline-block; width: 123px; height: 60px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box { float: right; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 22px 34px 0; font-size: 16px; color: hsla(0,0%,100%,.8); }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div:hover { color: #e3b7ff; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; 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; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 16px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #e3b7ff; cursor: pointer; }
  body .head .head-bg .head-inner { margin: 0 auto; width: 100%; height: 351px; background: url(img/bg.abc3e9.png) no-repeat; background-size: cover; background-position: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head .head-bg .head-inner .head-mobile { float: left; width: 324px; height: 378px; }
  body .head .head-bg .head-inner .head-mobile>img { display: block; margin: 43px 0 0; width: 297px; height: 350px; }
  body .head .head-bg .head-inner .head-infom { clear: left; display: inline-block; width: 336px; height: 385px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg { margin: 108px 0 0 19px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>img { display: inline-block; width: 60px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>h3 { display: inline-block; margin: 0 0 0 10px; font-size: 23px; color: #fff; letter-spacing: 6px; font-weight: 400; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-slogan { margin: 16px 0 0 20px; font-size: 13px; color: #fff; letter-spacing: 2px; }
  body .head .head-bg .head-inner .head-load { margin: 50px 0 0 18px; }
  body .head .head-bg .head-inner .head-load>span:first-child { display: inline-block; width: 168px; height: 40px; font-size: 15px; color: #be48ff; background-color: #fff; border-radius: 25px; text-align: center; line-height: 42px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:first-child>img { margin: -4px 0 0; display: inline-block; width: 20px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2) { margin: 26px 0 0; display: inline-block; width: 168px; height: 40px; font-size: 15px; color: #be48ff; background-color: #fff; border-radius: 25px; text-align: center; line-height: 42px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2)>img { display: inline-block; margin: -7px 0 0; width: 19px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:hover { color: #fff; background-color: #7d00cd; }
  body .story>h3 { font-size: 23px; font-family: Regular!important; color: #666; }
  body .story>h3,body .story>span { display: block; text-align: center; font-weight: lighter; }
  body .story>span { margin: 12px 0 0; font-family: Light!important; font-size: 16px; color: #828282; }
  body .story .story-title1 { margin: 110px 0 0; }
  body .story .story-title2 { margin: 88px 0 0; }
  body .story .story-title3 { margin: 60px 0 0; }
  body .story .story-list { position: relative; margin: 32px auto 0; width: 658px; height: 240px; }
  body .story .story-list>div { position: absolute; }
  body .story .story-list>div:first-child { top: 0; left: 0; width: 169px; }
  body .story .story-list>div:nth-child(2) { top: 0; left: 172px; width: 170px; }
  body .story .story-list>div:nth-child(3) { top: 0; left: 332px; width: 174px; }
  body .story .story-list>div:nth-child(4) { top: 0; left: 499px; width: 164px; }
  body .story .story-list>div>img { width: 100%; height: auto; }
  body .story .story-list>div>span { margin: 12px 0 0; display: block; font-size: 17px; color: #a34dcb; text-align: center; }
  body .story .story-list>div>em { display: block; font-size: 14px; color: #626262; text-align: center; font-weight: lighter; }
  body .story .story-place { margin: 17px auto 0; width: 660px; }
  body .story .story-place>img { width: 100%; height: auto; }
  body .story .story-app { margin: 33px auto 0; width: 462px; }
  body .story .story-app>div { float: left; display: inline-block; width: 150px; height: 150px; border: 1px solid #e4e4e4; }
  body .story .story-app>div:first-child { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAMAAAD2rwKcAAAAolBMVEUAAAC3t7e2tra3t7e1tbW4uLi3t7e3t7e2tra3t7e7u7u4uLi3t7e5ubm3t7e3t7e2tra1tbW2tra3t7e3t7e2tra2tra2tra2tra2tra3t7eenp62tra3t7e3t7e3t7e2tra1tbW1tbW3t7e3t7e1tbW2tra3t7e2tra4uLi0tLS3t7e3t7e3t7e3t7e4uLi2tra6urq8vLy4uLi+vr7Dw8M3iymPAAAAMHRSTlMA2bybD+zljUE8F/v49czEe00oHgbWoZRuMgsD8Onex2RZL7axgHVgRzcjFPKqg1opdbC8AAABsklEQVRIx42V2XKCQBBFWQRkJ4oKMe571l7I//9agJkopko6543i1J2ege4x+hic7eXk2RAJMhMQJ3NRfDIJAXAniscQoaY6SGLBDA3RRRCHsRLJEsp8TrAVORwKkWslAnmCOLdQiXvpMF/f26XpYyAeZes5WW5IFN/IS2/8qLZy7dmz4pI3mfbRH+TDbLr/8E6jey//SuOKiKooObavLt4SKkIicvbdkxpZiKBAcnaZl4TEoGAK7bfrF3EJbjDWYdClSnXNvoPQT5W0qYEpiejYr405I0lcbY2GMmZBNFWVciRvdFdJVeJvz/mhEEkzQ3FAydxo02IQ8LXpSvt52WozEs3RH1POXICknrW5knZEB23akokT3XcnBEktlLmNpFBeqN0PJnLoKmjVKYEEWa26IZDVpKzNscuyiotMLS9DdtPDoSzyS9NyuYVy5FSNNhYj41INpR39t0PKd+6PdK8TMusPxdPtrrCodzvzzlh08bFoBnejvTNzsKbz5PjGHZsY9WAFM7VSE0jJ5DwZfzibWHu49PzmH38b2i4yMCY6sUvwuYhW61tN4yJ10/X1SvoBqjTtllRmfV8AAAAASUVORK5CYII=) no-repeat; background-size: 20px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(2) { margin: 0 6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAxCAMAAAB0zqAPAAAAolBMVEUAAACTxzGTxzKSyDGTyDGRxjGSxzCSxTGSxjGSxjCVyDWTxzGSxjGSxjCQxjCUwjCUyTGTyDGTxzGSxjGe0i2SxjGRxTCTyTGTxC+TxjGUyTGSxjGRxjGSxjGRxjCRxjCVyDGWxjCTxTCVyjKSxzGTyTGVyjKSxzCUyDKTxzGUxzGSxjGQxTGTxjGSxjGWyzKYzzOUyDGXzTKUyTKe1jWa0DPsfuJTAAAALnRSTlMAcHVpU0zyw+3ADFynbC4R6t+3PAXPKB8Z+sazl4lBODMkIfue7uzo19SXkohjVSM93gAAAaFJREFUSMftlNluqzAQhicsDjY7YWu2Jk26tx5sJ+//asfHKWooNb2v+l3Aj/g8npElwzVOCENCB2wsKINrGF2AlfWlTsnKyz5rsHM3b+r3I31+rujxvW5oAxO85IGUiApRyiB/ATvtkaDgPQJJ1FpHe+oEH9A9WYbbZshxUFd/Z9tv58qRi9c4EL0axK8Hjvl+rJYrqX+nUOCHiwWkeqFclSPXV/9rRW+E95C3SOiX8keuLqtByT+RaJ6rUbeB4t+jgrtxCxbGTcQntHFyPzXWlAA7Z2bD2QGUDTMV84flFmrHzh62y4d8BuAqJeRjG546GyevfZRCqRjMOcnQ67iNzg8l1wRgjhTdSddFE4D/uX/ulRtJzgXfTbo7ITiXEaQUz4cNhBOuB5vDGWkLwDx3AT+4sHA9Bj3T7hAfrS76MCStzkJPcGGQzlUKX6iLjJAbI9zck/uPREhW1DBmnySV0oLaJEmyMalKkj1YoKgNjHWKTaJgZ26MmU4zk+a/yI26/m72lE5dBHZuM8VlwXRiheSY3cKUvCTr1KR0TZZf1H8EktFsiWgeOwAAAABJRU5ErkJggg==) no-repeat; background-size: 21px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(3) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAMAAAD2rwKcAAAAolBMVEUAAAC3t7e2tra3t7e1tbW4uLi3t7e3t7e2tra3t7e7u7u4uLi3t7e5ubm3t7e3t7e2tra1tbW2tra3t7e3t7e2tra2tra2tra2tra2tra3t7eenp62tra3t7e3t7e3t7e2tra1tbW1tbW3t7e3t7e1tbW2tra3t7e2tra4uLi0tLS3t7e3t7e3t7e3t7e4uLi2tra6urq8vLy4uLi+vr7Dw8M3iymPAAAAMHRSTlMA2bybD+zljUE8F/v49czEe00oHgbWoZRuMgsD8Onex2RZL7axgHVgRzcjFPKqg1opdbC8AAABsklEQVRIx42V2XKCQBBFWQRkJ4oKMe571l7I//9agJkopko6543i1J2ege4x+hic7eXk2RAJMhMQJ3NRfDIJAXAniscQoaY6SGLBDA3RRRCHsRLJEsp8TrAVORwKkWslAnmCOLdQiXvpMF/f26XpYyAeZes5WW5IFN/IS2/8qLZy7dmz4pI3mfbRH+TDbLr/8E6jey//SuOKiKooObavLt4SKkIicvbdkxpZiKBAcnaZl4TEoGAK7bfrF3EJbjDWYdClSnXNvoPQT5W0qYEpiejYr405I0lcbY2GMmZBNFWVciRvdFdJVeJvz/mhEEkzQ3FAydxo02IQ8LXpSvt52WozEs3RH1POXICknrW5knZEB23akokT3XcnBEktlLmNpFBeqN0PJnLoKmjVKYEEWa26IZDVpKzNscuyiotMLS9DdtPDoSzyS9NyuYVy5FSNNhYj41INpR39t0PKd+6PdK8TMusPxdPtrrCodzvzzlh08bFoBnejvTNzsKbz5PjGHZsY9WAFM7VSE0jJ5DwZfzibWHu49PzmH38b2i4yMCY6sUvwuYhW61tN4yJ10/X1SvoBqjTtllRmfV8AAAAASUVORK5CYII=) no-repeat; background-size: 20px auto; background-position: 50%; }
  body .foot { padding: 60px 0 47px; clear: left; }
  body .foot>span { display: block; margin: 6px 0 0; font-size: 13px; color: #828282; text-align: center; }
  body .foot .jump-about { 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; margin: 10px 0; }
  body .foot .jump-about :first-child { margin-right: 10px; }
  body .foot .footInfo { margin-top: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; color: #828282; text-align: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  body .foot .footInfo .inforight img { width: 16px; height: 18px; } }
@media only screen and (max-width:979px) {
  body { position: relative; width: 100%; min-height: 100vh; }
  body .head { width: 100%; height: 362px; }
  body .head .head-bg { width: 100%; height: 100%; }
  body .head .head-bg .head-menu { width: 100%; height: 49px; background: -webkit-gradient(linear,left top,right top,from(#a731ff),to(#d45dff)); background: linear-gradient(90deg,#a731ff,#d45dff); }
  body .head .head-bg .head-menu .head-tabber { margin: 0 auto; width: 680px; height: 100%; }
  body .head .head-bg .head-menu .head-tabber>img { float: left; display: inline-block; margin: 9px 0 0; width: 68px; height: auto; }
  body .head .head-bg .head-menu .head-tabber>.nav-box { float: right; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div { display: inline-block; margin: 17px 27px 0; font-size: 13px; color: hsla(0,0%,100%,.8); }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div:hover { color: #e3b7ff; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net { position: relative; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net:hover>.ul-box { height: 330px; opacity: 1; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net .ul-box { opacity: 0; padding-top: 37px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 228px; height: 0; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; border-radius: 0 0 12px 12px; 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; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul { padding-top: 6px; width: 214px; height: 278px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); border-radius: 12px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li { height: 38px; text-align: center; list-style: none; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a { font-size: 13px; font-family: Noto Sans S Chinese; font-weight: 500; color: #6f6f6f; line-height: 38px; }
  body .head .head-bg .head-menu .head-tabber>.nav-box>div.net ul li a:hover { color: #e3b7ff; cursor: pointer; }
  body .head .head-bg .head-inner { margin: 0 auto; width: 100%; height: 615px; background: url(img/bg.abc3e9.png) no-repeat; background-size: cover; background-position: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  body .head .head-bg .head-inner .head-mobile { float: left; width: 268px; height: 309px; }
  body .head .head-bg .head-inner .head-mobile>img { display: block; margin: 32px 0 0; width: 268px; height: 309px; }
  body .head .head-bg .head-inner .head-infom { clear: left; display: inline-block; width: 274px; height: 315px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg { margin: 60px 0 0 10px; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>img { display: inline-block; width: 60px; height: auto; letter-spacing: 6px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-msg>h3 { display: inline-block; margin: 0 0 0 10px; font-size: 22px; color: #fff; font-weight: 400; vertical-align: middle; }
  body .head .head-bg .head-inner .head-infom .head-title .head-slogan { margin: 12px 0 0 10px; font-size: 1px; color: #fff; letter-spacing: 4px; }
  body .head .head-bg .head-inner .head-load { margin: 38px 0 0 10px; }
  body .head .head-bg .head-inner .head-load>span:first-child { display: block; width: 134px; height: 32px; font-size: 12px; color: #be48ff; background-color: #fff; border-radius: 31px; text-align: center; line-height: 32px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:first-child>img { display: inline-block; width: 17px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2) { margin: 10px 0 0; display: block; width: 134px; height: 32px; font-size: 12px; color: #be48ff; background-color: #fff; border-radius: 31px; text-align: center; line-height: 32px; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:nth-child(2)>img { display: inline-block; width: 16px; height: auto; vertical-align: middle; }
  body .head .head-bg .head-inner .head-load>span:hover { color: #fff; background-color: #7d00cd; }
  body .story>h3 { font-size: 18px; color: #666; font-family: Regular!important; }
  body .story>h3,body .story>span { display: block; text-align: center; font-weight: lighter; }
  body .story>span { margin: 8px 0 0; font-size: 12px; color: #828282; font-family: Light!important; }
  body .story .story-title1 { margin: 90px 0 0; }
  body .story .story-title2 { margin: 68px 0 0; }
  body .story .story-title3 { margin: 54px 0 0; }
  body .story .story-list { position: relative; margin: 32px auto 0; width: 528px; height: 204px; }
  body .story .story-list>div { position: absolute; }
  body .story .story-list>div:first-child { top: 0; left: 0; width: 129px; }
  body .story .story-list>div:nth-child(2) { top: 0; left: 122px; width: 130px; }
  body .story .story-list>div:nth-child(3) { top: 0; left: 262px; width: 134px; }
  body .story .story-list>div:nth-child(4) { top: 0; left: 409px; width: 124px; }
  body .story .story-list>div>img { width: 100%; height: auto; }
  body .story .story-list>div>span { margin: 8px 0 0; display: block; font-size: 15px; color: #a34dcb; text-align: center; }
  body .story .story-list>div>em { display: block; font-size: 12px; color: #626262; text-align: center; font-weight: lighter; }
  body .story .story-place { margin: 10px auto 0; width: 536px; }
  body .story .story-place>img { width: 100%; height: auto; }
  body .story .story-app { margin: 26px auto 0; width: 381px; }
  body .story .story-app>div { float: left; display: inline-block; width: 125px; height: 125px; border: 1px solid #e4e4e4; }
  body .story .story-app>div:first-child { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAMAAAD2rwKcAAAAolBMVEUAAAC3t7e2tra3t7e1tbW4uLi3t7e3t7e2tra3t7e7u7u4uLi3t7e5ubm3t7e3t7e2tra1tbW2tra3t7e3t7e2tra2tra2tra2tra2tra3t7eenp62tra3t7e3t7e3t7e2tra1tbW1tbW3t7e3t7e1tbW2tra3t7e2tra4uLi0tLS3t7e3t7e3t7e3t7e4uLi2tra6urq8vLy4uLi+vr7Dw8M3iymPAAAAMHRSTlMA2bybD+zljUE8F/v49czEe00oHgbWoZRuMgsD8Onex2RZL7axgHVgRzcjFPKqg1opdbC8AAABsklEQVRIx42V2XKCQBBFWQRkJ4oKMe571l7I//9agJkopko6543i1J2ege4x+hic7eXk2RAJMhMQJ3NRfDIJAXAniscQoaY6SGLBDA3RRRCHsRLJEsp8TrAVORwKkWslAnmCOLdQiXvpMF/f26XpYyAeZes5WW5IFN/IS2/8qLZy7dmz4pI3mfbRH+TDbLr/8E6jey//SuOKiKooObavLt4SKkIicvbdkxpZiKBAcnaZl4TEoGAK7bfrF3EJbjDWYdClSnXNvoPQT5W0qYEpiejYr405I0lcbY2GMmZBNFWVciRvdFdJVeJvz/mhEEkzQ3FAydxo02IQ8LXpSvt52WozEs3RH1POXICknrW5knZEB23akokT3XcnBEktlLmNpFBeqN0PJnLoKmjVKYEEWa26IZDVpKzNscuyiotMLS9DdtPDoSzyS9NyuYVy5FSNNhYj41INpR39t0PKd+6PdK8TMusPxdPtrrCodzvzzlh08bFoBnejvTNzsKbz5PjGHZsY9WAFM7VSE0jJ5DwZfzibWHu49PzmH38b2i4yMCY6sUvwuYhW61tN4yJ10/X1SvoBqjTtllRmfV8AAAAASUVORK5CYII=) no-repeat; background-size: 18px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(2) { margin: 0 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAxCAMAAAB0zqAPAAAAolBMVEUAAACTxzGTxzKSyDGTyDGRxjGSxzCSxTGSxjGSxjCVyDWTxzGSxjGSxjCQxjCUwjCUyTGTyDGTxzGSxjGe0i2SxjGRxTCTyTGTxC+TxjGUyTGSxjGRxjGSxjGRxjCRxjCVyDGWxjCTxTCVyjKSxzGTyTGVyjKSxzCUyDKTxzGUxzGSxjGQxTGTxjGSxjGWyzKYzzOUyDGXzTKUyTKe1jWa0DPsfuJTAAAALnRSTlMAcHVpU0zyw+3ADFynbC4R6t+3PAXPKB8Z+sazl4lBODMkIfue7uzo19SXkohjVSM93gAAAaFJREFUSMftlNluqzAQhicsDjY7YWu2Jk26tx5sJ+//asfHKWooNb2v+l3Aj/g8npElwzVOCENCB2wsKINrGF2AlfWlTsnKyz5rsHM3b+r3I31+rujxvW5oAxO85IGUiApRyiB/ATvtkaDgPQJJ1FpHe+oEH9A9WYbbZshxUFd/Z9tv58qRi9c4EL0axK8Hjvl+rJYrqX+nUOCHiwWkeqFclSPXV/9rRW+E95C3SOiX8keuLqtByT+RaJ6rUbeB4t+jgrtxCxbGTcQntHFyPzXWlAA7Z2bD2QGUDTMV84flFmrHzh62y4d8BuAqJeRjG546GyevfZRCqRjMOcnQ67iNzg8l1wRgjhTdSddFE4D/uX/ulRtJzgXfTbo7ITiXEaQUz4cNhBOuB5vDGWkLwDx3AT+4sHA9Bj3T7hAfrS76MCStzkJPcGGQzlUKX6iLjJAbI9zck/uPREhW1DBmnySV0oLaJEmyMalKkj1YoKgNjHWKTaJgZ26MmU4zk+a/yI26/m72lE5dBHZuM8VlwXRiheSY3cKUvCTr1KR0TZZf1H8EktFsiWgeOwAAAABJRU5ErkJggg==) no-repeat; background-size: 19px auto; background-position: 50%; }
  body .story .story-app>div:nth-child(3) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAMAAAD2rwKcAAAAolBMVEUAAAC3t7e2tra3t7e1tbW4uLi3t7e3t7e2tra3t7e7u7u4uLi3t7e5ubm3t7e3t7e2tra1tbW2tra3t7e3t7e2tra2tra2tra2tra2tra3t7eenp62tra3t7e3t7e3t7e2tra1tbW1tbW3t7e3t7e1tbW2tra3t7e2tra4uLi0tLS3t7e3t7e3t7e3t7e4uLi2tra6urq8vLy4uLi+vr7Dw8M3iymPAAAAMHRSTlMA2bybD+zljUE8F/v49czEe00oHgbWoZRuMgsD8Onex2RZL7axgHVgRzcjFPKqg1opdbC8AAABsklEQVRIx42V2XKCQBBFWQRkJ4oKMe571l7I//9agJkopko6543i1J2ege4x+hic7eXk2RAJMhMQJ3NRfDIJAXAniscQoaY6SGLBDA3RRRCHsRLJEsp8TrAVORwKkWslAnmCOLdQiXvpMF/f26XpYyAeZes5WW5IFN/IS2/8qLZy7dmz4pI3mfbRH+TDbLr/8E6jey//SuOKiKooObavLt4SKkIicvbdkxpZiKBAcnaZl4TEoGAK7bfrF3EJbjDWYdClSnXNvoPQT5W0qYEpiejYr405I0lcbY2GMmZBNFWVciRvdFdJVeJvz/mhEEkzQ3FAydxo02IQ8LXpSvt52WozEs3RH1POXICknrW5knZEB23akokT3XcnBEktlLmNpFBeqN0PJnLoKmjVKYEEWa26IZDVpKzNscuyiotMLS9DdtPDoSzyS9NyuYVy5FSNNhYj41INpR39t0PKd+6PdK8TMusPxdPtrrCodzvzzlh08bFoBnejvTNzsKbz5PjGHZsY9WAFM7VSE0jJ5DwZfzibWHu49PzmH38b2i4yMCY6sUvwuYhW61tN4yJ10/X1SvoBqjTtllRmfV8AAAAASUVORK5CYII=) no-repeat; background-size: 18px auto; background-position: 50%; }
  body .foot { padding: 48px 0 34px; clear: left; }
  body .foot>span { display: block; margin: 5px 0 0; font-size: 12px; color: #828282; text-align: center; }
  body .foot .jump-about { 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; margin: 10px 0; }
  body .foot .jump-about :first-child { margin-right: 10px; }
  body .foot .footInfo { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; color: #828282; text-align: center; }
  body .foot .footInfo .infoleft { margin-right: 10px; }
  body .foot .footInfo .inforight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  body .foot .footInfo .inforight img { width: 18px; height: 20px; } }
.tips { position: fixed; display: none; top: 50%; left: 50%; width: 220px; height: 68px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(0,0,0,.88); border-radius: 8px; text-align: center; }
.tips>span { display: block; font-size: 28px; color: #fff; line-height: 70px; }
.story-app>div:hover { background-color: #e4e4e4!important; }
