body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a {text-decoration: none;color: #FFFFFF;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
h1,h2{display: none;}
.left{float: left;}
.pa{position: absolute;}
.pr-box{width: 100%;height: 100%;position: relative; cursor: default;}

@font-face{
    font-family: 'RZBG';
    src: url('../font/RZBG.TTF') format('truetype');
}

html,body{font-family: 'Microsoft Yahei';width: 100%;height: 100%;margin: 0 auto;position: relative;min-width: 1200px;overflow-x: auto;}
html.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.wrapper{width: 100%;height: 100%;margin: 0 auto;position: relative;z-index: 1;color: #fff9eb;overflow: hidden;}
.wheel-box{width: 100%;height: 100%;}

.foot-wrap {background: #000;padding: 25px 0 35px;}
.foot-wrap p{margin: 0;}
.foot-wrap a{text-decoration: none;}
.foot-wrap .center {width: 1200px;margin: 0 auto;text-align: center;overflow: hidden;}
.foot-wrap .center .f-logo {height: 90px;display: inline-block;vertical-align: middle;}
.foot-wrap .center .f-logo a {margin-right: 25px;width: 159px;height: 100%;line-height: 18px;float: left;color: #c5c5c5;position: relative;display: table; cursor: default;}
.foot-wrap .center .f-logo a span {display: table-cell;vertical-align: middle;text-align: center;}
.foot-wrap .center .f-logo img {width: auto;border: 0;}
.foot-wrap .center .copy-right {display: inline-block; vertical-align: middle; color: #c5c5c5; line-height: 22px; font-size: 16px; text-align: left;}
/* .foot-wrap .center .copy-right {height: 90px;vertical-align: top;color: #c5c5c5;line-height: 18px;font-size: 12px;display: inline;text-align: left;float: right;padding-right: 20px;} */
/* .foot-wrap .center .copy-right p {clear: both;}
.foot-wrap .center .copy-right p.link {height: 16px;}
.foot-wrap .center .copy-right p.link span {width: 1px;height: 11px;background: #c5c5c5;margin: 4px 5px;float: left;}
.foot-wrap .center .copy-right p.link em{font-style: normal;}
.foot-wrap .center .copy-right p.link a {color: #c5c5c5;float: left;}
.foot-wrap .center .copy-right p a {color: #c5c5c5;}
.foot-wrap .center .copy-right p a:hover {color: #fff;}
.foot-wrap .center .copy-right p a.ga {background: url(//res-horcrux.aojiaostudio.com/hqxy/other/ga-icon.png) 4px no-repeat;background-size: auto 100%;padding-left: 25px;} */

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.cont{width: 100%;height: 100%;position: relative;}
.cont .cont-box{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.cont5 .cont-box{overflow: hidden;}
/* .cont1{background: url(//res-horcrux.aojiaostudio.com/hqxy/a20210428laborday/pc-bg1.jpg) no-repeat top center; background-size: cover; overflow: hidden;} */
.cont1{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/bg/bg-20220505.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.cont2{background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/cont2-bg.jpg) center center no-repeat;}
.cont2.open{background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/cont2-bg2.jpg) center center no-repeat;}
.cont3{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/bg-world.jpg) center center no-repeat;}
.cont4,.cont5{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/bg.jpg) center center no-repeat;overflow: hidden;}

.btn-active{-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;}
.btn-active:active{-webkit-transform: scale(.9);-moz-transform: scale(.9);transform: scale(.9);}

.cont1 video{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;width: auto;height: auto;overflow: hidden;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;z-index: 1;}
.cont1 .mb{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/pic-mb.png) no-repeat;background-size: cover;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;width: auto;height: auto;overflow: hidden;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;z-index: 2;}
/* .cont1 .logo{width: 170px;height: 65px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/logo.png) no-repeat;background-size: 170px 65px;position: absolute;z-index: 9;left: 50px;top: 40px;} */
.cont1 .logo{width: 275px;height: 49px;background: url(/img/website/logo.png?v=1684316668) no-repeat;background-size: 275px 49px;position: absolute;z-index: 9;left: 50px;top: 40px;}
.right-btn-group {height:65vh; position: absolute; width:65vh; bottom: 50px;right: 15px; display:flex; flex-direction:column; justify-content:flex-end;}
.cont1 .cont1-right-btn { max-height: 126px; max-width:126px; height:20%; width:20%; position: relative; z-index: 3;  margin-bottom:-10px; left:80%;}
.cont1 .cont1-right-btn:after { width: 100%;height: 100%; position: absolute;left: 0;top: 0;content: '';opacity: 0;}
.cont1 .cont1-right-btn:hover:after{-webkit-animation: ani-nav2 .3s ease-in-out forwards;-moz-animation: ani-nav2 .3s ease-in-out forwards;animation: ani-nav2 .3s ease-in-out forwards;}
.cont1 .btn-bili{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-bili.png?v=1683369237) no-repeat;background-size: contain;}
.cont1 .btn-bili:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-bili.png?v=1683369237) no-repeat;}
.cont1 .btn-tap{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-tap.png?v=1683369237) no-repeat;background-size: contain;}
.cont1 .btn-tap:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-tap.png?v=1683369237) no-repeat;}
.cont1 .btn-hykb{background: url(/img/website/btn-hykb.png?v=1684316668) no-repeat;background-size: contain;}
.cont1 .btn-hykb:after{background: url(/img/website/btn-hykb.png?v=1684316668) no-repeat;}
.cont1 .btn-gachaparty{background: url(/img/website/btn-gachaparty.png?v=1684316668) no-repeat;background-size: contain;}
.cont1 .btn-gachaparty:after{background: url(/img/website/btn-gachaparty.png?v=1684316668) no-repeat;}
.cont1 .btn-old{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-wallpaper.png?v=1683369237) no-repeat;background-size: contain;}
.cont1 .btn-old:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-wallpaper.png?v=1683369237) no-repeat;}
.cont1 .btn-simulator{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-simulator.png?v=1683369237) no-repeat;background-size: contain;}
.cont1 .btn-simulator:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-simulator.png?v=1683369237) no-repeat;}

.cont1 .down-box{width: 337px;height: 188px;position: absolute;left: 50%;margin-left: -168px;bottom: 100px;z-index: 3;box-sizing: border-box;padding-top: 3px;
    -webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;}
.cont1 .down-box a{width: 159px;height: 185px;position: relative;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-transform: scale(.9);-moz-transform: scale(.9);transform: scale(.9);}
.cont1 .down-box a:hover{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.cont1 .down-box a:hover:after{-webkit-animation: ani-nav2 .4s ease-in-out forwards;-moz-animation: ani-nav2 .4s ease-in-out forwards;animation: ani-nav2 .4s ease-in-out forwards;}
.cont1 .down-box .btn-ios{float: left;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-ios.png) no-repeat;}
.cont1 .down-box .btn-ios:after{width: 159px;height: 185px;position: absolute;left: 0;top: 0;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-ios.png) no-repeat;opacity: 0;content: '';}
.cont1 .down-box .btn-and{float: right;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-and.png) no-repeat;}
.cont1 .down-box .btn-and:after{width: 159px;height: 185px;position: absolute;left: 0;top: 0;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-and.png) no-repeat;opacity: 0;content: '';}
/* .cont1 .down-wz{width: 131px;height: 73px;position: absolute;left: 50%;margin-left: -65px;top: -5px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/ani-down.png) no-repeat;} */
.cont1 .down-box .btn-dwonload-hykb{width: 256px;height: 72px;position: absolute;left: 50%;margin-left: -126px;top: -5px;background: url(/img/website/download-hykb.png) no-repeat;z-index: 1;}
.cont1 .down-box .btn-dwonload-hykb:after{width: 256px;height: 72px;position: absolute;left: 0;top: 0;background: url(/img/website/download-hykb.png) no-repeat;opacity: 0;content: '';}
.cont1 .down-box .btn-dwonload-gachaparty{width: 256px;height: 72px;position: absolute;left: 50%;margin-left: -126px;top: -5px;background: url(/img/website/download-gachaparty.png) no-repeat;z-index: 1;}
.cont1 .down-box .btn-dwonload-gachaparty:after{width: 256px;height: 72px;position: absolute;left: 0;top: 0;background: url(/img/website/download-gachaparty.png) no-repeat;opacity: 0;content: '';}
.cont1 .down-box a i{width: 23px;height: 145px;display: block;position: absolute;}
.cont1 .down-box a i:after{width: 23px;height: 145px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/ani-guang.png) no-repeat;display: block;content: '';position: relative;}
.cont1 .down-box .btn-ios .guang1{left: 3px;top: 22px;}
.cont1 .down-box .btn-ios .guang2{left: 76px;top: -22px;-webkit-transform: rotateZ(120deg);-moz-transform: rotateZ(120deg);transform: rotateZ(120deg);}
.cont1 .down-box .btn-ios .guang3{left: 76px;top: 64px;-webkit-transform: rotateZ(-120deg);-moz-transform: rotateZ(-120deg);transform: rotateZ(-120deg);}
.cont1 .down-box .btn-and .guang1{right: 3px;top: 22px;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
.cont1 .down-box .btn-and .guang2{right: 76px;top: -22px;-webkit-transform: rotateZ(-120deg) rotateY(180deg);-moz-transform: rotateZ(-120deg) rotateY(180deg);transform: rotateZ(-120deg) rotateY(180deg);}
.cont1 .down-box .btn-and .guang3{right: 76px;top: 64px;-webkit-transform: rotateZ(120deg) rotateY(180deg);-moz-transform: rotateZ(120deg) rotateY(180deg);transform: rotateZ(120deg) rotateY(180deg);}
.cont1 .down-box .btn-taptap{position: relative;top: 60% ;left: 50%;margin-left: -126px;display: block; width: 256px;height: 72px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/download-taptap.png) no-repeat;}
.cont1 .down-box .btn-taptap:after{width: 256px;height: 72px;position: absolute;left: 0;top: 0;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/download-taptap.png) no-repeat;opacity: 0;content: '';}
.ani-fd{-webkit-animation: ani-fd 3s ease-in-out infinite;-moz-animation: ani-fd 3s ease-in-out infinite;animation: ani-fd 3s ease-in-out infinite;}
@-webkit-keyframes ani-fd {
    0%,100% {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(-10px);}
}
@-moz-keyframes ani-fd {
    0%,100% {-moz-transform: translateY(0px);}
    50% {-moz-transform: translateY(-10px);}
}
@keyframes ani-fd {
    0%,100% {transform: translateY(0px);}
    50% {transform: translateY(-10px);}
}

