@charset "gb2312";
/* CSS Document */

body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px; background:#fefaf7;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
div {margin:0; padding:0;}
.pa {position:absolute;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

/*body*/
.container { width:7.2rem; margin:0 auto; max-width:720px; height:100%; }

/*head*/
.head {width:7.2rem; height:11rem; position:relative; background:url(../images/head.jpg); background-size:7.2rem 11rem; overflow:hidden;}
.head a {display: block; position: absolute;width: 2.8rem;height: 4.52rem;top: -0.35em;left: 0.15rem;
background-size: 4.3rem 0.52rem;}
.head .head1 { background:url(../images/head1.png) no-repeat; background-size: 5.2rem 4rem;width: 5.59rem;
height: 4.68rem;right: -0.2rem; top: 3.28rem; overflow:hidden ;z-index:150;}
.head .head2 { background:url(../images/head1-1.png) no-repeat; background-size: 5.6rem 7rem; width: 5.6rem;
height: 7rem; right: 2.9rem; top: -0.2rem; overflow:hidden; z-index:300;}
.head .head3 { background:url(../images/head3.png) no-repeat; background-size: 6.8rem 8rem;width: 6.8rem;
height: 7rem;left: 0.7rem;top: 3.9rem;overflow: hidden;z-index:100;}
.head .head_girl{ background:url(../images/girl.png) no-repeat;background-size: 4rem 6.6rem;width: 6.8rem;
height: 7rem;left: -0.1rem;top: 4.4rem;overflow: hidden;z-index:160;} 
.head .head_bottom { background-size:8.2rem 2rem; width:8.2rem; height:2rem; right:-0.45rem; bottom:0rem;overflow:hidden; z-index:170;}
.head .head_text {bottom:1.3rem; text-align:center; color:#ff3; margin:0 auto; width:7.2rem; overflow:hidden; z-index:950;}
.head .head_text h1 {font-size:0.4rem;  margin-bottom:0.1rem;}
.head .head_text h2 {font-weight:normal; font-size:0.26rem;}

/*bigline*/
/*只播一次的*/
.bigline_onetime {background:url(../images/bigline.png); background-size:1.05rem 0.84rem; width:1.05rem; height:0.84rem; left:0.6rem;top:-1.12rem;
animation:bigline_anim_onetime 2s ease-in 0s;
-webkit-animation:bigline_anim_onetime 2s ease-in 0s;
-mozanimation:bigline_anim_onetime 2s ease-in 0s;
-o-animation:bigline_anim_onetime 2s ease-in 0s;
 }
 
@keyframes bigline_anim_onetime { 0% {left:0.6rem; top:1.12rem;} 100% {left:-1.05rem; top:2.65rem; } }
@-webkit-keyframes bigline_anim_onetime { 0% {left:0.6rem; top:1.12rem;} 100%{left:-1.05rem; top:2.65rem; } }
@-moz-keyframes bigline_anim_onetime { 0% {left:0.6rem; top:1.12rem;} 100% {left:-1.05rem; top:2.65rem; } }
@-o-keyframes bigline_anim_onetime { 0% {left:0.6rem; top:1.12rem;} 100% {left:-1.05rem; top:2.65rem;} }

 /*重复播放的*/
.bigline {background:url(../images/bigline.png); background-size:1.05rem 0.84rem; width:1.05rem; height:0.84rem; left:3.18rem; top:-0.84rem;
animation:bigline_anim 4s ease-in 3s infinite;
-webkit-animation:bigline_anim 4s ease-in 3s infinite;
-mozanimation:bigline_anim 4s ease-in 3s infinite;
-o-animation:bigline_anim 4s_all ease-in 3s infinite;
 }

@keyframes bigline_anim { 0% {left:3.18rem; top:-0.84rem;} 100% {left:-1.05rem; top:2.65rem; } }
@-webkit-keyframes bigline_anim { 0% {left:3.18rem; top:-0.84rem;} 100%{left:-1.05rem; top:2.65rem; } }
@-moz-keyframes bigline_anim { 0% {left:3.18rem; top:-0.84rem;} 100% {left:-1.05rem; top:2.65rem; } }
@-o-keyframes bigline_anim { 0% {left:3.18rem; top:-0.84rem;} 100% {left:-1.05rem; top:2.65rem;} }
/*bigline*/

/*strongline*/
.strongline {background:url(../images/strongline.png); width:2.39rem; height:2.31rem;background-size:2.39rem 2.31rem; top:0.26rem;right:-2.39rem;animation:strongline_anim 8s ease-in 0s infinite;
-webkit-animation:strongline_anim 8s ease-in 0s infinite;
-mozanimation:strongline_anim 8s ease-in 0s infinite;
-o-animation:strongline_anim 8s_all ease-in 0s infinite;
}
@keyframes strongline_anim { 0% { top:0.26rem; right:-2.39rem;} 100% {top:8.69rem; right:7.2rem; } }
@-webkit-keyframes strongline_anim { 0% { top:0.26rem; right:-2.39rem;} 100% {top:8.69rem; right:7.2rem; } }
@-moz-keyframes strongline_anim { 0% { top:0.26rem; right:-2.39rem;} 100% {top:8.69rem; right:7.2rem; } }
@-o-keyframes strongline_anim { 0% { top:0.26rem; right:-2.39rem;} 100% {top:8.69rem; right:7.2rem; } }
/*strongline*/

/*line*/
.line_01 {background:url(../images/line.png); width:0.78rem; height:0.6rem;background-size:0.78rem 0.6rem; top:1.52rem; right:-0.78rem; animation:line_anim01 2s ease-in 0s infinite;
-webkit-animation:line_anim01 2s ease-in 0s infinite;
-mozanimation:line_anim01 2s ease-in 0s infinite;
-o-animation:line_anim01 2s_all ease-in 0s infinite;
}
@keyframes line_anim01 { 0% {   top:1.52rem; right:-0.78rem;} 100% {  top:6.2rem; right:7.2rem; } }
@-webkit-keyframes line_anim01 { 0% {   top:1.52rem; right:-0.78rem;} 100% { top:6.2rem; right:7.2rem;  } }
@-moz-keyframes line_anim01 { 0% {  top:1.52rem; right:-0.78rem;} 100% {  top:6.2rem; right:7.2rem;  } }
@-o-keyframes line_anim01 { 0% {  top:1.52rem; right:-0.78rem;} 100% {  top:6.2rem; right:7.2rem;  } }


.line_02 {background:url(../images/line.png); width:0.78rem; height:0.6rem;background-size:0.78rem 0.6rem; left:7.2rem; bottom:2.56rem; animation:line_anim02 2s ease-in 0s infinite;
-webkit-animation:line_anim02 2s ease-in 0s infinite;
-mozanimation:line_anim02 2s ease-in 0s infinite;
-o-animation:line_anim02 2s_all ease-in 0s infinite;
}
@keyframes line_anim02 { 0% {  left:7.2rem; bottom:2.56rem;} 100% { left:2.93rem; bottom:-0.6rem; } }
@-webkit-keyframes line_anim02 { 0% {  left:7.2rem; bottom:2.56rem;} 100% { left:2.93rem; bottom:-0.6rem; } }
@-moz-keyframes line_anim02 { 0% {  left:7.2rem; bottom:2.56rem;} 100% { left:2.93rem; bottom:-0.6rem; } }
@-o-keyframes line_anim02 { 0% { left:7.2rem; bottom:2.56rem;} 100% { left:2.93rem; bottom:-0.6rem; } }
/*line*/

/*smallline*/
.smallline01 {background:url(../images/smallline.png); width:0.48rem; height:0.37rem;background-size:0.48rem 0.37rem; top:1.55rem; right:-0.37rem; animation:smallline_anim01 5s ease-in 0s infinite;
-webkit-animation:smallline_anim01 5s ease-in 0s infinite;
-mozanimation:smallline_anim01 5s ease-in 0s infinite;
-o-animation:smallline_anim01 5s_all ease-in 0s infinite;
}
@keyframes smallline_anim01 { 0% { top:1.55rem; right:-0.37rem;} 100% {  top:7.26rem; right:7.75rem;} }
@-webkit-keyframes smallline_anim01 { 0% { top:1.55rem; right:-0.37rem;} 100% {  top:7.26rem; right:7.75rem; } }
@-moz-keyframes smallline_anim01 { 0% { top:1.55rem; right:-0.37rem;} 100% {  top:7.26rem; right:7.75rem; } }
@-o-keyframes smallline_anim01 { 0% { top:1.55rem; right:-0.37rem;} 100% {  top:7.26rem; right:7.75rem; } }

.smallline02 {background:url(../images/smallline.png); width:0.48rem; height:0.37rem;background-size:0.48rem 0.37rem; top:0.95rem; right:-1rem; animation:smallline_anim02 5s ease-in 0s infinite;
-webkit-animation:smallline_anim02 5s ease-in 0s infinite;
-mozanimation:smallline_anim02 5s ease-in 0s infinite;
-o-animation:smallline_anim02 5s_all ease-in 0s infinite;
}
@keyframes smallline_anim02 { 0% {  top:0.95rem; right:-1rem;} 100% {  top:6.68rem; right:7.2rem;} }
@-webkit-keyframes smallline_anim02 { 0% { top:0.95rem; right:-1rem;} 100% { top:6.68rem; right:7.2rem; } }
@-moz-keyframes smallline_anim02 { 0% { top:0.95rem; right:-1rem;} 100% {   top:6.68rem; right:7.2rem; } }
@-o-keyframes smallline_anim02 { 0% {  top:0.95rem; right:-1rem;} 100% {  top:6.68rem; right:7.2rem;} }
/*smallline*/




/*main*/
.main{ position: relative; min-height: 17.75rem;}
.main .lis{ width: 7.2rem; height: 4.46rem; position: absolute; left: 0; background:#514f53;}
.main .lis_01{top: 0rem; z-index:1000;}
.main .lis_02{ top: 4.44rem;}
.main .lis_03{ top: 8.88rem;}
.main .lis_04{ top: 13.32rem;}

.main .lis a{ display: block; width: 100%; height: 100%;}
.main .lis a img{ display: block; width: 100%; height: 100%;}

.img_anim_move{ animation:translateY 1s ease  1;-webkit-animation:translateY 1s ease 1;-ms-animation:translateY 1s ease 1;-o-animation:translateY 1s ease 1;}


@keyframes translateY{
       0%{
       transform:translateY(1.5rem);
    }
    90%{
        transform:translateY(0rem);
    }
	    98%{
        transform:translateY(0.05rem);
    }
	    100%{
        transform:translateY(0rem);
    }
}
@-webkit-keyframes translateY{
       0%{
       -webkit-transform:translateY(1.5rem);
    }
    90%{
        -webkit-transform:translateY(0rem);
    }
	    98%{
        -webkit-transform:translateY(0.05rem);
    }
	    100%{
        -webkit-transform:translateY(0rem);
    }
}
@-moz-keyframes translateY{
       0%{
       -moz-transform:translateY(1.5rem);
    }
    90%{
        -moz-transform:translateY(0rem);
    }
	    98%{
        -moz-transform:translateY(0.05rem);
    }
	    100%{
        -moz-transform:translateY(0rem);
    }
}
@-o-keyframes translateY{
       0%{
       -o-transform:translateY(1.5rem);
    }
    90%{
        -o-transform:translateY(0rem);
    }
	    98%{
        -o-transform:translateY(0.05rem);
    }
	    100%{
        -o-transform:translateY(0rem);
    }
}



/*footer*/
.footer {width:100%; text-align:center;  max-width: 720px; margin: 0 auto; padding: 0.2rem 0 1.6rem 0;background:#153f88;}
.footer p {font-size: 0.28rem;line-height: 0.40rem;color: rgba(254, 249, 249, 0.93);}
.footer .two{ font-size:0.22rem;}
/*download*/
.download {width:100%;  margin:0; padding:0;position: fixed; bottom: 0;left: 0;z-index: 10000;background: rgba(255,255,255,0.85); display:none; }
.downcenter {margin:0 auto; width:7.2rem; }
.download_l {float:left; width:1.2rem; height:1.4rem; margin-left:0.05rem;}
.download_l img { width:1.2rem; height:1.2rem; margin-top:0.1rem;}

.download_r {float:right;  height:1.4rem; margin-right:0.05rem; }
.download_r a { display:block;  height:0.55rem; line-height:0.55rem; border-radius:0.05rem; text-align:left; background:#000; padding:0 0.15rem; margin-top:0.1rem; color:#fff; font-size:0.2rem;}
.download_r a i { margin-right:0.05rem;}
.download_r a.andrioddown { color:#0F3;}
.download_r a.appledown {color:#fff;}
.download_con{ height:1.4rem; margin-left:1.35rem; padding:0; color:#333;  font-size:0.18rem;}
.download_con h1{ font-size:0.26rem; font-weight:600;  padding:0.15rem 0;}


#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index:40000;} 
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip .close{
	color: #fff;
	padding: 0.05rem;
	font: bold 0.2rem simsun;
        font-size:0.6rem;
	text-shadow: 0 0.01rem 0 #ddd;
	position: absolute;
	top: 0; left: 5%;
}



.download_anim
{
display:block; 
animation:download_anim 1s ease 1;
-moz-animation:download_anim 1s ease 1;/* Firefox */
-webkit-animation:download_anim 1s ease 1;/* Safari 和 Chrome */
-o-animation:download_anim 1s ease 1;/* Opera */
}
@keyframes download_anim
{
    0%{
        bottom:  -1.51rem;
    }
    100%{
        bottom:  0;
    }
}
@-moz-keyframes download_anim /* Firefox */
{
    0%{
        bottom:  -1.51rem;
    }
    100%{
        bottom:  0;
    }
}

@-webkit-keyframes download_anim /* Safari 和 Chrome */
{
    0%{
        bottom:  -1.51rem;
    }
    100%{
        bottom:  0;
    }
}

@-o-keyframes download_anim /* Opera */
{
    0%{
        bottom:  -1.51rem;
    }
    100%{
        bottom:  0;
    }
}