html { font-family: 'songti',"myfont Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 6.2vw;height: 100vh;width:100%;margin: 0 auto;}

*{touch-action: pan-y;font-style: normal;}
body { margin: 0; font-size: 0.6rem; line-height: 1.5; color: #515255; background:#f7f7f7;height: 100vh;width: 100%; overflow:hidden;-webkit-overflow-scrolling: touch;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;font-weight: normal;  }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1{padding:0.5rem 0;}
input,textarea,a{outline: none;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
img{width: 100%;display: block;vertical-align: middle;}
.wrap{position: relative;overflow-x: hidden;}
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}

@keyframes leftfadeIn{
	from{opacity: 0;transform: translateX(-100%);}
	to{opacity: 1;transform: translateX(0);}
}
@keyframes leftfadeOut{
	from{opacity: 1;transform: translateX(0);}
	to{opacity:0;transform: translateX(-100%);}
}

@keyframes rightfadeIn{
	from{opacity: 0;transform: translateX(100%);}
	to{opacity: 1;transform: translateX(0);}
}
@keyframes rightfadeOut{
	from{opacity: 1;transform: translateX(0);}
	to{opacity:0;transform: translateX(100%);}
}

@keyframes upfadeIn{
	from{opacity: 0;transform: translateY(1rem);}
	to{opacity: 1;transform: translateY(0);}
}
@keyframes upfadeOut{
	from{opacity: 1;transform: translateY(0);}
	to{opacity: 0;transform: translateY(1rem);}
}

@keyframes downfadeIn{
	from{opacity: 0;transform: translateY(-1rem);}
	to{opacity: 1;transform: translateY(0);}
}
@keyframes downfadeOut{
	from{opacity: 1;transform: translateY(0);}
	to{opacity: 0;transform: translateY(-1rem);}
}

@keyframes pulse{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
	/* 0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} */
	0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
	40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
	60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
	80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
	100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@-webkit-keyframes shakeY{
	/* 0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
	20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} */
	0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
	20%,60%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
	40%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
}

@-webkit-keyframes shakeX{
	0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
	20%,60%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
	40%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@-webkit-keyframes bounce{
	0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
	40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}
	70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}
	80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
	90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}
}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

.raudiobtn{position: absolute;left:1rem;top:.8rem;z-index: 10001; width: .9rem;height:.9rem;background:url(../imgs/off.png) no-repeat;background-size: cover;}
.raudiobtn.on{background-image: url(../imgs/on.png);}
.animate__bounceIn{animation:bounceIn .75s;}
.loadingpage{position: absolute;left:0;top:0;width: 100%;z-index: 1999;height: 100%;display: flex;justify-content: center;align-items: center;color:#000000;font-size: 20px;transition: 1s;}
.loadingpage.leave{pointer-events: none;opacity: 1;animation: fadeOut 1s .5s forwards;}
.page{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top:0;z-index: 0;transition: .6s;opacity: 0;}
.page.show{opacity: 1;z-index: 999;}

.page1{background:url(../imgs/homebg.jpg) no-repeat center;background-size: cover;width: 100%;height:100%;position: relative;opacity: 0;transition: 1.5s;}
.page1 .lxlogo{padding:.8rem 1rem;opacity: 0;overflow: hidden;}
.page1 .lxlogo img{width:3.8rem;float: right;}
.page1 .slogan{width: 10rem;margin:0 auto;}
.page1 .z{width: 7rem;margin:0 auto;position: relative;z-index: 999;}
.page1 .z > img{opacity: 0;}
.page1 .z .x{width: 3.4rem;margin:0 auto;opacity: 0;}
.page1 .bot{position: absolute;bottom:0;padding:0 1.5rem 1rem;box-sizing: border-box;z-index: 15;}
.page1 .bot .t3{width:9rem;margin: 0 auto;}
.page1 .bot img{opacity: 0;position: relative;z-index: 1;}
.page1 .bot .btg{z-index: 0;position: absolute;bottom:0;left:0;}
.page1 .rws{position: absolute;bottom:0;left:0;width: 100%;z-index: 10;opacity: 0;transition: .5s;}
.page1 .rws .kid{width: 15.5rem;position: absolute;left:0;bottom:0;z-index: 3;opacity: 0;}
.page1 .rws .theach{width: 9.23rem;position: absolute;right:0;bottom:0;z-index: 2;opacity: 0;}
.page1 .rws .lemb{width: 7.05rem;position: absolute;right:4.3rem;bottom:8.8rem;z-index: 5;opacity: 0;}
.page1 .rws .btg{width: 100%;position: absolute;left:0;bottom:0;z-index: 10;}
.page1 .aed_t{width:1.73rem;height: 2.3rem;position: absolute;left:4.8rem;top:50%;margin-top: -5.2rem;}
.page1 .aed_t img{position: absolute;left:0;top:0;}
.page1 .aed_t img:nth-child(1){animation: fadeIn 3s infinite alternate;}
.page1 .aed_t img:nth-child(2){animation: fadeIn 3s 3s infinite alternate;}
.page1 .aed_t2{width: 1.33rem;position: absolute;left:5.5rem;top:50%;margin-top: -1.52rem;}
.page1 .aed_t2 img{position: absolute;left:0;top: 0;}
.page1 .aed_t2 img:nth-child(1){animation: fadeIn 6s infinite alternate;}
.page1 .aed_t2 img:nth-child(2){animation: fadeIn 6s 6s infinite alternate;}
.page1.show .rws{opacity: 1;}
.page1.show .rws .kid{animation: fadeIn .6s 1s forwards;}
.page1.show .rws .theach,.page1.show .rws .lemb{animation: rightfadeIn .6s 1s forwards;}
.page1.show .rws .lemb img{animation: lemb 1s infinite alternate;}
@keyframes lemb{
	0%{transform:rotate(3deg);transform-origin: right center;}
	50%{transform:rotate(0);transform-origin: right center;}
}
.page1 .z .x div:nth-child(2){margin-top: -.45rem;}

.page1.show {opacity: 0; animation: fadeIn 2s forwards;}
.page1.show .lxlogo{animation: rightfadeIn .6s forwards;}
.page1.show .slogan{animation: upfadeIn .6s forwards;}
.page1.show .z > img:nth-child(1){animation: upfadeIn .6s .5s forwards;}
.page1.show .z > img:nth-child(2){animation: upfadeIn .6s .75s forwards;}
.page1.show .z .x{animation: upfadeIn .6s .75s forwards;}
.page1.show .z .x div:nth-child(1){animation: x 1.5s forwards  ;}
.page1.show .z .x div:nth-child(2) img{animation: pulse 1s infinite;}
.page1.show .z .x div:nth-child(1) img{animation:flipInY 1s 2s infinite alternate;}

@keyframes x{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
	
}
@-webkit-keyframes flipInY{
	0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}
	40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
	80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}

.page1.show .bot img:nth-child(1){animation: upfadeIn .6s .5s forwards;}
.page1.show .bot img:nth-child(2){animation: upfadeIn .6s .75s forwards;}

.page1.leave .lxlogo{opacity:1;animation: rightfadeOut .6s .7s forwards;}
.page1.leave .slogan{opacity:1;animation: upfadeOut .6s .5s forwards;}
.page1.leave .z > img:nth-child(1){opacity: 1; animation: upfadeOut .6s .4s forwards;}
.page1.leave .z > img:nth-child(2){opacity: 1; animation: upfadeOut .6s .25s forwards;}
.page1.leave .z .x{opacity:1; animation: fadeOut .6s forwards;}
.page1.leave .bot img:nth-child(1){opacity: 1;animation:upfadeOut .6s .5s forwards;}
.page1.leave .bot img:nth-child(2){opacity: 1;animation:upfadeOut .6s .75s forwards;}
.page1.leave {opacity: 1;animation:fadeOut .6s .75s forwards;}

.page2{}
.page2 .tip,.start_tip{position: absolute;left:0;top: 0;width: 100%;height: 100%;z-index: 999;pointer-events: none;display: flex;justify-content: space-between;align-items: center;flex-direction: column;box-sizing: border-box;padding:2rem;}
.page2 .tip span{display: block;opacity: 0;}
.page2 .point{pointer-events: none; width: 1.8rem;height:1.8rem;display: block;position:absolute;left:50%;bottom:9rem;margin-left: -.8rem; opacity: 0;}
.page2 .point.show{opacity: 1; animation: point .7s infinite;}
@keyframes point {
	0% {transform: translate3d(1rem,1rem,1rem) scale(1);}
	100% {transform: translate3d(.5rem,.5rem,.5rem) scale(.8);}
}
.page2 .tip span:after{content:'';width:2rem;height: 2rem;display: block;background:url(../imgs/jt.png) no-repeat;background-size: 100%;}
.page2 .tip span:nth-child(2):after{transform: rotate(180deg);}
.page2 .tip.one span:nth-child(2){display: none;}
.page2 .tip.last span:nth-child(1){display: none;}
.page2.show .tip.show span:nth-child(1){animation: upfadeIn 1s alternate  forwards;animation-iteration-count:5;}
.page2.show .tip.show span:nth-child(2){animation: downfadeIn 1s alternate  forwards;animation-iteration-count:5;}

.start_tip{background:rgba(0,0,0,.64);pointer-events: all;justify-content: center;transition: .6s .3s;}
.start_tip.leave{opacity: 0;pointer-events: none;}
.start_tip .info{display: flex;align-items: center;justify-content: space-between;height: 70%;flex-direction: column;}
.start_tip .info h2{width:4.5rem;flex:1;padding-top: 1rem;}
.start_tip .info a{text-align: center;animation: pulse 1.5s .5s infinite;}
.start_tip .info a.visited{border-color: #243478;}
.start_tip .info a.visited span{color:#fff;}
.start_tip .info a.visited:after{background-color: #243478;transition: .4s;}

.start_tip .info p{text-shadow: 0 0 .25rem rgba(25,144,214,.85);color:#fff;padding-top: 1rem;}

.start .in{position: relative;}
.stage {
    width: .2rem;
	height:8rem;
    text-align: center;
	position: relative;
	opacity: .66;
	margin:0 0 1rem;
}
.stage img{display: block;margin:0 auto;}
.stage:before{content: "";width: .2rem;height: .2rem;border-radius: 50%;display: block;background-color: #fff;position: absolute;left:0;top:-.05rem;animation: horizontal 1.8s linear 0s infinite alternate;}
@keyframes horizontal {
	0% {top: .3rem;}
	100% {top: 4.8rem;}
}
.stage p{padding-top: .5rem;}

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

.asks.show{z-index: 1000;color:#243478;font-family: songti;}
.asks.sel .info{background:url(../imgs/askqbg.png) no-repeat bottom;background-size: 100%;}
.asks .info{position:relative;z-index: 9;width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;box-sizing: border-box;padding:1rem;}
.asks .info h2{padding:0 0 .5rem;text-align: center;width: 80%;font-weight: 900; opacity: 0;}
.asks .info .question{text-align: center;padding-bottom: .5rem; opacity: 0;}
.asks .info .option{flex:1;display: flex;align-items: flex-start; justify-content: space-between;font-size: .5rem;width:98%;padding:.8rem 0;}
.asks .info .option a{display: block;min-width: 3.5rem;text-align: center;opacity: 0;}
.asks .info .option a span{padding:.3rem;white-space: nowrap;}
.asks .info .option a:nth-child(2){margin: 0 .2rem;}
.asks .info .c{opacity: 0;}
.so{border:1px solid #fff;border-radius: .45rem;display: block;position: relative;transition: .3s;}
.asks .info .option .so{animation:bounceIn .75s forwards;}
.so span{display: block;padding:.3rem .8rem;position: relative;z-index: 2;color:#243478;transition: .3s;}
.so:after{content: "";display: block;position: absolute;left:.15rem;top:.15rem;border-radius: .3rem;display: block;width:calc(100% - .3rem);height:calc(100% - .3rem);background-color: rgba(255,255,255,.5);box-shadow: 0 0 .5rem rgba(0,0,0,.2);transition: .3s;}

.asks .info .option a.selected{border-color: #243478;}
.asks .info .option a.selected span{color:#fff;}
.asks .info .option a.selected:after{background-color: rgba(29,32,136,.5);}
.asks .info .option a.selected2,.asks .info .option a.selected2 span,.asks .info .option a.selected2:after{transition: 1s;}

.asks .info .option a.r{opacity: 1;animation: shakeY .6s;}
.asks .info .option a.w{opacity: 1; /* animation: shakeX .6s; */position: relative;}
.asks .info .option a.w:before{content:"";width:3rem;height: 3rem;background: url(../imgs/error.png) no-repeat;background-size: cover;position: absolute;left:50%;top:50%;margin:-1.5rem 0 0 -1.5rem;animation: bounceIn .6s 2;z-index: 9;}
.asks .info .option a.w span{}

.asks .info .btns a span{font-size: .7rem;padding:.4rem 1rem;}
.asks .info .btns{opacity: 0;pointer-events: none;}
.asks .info .btns.show{animation: upfadeIn .3s 1s forwards;pointer-events: all;}
.asks .info.white{color:#fff;}

.asks .info .btns{display: flex;align-items: center;justify-content: center;}
.asks .info .btns a{margin:1rem .25rem .5rem;}

.asks .askcum{position: absolute;left:0;top:0;width:100%;height:100%;opacity: 0;}
.asks .askcum div{background:no-repeat center ;background-size: cover;overflow: hidden;opacity: 0;width:100%;height: 100%;position: absolute;left:0;top:0;}
.asks .askcum img{opacity: 0;}
.asks.show .askcum.show {opacity: 1;}
.asks.show .askcum.show div.a{animation:fadeIn .6s .3s forwards;}
.asks.sel .askcum.show div.q{animation:fadeIn .6s .2s forwards;z-index: 7;}
.asks .result{width: 90%;opacity: 0;padding-bottom: .35rem;}
.asks .result span{}
.asks .result.so{animation: fadeIn .4s forwards;}
.asks .result:after{background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,1));}
.asks .result h4{color:#243478;font-size: .7rem;padding:.5rem .8rem 0;position:relative;z-index: 9;}
.asks.show .info h2{animation: upfadeIn .6s .4s forwards;}
.asks.show .info .question{animation: upfadeIn .6s .7s forwards;}
.asks.show .info .c{animation: upfadeIn .6s 1s forwards;}

.asks.leave{animation:fadeOut .6s .4s forwards;pointer-events: none;}
.overpage.show{animation-duration: .5s;}
.overpage{background:url(../imgs/overbg.jpg) no-repeat center;background-size: cover;color:#243478;text-align: center;}
.overpage .bg{display: none;}
.overpage .ren{position: absolute;bottom:0;width:100%;z-index: 0;opacity: 0;max-height:55%;}
.overpage .ren img{width: 100%;}
.overpage h2{width: 80%;opacity: 0;}

.overpage p{opacity: 0;}
.overpage h3{opacity: 0;}
.overpage .info{width: 100%;height: 100%;display: flex;flex-direction: column;box-sizing: border-box;padding:2rem 1rem 1rem;align-items: center;justify-content: space-between;z-index: 9;position: relative;}
.overpage .info .x{flex:1;opacity: 0;}
.overpage .info .x img{width:3rem;display: block;margin:0 auto; }
.overpage .info p{padding:.5rem 0;}
.overpage .btns{opacity: 0;}
.overpage .btns a span{font-size: .8rem;}
.overpage.show  .ren{animation: upfadeIn 3s forwards;}
.overpage.show h2{animation: upfadeIn .6s .2s forwards;}
.overpage.show p{animation: upfadeIn .6s .35s forwards;}
.overpage.show h3{animation: upfadeIn .6s .5s forwards;}
.overpage.show .x{animation:bounceIn 1s .6s forwards;}
.overpage.show .btns{animation: upfadeIn .6s 1s forwards;}
.overpage.show .btns a{animation: bounce3 3s 3s infinite;}

@-webkit-keyframes bounce3{
	0%,20%,28%,50%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
	20%,23%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}
	35%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}
	40%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
	45%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}
}
.overpage.leave {opacity: 0;transition: 1s;pointer-events: none;}
.overpage.leave  .ren{opacity:1;animation: upfadeOut 2s forwards;}
.overpage.leave h2{opacity:1;animation: upfadeOut .6s .4s forwards;}
.overpage.leave p{opacity:1;animation: upfadeOut .6s .3s forwards;}
.overpage.leave h3{opacity:1;animation: upfadeOut .6s .2s forwards;}
.overpage.leave .x{opacity:1;animation:fadeOut .6s .1s forwards;}
.overpage.leave .btns{opacity:1;animation: upfadeOut .6s forwards;}

.selSchool{background: url(../imgs/echartbg.jpg) no-repeat center;background-size: cover;}
.selSchool .bg{display: none;}
.selSchool .ren{position: absolute;right:1rem;bottom:0;width: 8rem;z-index:0;}
.selSchool .info{position: relative;z-index: 9;width: 100%;height: 100%;box-sizing: border-box;padding:1rem;color:#fff;text-align: center;display: flex;flex-direction: column;align-items: center;}
.selSchool .t span{display: block;line-height: 2em;opacity: 0;}
.selSchool .sel{transition: .5s; background: linear-gradient(#a7d4e9, #e9f8ff);color:#666;padding:.2rem 1.25rem;border-radius: .25rem;border:1px solid #333;margin-top: 1.4rem;opacity: 0;}
.selSchool a{display: block;width:7rem;opacity: 0;pointer-events: none;}
.selSchool a.show{animation:bounceIn .7s .3s forwards;pointer-events: all;}
.schoolname{padding:.5rem 0 1.5rem;}
.schoolname span{display: inline-block;padding:0 .2rem;}

.selSchool .sel span{font-size:.7rem;}

.selSchool.show .ren{animation: rightfadeIn 1s .2s forwards;}
.selSchool.show .t span{animation:upfadeIn .6s forwards;}
.selSchool.show .t span:nth-child(1){animation-delay: .2s;}
.selSchool.show .t span:nth-child(2){animation-delay: .4s;}
.selSchool.show .t span:nth-child(3){animation-delay: .6s;}
.selSchool.show .sel{animation: bounceIn 1s .2s forwards;-webkit-animation: bounceIn 1s .2s forwards;opacity: 1;}
.selSchool.leave a img{animation: rubberBand 1s;}

.mobileSelect .content{background-color: #d3e6f6;}
.mobileSelect .content .panel .shadowMask{background:-webkit-linear-gradient(top, #d3e6f6, #d3e6f6, rgba(255,255,255,0),#d3e6f6,#d3e6f6,#d3e6f6, #d3e6f6);height: 300px;}
.mobileSelect .content .panel .wheel .selectContainer li{font-size: .65rem;}
.mobileSelect .content .panel .wheel .selectContainer li.x{font-size: .55rem;}
.mobileSelect .content .panel .wheel:nth-child(1){width: 40% !important;} 
.mobileSelect .content .panel .wheel:nth-child(2){width: 60% !important;}
.mobileSelect .content .panel .wheels{height: 300px;}
.mobileSelect .content .panel .wheel{height: 300px;}

.poster{background:url(../imgs/po.jpg) no-repeat top center;background-size: cover ;}
.poster .bg{display: none;}
.posterimg{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 0;opacity: 0;}
.posterimg img{width: 100%;height: 100%;}
.poster h3{padding:1rem .5rem;pointer-events: none;overflow: hidden;}
.poster h3 img{width: 4rem;float:right;}
.poster h2{pointer-events: none;}
.poster h2 img{width: 12rem;margin:0 auto;}
.poster .x{padding:.6rem 0 .4rem;pointer-events: none;}
.poster .x img{width: 3rem;margin:0 auto 0;}
.poster .bots{position: absolute;bottom:0;left:0;background:url(../imgs/botbg.png) no-repeat top center;background-size:cover;padding:3rem 1rem 1rem;color:#fff;z-index: 1;pointer-events: none;}
.poster .bots .flex{display: flex;align-items: center;justify-content: space-between;}
.poster .bots .flex .txt{pointer-events: none;}
.poster .bots h4{font-size: .7rem;padding-bottom: .45rem;}
.poster .bots p{font-size:.45rem;}
.poster .bots a img{animation: pulse 1s infinite;;}
.poster .bots .code img{width: 2.6rem;margin:0.5rem auto 0;pointer-events: none;}
.poster .bots > img{margin: .7rem auto .2rem;pointer-events: none;width: 94%;}
.poster .so{width: 7.5rem;margin: .5rem auto -.5rem;text-align: center;white-space: nowrap;border-color: rgba(255,255,255,.6);}
.poster .so span{font-size: .5rem;}
.poster a{display: block;padding:.2rem; position: absolute;z-index: 999;pointer-events: all;left:50%;width: 6rem;height: 2rem;top:-1rem;margin-left: -3rem;}
.echarts{background: url(../imgs/posterbg.jpg) no-repeat center;background-size: cover;transition: .6s;}
.echarts.show{z-index:1000;}
.echarts.leave{pointer-events: none;opacity: 0;}
.echarts:after{content:'';width: 1rem;position: absolute;left:5%;top:1.5rem;bottom:6.1rem;height: calc(100% - 6.7rem); display: block;background:url(../imgs/line.png) no-repeat;background-size: .6rem;}
#chart{height: 20rem;width:100%}
.echarts a{width: 5rem;text-align: center;margin:0 auto;position: absolute;bottom:1.8rem;left:50%;margin-left: -2.5rem;}

 #qizhi {
            position: absolute;
            top: 50%;
            left: 50%;
            transform-origin: center;
            transform: translate3d(-50%, -50%, 0);
			z-index: 3;
			pointer-events: none;
        }
.events{position: absolute;z-index: 999;pointer-events: none;left:0;top:0;}
.events div{position: absolute;width: 2rem;height: 2rem;background-color: rgba(0,0,0,0);pointer-events: none;}
.events div img{animation: imgpulse 1s infinite linear;}
.events div:nth-child(1) img,.events div:nth-child(2) img{animation: heartBeat 1s infinite linear;}
.events div.o img{animation: none;}
.events div.o{opacity: 0;}
@keyframes imgpulse{
	0%{-webkit-transform:scale(0);transform:scale(0);opacity: 0;}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity: 1;}
	100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity: 0;}
}
@keyframes imgpulse2{
	0%{-webkit-transform:scale(0);transform:scale(0);opacity: 0;}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity: 1;}
	100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity: 0;}
}
@-webkit-keyframes heartBeat{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	14%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	28%{-webkit-transform:scale(1);transform:scale(1)}
	42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	70%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes rubberBand{
	30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
	40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
	50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
	65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
	0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
	75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
	to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}

.poster a.animate,.echarts a.animate,.overpage .btns.animate,.asks .btns a.animate{animation:  rubberBand 1s linear !important;}