/*.cont1 .down-box a i:after{-webkit-animation: ani-guang 3s ease-in-out infinite;-moz-animation: ani-guang 3s ease-in-out infinite;animation: ani-guang 3s ease-in-out infinite;}
@-webkit-keyframes ani-guang {
    0%{height: 0px;top: 0;background-position: top;}
    49% {height: 145px;top: 0;background-position: top;}
    50% {height: 145px;top: 0;background-position: bottom;}
    100% {height: 0px;top: 145px;background-position: bottom;}
}
@-moz-keyframes ani-guang {
    0%{height: 0px;top: 0;background-position: top;}
    49% {height: 145px;top: 0;background-position: top;}
    50% {height: 145px;top: 0;background-position: bottom;}
    100% {height: 0px;top: 145px;background-position: bottom;}
}
@keyframes ani-guang {
    0%{height: 0px;top: 0;background-position: top;}
    49% {height: 145px;top: 0;background-position: top;}
    50% {height: 145px;top: 0;background-position: bottom;}
    100% {height: 0px;top: 145px;background-position: bottom;}
}*/

.cont1 .down-box a i:after{-webkit-animation: ani-guang 3s ease-in-out infinite;-moz-animation: ani-guang 3s ease-in-out infinite;animation: ani-guang 3s ease-in-out infinite;}
@-webkit-keyframes ani-guang {
	0%{-webkit-transform: scale(1) rotateX(90deg);opacity: 1;}
    50%{-webkit-transform: scale(1) rotateX(0deg);opacity: 1;}
    100% {-webkit-transform: scale(1.8) rotateX(0deg);opacity: 0;}
}
@-moz-keyframes ani-guang {
    0%{-webkit-transform: scale(1) rotateX(90deg);opacity: 1;}
    50%{-webkit-transform: scale(1) rotateX(0deg);opacity: 1;}
    100% {-webkit-transform: scale(1.8) rotateX(0deg);opacity: 0;}
}
@keyframes ani-guang {
    0%{-webkit-transform: scale(1) rotateX(90deg);opacity: 1;}
    50%{-webkit-transform: scale(1) rotateX(0deg);opacity: 1;}
    100% {-webkit-transform: scale(1.8) rotateX(0deg);opacity: 0;}
}

