body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;color: #333;font-size: 20px;background-color: #efe6d5;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#c00; text-decoration:none;}
.clear{clear:both;}
/*母亲节样式*/
.page{position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;background-color: #bfd3c8;overflow: hidden;}
.pagea{position: absolute;width: 100%;height: 100%;top: 0;left:0;background-color: #9c968b;overflow: hidden;display: none;}
.pageb{position: absolute;width: 100%;height: 100%;top: 0;left:0;background-color: #9c968b;overflow: hidden;display: none;}
.loadimg{width: 120px;margin: 200px auto 0 auto;display: block;}
.p1{color: #888;font-size: 28px;text-align: center;margin-top: 20px;}
.p2{color: #333;font-size: 20px;text-align: center;margin-top: 10px;}
.p3{color: #888;font-size: 26px;margin-top: 30px;padding: 0 20px;}
.logo{display: block;float: left;}
.img1-1{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.img1-2{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.img1-3{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.img1-4{position: absolute;width: 510px;left: 45px;top: 375px;z-index: 2;}
.div1{position: absolute;width: 100%;height: 190px;left: 0;bottom: 0;background-color: #8faea6;z-index: 4;display: none;}
.img1-6{display: block;margin: 64px auto;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.img2-1{display: block;width: 100%;}
.k1{position: absolute;z-index: 2;width: 30px;height: 30px;border: 3px solid #374068;left: 40px;top: 446px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-duration:2s;}
.k2{position: absolute;z-index: 2;width: 30px;height: 30px;border: 3px solid #374068;left: 304px;top: 446px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-duration:2s;}
.k3{position: absolute;z-index: 2;width: 30px;height: 30px;border: 3px solid #374068;left: 40px;top: 754px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-duration:2s;}
.k4{position: absolute;z-index: 2;width: 30px;height: 30px;border: 3px solid #374068;left: 324px;top: 754px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-duration:2s;}
.k5{position: absolute;z-index: 2;width: 30px;height: 30px;border: 3px solid #374068;left: 190px;top: 812px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-duration:2s;}
.ok{position: absolute;z-index: 5;width: 80px;display: none;}
.ok1{left: 40px;top:415px;}
.ok2{left: 300px;top:415px;}
.ok3{left: 36px;top:722px;}
.ok4{left: 322px;top:722px;}
.ok5{left: 186px;top:780px;}
.kbox1{position: absolute;z-index: 6;width: 250px;height: 300px;left: 30px;top: 200px;}
.kbox2{position: absolute;z-index: 6;width: 300px;height: 290px;left: 290px;top: 200px;}
.kbox3{position: absolute;z-index: 6;width: 260px;height: 290px;left: 25px;top: 505px;}
.kbox4{position: absolute;z-index: 6;width: 260px;height: 290px;left: 310px;top: 505px;}
.kbox5{position: absolute;z-index: 6;width: 240px;height: 50px;left: 180px;top: 804px;}
.avbox{position: absolute;width: 100%;height: 500px;overflow: hidden;bottom: 200px;}
.mother{ position: absolute; top: 0; left: 190px; width: 440px; height: 500px; background: url(http://cdn.hime100.com/images/av1.png) 0 0 no-repeat; background-size: 440px auto; margin-left: -150px; z-index: 2}
.son{ position: absolute; top: 136px; right: 10px; width: 256px; height: 340px; background: url(http://cdn.hime100.com/images/av2.png) 0 0 no-repeat; background-size: 256px auto; margin-left: 20px; z-index: 1}
.motherav{animation: action2end 0.5s steps(1) infinite;-webkit-animation: action2end 0.5s steps(1) infinite;}
.sonav{animation: childAct1end 0.2s steps(1) infinite;-webkit-animation: childAct1end 0.2s steps(1) infinite;}
.img2-2{position: absolute;width: 600px;left: 20px;top: 20px;z-index: 2;}
.img3-1{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.img3-2{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 1;}
.choice1{ position: absolute;bottom: 140px;left: 50px;width: 232px;height: 248px;background: url(http://cdn.hime100.com/images/3-3.png) 0 -248px no-repeat;background-size: 232px auto;}
.choice2{ position: absolute;bottom: 140px;right: 50px;width: 232px;height: 248px;background: url(http://cdn.hime100.com/images/3-4.png) 0 -248px no-repeat;background-size: 232px auto;}
.light { background-position: 0 0; }
.img4-1{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.img4-2{position: absolute;width: 250px;left: 150px;top: 300px;z-index: 1;}
.img4-3{position: absolute;width: 100%;left: 0;top: 530px;z-index: 2;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:15s;-webkit-animation-duration:15s;}
.img4-4{position: absolute;width: 100%;left: 0;top: 530px;z-index: 1;}
.img4-5{position: absolute;width: 256px;left: 172px;bottom: 50px;z-index: 5;display: none;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.img6-1{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.img7-1{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.xia{position: absolute;width: 60px;left: 270px;bottom: 50px;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
#page1{display: none;}
#page2{display: none;background: url(http://cdn.hime100.com/images/bg2.png) no-repeat;background-size: 100% 100%}
#page3{display: none;background: url(http://cdn.hime100.com/images/bg3.png) no-repeat;background-size: 100% 100%;left: 20px;right: 20px;top: 20px;bottom: 20px;position: absolute;}
#page4{display: none;background: url(http://cdn.hime100.com/images/bg4.jpg) no-repeat;background-size: 100% 100%}
#page5{display: none;}
#page6{display: none;background: url(http://cdn.hime100.com/images/bg3.png) no-repeat;background-size: 100% 100%;left: 20px;right: 20px;top: 20px;bottom: 20px;position: absolute;}
#page7{display: none;}
@-webkit-keyframes action2end {
    0% { background-position: 0 -504px; }
    20% { background-position: 0 -1008px; }
    40% { background-position: 0 -1512px; }
    60% { background-position: 0 -2016px; }
    80% { background-position: 0 -2520px; }
    100% { background-position: 0 -504px; }
}
@-webkit-keyframes childAct1end {
    0% {  background-position: 0 -344px; }
    50% {  background-position: 0 -688px; }
    100% { background-position: 0 -344px; }
}
.loadok{position: fixed;width: 100%;height: 100%;z-index: 88;left: 0;top: 0;display: none;}
.load{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 88;left: 0;top: 0;display: none;}
.load img{width: 200px;display: block;margin: 300px auto;}
.reg{position: absolute;width: 500px;left: 50px;top:250px;background-color: #fff;z-index: 99;padding: 20px;display: none;}
.reg input{width: 400px;display: block;margin: 30px auto 40px auto;height: 70px;border: 1px solid #e62d2d;outline: none;padding: 0 10px;line-height: 70px;font-size: 24px;}
.btn{width: 250px;height: 50px;display: block;margin: 0px auto 10px auto;font-size: 24px;background-color: #e49726;color: #fff;border: none;box-shadow: 6px 6px 3px #888888;}