*{margin:0;padding:0;overflow:hidden;font-family:'Heiti SC','Microsoft YaHei','Droid Sans Fallback'}img{display:block}.phone{width:414px;height:674px;border:solid #ccc 1px;position:relative}.hidden{visibility:hidden}.swiper-wrapper{overflow:visible;perspective:100px;-webkit-perspective:100px;background:#fff}.swiper-wrapper .swiper-wrapper{background:none}.obj{position:absolute;overflow:visible}.obj input[type="text"],.obj select,.obj textarea{background:#fff;border:0;-webkit-appearance:none;padding:0 5px;font-size:14px;border-radius:0}.obj textarea{padding:5px}.obj input[type="radio"],.obj input[type="checkbox"]{margin-right:5px}.obj .btn-submit{background:#5591ff;font-size:20px;color:#fff;text-align:center}.obj .form-option .form-title{line-height:2.5;color:inherit}.obj .form-option label{display:block;width:100%;color:inherit}.obj .drop-down-title{margin-top:-8%;position:absolute}.obj-child{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;overflow:hidden;color:inherit;font-family:inherit;font-size:inherit;text-align:inherit;line-height:inherit;overflow:hidden}.hide{display:none}.obj img,.obj span{width:100%;height:auto;display:block;white-space:nowrap}.obj span{overflow:visible}.obj i{display:block;font-style:inherit;font-family:inherit;color:inherit;font-size:inherit;overflow:visible}.btn-music{width:30px;height:30px;background:url("../images/icon_music_c.png") no-repeat;background-size:100%;position:absolute;z-index:100;right:20px;top:20px}.anim-music{animation:rotate 2s infinite linear;-webkit-animation:rotate 2s infinite linear}.arrow{width:6%;height:18px;background:url("../images/icon_arrows.png") no-repeat;background-size:100%;position:absolute;z-index:100;bottom:10px;left:47%}.arrow-v{animation:arrows .8s infinite;-webkit-animation:arrows .8s infinite}.arrow-h{animation:arrows-h .8s infinite;-webkit-animation:arrows-h .8s infinite}.swiper-slide{background-size:cover;background-repeat:no-repeat;background-position-x:center;background-position-y:top;transform-style:preserve-3d;transform-origin:50%;-webkit-transform-origin:50%}.swiper-slide-c{width:100%;height:100%;position:absolute;top:0;overflow:visible;width:414px;height:674px;transform-origin:top;-webkit-transform-origin:top;background-size:cover;background-position-y:top;background-position-x:center}.guide{width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;display:flex}.guide span{display:block;width:100%;font-size:18px;color:#fff;text-align:center;position:absolute;bottom:15%;left:0;opacity:.8}.guide img{width:40%;margin:auto;vertical-align:middle}.guide-v img{animation:guide 2s infinite;-webkit-animation:guide 2s infinite}.guide-h img{animation:guide-h 2s infinite;-webkit-animation:guide-h 2s infinite}body{background:#2c2c2c}.bg-logo{width:18%;height:auto;display:block;position:absolute;top:10px;left:41%}.footer{position:fixed;bottom:0;width:100%;line-height:50px}.footer span{display:block;width:40%;text-align:center;font-size:16px;background:#2c2c2c;margin:auto;color:#606060;position:relative;z-index:2}.footer .line{width:100%;height:1px;background:#606060;position:absolute;top:25px;z-index:1}.banner .swiper-slide{display:block}@media(max-width:435px){html,body{width:100%;height:100%}.phone{border:0;height:100%;width:100%}}@media(max-width:320px){.btn-music{width:25px;height:25px;right:15px;top:15px}}@keyframes arrows{from{transform:translateY(0) rotate(180deg);opacity:0}to{transform:translateY(-20px) rotate(180deg);opacity:1}}@-webkit-keyframes arrows{from{-webkit-transform:translateY(0) rotate(180deg);opacity:0}to{-webkit-transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes arrows-h{from{transform:translateX(0) rotate(90deg);opacity:0}to{transform:translateX(-20px) rotate(90deg);opacity:1}}@-webkit-keyframes arrows-h{from{-webkit-transform:translateX(0) rotate(90deg);opacity:0}to{-webkit-transform:translateX(-20px) rotate(90deg);opacity:1}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@font-face{font-family:test;src:url(../fonts/锐字荣光粗黑简1.0.ttf)}@keyframes guide{0%{transform:translateY(20px) scale(1.2);opacity:0}40%{transform:translateY(20px) scale(1);opacity:1}100%{transform:translateY(-130px) scale(1);opacity:1}}@-webkit-keyframes guide{0%{-webkit-transform:translateY(20px) scale(1.2);opacity:0}40%{-webkit-transform:translateY(20px) scale(1);opacity:1}100%{-webkit-transform:translateY(-130px) scale(1);opacity:1}}@keyframes guide-h{0%{transform:translateX(80px) scale(1.2);opacity:0}40%{transform:translateX(80px) scale(1);opacity:1}100%{transform:translateX(-80px) scale(1);opacity:1}}@-webkit-keyframes guide-h{0%{-webkit-transform:translateX(80px) scale(1.2);opacity:0}40%{-webkit-transform:translateX(80px) scale(1);opacity:1}100%{-webkit-transform:translateX(-80px) scale(1);opacity:1}}.zanbtn::after{position:absolute;top:50%;right:-1em;width:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);content:attr(data-zan);color:#000;white-space:nowrap;font-size:13px}.obj .obj-child.zanbtn{overflow:visible}.loading{width:100%;height:100%;z-index:10000;position:fixed;top:0;left:0;text-align:center;color:#999}.loading .load-box{margin:30px auto;width:32px;height:32px;position:relative;overflow:visible;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.loading .load-box .cube1,.loading .load-box .cube2{background-color:#67CF22;width:30px;height:30px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.loading .load-box .cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.loading .load-text{margin-top:60px}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}