.cont1 .cd-box{width: 46px;height: 34px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/nav-off.png) no-repeat;position: absolute;right: 40px;top: 50px;z-index: 3;cursor: pointer;}
.cont1 .cd-box .nav-box{width: 216px; height: 60px;position: absolute;right: 31px;top: -17px;cursor: initial;box-sizing: border-box;padding-top: 17px;}
.cont1 .cd-box ul{width: 216px; height: 34px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/nav-bg.png) no-repeat;position: relative;left: 456px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;}
.cont1 .cd-box.on ul{left: 0;}
.cont1 .cd-box li{width: 34px;height: 34px;float: left;background: url(//res-horcrux.aojiaostudio.com/hqxy/newyear/sp-icon.png) no-repeat;margin: 0 19px;cursor: pointer;position: relative;}
.cont1 .cd-box li.ys-li1{width: 99px;height: 24px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/pic-kuang.png) no-repeat;margin: 0 36px 0 36px;top: 5px;}
.cont1 .cd-box li.ys-li1 a{width: 99px;height: 24px;display: block;font-size: 17px;color: #fff;text-align: center;line-height: 24px;font-family: 'RZBG';}
.cont1 .cd-box li.ys-li1 a:after{width: 99px;height: 24px;display: block;content: '官网首页';font-family: 'RZBG';font-size: 17px;color: #fff;text-align: center;line-height: 24px;opacity: 0;position: absolute;left: 0;top: 0;}
.cont1 .cd-box li.ys-li2{background-position: -72px -4px;}
.cont1 .cd-box li.ys-li2 a{display: block; width: 100%; height: 100%;}
.cont1 .cd-box li.ys-li3{background-position: -143px -4px;}
.cont1 .cd-box li.ys-li4{background-position: -215px -4px;}
.cont1 .cd-box li.ys-li5{background-position: -286px -4px;}
.cont1 .cd-box li.ys-li5 a{display: block; width: 100%; height: 100%;}
.cont1 .cd-box li.ys-li6{background-position: -4px -4px;}
.cont1 .cd-box li.ys-li6 a{display: block; width: 100%; height: 100%;}

.cont1 .cd-box li .fc-box{width: 128px;height: 170px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/nav-fc.png) no-repeat;position: absolute;top: 42px;left: 50%;margin-left: -64px;display: none;}
.cont1 .cd-box li:hover .fc-box{display: block;}
.cont1 .cd-box li .fc-box p{font-size: 12px;color: #fff;text-align: center;line-height: 24px;padding-top: 30px;margin-bottom: 5px;position: relative;}
.cont1 .cd-box li .fc-box img{display: block;margin: 0 auto;}
.cont1 .cd-box li.ys-li2 .fc-box p{text-indent: 12px;}
.cont1 .cd-box li.ys-li2 .fc-box p:after{width: 12px;height: 12px;content: '';position: absolute;left: 18px;top: 37px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/icon-sm.png) no-repeat;}
.cont1 .cd-box li:after{width: 34px;height: 34px;background: url(//res-horcrux.aojiaostudio.com/hqxy/newyear/sp-icon.png) no-repeat;content: '';position: absolute;left: 0;top: 0;opacity: 0; pointer-events: none;}
.cont1 .cd-box li.ys-li1:after{background: none;}
.cont1 .cd-box li.ys-li2:after{background-position: -72px -4px;}
.cont1 .cd-box li.ys-li3:after{background-position: -143px -4px;}
.cont1 .cd-box li.ys-li4:after{background-position: -215px -4px;}
.cont1 .cd-box li.ys-li5:after{background-position: -286px -4px;}
.cont1 .cd-box li.ys-li6:after{background-position: -4px -4px;}
.cont1 .cd-box li:hover:after,.cont1 .cd-box li.ys-li1:hover a:after{-webkit-animation: ani-nav .3s ease-in-out forwards;-moz-animation: ani-nav .3s ease-in-out forwards;animation: ani-nav .3s ease-in-out forwards;}
.cont1 .cd-box .btn-cdzk{width: 46px;height: 34px;position: absolute;z-index: 2;right: 0;top: 0; pointer-events: none; cursor: default;}
/* .cont1 .cd-box .btn-cdzk:after{width: 46px;height: 34px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/nav-off.png) no-repeat;position: absolute;z-index: 1;left: 0;top: 0;content: '';opacity: 0;} */
.cont1 .cd-box .btn-cdzk:hover:after{-webkit-animation: ani-nav2 .3s ease-in-out forwards;-moz-animation: ani-nav2 .3s ease-in-out forwards;animation: ani-nav2 .3s ease-in-out forwards;}

@-webkit-keyframes ani-nav {
    0%{-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(2);opacity: 0;}
}
@-moz-keyframes ani-nav {
    0%{-moz-transform: scale(1);opacity: 1;}
    100% {-moz-transform: scale(2);opacity: 0;}
}
@keyframes ani-nav {
    0%{transform: scale(1);opacity: 1;}
    100% {transform: scale(2);opacity: 0;}
}
@-webkit-keyframes ani-nav2 {
    0%{-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(1.3);opacity: 0;}
}
@-moz-keyframes ani-nav2 {
    0%{-moz-transform: scale(1);opacity: 1;}
    100% {-moz-transform: scale(1.3);opacity: 0;}
}
@keyframes ani-nav2 {
    0%{transform: scale(1);opacity: 1;}
    100% {transform: scale(1.3);opacity: 0;}
}

/* login-wrap */
.cont1 .login-wrap { position: absolute; z-index: 999; right: 40px; top: 100px; height: 20px; font-size: 16px; text-align: right; line-height: 20px; color: rgba(255, 255, 255, 1);}
.cont1 .login-wrap a {text-decoration: underline; font-size: 16px; color: rgba(255, 255, 255, 1);}
.cont1 .login-wrap a:hover {color: #007aff;}

.cont1 .btn-play{width: 200px;height: 200px;position: absolute;left: 50%;margin-left: -100px;top: 50%;margin-top: -100px;z-index: 9;overflow: hidden;}
.cont1 .btn-play:before{width: 200px;height: 200px;display: block;content: '';background: url(//res-horcrux.aojiaostudio.com/hqxy/website/play.png) center no-repeat;-webkit-transform: scale(1.5, 1.5) rotateZ(-90deg);-moz-transform: scale(1.5, 1.5) rotateZ(-90deg);transform: scale(1.5, 1.5) rotateZ(-90deg);opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.cont1 .btn-play:hover:before{-webkit-transform: scale(1, 1) rotateZ(0deg);-moz-transform: scale(1, 1) rotateZ(0deg);transform: scale(1, 1) rotateZ(0deg);opacity: 1;}

.cont1 .news-box{width: 558px;height: 336px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/news-bg.png) no-repeat;position: absolute;left: -596px;bottom: 35px;z-index: 9;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;}
.cont1 .news-box.on{left: 12px;}
.cont1 .news-box .swiper-container1 {width: 530px;height: 161px;padding-top: 18px;margin: 0 auto 8px;}
.cont1 .news-box .swiper-wrapper{width: 530px;height: 161px;}
.cont1 .news-box .swiper-slide{width: auto;}
.cont1 .news-box .swiper-pagination-bullet{opacity: 1;background: #6a8de6;}
.cont1 .news-box .swiper-pagination-bullet-active{background: #fff;}
.cont1 .news-box .news-tab{width: 530px;height: 28px;margin: 0 auto 4px;position: relative;}
.cont1 .news-box .news-tab li{width: 48px;height: 28px;float: left;margin-right: 22px;color: #6a8de6;font-size: 16px;line-height: 23px;text-align: center;cursor: pointer;position: relative;top: 0;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.cont1 .news-box .news-tab.on1 .ys-li1,.cont1 .news-tab.on2 .ys-li2,.cont1 .news-tab.on3 .ys-li3,.cont1 .news-tab.on4 .ys-li4{color: #fbf4ba;top: -3px;}
.cont1 .news-box .news-tab i{width: 48px;height: 28px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/icon-newson.png) no-repeat;position: absolute;left: 0;top: 0;pointer-events: none;-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
.cont1 .news-box .news-tab.on1 i{left: 0;}
.cont1 .news-box .news-tab.on2 i{left: 70px;}
.cont1 .news-box .news-tab.on3 i{left: 140px;}
.cont1 .news-box .news-tab.on4 i{left: 210px;}
.cont1 .news-box .news-con{width: 548px;height: 100px;margin: 0 auto;}
.cont1 .news-box .news-con li{width: 538px;height: 33px;display: none;}
.cont1 .news-box .news-con li a{width: 538px;height: 33px;display: block;font-size: 16px;line-height: 32px;color: #fff;}
.cont1 .news-box .news-con li a .tit{width: 380px;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;vertical-align: top; color: #fff;}
.cont1 .news-box .news-con li a em{float: right;}
.cont1 .news-box .news-con li a:hover, .cont1 .news-box .news-con li a .tit:hover{color: #fbf4ba;}
.cont1 .news-box .news-con li a:hover em{text-decoration: underline;}
.cont1 .news-box .btn-more{width: 62px;height: 28px;color: #fe7f80;font-size: 16px;line-height: 23px;text-align: center;position: absolute;right: 9px;top: 264px;z-index: 9;}
.cont1 .news-box .btn-more:hover{color: #fbf4ba;text-decoration: underline;}
.cont1 .news-box .btn-sq{width: 35px;height: 35px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-sq.png) no-repeat;position: absolute;right: -38px;top: -38px;z-index: 9;}
.cont1 .news-box .btn-sq:after{width: 35px;height: 35px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-sq.png) no-repeat;position: absolute;left: 0;top: 0;content: '';opacity: 0;}
.cont1 .news-box .btn-sq:hover:after{-webkit-animation: ani-nav .3s ease-in-out forwards;-moz-animation: ani-nav .3s ease-in-out forwards;animation: ani-nav .3s ease-in-out forwards;}
.cont1 .btn-dk{width: 74px;height: 110px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/btn-dk.png) no-repeat;position: absolute;left: 0px;bottom: 306px;z-index: 9;-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;}

.cont2 .rw-box{width: 100%;height: 100%;position: relative;margin: 0 auto;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity: 1;}
.cont2 .pf-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;pointer-events: none;}
.cont2 .btn-prev{width: 63px;height: 63px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-pn.png) no-repeat;background-position: 9px 0;position: absolute;left: 50%;margin-left: -450px;top: 50%;margin-top: -32px;z-index: 1;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 1;}
.cont2 .btn-next{width: 63px;height: 63px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-pn.png) no-repeat;background-position: -83px 0;position: absolute;left: 50%;margin-left: 512px;top: 50%;margin-top: -32px;z-index: 1;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 1;}
.cont2 .btn-prev:after{content: '';width: 63px;height: 63px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-pn.png) no-repeat;background-position: 9px 0;position: absolute;opacity: 1;}
.cont2 .btn-prev:hover:after{-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1.8);-moz-transform: scale(1.8);transform: scale(1.8);opacity: 0;}
.cont2 .btn-prev:active{-webkit-transform: scale(.8);-moz-transform: scale(.8);transform: scale(.8);}
.cont2 .btn-next:after{content: '';width: 63px;height: 63px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-pn.png) no-repeat;background-position: -83px 0;position: absolute;opacity: 1;}
.cont2 .btn-next:hover:after{-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1.8);-moz-transform: scale(1.8);transform: scale(1.8);opacity: 0;}
.cont2 .rw-box .img-rw-box img{-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;display: block;}
.cont2 .rw-box .img-name-box img{-webkit-transform: scale(.9);-moz-transform: scale(.9);transform: scale(.9);-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;display: block;}
.cont2 .rw-box .zy-box .img-rw{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;cursor: pointer;}
.cont2 .rw-box .zy-box .img-rw:hover{-webkit-transform: scale(.93);-moz-transform: scale(.93);transform: scale(.93);}
.cont2 .rw-box .zy-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;}
.cont2 .rw-box .zy-box .img-name-box{width: 244px;height: 106px;margin-left: 300px;margin-top: 150px;position: absolute;left: 50%;top: 50%;}
.cont2 .rw-box .img-name-box .btn-cv{width: 45px;height: 45px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/btn-cv-play.jpg) no-repeat;;background-size: 45px 45px;position: absolute;left: -33px;bottom: 6px;}
.cont2 .rw-box .img-name-box .btn-cv:after{width: 45px;height: 45px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/btn-cv-play.jpg) no-repeat;;background-size: 45px 45px;position: absolute;left: 0;top: 0;content: '';opacity: 1;}
.cont2 .rw-box .img-name-box .btn-cv:hover:after{-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
/*.cont2 .rw-box .zy-box .img-rw-box{position: absolute;left: 50%;top: 50%;}
.cont2 .rw-box .zy1-rw1 .img-rw-box{margin-left: -321px;margin-top: -423px;}
.cont2 .rw-box .zy1-rw2 .img-rw-box{margin-left: -360px;margin-top: -411px;}
.cont2 .rw-box .zy1-rw3 .img-rw-box{margin-left: -270px;margin-top: -428px;}
.cont2 .rw-box .zy2-rw1 .img-rw-box{margin-left: -130px;margin-top: -418px;}
.cont2 .rw-box .zy2-rw2 .img-rw-box{margin-left: -256px;margin-top: -440px;}
.cont2 .rw-box .zy2-rw3 .img-rw-box{margin-left: -288px;margin-top: -486px;}
.cont2 .rw-box .zy3-rw1 .img-rw-box{margin-left: -386px;margin-top: -448px;}
.cont2 .rw-box .zy3-rw2 .img-rw-box{margin-left: -454px;margin-top: -400px;}
.cont2 .rw-box .zy4-rw1 .img-rw-box{margin-left: -214px;margin-top: -394px;}
.cont2 .rw-box .zy4-rw2 .img-rw-box{margin-left: -232px;margin-top: -436px;}
.cont2 .rw-box .zy5-rw1 .img-rw-box{margin-left: -240px;margin-top: -456px;}
.cont2 .rw-box .zy5-rw2 .img-rw-box{margin-left: -362px;margin-top: -404px;}*/
.cont2 .rw-box .zy-box .img-rw-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.cont2 .rw-box .zy-box .img-rw-box:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '';}
.cont2 .rw-box .zy1-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw1-big.png) center center no-repeat;background-position: 200px 0;background-size: auto 100%;}
/* .cont2 .rw-box .zy1-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw2-big.png) center center no-repeat;background-position: 100px 0;background-size: auto 100%;} */
.cont2 .rw-box .zy1-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw4-big.png) center center no-repeat;background-position: 100px 0;background-size: auto 100%;}
.cont2 .rw-box .zy1-rw3 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw3-big.png?v=1.1) center center no-repeat;background-position: 150px 0;background-size: auto 100%;}
/* .cont2 .rw-box .zy1-rw3 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw4-big.png) center center no-repeat;background-position: 100px 0;background-size: auto 100%;}
.cont2 .rw-box .zy1-rw4 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy1-rw3-big.png?v=1.1) center center no-repeat;background-position: 150px 0;background-size: auto 100%;} */
/* .cont2 .rw-box .zy2-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw2-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;} */
/* .cont2 .rw-box .zy2-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw3-big.png?v=1.1) center center no-repeat;background-position: 170px 0;background-size: auto 100%;} */
.cont2 .rw-box .zy2-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw1-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;}
.cont2 .rw-box .zy2-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw4-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;}
/* .cont2 .rw-box .zy2-rw3 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw1-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;}
.cont2 .rw-box .zy2-rw4 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw4-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;} */
/* .cont2 .rw-box .zy2-rw5 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy2-rw5-big.png) center center no-repeat;background-position: 170px 0;background-size: auto 100%;} */
.cont2 .rw-box .zy3-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy3-rw1-big.png) center center no-repeat;background-position: 130px 0;background-size: auto 100%;}
.cont2 .rw-box .zy3-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy3-rw2-big.png) center center no-repeat;background-position: 100px 0;background-size: auto 100%;}
.cont2 .rw-box .zy4-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy4-rw1-big.png) center center no-repeat;background-position: 130px 0;background-size: auto 100%;}
.cont2 .rw-box .zy4-rw2 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy4-rw2-big.png) center center no-repeat;background-position: 190px 0;background-size: auto 100%;}
/* .cont2 .rw-box .zy5-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy5-rw3-big.png?v=1.1) center center no-repeat;background-position: 190px 0;background-size: auto 100%;} */
.cont2 .rw-box .zy5-rw1 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy5-rw1-big.png?v=1.1) center center no-repeat;background-position: 190px 0;background-size: auto 100%;}
/* .cont2 .rw-box .zy5-rw3 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy5-rw2-big.png) center center no-repeat;background-position: 150px 0;background-size: auto 100%;}
.cont2 .rw-box .zy5-rw4 .img-rw-box:after{background: url(//res-horcrux.aojiaostudio.com/hqxy/website/zy5-rw4-big.png) center center no-repeat;background-position: 150px 0;background-size: auto 100%;} */

