@charset "UTF-8";
/**
 * 
 * @authors Annie (anjie@jdou.org)
 * @date    2016-12-18 21:31:26
 * @version 1.0.0
 */
 @charset "utf-8";
/* CSS Document */

/*reset css*/
/** Set default font family and font color and background color */
html {font-family:"微软雅黑",arial, verdana, sans-serif; color:#333; background:#2c6da1; padding: 0; margin: 0;}

/***** body *****/ 
body{font-size:100%;  background:#2c6da1; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; }

/*****Remove default margin and padding*****/
body,dl,h1,h2,h3,h4,h5,h6,form,p{ margin:0; }
input,button,textarea,td,th{padding: 0;}
menu,ul,ol{ margin:0; padding:0}

/***** Remove default vertical scrollbar in IE 8/9/10/11 and resize button*****/
textarea{resize:none; overflow:auto}

/***** Improve link behaviour*****/ 
a{text-decoration:none; background-color: transparent;}
a:active,a:hover { outline: 0;}

/***** Prevent `sub` and `sup` affecting `line-height` in all browsers. *****/ 
sub,sup {font-size: 75%; line-height: 0;position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/***** fix border problem *****/ 
iframe,img{border:0;}

/***** remove list style of ul and ol*****/ 
ul,ol{list-style:none;}

/***** input and button *****/ 
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;}
button:-moz-focusring,input:-moz-focusring { outline: 1px dotted ButtonText;}
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;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-input-placeholder {color:#777;}
/***** table *****/ 
table{border-collapse:collapse;border-spacing:0}

/*****display behaviour *****/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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;}

/*****common classes *****/
.clear{ clear:both}
div,a,button,input,textarea,img{-webkit-tap-highlight-color: rgba(0,0,0,0);}

/*--公共样式BEGIN--*/
.nextping{ width: 113px; height: 65px; background: url(images/nextcur.png); background-size:100% 100%; position: absolute;; left: 50%; margin-left: -56px; bottom:1%;}
/*--公共样式END--*/


#orientLayer{display:none}
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#333;z-index:9997}
.mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer__icon-orient{background-image:url(images/pixels.png);display:inline-block;width:67px;height:109px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;-webkit-background-size:67px;background-size:67px}
.mod-orient-layer__desc{margin-top:20px;font-size:15px;color:#fff}
/*@media screen and (min-aspect-ratio:13/9){#orientLayer{display:block}*/
}@-webkit-keyframes rotation{10%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
50%,60%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
90%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
100%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
}@keyframes rotation{10%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
50%,60%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
90%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
100%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
}

.musicinfo{width:50px;height:50px;position:fixed;top:3%;right:4%;z-index:5;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.musicinfo img{width:100%;height:100%;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.roate{-webkit-animation:roate 2s linear infinite;animation:roate 2s linear infinite}
@-webkit-keyframes roate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes roate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


/*--第1屏BEGIN--*/
.lay1{background-image: url(images/p0.jpg);}
.lay1 .p1-1{ width: 291px; height: 256px; background: url(images/p1-1.png); background-size:100% 100%; position: absolute; left: 200px; top: 66px; }
.lay1 .p1-4-btn{width: 296px; height: 117px; background: url(images/p1-2.png); background-size: 100% 100%; position: absolute; left: 175px; top: 846px;}
.lay1 .p1-2{ width: 390px; height: 20px; background: url(images/p1-3.png); background-size: 100% 100%; position: absolute; left: 124px; top: 736px; }
.lay1 .p1-3{ width: 600px; height: 418px; background: url(images/p1-4.png); background-size:100% 100%; position: absolute;; left: 30px; top: 352px; }


@-webkit-keyframes pics2 {
  0% {
    background-image: url(images/p1-4.png);
  }

  50% {
   background-image: url(images/p1-5.png);
  }

  100% {
    background-image: url(images/p1-4.png);
  }
}

.pics2 {
    -webkit-animation-name: pics2;
}
/*--第1屏END--*/



/*--第2屏BEGIN--*/
.lay2{background-image: url(images/p2.jpg);}
.lay2-1{background-image: url(images/p2-0.jpg);}
.lay2 .p2-1{width: 562px; height: 623px; background: url(images/p2-1-0.png); background-size: 100% 100%; position: absolute; left: 43px; top: 20%; }
.lay2 .p2-inner{ position: relative; width: 100%; height: 100%; }
.lay2 .line{ width: 499px; height: 4px; background: url(images/p2-2.png); background-size: 100% 100%; position: absolute; left: 30px; bottom:-2000px; }
.lay2 .p2-2{ width: 100%; height: 100%; }
.lay2 .p2-2inner{ position: relative; width: 100%; height: 100%; }
.lay2 .xuehua{-webkit-animation-timing-function:linear; position: absolute; width: 1189px; height: 1353px; background: url(images/p2-3.png); background-size: 100% 100%; right: 0; top: 0; }
.lay2 .fantip{width: 432px; height: 20px; background: url(images/p2-1-1.png); background-size: 100% 100%; position: absolute; left: 50%; margin-left: -216px; bottom:10%;}

.fan180 .line{ top: 0; bottom: auto; }

.lay2 .p2zheng{background-image: url(images/p2-1.png)}


/*--旋转180度--*/
@-webkit-keyframes side180 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
    /*transform: rotateX(180deg);*/
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    /*transform: rotateX(0deg);*/
  }
}

.side180 {
    -webkit-animation-name: side180;
}

/*--线下滑--*/
@-webkit-keyframes lineDownShow {
  0% {
    bottom:0;
  }

  100% {
    bottom:0;
  }
}

.lineDownShow {
    -webkit-animation-name: lineDownShow;
}

@-webkit-keyframes lineDown {
  0% {
    bottom:0;
  }

  100% {
    bottom:-2000px;
  }
}

.lineDown {
    -webkit-animation-name: lineDown;
}

/*--雪花飘动--*/
@-webkit-keyframes xuehuajing {
  0% {
    opacity:0;
  }

  100% {
    opacity:0;
  }
}

.xuehuajing {
    -webkit-animation-name: xuehuajing;
}

@-webkit-keyframes xuehuadong {
  0% {
    opacity:1; top: -676px; right: -549px;
  }

  100% {
    opacity:1; top:0; right: 0;
  }
}

.xuehuadong {
    -webkit-animation-name: xuehuadong;
}
/*--第2屏END--*/



/*--第3屏BEGIN--*/
.lay3{background-image: url(images/p3-0.jpg);}
.lay3 .txt{ z-index: 9; width: 282px; height: 289px; background:url(images/p3-1.png); background-size: 100% 100%; position: absolute; left:180px; top: 198px; }
.lay3 .txt2{ z-index: 9; width: 229px; height: 40px; background:url(images/p3-1-1.png); background-size: 100% 100%; position: absolute; left:206px; top: 392px; }

.lay3 .line1{ z-index: 9; width: 262px; height: 262px; background: url(images/p3-2.png); background-size: 100% 100%; position: absolute; left:60px; top: 119px;}
.lay3 .line2{ z-index: 9; width: 260px; height: 260px; background: url(images/p3-3.png); background-size: 100% 100%; position: absolute; left:293px; top: 93px;}
.lay3 .line3{ z-index: 9; width: 268px; height: 268px; background: url(images/p3-4.png); background-size: 100% 100%; position: absolute; left:320px; top: 310px;}
.lay3 .line4{ z-index: 9; width: 258px; height: 258px; background: url(images/p3-5.png); background-size: 100% 100%; position: absolute; left:90px; top: 345px;}
.lay3 .xian{ z-index: 9; width: 421px; height: 444px; background: url(images/p3-6.png); background-size:cover; position: absolute; left: 113px; top:597px;}

.liuxing{ z-index: 2; width: 900px; height: 900px; background-size: 100% 100%; position: absolute; right: 0; top: 0; }
.liuxing1{ background-image: url(images/liuxing1.png); }
.liuxing2{ background-image: url(images/liuxing2.png); }


/*--滑动的线--*/
@-webkit-keyframes huaru1 {
  0% {
    left:-60px;top: 239px; 
  }

  100% {
    left:60px; top: 119px;
  }
}

.huaru1 {
    -webkit-animation-name: huaru1;
}

@-webkit-keyframes huaru2 {
  0% {
    left:173px;top: -27px; 
  }

  100% {
    left:293px; top: 93px;
  }
}

.huaru2 {
    -webkit-animation-name: huaru2;
}

@-webkit-keyframes huaru3 {
  0% {
    left:440px;top: 190px; 
  }

  100% {
    left:320px; top: 310px;
  }
}

.huaru3 {
    -webkit-animation-name: huaru3;
}

@-webkit-keyframes huaru4 {
  0% {
    left:210px;top: 465px; 
  }

  100% {
    left:90px; top: 345px;
  }
}

.huaru4 {
    -webkit-animation-name: huaru4;
}

/*--xian--*/
@-webkit-keyframes xianla {
  0% {
    height:0px; 
  }

  100% {
    height:444px; 
  }
}

.xianla {
    -webkit-animation-name: xianla;
}

/*--流星--*/
@-webkit-keyframes lxhuadong1 {
  0% {
    opacity:0;right: -200px; top: -200px;
  }

  100% {
    opacity:1;right: 200px; top: 200px;
  }
}

.lxhuadong1 {
    -webkit-animation-name: lxhuadong1;
}

@-webkit-keyframes fdsx {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(3);
  }
  100% {
    transform: scale(1);
  }
}

.fdsx {
    -webkit-animation-name: fdsx;
}
/*--第3屏END--*/



/*--第4屏BEGIN--*/
.lay4{background-image: url(images/p4.jpg);}
.lay4 .txt{ width: 351px; height: 443px; background: url(images/p4-1.png); background-size: 100% 100%; position: absolute; left:152px; top: 161px;}
.lay4 .txtword{ width: 411px; height: 506px; background: url(images/p4-2.png); background-size: 100% 100%; position: absolute; left: -517px; top:3000px;}
.lay4 .line1{ width: 166px; height: 135px; background: url(images/p4-3.png); background-size: 100% 100%; position: absolute; left: -155px; top: 1600;}
.lay4 .line2{ width: 287px; height: 272px; background: url(images/p4-4.png); background-size: 100% 100%; position: absolute; left: -206px; top:1800px;}


@-webkit-keyframes hualine1 {
  0% {
    left:275px;top:-120px; 
  }
  40% {
    left: 155px; top: 0;
  }
  100% {
    left: 155px; top: 0;
  }
}

.hualine1 {
    -webkit-animation-name: hualine1;
}

@-webkit-keyframes hualine2 {
  0% {
    left:86px;top: 756px; 
  }
  40% {
    left: 206px; top:636px;
  }
  100% {
    left: 206px; top:636px;
  }
}

.hualine2 {
    -webkit-animation-name: hualine2;
}

@-webkit-keyframes feiline1 {
  0% {
    left: 155px; top: 0; transform:rotate(0deg);
  }  
  100% {
    left: -155px; top: 1600; transform:rotate(300deg);
  }
}

.feiline1 {
    -webkit-animation-name: feiline1;
}

@-webkit-keyframes feiline2 {
  0% {
    left: 206px; top:636px; transform:rotate(0deg);
  }  
  100% {
    left: -206px; top:1800px; transform:rotate(600deg);
  }
}

.feiline2 {
    -webkit-animation-name: feiline2;
}

@-webkit-keyframes kuangjing {
  0% {
    left: 117px; top: 133px; opacity: 0;
  } 
  40% {
    left: 117px; top: 133px; opacity: 1;
  } 
  100% {
    left: 117px; top: 133px; opacity: 1;
  }
}

.kuangjing {
    -webkit-animation-name: kuangjing;
}
@-webkit-keyframes feikuang {
  0% {
    left: 117px; top: 133px; transform:rotate(0deg);
  }  
  100% {
    left: -517px; top:3000px; transform:rotate(200deg);
  }
}

.feikuang {
    -webkit-animation-name: feikuang;
}

.hailang1{ width: 581px; height: 576px; background: url(images/hailang2.png); background-size: 100% 100%; position: absolute; right: 0; top:-20px;}
.hailang2{ width: 485px; height: 497px; background: url(images/hailang1.png); background-size: 100% 100%; position: absolute; left: 0; bottom:0;}

.zi{ background-size: 100% 100%; position: absolute;}
.zi1{width: 97px; height: 32px; background: url(images/p4-5-1.png);left:-153px; top:500px;}
.zi2{width: 122px; height: 115px; background: url(images/p4-5-2.png);left:-100px; top:900px;}
.zi3{width: 107px; height: 100px; background: url(images/p4-5-3.png);left:-200px; top:700px;}
.zi4{width: 83px; height: 89px; background: url(images/p4-5-4.png);left:-150px; top:900px;}
.zi5{width: 91px; height: 76px; background: url(images/p4-5-5.png);left:-180px; top:300px;}
.zi6{width: 97px; height: 79px; background: url(images/p4-5-6.png);left:-200px; top:890px;}
.zi7{width: 65px; height: 69px; background: url(images/p4-5-7.png);left:-359px; top:990px;}
.zi8{width: 65px; height: 56px; background: url(images/p4-5-8.png);left:-50px; top:1200px;}
.zi9{width: 63px; height: 71px; background: url(images/p4-5-9.png);left:-200px; top:1300px;}
.zi10{width: 16px; height: 17px; background: url(images/p4-5-10.png);left:-300px; top:980px; }
.zi11{width: 99px; height: 51px; background: url(images/p4-5-11.png);left:-40px; top:1300px;}
.zi12{width: 50px; height: 11px; background: url(images/p4-5-12.png);left:-53px; top:2000px;}
.zi13{width: 61px; height: 44px; background: url(images/p4-5-13.png);left:-10px; top:1600px;}

/*--字飘动1--*/
@-webkit-keyframes zijing1 {
  0% {
    left:153px; top:189px;
  }
  100% {
    left:153px; top:189px;
  }
}

.zijing1 {
    -webkit-animation-name: zijing1;
}

@-webkit-keyframes zidong1 {
  0% {
    left:153px; top:189px; transform: rotate(0);
  }
  100% {
    left:-153px; top:500px; transform: rotate(180deg);
  }
}

.zidong1 {
    -webkit-animation-name: zidong1;
}

/*--字飘动2--*/
@-webkit-keyframes zijing2 {
  0% {
    left:250px; top:149px;
  }
  100% {
    left:250px; top:149px;
  }
}

.zijing2 {
    -webkit-animation-name: zijing2;
}

@-webkit-keyframes zidong2 {
  0% {
    left:250px; top:149px; transform: rotate(0);
  }
  100% {
    left:-100px; top:900px; transform: rotate(280deg);
  }
}

.zidong2 {
    -webkit-animation-name: zidong2;
}

/*--字飘动3--*/
@-webkit-keyframes zijing3 {
  0% {
    left:149px; top:270px;
  }
  100% {
    left:149px; top:270px;
  }
}

.zijing3 {
    -webkit-animation-name: zijing3;
}

@-webkit-keyframes zidong3 {
  0% {
    left:149px; top:270px; transform: rotate(0);
  }
  100% {
    left:-200px; top:700px; transform: rotate(300deg);
  }
}

.zidong3 {
    -webkit-animation-name: zidong3;
}

/*--字飘动4--*/
@-webkit-keyframes zijing4 {
  0% {
    left:149px; top:399px;
  }
  100% {
    left:149px; top:399px;
  }
}

.zijing4 {
    -webkit-animation-name: zijing4;
}

@-webkit-keyframes zidong4 {
  0% {
    left:149px; top:399px; transform: rotate(0);
  }
  100% {
    left:-150px; top:900px; transform: rotate(600deg);
  }
}

.zidong4 {
    -webkit-animation-name: zidong4;
}

/*--字飘动5--*/
@-webkit-keyframes zijing5 {
  0% {
    left:235px; top:402px;
  }
  100% {
    left:235px; top:402px;
  }
}

.zijing5 {
    -webkit-animation-name: zijing5;
}

@-webkit-keyframes zidong5 {
  0% {
    left:235px; top:402px; transform: rotate(0);
  }
  100% {
    left:-180px; top:300px; transform: rotate(350deg);
  }
}

.zidong5 {
    -webkit-animation-name: zidong5;
}

/*--字飘动6--*/
@-webkit-keyframes zijing6 {
  0% {
    left:332px; top:402px;
  }
  100% {
    left:332px; top:402px;
  }
}

.zijing6 {
    -webkit-animation-name: zijing6;
}

@-webkit-keyframes zidong6 {
  0% {
    left:332px; top:402px; transform: rotate(0);
  }
  100% {
    left:-200px; top:890px; transform: rotate(280deg);
  }
}

.zidong6 {
    -webkit-animation-name: zidong6;
}

/*--字飘动7--*/
@-webkit-keyframes zijing7 {
  0% {
    left:424px; top:402px;
  }
  100% {
    left:424px; top:402px;
  }
}

.zijing7 {
    -webkit-animation-name: zijing7;
}

@-webkit-keyframes zidong7 {
  0% {
    left:424px; top:402px; transform: rotate(0);
  }
  100% {
    left:-359px; top:990px; transform: rotate(300deg);
  }
}

.zidong7 {
    -webkit-animation-name: zidong7;
}

/*--字飘动8--*/
@-webkit-keyframes zijing8 {
  0% {
    left:424px; top:468px;
  }
  100% {
    left:424px; top:468px;
  }
}

.zijing8 {
    -webkit-animation-name: zijing8;
}

@-webkit-keyframes zidong8 {
  0% {
    left:424px; top:468px; transform: rotate(0);
  }
  100% {
    left:-50px; top:1200px; transform: rotate(550deg);
  }
}

.zidong8 {
    -webkit-animation-name: zidong8;
}

/*--字飘动9--*/
@-webkit-keyframes zijing9 {
  0% {
    left:424px; top:524px;
  }
  100% {
    left:424px; top:524px;
  }
}

.zijing9 {
    -webkit-animation-name: zijing9;
}

@-webkit-keyframes zidong9 {
  0% {
    left:424px; top:524px; transform: rotate(0);
  }
  100% {
    left:-200px; top:1300px; transform: rotate(340deg);
  }
}

.zidong9 {
    -webkit-animation-name: zidong9;
}

/*--字飘动10--*/
@-webkit-keyframes zijing10 {
  0% {
    left:488px; top:578px;
  }
  100% {
    left:488px; top:578px;
  }
}

.zijing10 {
    -webkit-animation-name: zijing10;
}

@-webkit-keyframes zidong10 {
  0% {
    left:488px; top:578px; transform: rotate(0);
  }
  100% {
    left:-300px; top:980px; transform: rotate(230deg);
  }
}

.zidong10 {
    -webkit-animation-name: zidong10;
}

/*--字飘动11--*/
@-webkit-keyframes zijing11 {
  0% {
    left:256px; top:270px;
  }
  100% {
    left:256px; top:270px;
  }
}

.zijing11 {
    -webkit-animation-name: zijing11;
}

@-webkit-keyframes zidong11 {
  0% {
    left:256px; top:270px; transform: rotate(0);
  }
  100% {
    left:-40px; top:1300px; transform: rotate(300deg);
  }
}

.zidong11 {
    -webkit-animation-name: zidong11;
}

/*--字飘动12--*/
@-webkit-keyframes zijing12 {
  0% {
    left:280px; top:308px;
  }
  100% {
    left:280px; top:308px;
  }
}

.zijing12 {
    -webkit-animation-name: zijing12;
}

@-webkit-keyframes zidong12 {
  0% {
    left:280px; top:308px; transform: rotate(0);
  }
  100% {
    left:-53px; top:2000px; transform: rotate(280deg);
  }
}

.zidong12 {
    -webkit-animation-name: zidong12;
}

/*--字飘动13--*/
@-webkit-keyframes zijing13 {
  0% {
    left:275px; top:326px;
  }
  100% {
    left:275px; top:326px;
  }
}

.zijing13 {
    -webkit-animation-name: zijing13;
}

@-webkit-keyframes zidong13 {
  0% {
    left:275px; top:326px; transform: rotate(0);
  }
  100% {
    left:-10px; top:1600px; transform: rotate(350deg);
  }
}

.zidong13 {
    -webkit-animation-name: zidong13;
}
/*--第4屏END--*/



/*--第5屏BEGIN--*/
.lay5{background-image: url(images/p1.jpg);}
.lay5 .maketask{display:none; width: 269px; height: 133px; background: url(images/p5-1.png); background-size: 100% 100%; position: absolute; left: 186px; top:752px;}
.lay5 .txt1{width: 416px; height: 162px; background: url(images/p5-2.png); background-size: 100% 100%; position: absolute; left: 113px; top:64px;}
.lay5 .txt2{width: 346px; height: 89px; background: url(images/p5-3.png); background-size: 100% 100%; position: absolute; left: 153px; top:239px;}
.lay5 .laohuji{width: 529px; height: 355px; background: url(images/p5-11.png); background-size: 100% 100%; position: absolute; left: 54px; top:346px;}
.lay5 .lhjinner{ position: relative;}
.lay5 .gunlun1{width: 119px; height: 163px; background: url(images/p5-5-1.png); background-size: 100% 100%; position: absolute; left: 45px; top:67px;}
.lay5 .gunlun2{width: 119px; height: 163px; background: url(images/p5-6-1.png); background-size: 100% 100%; position: absolute; left: 186px; top:67px;}
.lay5 .gunlun3{width: 119px; height: 163px; background: url(images/p5-7-1.png); background-size: 100% 100%; position: absolute; left: 332px; top:67px;}
.lay5 .bar{width: 19px; height: 117px; background: url(images/p5-10.png); background-size: 100% 100%; position: absolute; left: 472px; top:64px;}
.lay5 .barinner{ position: relative;width: 19px; height: 117px;}
.lay5 .point{width: 42px; height: 42px; background: url(images/p5-4.png); background-size: 100% 100%; position: absolute; left: -12px; bottom:-20%;}
.lay5 .hdgz{width: 46px; height: 54px; background: url(images/p5-9.png); background-size: 100% 100%; position: absolute; left: 109px; top:250px;}
.lay5 .startzd{width: 175px; height: 36px; background: url(images/p5-8.png); background-size: 100% 100%; position: absolute; left: 183px; top:262px;}

.fkscroll{width: 119px; height: 163px; background-size: 100% 100%; display: none; }
.gunlun1 .fkscroll{background: url(images/p5-5-0.png); }
.gunlun2 .fkscroll{background: url(images/p5-6-0.png); }
.gunlun3 .fkscroll{background: url(images/p5-7-0.png); }
.fkscroll{ position: relative; }
.fkscroll .fkinner{width: 90px; height: 119px; position: absolute; left: 14px; top: 21px;}

.gunlun1 .fkinner{background: url(images/fktime.png);}
.gunlun2 .fkinner{background: url(images/fkdd.png);}
.gunlun3 .fkinner{background: url(images/fksj.png);}

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

.gunlun1 .fk0{background: url(images/p5-5-2.png);}
.gunlun1 .fk1{background: url(images/p5-5-3.png);}
.gunlun1 .fk2{background: url(images/p5-5-4.png);}

.gunlun2 .fk0{background: url(images/p5-6-2.png);}
.gunlun2 .fk1{background: url(images/p5-6-3.png);}
.gunlun2 .fk2{background: url(images/p5-6-4.png);}

.gunlun3 .fk0{background: url(images/p5-7-2.png);}
.gunlun3 .fk1{background: url(images/p5-7-3.png);}
.gunlun3 .fk2{background: url(images/p5-7-4.png);}

@-webkit-keyframes zhuanzhuan {
  0% {
    background-position: center 0; 
  }

  100% {
    background-position: center -652px; 
  }
}

.zhuanzhuan {
    -webkit-animation-name: zhuanzhuan;-webkit-animation-timing-function: linear;
}

/*--第5屏END--*/



/*--第6屏BEGIN--*/
.task{width: 379px; height: 627px; background: url(images/p6-6.png); background-size: 100% 100%; position: absolute; left: 128px; top:147px;}
.taskinner{position: relative;}
.avator{width: 138px; height: 138px; border-radius: 50%; position: absolute; left: 123px; top:57px;}

.mytask{background-image: url(images/p6-0.jpg);}
.mytask .wxnickname{width: 100%; position: absolute; left: 0px; top:50px; font-size: 38px; text-align: center; color: #fff;}
.mytask .taskbg{width: 484px; height: 660px; background: url(images/p6-2.png); background-size: 100% 100%; position: absolute; left: 101px; top:145px;}
.mytask .freejp{width: 191px; height: 101px; background: url(images/p6-3.png); background-size: 100% 100%; position: absolute; left: 422px; top:704px; z-index: 9;}
.mytask .txt{width: 259px; height: 33px; background: url(images/p6-4.png); background-size: 100% 100%; position: absolute; left: 141px; top:777px;}
.lay6 .jstz-btn{width: 248px; height: 136px; background: url(images/p6-1.png); background-size: 100% 100%; position: absolute; left: 200px; top:815px;}
.mytask .rwbg{width: 197px; height: 303px; background: url(images/p6-5.png); background-size: 100% 100%; position: absolute; left: 42px; top:244px;}
.mytask .taskcont{width:250px; position: absolute; left: 98px; top:287px; font-size: 30px; text-align:center; color: #3b7bb5; line-height: 95px;}

/*--弹出层--*/
.pop{ z-index: 9; display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pop .close{ width: 96px; height: 96px; float: right;}


.hdgztxt .poptxt{width: 464px; height: 742px; background: url(images/p5-12.png); background-size: 100% 100%; position: absolute; left:50%; top:50%; margin-left: -232px; margin-top: -371px;}
.pop .txt{text-align:center; font-size: 1.6em; padding-left:7%; width: 80%; height: 10%; color:#fff; 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;}
/*--第6屏END--*/



/*--第7屏BEGIN--*/
.lay7{background-image: url(images/p6-0.jpg);}
.lay7 .txt1{width: 263px; height: 20px; background: url(images/p7-1.png); background-size: 100% 100%; position: absolute; left: 183px; top:40px;}
.lay7 .txt2{width: 333px; height: 53px; background: url(images/p7-2.png); background-size: 100% 100%; position: absolute; left: 155px; top:81px;}
.lay7 .rwbg{width: 44px; height: 220px; background: url(images/p7-3.png); background-size: 100% 100%; position: absolute; left: 33px; top:245px;}
.lay7 .taskcont{width: 226px; position: absolute; left: 96px; top:222px;}
.lay7 .taskcont li{ line-height: 88px;}
.lay7 .taskcont input{ background: transparent; height: 32px; font-size: 1.4em; width: 226px; border:2px solid #5c95c9; border-radius: 16px; line-height: 32px; color: #777; padding: 0 15px;}
.lay7 .logo{width: 66px; height: 50px; background: url(images/p7-4.png); background-size: 100% 100%; position: absolute; left: 50px; top:303px;}
.lay7 .txt{width: 344px; height: 41px; background: url(images/p7-6.png); background-size: 100% 100%; position: absolute; left: 143px; top:780px;}
.lay7 .fj1{ z-index: 2; width: 120px; height: 207px; background: url(images/p7-5.png); background-size: 100% 100%; position: absolute; left: 58px; top:217px;}
.lay7 .submitbm-btn{width: 161px; height: 84px; background: url(images/p7-7.png); background-size: 100% 100%; position: absolute; left: 116px; top:857px;}
.lay7 .sharefriend-btn{width: 165px; height: 89px; background: url(images/p7-8.png); background-size: 100% 100%; position: absolute; left: 350px; top:849px;}

@-webkit-keyframes fjdong {
  0% {
    background-image: url(images/p7-5-0.png);
  }
  20% {
    background-image: url(images/p7-5-1.png);
  }
  40% {
   background-image: url(images/p7-5-2.png);
  }
  60% {
    background-image: url(images/p7-5.png);
  }
  80% {
    background-image: url(images/p7-5-0.png);
  }
  100% {
    background-image: url(images/p7-5-0.png);
  }
}

.fjdong {
    -webkit-animation-name: fjdong;
}

/*--弹出层--*/
.bmsuccess .poptxt{width: 395px; height: 221px; background: url(images/p7-11.png); background-size: 100% 100%; position: absolute; left: 138px; top:50%; margin-top: -110px;}
.bmtip .poptxt{width: 395px; height: 221px; background: url(images/p7-13-1.png); background-size: 100% 100%; position: absolute; left: 138px; top:50%; margin-top: -110px;}

.sharelay .line{width:196px; height: 770px; background: url(images/p7-15.png); background-size: 100% 100%; position: absolute; right: 120px; top:165px;}
.sharelay .fj2{width: 128px; height: 90px; background: url(images/p7-16.png); background-size: 100% 100%; position: absolute; right: 85px; top:66px;}

@-webkit-keyframes frifj {
  0% {
    right: 85px; top:66px;
  }

  100% {
    right: 20px; top:20px;
  }
}

.frifj {
    -webkit-animation-name: frifj;
}
/*--第7屏END--*/


/*--第8屏BEGIN--*/
.lay8 .wytz-btn{width: 230px; height: 105px; background: url(images/wytzBtn.png); background-size: 100% 100%; position: absolute; left: 96px; top:837px;}
.lay8 .replay-btn{width: 183px; height: 100px; background: url(images/replayBtn.png); background-size: 100% 100%; position: absolute; left: 96px; top:837px;}

.lay8 .jstz-btn{width: 165px; height: 89px; background: url(images/p7-8.png); background-size: 100% 100%; position: absolute; left: 350px; top:849px;}
/*--第8屏END--*/