.cont2 .rw-box.on1-1 .zy1-rw1,
.cont2 .rw-box.on1-2 .zy1-rw2,
.cont2 .rw-box.on1-3 .zy1-rw3,
.cont2 .rw-box.on1-4 .zy1-rw4,
.cont2 .rw-box.on2-1 .zy2-rw1,
.cont2 .rw-box.on2-2 .zy2-rw2,
.cont2 .rw-box.on2-3 .zy2-rw3,
.cont2 .rw-box.on2-4 .zy2-rw4,
.cont2 .rw-box.on2-5 .zy2-rw5,
.cont2 .rw-box.on3-1 .zy3-rw1,
.cont2 .rw-box.on3-2 .zy3-rw2,
.cont2 .rw-box.on4-1 .zy4-rw1,
.cont2 .rw-box.on4-2 .zy4-rw2,
.cont2 .rw-box.on5-1 .zy5-rw1,
.cont2 .rw-box.on5-2 .zy5-rw2,
.cont2 .rw-box.on5-3 .zy5-rw3,
.cont2 .rw-box.on5-4 .zy5-rw4{visibility: visible;}

.cont2 .rw-box .img-rw-box{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.cont2 .rw-box.on1-1 .zy1-rw1 .img-rw-box,
.cont2 .rw-box.on1-2 .zy1-rw2 .img-rw-box,
.cont2 .rw-box.on1-3 .zy1-rw3 .img-rw-box,
.cont2 .rw-box.on1-4 .zy1-rw4 .img-rw-box,
.cont2 .rw-box.on2-1 .zy2-rw1 .img-rw-box,
.cont2 .rw-box.on2-2 .zy2-rw2 .img-rw-box,
.cont2 .rw-box.on2-3 .zy2-rw3 .img-rw-box,
.cont2 .rw-box.on2-4 .zy2-rw4 .img-rw-box,
.cont2 .rw-box.on2-5 .zy2-rw5 .img-rw-box,
.cont2 .rw-box.on3-1 .zy3-rw1 .img-rw-box,
.cont2 .rw-box.on3-2 .zy3-rw2 .img-rw-box,
.cont2 .rw-box.on4-1 .zy4-rw1 .img-rw-box,
.cont2 .rw-box.on4-2 .zy4-rw2 .img-rw-box,
.cont2 .rw-box.on5-1 .zy5-rw1 .img-rw-box,
.cont2 .rw-box.on5-2 .zy5-rw2 .img-rw-box,
.cont2 .rw-box.on5-3 .zy5-rw3 .img-rw-box,
.cont2 .rw-box.on5-4 .zy5-rw4 .img-rw-box{-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);opacity: 1;}

.cont2 .rw-box .img-name-box{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;}
.cont2 .rw-box.on1-1 .zy1-rw1 .img-name-box,
.cont2 .rw-box.on1-2 .zy1-rw2 .img-name-box,
.cont2 .rw-box.on1-3 .zy1-rw3 .img-name-box,
.cont2 .rw-box.on1-4 .zy1-rw4 .img-name-box,
.cont2 .rw-box.on2-1 .zy2-rw1 .img-name-box,
.cont2 .rw-box.on2-2 .zy2-rw2 .img-name-box,
.cont2 .rw-box.on2-3 .zy2-rw3 .img-name-box,
.cont2 .rw-box.on2-4 .zy2-rw4 .img-name-box,
.cont2 .rw-box.on2-5 .zy2-rw5 .img-name-box,
.cont2 .rw-box.on3-1 .zy3-rw1 .img-name-box,
.cont2 .rw-box.on3-2 .zy3-rw2 .img-name-box,
.cont2 .rw-box.on4-1 .zy4-rw1 .img-name-box,
.cont2 .rw-box.on4-2 .zy4-rw2 .img-name-box,
.cont2 .rw-box.on5-1 .zy5-rw1 .img-name-box,
.cont2 .rw-box.on5-2 .zy5-rw2 .img-name-box,
.cont2 .rw-box.on5-3 .zy5-rw3 .img-name-box,
.cont2 .rw-box.on5-4 .zy5-rw4 .img-name-box{-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);opacity: 1;}

.cont2 .ul-jd{width: auto;height: 20px;text-align: center;position: absolute;left: 50%;margin-left: -105px;top: 50%;margin-top: 330px;display: none;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity: 1;}
.cont2 .ul-jd li{width: 20px;height: 20px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/sp-lb.png) no-repeat;background-position: -46px 0;display: inline-block;padding: 0;margin: 0 15px;}
.cont2 .ul-jd li.on{background-position: 0 0;}

.cont2 .ul-nav{width: 127px;height: 750px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -375px;z-index: 3;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 1;}
.cont2 .ul-nav li{width: 127px;height: 127px;float: left;margin-bottom: 23px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-zy.png) no-repeat;cursor: pointer;position: relative;}
.cont2 .ul-nav li:after{width: 127px;height: 127px;position: absolute;left: 0;top: 0;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/sp-zy.png) no-repeat;content: '';z-index: 1;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1.8);-moz-transform: scale(1.8);transform: scale(1.8);opacity: 0;}
.cont2 .ul-nav li:hover:after, .cont2 .ul-nav li.on:after{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity: 1;}
.cont2 .ul-nav li.ys-li1{background-position: 0 0;}
.cont2 .ul-nav li.ys-li1:after{background-position: 0 -156px;}
.cont2 .ul-nav li.ys-li2{background-position: -127px 0;}
.cont2 .ul-nav li.ys-li2:after{background-position: -127px -156px;}
.cont2 .ul-nav li.ys-li3{background-position: -254px 0;}
.cont2 .ul-nav li.ys-li3:after{background-position: -254px -156px;}
.cont2 .ul-nav li.ys-li4{background-position: -381px 0;}
.cont2 .ul-nav li.ys-li4:after{background-position: -381px -156px;}
.cont2 .ul-nav li.ys-li5{background-position: -508px 0;}
.cont2 .ul-nav li.ys-li5:after{background-position: -508px -156px;}

.cont2 .icon-sz{width: 64px;height: 64px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/icon-sz.png) no-repeat;position: absolute;left: 50%;top: 50%;margin-left: 120px;margin-top: 150px;z-index: 9;pointer-events: none;-webkit-animation: ani-sz 2s 1s ease-in-out infinite;-moz-animation: ani-sz 2s 1s ease-in-out infinite;animation: ani-sz 2s 1s ease-in-out infinite;visibility: visible;}
.cont2.open .icon-sz{visibility: hidden;-webkit-animation: ani-sz 2s ease-in-out infinite;-moz-animation: ani-sz 2s ease-in-out infinite;animation: ani-sz 2s ease-in-out infinite;}
@-webkit-keyframes ani-sz {
    0%,100%{-webkit-transform: scale(.9);opacity: 0;}
    50% {-webkit-transform: scale(.6);opacity: .8;}
}
@-moz-keyframes ani-sz {
    0%,100%{-moz-transform: scale(.9);opacity: 0;}
    50% {-moz-transform: scale(.6);opacity: .8;}
}
@keyframes ani-sz {
    0%,100%{transform: scale(.9);opacity: 0;}
    50% {transform: scale(.6);opacity: .8;}
}
.cont2 .pf-box .bb-box{width: 63px;height: 63px;position: absolute;top: 50px;left: 50px;z-index: 9;-webkit-animation: ani-bb 2s ease-in-out infinite;-moz-animation: ani-bb 2s ease-in-out infinite;animation: ani-bb 2s ease-in-out infinite;}
.cont2 .pf-box .btn-back{width: 63px;height: 63px;display: block;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/btn-back.png) no-repeat;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);opacity: 1;}
.cont2 .pf-box .btn-back:after{width: 63px;height: 63px;background: url(//res-horcrux.aojiaostudio.com/hqxy/promise/btn-back.png) no-repeat;position: absolute;top: 0;left: 0;content: '';opacity: 1;}
.cont2 .pf-box .btn-back:hover:after{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: scale(1.8);-moz-transform: scale(1.8);transform: scale(1.8);opacity: 0;}
.cont2 .pf-box .img-pf{width: auto;height: auto;overflow: hidden;position: absolute;top: 50%;left: 50%;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;z-index: 2;}
.cont2 .pf-box .img-logo{width: 1010px;height: 715px;overflow: hidden;position: absolute;top: 50%;left: 50%;margin-left: -765px;margin-top: -358px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 0;}
.cont2 .pf-box .img-logo img{-webkit-transform: scale(.7);-moz-transform: scale(.7);transform: scale(.7);opacity: 0.8;}
.cont2 .pf-box .img-pf1{-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 1;}
.cont2 .pf-box .img-pf2{-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);opacity: 1;}
.cont2 .pf-box .ms-box i{width: 58px;height: 62px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/ms-yindao.png) no-repeat;position: absolute;top: 50%;margin-top: -31px;left: -10px;-webkit-animation: ani-yindao 2s ease-in-out infinite;-moz-animation: ani-yindao 2s ease-in-out infinite;animation: ani-yindao 2s ease-in-out infinite;}
@-webkit-keyframes ani-yindao {
    0%{-webkit-transform: translateX(0);opacity: 0;}
    100% {-webkit-transform: translateX(20px);opacity: .8;}
}
@-moz-keyframes ani-yindao {
    0%{-moz-transform: translateX(0);opacity: 0;}
    100% {-moz-transform: translateX(20px);opacity: .8;}
}
@keyframes ani-yindao {
    0%{transform: translateX(0);opacity: 0;}
    100% {transform: translateX(20px);opacity: .8;}
}

.cont2 .pf-box .zy1-rw2 .img-pf img,
.cont2 .pf-box .zy1-rw3 .img-pf img,
.cont2 .pf-box .zy2-rw1 .img-pf img,
.cont2 .pf-box .zy2-rw3 .img-pf img,
.cont2 .pf-box .zy3-rw1 .img-pf2 img,
.cont2 .pf-box .zy3-rw2 .img-pf img,
.cont2 .pf-box .zy4-rw1 .img-pf img,
.cont2 .pf-box .zy5-rw1 .img-pf img,
.cont2 .pf-box .zy5-rw2 .img-pf img,
.cont2 .pf-box .zy5-rw3 .img-pf img,
.cont2 .pf-box .zy5-rw4 .img-pf img{-webkit-transform: scale(.92);-moz-transform: scale(.92);transform: scale(.92);}

.cont2 .pf-box .ms-box{width: auto;height: 100%;position: absolute;right: 0;top: 0;z-index: 3;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ease-in-out;-moz-animation: ease-in-out;animation: ease-in-out;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
.cont2 .pf-box .ms-box em{width: 14px;height: 179px;background: url(//res-horcrux.aojiaostudio.com/hqxy/website/sp-zybq.png) no-repeat;position: absolute;top: 50%;margin-top: -90px;left: -14px;cursor: pointer;-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;}
.cont2.open .pf-box .ms-box em{-webkit-transition: auto;-moz-transition: auto;transition: auto;}
.cont2.open2-1 .pf-box .ms-box em,
.cont2.open2-2 .pf-box .ms-box em,
.cont2.open2-3 .pf-box .ms-box em,
.cont2.open2-4 .pf-box .ms-box em,
.cont2.open2-5 .pf-box .ms-box em{background-position: -212px 0;}
.cont2.open3-1 .pf-box .ms-box em,
.cont2.open3-2 .pf-box .ms-box em{background-position: -71px 0;}
.cont2.open4-1 .pf-box .ms-box em,
.cont2.open4-2 .pf-box .ms-box em{background-position: -141px 0;}
.cont2.open5-1 .pf-box .ms-box em,
.cont2.open5-2 .pf-box .ms-box em,
.cont2.open5-3 .pf-box .ms-box em,
.cont2.open5-4 .pf-box .ms-box em{background-position: -282px 0;}

.cont2 .pf-box .ms-box .img-ms{width: 100%;height: auto;position: absolute;bottom: 2%;right: 0;}
.cont2 .pf-box .ms-box .img-ms img{display: block;margin: 0 auto 0 7.2%;}
.cont2 .pf-box .zy-box{visibility: hidden;}
.cont2 .pf-box .zy-box.off .ms-box{-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);opacity: 1;}
.cont2 .pf-box .zy1-rw1 .img-pf1{margin-left: -900px;margin-top: -305px;}
.cont2 .pf-box .zy1-rw1 .img-pf2{margin-left: -200px;margin-top: -410px;}
/* .cont2 .pf-box .zy1-rw2 .img-pf1{margin-left: -750px;margin-top: -380px;} */
/* .cont2 .pf-box .zy1-rw2 .img-pf2{margin-left: -300px;margin-top: -400px;} */
.cont2 .pf-box .zy1-rw2 .img-pf1{margin-left: -750px;margin-top: -360px;}
.cont2 .pf-box .zy1-rw2 .img-pf2{margin-left: -100px;margin-top: -370px;}
.cont2 .pf-box .zy1-rw3 .img-pf1{margin-left: -770px;margin-top: -350px;}
.cont2 .pf-box .zy1-rw3 .img-pf2{margin-left: -50px;margin-top: -360px;}
/* .cont2 .pf-box .zy1-rw3 .img-pf1{margin-left: -750px;margin-top: -360px;}
.cont2 .pf-box .zy1-rw3 .img-pf2{margin-left: -100px;margin-top: -370px;}
.cont2 .pf-box .zy1-rw4 .img-pf1{margin-left: -770px;margin-top: -350px;}
.cont2 .pf-box .zy1-rw4 .img-pf2{margin-left: -50px;margin-top: -360px;} */
/* .cont2 .pf-box .zy2-rw1 .img-pf1{margin-left: -800px;margin-top: -410px;}
.cont2 .pf-box .zy2-rw1 .img-pf2{margin-left: -80px;margin-top: -372px;} */
/* .cont2 .pf-box .zy2-rw2 .img-pf1{margin-left: -875px;margin-top: -350px;}
.cont2 .pf-box .zy2-rw2 .img-pf2{margin-left: -100px;margin-top: -370px;} */
.cont2 .pf-box .zy2-rw1 .img-pf1{margin-left: -770px;margin-top: -380px;}
.cont2 .pf-box .zy2-rw1 .img-pf2{margin-left: -280px;margin-top: -300px;}
.cont2 .pf-box .zy2-rw2 .img-pf1{margin-left: -830px;margin-top: -340px;}
.cont2 .pf-box .zy2-rw2 .img-pf2{margin-left: 90px;margin-top: -370px;}
/* .cont2 .pf-box .zy2-rw3 .img-pf1{margin-left: -770px;margin-top: -380px;}
.cont2 .pf-box .zy2-rw3 .img-pf2{margin-left: -280px;margin-top: -300px;}
.cont2 .pf-box .zy2-rw4 .img-pf1{margin-left: -830px;margin-top: -340px;}
.cont2 .pf-box .zy2-rw4 .img-pf2{margin-left: 90px;margin-top: -370px;} */
/* .cont2 .pf-box .zy2-rw5 .img-pf1{margin-left: -800px;margin-top: -320px;}
.cont2 .pf-box .zy2-rw5 .img-pf2{margin-left: -120px;margin-top: -340px;} */
.cont2 .pf-box .zy3-rw1 .img-pf1{margin-left: -760px;margin-top: -333px;}
.cont2 .pf-box .zy3-rw1 .img-pf2{margin-left: -194px;margin-top: -352px;}
.cont2 .pf-box .zy3-rw2 .img-pf1{margin-left: -670px;margin-top: -410px;}
.cont2 .pf-box .zy3-rw2 .img-pf2{margin-left: -150px;margin-top: -391px;}
.cont2 .pf-box .zy4-rw1 .img-pf1{margin-left: -880px;margin-top: -375px;}
.cont2 .pf-box .zy4-rw1 .img-pf2{margin-left: -400px;margin-top: -460px;}
.cont2 .pf-box .zy4-rw2 .img-pf1{margin-left: -715px;margin-top: -375px;}
.cont2 .pf-box .zy4-rw2 .img-pf2{margin-left: -110px;margin-top: -380px;}
/* .cont2 .pf-box .zy5-rw1 .img-pf1{margin-left: -900px;margin-top: -430px;}
.cont2 .pf-box .zy5-rw1 .img-pf2{margin-left: -80px;margin-top: -395px;} */
.cont2 .pf-box .zy5-rw1 .img-pf1{margin-left: -650px;margin-top: -380px;}
.cont2 .pf-box .zy5-rw1 .img-pf2{margin-left: -150px;margin-top: -375px;}
/* .cont2 .pf-box .zy5-rw3 .img-pf1{margin-left: -930px;margin-top: -390px;}
.cont2 .pf-box .zy5-rw3 .img-pf2{margin-left: -240px;margin-top: -380px;}
.cont2 .pf-box .zy5-rw4 .img-pf1{margin-left: -740px;margin-top: -320px;}
.cont2 .pf-box .zy5-rw4 .img-pf2{margin-left: -240px;margin-top: -330px;} */

.cont2.open1-1 .pf-box .zy1-rw1,
.cont2.open1-2 .pf-box .zy1-rw2,
.cont2.open1-3 .pf-box .zy1-rw3,
.cont2.open1-4 .pf-box .zy1-rw4,
.cont2.open2-1 .pf-box .zy2-rw1,
.cont2.open2-2 .pf-box .zy2-rw2,
.cont2.open2-3 .pf-box .zy2-rw3,
.cont2.open2-4 .pf-box .zy2-rw4,
.cont2.open2-5 .pf-box .zy2-rw5,
.cont2.open3-1 .pf-box .zy3-rw1,
.cont2.open3-2 .pf-box .zy3-rw2,
.cont2.open4-1 .pf-box .zy4-rw1,
.cont2.open4-2 .pf-box .zy4-rw2,
.cont2.open5-1 .pf-box .zy5-rw1,
.cont2.open5-2 .pf-box .zy5-rw2,
.cont2.open5-3 .pf-box .zy5-rw3,
.cont2.open5-4 .pf-box .zy5-rw4{visibility: visible;}

.cont2.open .btn-prev{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
.cont2.open .btn-next{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);transform: translateX(100px);opacity: 0;}
.cont2.open .rw-box{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);opacity: 0;}
.cont2.open .ul-jd{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);opacity: 0;}
.cont2.open .ul-nav{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);transform: translateX(-200px);opacity: 0;}

.cont2.open .pf-box{pointer-events: auto;visibility: visible;}
.cont2.open .btn-back{-webkit-transition: all .5s 1s;-moz-transition: all .5s 1s;transition: all .5s 1s;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity: 1;}
.cont2.open .ms-box{-webkit-transition: all .5s .4s;-moz-transition: all .5s .4s;transition: all .5s .4s;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0px);opacity: 1;}
.cont2.open .img-pf1{-webkit-transition: all .5s .6s;-moz-transition: all .5s .6s;transition: all .5s .6s;-webkit-animation: ani-pf1 1s .6s ease-in-out;-moz-animation: ani-pf1 1s .6s ease-in-out;animation: ani-pf1 1s .6s ease-in-out;}
.cont2.open .img-pf2{-webkit-transition: all .5s .4s;-moz-transition: all .5s .4s;transition: all .5s .4s;-webkit-animation: ani-pf2 1s .4s ease-in-out;-moz-animation: ani-pf2 1s .4s ease-in-out;animation: ani-pf2 1s .4s ease-in-out;}
.cont2.open .img-logo{-webkit-transition: all .5s .5s;-moz-transition: all .5s .5s;transition: all .5s .5s;opacity: 1;}
.cont2 .pf-box .zy-box.off .img-pf1,
.cont2 .pf-box .zy-box.off .img-pf2{-webkit-transform: translateX(215px);-moz-transform: translateX(215px);transform: translateX(215px);opacity: 1;}
.cont2 .pf-box .zy-box.off .img-logo{-webkit-transform: translateX(260px);-moz-transform: translateX(260px);transform: translateX(260px);}

@-webkit-keyframes ani-pf1 {
    0%{-webkit-transform: translateX(-100%);opacity: 0;}
    50%{-webkit-transform: translateX(8%);opacity: 1;}
    100% {-webkit-transform: translateX(0);opacity: 1;}
}
@-moz-keyframes ani-pf1 {
    0%{-moz-transform: translateX(-100%);opacity: 0;}
    50%{-moz-transform: translateX(8%);opacity: 1;}
    100% {-moz-transform: translateX(0);opacity: 1;}
}
@keyframes ani-pf1 {
    0%{transform: translateX(-100%);opacity: 0;}
    50%{transform: translateX(8%);opacity: 1;}
    100% {transform: translateX(0);opacity: 1;}
}

@-webkit-keyframes ani-pf2 {
    0%{-webkit-transform: translateX(-200%);opacity: 0;}
    50%{-webkit-transform: translateX(8%);opacity: 1;}
    100% {-webkit-transform: translateX(0);opacity: 1;}
}
@-moz-keyframes ani-pf2 {
    0%{-moz-transform: translateX(-200%);opacity: 0;}
    50%{-moz-transform: translateX(8%);opacity: 1;}
    100% {-moz-transform: translateX(0);opacity: 1;}
}
@keyframes ani-pf2 {
    0%{transform: translateX(-200%);opacity: 0;}
    50%{transform: translateX(8%);opacity: 1;}
    100% {transform: translateX(0);opacity: 1;}
}

.cont2 .img-pf1.ani-pf-back{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ani-pf1-back .5s ease-in-out forwards;-moz-animation: ani-pf1-back .5s ease-in-out forwards;animation: ani-pf1-back .5s ease-in-out forwards;}
.cont2 .img-pf2.ani-pf-back{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ani-pf2-back .5s .1s ease-in-out forwards;-moz-animation: ani-pf2-back .5s .1s ease-in-out forwards;animation: ani-pf2-back .5s .1s ease-in-out forwards;}

.cont2 .pf-box .zy-box.off .img-pf1.ani-pf-back{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ani-pf1-back2 .5s ease-in-out forwards;-moz-animation: ani-pf1-back2 .5s ease-in-out forwards;animation: ani-pf1-back2 .5s ease-in-out forwards;}
.cont2 .pf-box .zy-box.off .img-pf2.ani-pf-back{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;-webkit-animation: ani-pf2-back2 .5s .1s ease-in-out forwards;-moz-animation: ani-pf2-back2 .5s .1s ease-in-out forwards;animation: ani-pf2-back2 .5s .1s ease-in-out forwards;}


@-webkit-keyframes ani-pf1-back {
    0%{-webkit-transform: translateX(0);opacity: 1;}
    100% {-webkit-transform: translateX(-100%);opacity: 0;}
}
@-moz-keyframes ani-pf1-back {
    0%{-moz-transform: translateX(0);opacity: 1;}
    100% {-moz-transform: translateX(-100%);opacity: 0;}
}
@keyframes ani-pf1-back {
    0%{transform: translateX(0);opacity: 1;}
    100% {transform: translateX(-100%);opacity: 0;}
}

@-webkit-keyframes ani-pf2-back {
    0%{-webkit-transform: translateX(0);opacity: 1;}
    100% {-webkit-transform: translateX(-200%);opacity: 0;}
}
@-moz-keyframes ani-pf2-back {
    0%{-moz-transform: translateX(0);opacity: 1;}
    100% {-moz-transform: translateX(-200%);opacity: 0;}
}
@keyframes ani-pf2-back {
    0%{transform: translateX(0);opacity: 1;}
    100% {transform: translateX(-200%);opacity: 0;}
}

@-webkit-keyframes ani-pf1-back2 {
    0%{-webkit-transform: translateX(215px);opacity: 1;}
    100% {-webkit-transform: translateX(-100%);opacity: 0;}
}
@-moz-keyframes ani-pf1-back2 {
    0%{-moz-transform: translateX(215px);opacity: 1;}
    100% {-moz-transform: translateX(-100%);opacity: 0;}
}
@keyframes ani-pf1-back2 {
    0%{transform: translateX(215px);opacity: 1;}
    100% {transform: translateX(-100%);opacity: 0;}
}

@-webkit-keyframes ani-pf2-back2 {
    0%{-webkit-transform: translateX(215px);opacity: 1;}
    100% {-webkit-transform: translateX(-200%);opacity: 0;}
}
@-moz-keyframes ani-pf2-back2 {
    0%{-moz-transform: translateX(215px);opacity: 1;}
    100% {-moz-transform: translateX(-200%);opacity: 0;}
}
@keyframes ani-pf2-back2 {
    0%{transform: translateX(215px);opacity: 1;}
    100% {transform: translateX(-200%);opacity: 0;}
}

@keyframes ani-bb {
    0%, 100%{transform: translateX(0);}
    50% {transform: translateX(20px);}
}
@-webkit-keyframes ani-bb {
    0%, 100%{-webkit-transform: translateX(0);}
    50% {-webkit-transform: translateX(20px);}
}

/* cont3 start */
/* 世界观 */
.cont3 h4{width: 400px;height: 400px;font-size: 16px;position: absolute;top: 60px;left: 40px;line-height: 26px;color: #BDBFF9;}
.cont3 h4 span{font-weight: bold;font-size: 20px;line-height: 32px;}
.cont3 .map-wrap {position: relative; width: 100%; height: 100%; pointer-events: all !important; user-select: none;}
.cont3 .power-wrap{position: relative !important; width: 85px; height: 85px;}
.cont3 .power-wrap:nth-child(1){left: 21% !important; top: 55% !important;}
.cont3 .power-wrap:nth-child(2){left: 31% !important; top: 21% !important;}
.cont3 .power-wrap:nth-child(3){left: 47% !important; top: 48% !important;}
.cont3 .power-wrap:nth-child(4){left: 66% !important; top: 12% !important;}
.cont3 .power-wrap:nth-child(5){left: 74% !important; top: 23% !important;}
.cont3 .tag-wrap {position: relative; width: 85px; height: 85px;}
.cont3 .tag-wrap .icon-comm{display: block; position: absolute; top: 0; left: 0; transform: rotateZ(0deg); width: 85px; height: 85px; background: url('//res-horcrux.aojiaostudio.com/hqxy/website/icon-comm.png') no-repeat center center;
    -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; 
    -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s
}
.cont3 .tag-wrap .icon-comm:hover{transform: rotateZ(180deg);}
.cont3 .tag-wrap .icon-line{display: block; position: absolute; top: 5px; left: 10px; width: 148px; height: 23px; background: url('//res-horcrux.aojiaostudio.com/hqxy/website/icon-line.png') no-repeat center center;}
.cont3 .tag-wrap .power-name{position: absolute; top: -35px; left: 30px; width: 130px; height: 40px; text-align: center; line-height: 40px; font-size: 43px; font-family: 'RZBG'; color: #dce7ff;}
.cont3 .map-wrap .power-wrap:nth-child(1) .icon-line {transform: rotateY(180deg); left: -75px; top: 5px;}
.cont3 .map-wrap .power-wrap:nth-child(1) .power-name {top: -40px; left:-75px;}
.cont3 .detail-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 165px; height: 167px;}
.cont3 .detail-wrap .power-icon {display: block; width: 165px; height: 167px; 
    animation: showPowerIcon .4s ease-in-out forwards;
    -webkit-animation: showPowerIcon .4s ease-in-out forwards;
    -moz-animation: showPowerIcon .4s ease-in-out forwards;
}
.cont3 .detail-wrap .power-icon.hide {
    animation: hidePowerIcon .4s ease-in-out forwards;
    -webkit-animation: hidePowerIcon .4s ease-in-out forwards;
    -moz-animation: hidePowerIcon .4s ease-in-out forwards;
}
@-webkit-keyframes showPowerIcon {
    0% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
    100% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
}
@-moz-keyframes showPowerIcon {
    0% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
    100% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
}
@keyframes showPowerIcon {
    0% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
    100% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
}
@-webkit-keyframes hidePowerIcon {
    0% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
    100% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
}
@-moz-keyframes hidePowerIcon {
    0% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
    100% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
}
@keyframes hidePowerIcon {
    0% {-webkit-transform: scale(1)rotateZ(360deg);opacity: 1;}
    100% {-webkit-transform: scale(0)rotateZ(0);opacity: 0;}
}
.cont3 .detail-wrap .power-pic {display: block; width: 266px; height: 357px; position: absolute; box-shadow: rgba(0, 0, 0, .5) 10px 10px 20px;
    opacity: 0; overflow: hidden;
    animation: showPowerPic .4s .3s ease-in-out forwards;
    -webkit-animation: showPowerPic .4s .3s ease-in-out forwards;
    -moz-animation: showPowerPic .4s .3s ease-in-out forwards;
}
.cont3 .detail-wrap .power-pic.hide {
    animation: hidePowerPic .4s ease-in-out forwards;
    -webkit-animation: hidePowerPic .4s ease-in-out forwards;
    -moz-animation: hidePowerPic .4s ease-in-out forwards;
}
.cont3 .power-wrap:nth-child(1) .power-pic{left: -50px; top: -400px;}
.cont3 .power-wrap:nth-child(2) .power-pic{left: 185px; top:-100px;}
.cont3 .power-wrap:nth-child(3) .power-pic{right: 190px; top: -100px;}
.cont3 .power-wrap:nth-child(4) .power-pic{right: 185px; top: -200px;}
.cont3 .power-wrap:nth-child(5) .power-pic{left: 185px; top: -150px;}

.cont3 .detail-wrap .power-pic:after{display: block; content: ''; width: 266px; height: 357px;
    position: absolute; top: 10px; left: 10px; z-index: -1;
    border: solid rgba(83, 83, 83, 0.5) 1px;
    box-shadow: rgba(0, 0, 0, .3) 10px 10px 20px;
}
@-webkit-keyframes showPowerPic {
    0% {opacity: 0; height: 0px; overflow: hidden;}
    100% {opacity: 1; height: 357px; overflow: visible;}
}
@-moz-keyframes showPowerPic {
    0% {opacity: 0; height: 0px; overflow: hidden;}
    100% {opacity: 1; height: 357px; overflow: visible;}
}
@keyframes showPowerPic {
    0% {opacity: 0; height: 0px; overflow: hidden;}
    100% {opacity: 1; height: 357px; overflow: visible;}
}

@-webkit-keyframes hidePowerPic {
    0% {opacity: 1; height: 357px; overflow: visible;}
    100% {opacity: 0; height: 0px; overflow: hidden;}
}
@-moz-keyframes hidePowerPic {
    0% {opacity: 1; height: 357px; overflow: visible;}
    100% {opacity: 0; height: 0px; overflow: hidden;}
}
@keyframes hidePowerPic {
    0% {opacity: 1; height: 357px; overflow: visible;}
    100% {opacity: 0; height: 0px; overflow: hidden;}
}

.cont3 .detail-wrap .power-desc{position: relative; width: 721px; height: 347px; background-color: rgba(0, 0, 0, .5);
    border-left: #0012ff solid 7px; font-family: 'RZBG'; color: #fff; overflow: hidden; opacity: 0;
    animation: showPowerDesc .4s .3s ease-in-out forwards;
    -webkit-animation: showPowerDesc .4s .3s ease-in-out forwards;
    -moz-animation: showPowerDesc .4s .3s ease-in-out forwards;
}
.cont3 .detail-wrap .power-desc.hide {
    animation: hidePowerDesc .4s ease-in-out forwards;
    -webkit-animation: hidePowerDesc .4s ease-in-out forwards;
    -moz-animation: hidePowerDesc .4s ease-in-out forwards;
}
.cont3 .detail-wrap .power-desc .name{width: 720px; height: 60px; font-size: 32px; line-height: 70px; text-align: center;}
.cont3 .detail-wrap .power-desc .desc-wrap{width: 710px; height: 267px; overflow-x:hidden; overflow-y: hidden;}
.cont3 .detail-wrap .power-desc .desc{width: 680px; height: auto; font-size: 24px; line-height: 45px; text-align: left; padding-left: 25px;}
.cont3 .power-wrap:nth-child(1) .power-desc{left: 190px; top: -180px;}
.cont3 .power-wrap:nth-child(2) .power-desc{left: -45px; top: 120px;}
.cont3 .power-wrap:nth-child(3) .power-desc{left: 180px; top: -260px;}
.cont3 .power-wrap:nth-child(4) .power-desc{right: 515px; top: 30px;}
.cont3 .power-wrap:nth-child(5) .power-desc{left: -740px; top: -310px;}
.cont3 .power-wrap:nth-child(5) .power-desc .desc{font-size: 23px;}
/* .cont3 .detail-wrap .desc-wrap::-webkit-scrollbar { width: 15px; border-radius: 15px; background-color:rgba(255, 255, 255, .2);} */
/* .cont3 .detail-wrap .desc-wrap::-webkit-scrollbar-thumb { border-radius: 15px; background-color: #fff;} */

@-webkit-keyframes showPowerDesc {
    0% {opacity: 0; width: 0px;}
    100% {opacity: 1; width: 720px;}
}
@-moz-keyframes showPowerDesc {
    0% {opacity: 0; width: 0px;}
    100% {opacity: 1; width: 720px;}
}
@keyframes showPowerDesc {
    0% {opacity: 0; width: 0px;}
    100% {opacity: 1; width: 720px;}
}

@-webkit-keyframes hidePowerDesc {
    0% {opacity: 1; width: 720px;}
    100% {opacity: 0; width: 0px;}
}
@-moz-keyframes hidePowerDesc {
    0% {opacity: 1; width: 720px;}
    100% {opacity: 0; width: 0px;}
}
@keyframes hidePowerDesc {
    0% {opacity: 1; width: 720px;}
    100% {opacity: 0; width: 0px;}
}
/* cont3 end */

/* cont4 start */
/* 缩略图 */
.cont4 .atlas-wrap{position: relative; width: 100%; height: 100%;}
.cont4 .atlas-wrap .atlas{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.95);  width: 1800px; height: 902px;}
.cont4 .atlas-wrap .atlas::after{content: ''; clear: both;}
.cont4 .atlas-wrap .atlas-item{width: 20%; float: left;}
.cont4 .atlas-wrap .atlas-item::after{content: ''; clear: both;}
.cont4 .atlas-wrap .atlas-item:nth-child(3){width: 40%;}
.cont4 .atlas-wrap .atlas-link{display: block; overflow: hidden; position: relative;cursor: pointer;}
.cont4 .atlas-wrap .atlas-item:nth-child(3) .atlas-link{float: left;}
.cont4 .atlas-wrap .atlas-link:hover .atlas-img{transform: scale(1.05);}
.cont4 .atlas-wrap .atlas-img{display: block; width: 100%; height: auto;}
.cont4 .atlas-wrap .atlas:hover .atlas-link:after{background-color: rgba(0,0,0,.3)}
.cont4 .atlas-wrap .atlas:hover .atlas-link:hover:after{background-color: rgba(255,255,255,.1)}
.cont4 .atlas-wrap .atlas-link:after{
    content: ''; display: block; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
    -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; 
    -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s
}
.transition {
    -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; 
    -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s
}
.viewer-canvas>img{box-sizing: border-box;border: 5px solid #FBEDD3;}
/* cont4 end */

/* 视听中心 start */
.cont5 .media-center{width: 1834px; height: auto; overflow: hidden; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cont5 li{float: left; width: 576px; height: 435px; margin-right: 53px; position: relative;}
.cont5 li:last-child{margin-right: 0;}
.cont5 li .pic{padding: 23px 0 0 18px; width:516px; height: 282px; overflow: hidden;}
.cont5 li .pic span{display: block; width:516px; height: 282px; overflow: hidden;}
/* .cont5 li .pic img{transform-origin: left top;} */
.cont5 .media-center .media-box{width: 576px; height: 435px; position: absolute; top: 0; left: 0; background: url('//res-horcrux.aojiaostudio.com/hqxy/website/pic-box.png') no-repeat center;}
.cont5 .media-center .tag-en{position: absolute; top: 32px; right: 122px;}
.cont5 .media-center .tag-cn{position: absolute; top: 305px; right: 24px; width: 235px;height: 75px; font-size: 48px; color: #fff; text-align: center; line-height: 75px; font-family: 'RZBG';}
.cont5 li:hover .pic img{transform: scale(1.05);}
/* 视听中心 end */

/* 屏幕尺寸适配 */
@media (max-width: 1440px) {
    .cont3 .map-wrap {
        transform: scale(0.7) !important;
    }
    .cont4 .atlas-wrap .atlas {
        transform: translate(-50%, -50%) scale(0.7);
    }
    .cont5 .media-center {
        transform: translate(-50%, -50%) scale(0.7);
    }
}

.videoPop {position: fixed;width: 100%;height: 100%;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 98;display: none;}
.videoPop .close {position: absolute;left: 50%;margin-left: 351px;top: 50%;margin-top: -191px;width: 55px;height: 57px;cursor: pointer;background: url(//res-horcrux.aojiaostudio.com/hqxy/other/s20190513trials/dia-close.png) no-repeat center;z-index: 9999;}
.videoPlay {width: 745px;height: 418px;padding: 20px 0 0 27px;background: url(//res-horcrux.aojiaostudio.com/hqxy/other/s20190513trials/video-bg.png) no-repeat;position: absolute;left: 50%;top: 50%;z-index: 99;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);box-sizing: border-box;}
.videoPlay #video {width: 688px;height: 384px;}

/* Dialog弹窗 start */
.pop-wrap, .pop-video {display: block; width: 100%; height: 100%; background-color: rgb(0, 0, 0, .7); position: absolute; z-index: 999; top: 0; left: 0;}
.pop-wrap .pop-box, .pop-video .pop-box {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) scale(.8); -webkit-transform: translate(-50%, -50%) scale(.8); -moz-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); -o-transform: translate(-50%, -50%) scale(.8); overflow: hidden; position: relative; pointer-events: all;}
.pop-wrap .pop-cont {text-align: center;  overflow: hidden; font-family: 'Noto Sans SC', 'Microsoft Yahei';}
.pop-wrap .pop-box .title {width: 100%; height: 70px; font-size: 30px; color: #f5c493; font-weight: bold; text-align: center; line-height: 65px;}
.pop-wrap .btn-close {position: absolute; width: 75px; height: 68px; top: 9px; right: -58px; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/btn-close.png') no-repeat;}

/* login */
.pop-login .pop-box {width: 464px; height: 268px; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/pop-login1.png') no-repeat center center; overflow: visible;}
.pop-login .pop-cont {width: 432px; height: 240px; margin: 0 auto; padding-top: 15px; font-size: 20px; color: #603b25;}
.pop-login .form {width: 432px; height: auto; margin: 34px auto 0; text-align: left; line-height: 40px;}
.pop-login .plat-android, .pop-login .plat-ios {display: inline-block; height: 32px; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/icon-plat.png') no-repeat center left; vertical-align: middle; cursor: pointer; color: #97551a; line-height: 32px; text-indent: 35px;}
.pop-login .plat-android {margin-left: 20px;}
.pop-login .plat-ios {margin-left: 40px;}
.pop-login .plat-sel {background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/icon-plat-sel.png') no-repeat center left; color: #ffc14a;}
.pop-login .tag {display: inline-block; min-width: 180px; height: 40px; font-weight: bold; text-shadow: 0 0 0 #603b25; vertical-align: middle;}
.pop-login .form li {text-align: center; margin-top: 18px;}
.pop-login input {display: inline-block; width: 268px; height: 38px; background-color: rgba(249, 141, 46, .36); vertical-align: middle; border: 1px solid #feda83; font-size: 18px; color: #fff4c2; line-height: 38px; padding: 0 10px; margin-left: 80px;}
.pop-login .code-input {width: 116px;}
.pop-login input::-webkit-input-placeholder{ color: rgba(246, 216, 169, .35);}
.pop-login input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color: rgba(246, 216, 169, .35);}
.pop-login input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color: rgba(246, 216, 169, .35);}
.pop-login input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color: rgba(246, 216, 169, .35);}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }
.pop-login .btn-commit {display: block; width: 200px; height: 66px; margin: 20px auto 0; background-position: -242px -5px;}
.pop-login .btn-verification, .pop-login .btn-disable {display: inline-block; width: 138px; height: 40px; background-color: #ffc14a; vertical-align: middle; margin-left: 14px; font-family: 'RZBG'; font-size: 20px; color: #5a2202; text-align: center; line-height: 40px;}
.pop-login .btn-commit {display: block; width: 206px; height: 84px; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/btn-login.png') no-repeat; margin: 5px auto 0;}

/* succ */
.pop-cdk .pop-box {width: 364px; height: 208px; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/pop-cdk.png') no-repeat center center; overflow: visible;}
.pop-cdk .pop-cont {width: 364px; height: 190px; padding-top: 15px;}
.pop-cdk .invite-code {display: inline-block; overflow: hidden; width: 228px; height: 38px; background-color: rgba(249, 141, 46, .36); border: 1px solid #feda83; font-size: 18px; color: #fff4c2; line-height: 38px; text-align: center; margin-top: 60px;}
.pop-cdk .invite-code-clip {position: absolute; top: 0; left: 0; width: 1px; height: 0; border: none; opacity: 0;}
.pop-cdk .btn-copy {display: block; width: 133px; height: 54px; margin: 5px auto 0; background: url('//res-horcrux.aojiaostudio.com/hqxy/newyearm/pop/btn-copy.png');}

/* Dialog弹窗 end */

/* --- 弹窗 --- */
.dia-black{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.9);z-index: 98;display: none;}
.dia-box{display: none;z-index: 99;outline: none;opacity: 0;position: fixed;}
.dia-con{width: 100%;height: 100%;position: relative;box-sizing: border-box;}
.dia-fade1{animation: dia-fade1 .5s forwards;-webkit-animation: dia-fade1 .5s forwards;-moz-animation: dia-fade1 .5s forwards;}
.dia-fade2{animation: dia-fade2 .5s forwards;-webkit-animation: dia-fade2 .5s forwards;-moz-animation: dia-fade2 .5s forwards;}

@-webkit-keyframes dia-fade1{
	0%{-webkit-transform: translate(0, 60px);opacity: 0;}
	100%{-webkit-transform: translate(0, 0);opacity: 1;}
}
@-moz-keyframes dia-fade1{
	0%{-moz-transform: translate(0, 60px);opacity: 0;}
	100%{-moz-transform: translate(0, 0);opacity: 1;}
}
@keyframes dia-fade1{
	0%{transform: translate(0, 60px);opacity: 0;}
	100%{transform: translate(0, 0);opacity: 1;}
}

@-webkit-keyframes dia-fade2{
	0%{-webkit-transform: translate(0, 0);opacity: 1;}
	100%{-webkit-transform: translate(0, 60px);opacity: 0;}
}
@-moz-keyframes dia-fade2{
	0%{-moz-transform: translate(0, 0);opacity: 1;}
	100%{-moz-transform: translate(0, 60px);opacity: 0;}
}
@keyframes dia-fade2{
	0%{transform: translate(0, 0);opacity: 1;}
	100%{transform: translate(0, 60px);opacity: 0;}
}

.dia-box1{width: 541px;height: 312px;left: 50%;top: 50%;margin: -156px 0 0 -270px;background: url(//res-horcrux.aojiaostudio.com/hqxy/other/s20190513trials/dia-bg1.png) no-repeat;}
.dia-box1 .dia-con{padding: 110px 0 0 0;}
.dia-box1 .dia-close{width: 55px; height: 57px;background: url(//res-horcrux.aojiaostudio.com/hqxy/other/s20190513trials/dia-close.png) no-repeat;position: absolute;right: -33px;top: 18px;}
.dia-box1 .info-box{padding-left: 265px;width: 220px;overflow: hidden;margin-bottom: 23px;}
.dia-box1 .inp-phone{width: 220px;height: 40px;border: 0;background: none;font-size: 16px;color: #fff;box-sizing: border-box;padding: 0 0 0 32px;margin-bottom: 16px;}
.dia-box1 .inp-yzm{width: 108px;height: 40px;border: 0;background: none;font-size: 16px;color: #fff;box-sizing: border-box;padding: 0 0 0 32px;margin-right: 13px;display: inline-block;}
.dia-box1 .btn-send{width: 99px;height: 40px;color: #292c51;font-size: 16px;line-height: 39px;background: #b6bcf8;text-align: center;display: inline-block;}
.dia-box1 .btn-cyhd{width: 193px;height: 57px;background: url(//res-horcrux.aojiaostudio.com/hqxy/other/s20190513trials/btn-cyhd.png) no-repeat;display: block;margin-left: 280px;}

@media (max-width: 1440px) {
	.cont1 .down-box.on{margin-left: 50px;}
}