@charset "utf-8";

/*reset */
* { box-sizing: border-box; font-family: 'microsoft yahei'; }
body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; }
body { font: 16px/1.8 normal 'microsoft yahei'; color: #333; background-color: #f4f4f4; }
a { color: #1aa1e2; text-decoration: none; }
a, input, img { -webkit-tap-highlight-color: transparent; }
ul, li, ol, li { list-style: none; }
img, a img { border: none; }

/*public*/
.color-g { color: #4eff00 !important; }
.color-y { color: #fff500 !important; }
.color-f { color: #ffffff !important; }
.color-0 { color: #000000 !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-32 { font-size: 32px !important; }
.mgt-10 { margin-top: 10px !important; }
.rel { position: relative; }
.abs { position: absolute; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.wrap { min-width: 320px; margin: 0 auto; position: relative; }
.main { width: 320px; margin: 0 auto; position: relative; }
.go-back { z-index: 101; position: absolute; top: 10px; left: 20px; width: 44px; height: 44px; border-radius: 22px; background: rgba(0, 0, 0, 0.3) url("/m/uipub/pub-ui/lightSchoole/images/icon/back.png") no-repeat 12px center; background-size: 18px; }

/*index-首页*/
.index-bg { background-color: #53DCFE; }
.index-wrap { min-width: 320px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-bg.png") no-repeat 50% 30px; background-size: 495px; margin: 0 auto; position: relative; z-index: 2; overflow: hidden; margin-top: -190px; }
.index-ground { position: relative; width: 320px; height: 1390px; margin: 0 auto; margin-top: -204px; z-index: 2; }
.index-item { position: absolute; width: 115px; height: 90px; background-repeat: no-repeat; }
.index-item a, .index-item span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.index-item i { position: absolute; display: block; font-style: normal; background: url("/m/uipub/pub-ui/lightSchoole/images/icon/index-tip-bg.png") no-repeat center top; background-size: 34px; width: 34px; height: 46px; color: #fff; font-size: 18px; text-align: center; font-weight: bold; bottom: 10%; left: 30%; opacity: .7; }
.index-item.ended i{opacity: 1;} 
.index-item.active i { opacity: 1; -webkit-animation: tip 1s linear infinite; animation: tip 1s linear infinite; }

/*index-首页-头部*/
.index-head { position: relative; z-index: 1; background-image: -webkit-linear-gradient(to top, #53DCFE, #0CADE5); background-image: linear-gradient(to top, #53DCFE, #0CADE5); }
.index-ban { width: 320px; margin: 0 auto; height: 366px; position: relative; overflow: hidden; }
.index-ban>div { position: absolute; display: block; }
.ban-pic { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease; transition: all .3s ease; width: 280px; height: 200px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-ban.png") no-repeat 0 0; background-size: 250px; left: 42px; top: 50px; }
.ban-pic.play { -webkit-transform: scale(1); transform: scale(1); }
.ban-cloud { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-cloud-bg.png") no-repeat 0 0; background-size: 48px; width: 50px; height: 48px; }
.cloud-1 { opacity: 1; left: 116px; top: 30px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-animation: cloud-1 16s linear infinite; animation: cloud-1 16s linear infinite; }
.cloud-2 { opacity: .7; left: 280px; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: share 4s linear infinite; animation: share 4s linear infinite; }
.cloud-3 { opacity: 1; left: 262px; top: 132px; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation: cloud-1 10s linear infinite; animation: cloud-1 10s linear infinite; }
.cloud-4 { opacity: .7; left: -15px; top: 232px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-animation: cloud-2 32s linear infinite; animation: cloud-2 32s linear infinite; }
.cloud-5 { opacity: 1; left: 24px; top: 288px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-animation: cloud-2 20s linear infinite; animation: cloud-2 20s linear infinite; }
.cloud-6 { opacity: 1; left: 110px; top: 232px; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-animation: share 8s linear infinite; animation: share 8s linear infinite; }
.ban-share { -webkit-animation: share 6s linear infinite; animation: share 6s linear infinite; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-share-bg.png") no-repeat 0 0; background-size: 80px; width: 80px; height: 104px; top: 21px; left: 12px; }
.ban-pop { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-share-bg.png") no-repeat 0 0; background-size: 20px; width: 20px; height: 27px; top: 5px; left: 106px; opacity: .3; }

/*index-首页-场景布局*/
.item-01 { width: 116px; height: 148px; top: 209px; right: 0; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-01.png") no-repeat 0 0; background-size: 115px; }
.item-01.active span,.item-01.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-01.png") no-repeat 0 -151px; background-size: 115px; }
.item-02 { width: 112px; height: 140px; top: 372px; right: 46px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-02.png") no-repeat 0 0; background-size: 115px; }
.item-02 i { bottom: -10px; left: 42px; }
.item-02.active span,.item-02.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-02.png") no-repeat 0 -154px; background-size: 115px; height: 64px; top: auto; bottom: 0; }
.item-03 { width: 116px; height: 94px; top: 502px; left: 0; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-03.png") no-repeat 0 0; background-size: 110px; }
.item-03 i { bottom: 36px; left: 95px; }
.item-03.active span,.item-03.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-03.png") no-repeat 0 -93px; background-size: 110px; height: 85px; top: auto; bottom: 0; }
.item-04 { width: 110px; height: 136px; top: 594px; left: -6px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-04.png") no-repeat 0 0; background-size: 110px; }
.item-04 i { bottom: 2px; left: 84px; }
.item-04.active span,.item-04.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-04.png") no-repeat 0 -144px; background-size: 110px; height: 120px; top: auto; bottom: 0; }
.item-05 { width: 110px; height: 112px; top: 804px; right: 0px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-05.png") no-repeat 0 0; background-size: 110px; }
.item-05 i { bottom: 4px; left: -8px; }
.item-05.active span,.item-05.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-05.png") no-repeat 0 -122px; background-size: 110px; height: 92px; top: auto; bottom: 0; }
.item-06 { width: 98px; height: 152px; top: 793px; left: -10px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-06.png") no-repeat 0 0; background-size: 100px; }
.item-06 i { bottom: 7px; left: 60px; }
.item-06.active span,.item-06.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-06.png") no-repeat 0 -154px; background-size: 100px; height: 133px; top: auto; bottom: 0; }
.item-07 { width: 162px; height: 100px; top: 953px; left: 36px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-07.png") no-repeat 0 0; background-size: 160px; }
.item-07 i { bottom: 4px; left: 4px; }
.item-07.active span,.item-07.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-07.png") no-repeat 0 -112px; background-size: 160px; top: auto; bottom: 0; }
.item-08 { width: 100px; height: 156px; top: 988px; right: 0; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-08.png") no-repeat 0 0; background-size: 100px; }
.item-08 i { bottom: -2px; left: -3px; }
.item-08.active span,.item-08.ended span { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-08.png") no-repeat 0 -158px; background-size: 100px; top: auto; bottom: 0; height: 135px; }
.item-09 { width: 82px; height: 83px; top: 1187px; left: 102px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-play-09.png") no-repeat 0 0; background-size: 80px; }
.item-09 i { bottom: -10px; left: 66px; }

/*indxt-首页-foot*/
.index-foot { min-width: 320px; margin: 0 auto; font-size: 12px; color: #fff; position: relative; overflow: hidden; }
.index-foot h3 { height: 41px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/index-foot.png") no-repeat center top; background-size: 320px; line-height: 56px; font-weight: normal; padding-left: 34px; width: 320px; margin: 0 auto; }
.index-foot h3:before, .index-foot h3:after { content: ''; display: block; position: absolute; z-index: 0; background-color: #033A16; height: 41px; width: 180px; top: 0; left: 50%; margin-left: -339px; border-top: 8px solid #023212; }
.index-foot h3:after { margin-left: 160px; height: 33px; top: 8px; background-color: #01280F; border-top: none; }
.index-foot ol { background-color: #033a16; padding: 10px 10px 20px 30px; list-style: initial; margin: 0 auto; }
.index-foot ol li { list-style: decimal; width: 280px; margin: 0 auto; }

/* 02-图书馆--start*/
.library { background: #ccc; }
.library-bg { margin: 6% auto; height: 589px; background: url(/m/uipub/pub-ui/lightSchoole/images/bg/library-bg.png) no-repeat center top; background-size: cover; }
.library-content>a { display: block; width: 95px; height: 30px; text-indent: 40px; position: absolute; background: url(/m/uipub/pub-ui/lightSchoole/images/icon/library-al.png) no-repeat center top; background-size: 95px; }
.library-content>a.left { text-indent: 10px; background: url(/m/uipub/pub-ui/lightSchoole/images/icon/library-ar.png) no-repeat center top; background-size: 95px; }
.library-cl { top: 51px; left: 202px; color: #ffab18; }
.library-xs { top: 142px; left: 202px; }
.library-sy { top: 237px; left: 27px; color: #43a047; }
.library-sp { color: #000; top: 321px; left: 202px; }
.library-cy { color: #ef5350; top: 418px; left: 202px; }
.library-cs { top: 508px; left: 21px; color: #780ba2; }
/* 02-图书馆--end*/

/*07-操场--start*/
.ground-bg { background-color: #c9e9da; }
.ground-wrap { background: url("/m/uipub/pub-ui/lightSchoole/images/bg/ground-bg.png") no-repeat center top;background-size: 412px;height: 888px; overflow: hidden; }
.gound-rule { text-align: center; color: #E0E0E0; width: 270px; margin: 0 auto;padding-top: 330px; overflow: hidden; line-height: 1.4; }
.ground-tb { width: 100%; border-collapse: collapse; margin: -1px auto -1px auto; }
.ground-tb th, .ground-tb td { text-align: center; font-size: 12px; border-color: #fff; border-width: 1px; border-style: dotted solid dotted solid; }
.ground-tb-wrap { border-top: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden; }
.ground-er { margin: 10px auto; background-color: #fff; padding: 10px 20px; border-radius: 10px; }
.ground-er img { width: 100%; }
.ground-er p { color: #333; font-size: 12px; margin: 0 -20px; }
/*07-操场--end*/

/* 05-小卖部--start*/
.shop { background: #f7ba8e;}
.shop-wrap{background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop.jpg) no-repeat center top;background-size:100%;overflow: hidden;}
.shop-bg{margin:0 auto;height:490px;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop9.jpg) no-repeat center top; background-size: cover; }
.shop-qpai{top:250px;left:0;width:70px;height:123px;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-qpai.png) no-repeat 0 0;background-size: cover;position:absolute;}
.shop-girl{top:250px;right:0px;width:82px;height:127px;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-girl.png) no-repeat 0 0;background-size: cover;position:absolute;}
.shop-boxq{margin:60% auto 0;height:289px; background-size:375px; background:url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-qdeskbg.png) no-repeat center top;background-size: cover;}
.shop-boxq{margin:58% 2% 0;height:351px; background-size:375px; background:url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-qdeskbg.png) no-repeat center top;background-size: cover;}

.shop-qsale{top:118px;left:40px;display:inline-block;width:231px;height:107px;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-qsale.png) no-repeat 0 0;background-size: cover;position:absolute;}
.shop-box{margin:0 auto;height:140px;}
.shop-box a.shop-navm {top:30px;left:20px;width:121px;height:77px;display:inline-block;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-nav-m.png) no-repeat 0 0;background-size: cover;position:absolute;}
.shop-box a.shop-navq {top:30px;right:20px;width:121px;height:77px;display:inline-block;background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-nav-q.png) no-repeat 0 0;background-size: cover;position:absolute;}
.shop-box a.shop-navm.on{background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-nav-mon.png) no-repeat 0 0;background-size: cover;}
.shop-box a.shop-navq.on{background: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-nav-qon.png) no-repeat 0 0;background-size: cover;}
.shop-boxm{margin:58% 2% 0;height:351px; background-size:375px; background:url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-mdeskbg.png) no-repeat center top;background-size: cover;}
.shop-boxm>a{display:inline-block;width:123px;height:51px;background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket1.png);background-size: cover;position:absolute;}
a.shop-ticket1{top:30px;left:20px; background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket1.png);}
a.shop-ticket2{top:30px;right:20px;background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket2.png);}
a.shop-ticket3{top:103px;left:20px;background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket3.png);}
a.shop-ticket4{top:103px;right:20px;background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket4.png);}
a.shop-ticket5{top:178px;left:20px; background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket5.png);}
a.shop-ticket6{top:178px;right:20px;background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg/shop-ticket6.png);}
.shop-boxq{display: none;}
/* 05-小卖部--end*/
/* 06-宿舍宽带--start*/
.dorm{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#b5964e), to(#d4af5b));
background:gradient(linear, 0 0, 0 100%, from(#b5964e), to(#d4af5b)); height:100%;}
.dorm-wrap{margin:0 auto;height:738px;background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm.jpg") no-repeat center top;background-size:410px;/*background-size: cover;*/overflow: hidden;}
.dorm-nonet{-webkit-animation: scale-on 1.2s linear infinite; -ms-animation: scale-on 1.2s linear infinite; -moz-animation: scale-on 1.2s linear infinite; -o-animation: scale-on 1.2s linear infinite; animation: scale-on 1.2s linear infinite;position: absolute;top:222px; left:137px;width:64px; height:23px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm-nonet.png") no-repeat 0 0; background-size:cover; display: inline-block;}
.dorm-bb{-webkit-animation: scale-on 1.5s linear infinite; -ms-animation: scale-on 1.5s linear infinite; -moz-animation: scale-on 1.5s linear infinite; -o-animation: scale-on 1.5s linear infinite; animation: scale-on 1.5s linear infinite; position: absolute;top:233px; left:73px;width:40px;height:39px;background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm-bb.png") no-repeat 0 0; background-size:cover; display: inline-block;}
.dorm-ftext{-webkit-animation: ftext-on 30s linear infinite; -moz-animation: ftext-on 30s linear infinite; -ms-animation: ftext-on 30s linear infinite; -o-animation: ftext-on 30s linear infinite; animation: ftext-on 30s linear infinite;position: absolute;top:400px;left:0px;width:287px;height:77px;width:252px;height:67px;background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm-ftext.png") no-repeat 0 0; background-size:cover; display: inline-block;}
.dorm-click{position: absolute;top:650px;margin:0 10%;width:80%;height:40px;line-height: 40px; color: #fff; text-align: center;  border-radius: 5px; display: inline-block; background: #ad5d1f;}
.dorm-click:hover{background: #993300;}
.dorm-pop{ z-index: 999; border-radius:8px;top:10px;left:50%;margin-left:-150px;width:300px;height:400px; background: #fff; position: fixed;}
.dorm-roll{ margin-top:30px; height:30px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm-roll.png") no-repeat 50% 0;background-size:225px;}
.dorm-table{width:88%;margin:0 6%; border: 0;border-collapse:collapse;border-spacing:0;}
.dorm-table td,.dorm-table th{ padding:6px 0 6px 5px; border-bottom: 1px solid #ccc; font-weight: normal;}
.dorm-btn{margin:40px 6% 10px;width:88%;height:40px;line-height: 40px; color: #fff; text-align: center;  border-radius: 5px; display: inline-block; background: #ff6600;}
.dorm-btn:hover{background: #dc5d08;}
.dorm-pop p{ color: #666;font-size: 12px; text-align: center;}
.dorm-table input{font-size: 16px; border: 0;width: 100%;}
.dorm-close{ position:absolute;top:5px;right:6px;display:inline-block; width:18px;height:18px; background: url("/m/uipub/pub-ui/lightSchoole/images/bg/dorm-close.png") no-repeat 0 0; background-size: cover;}
.dorm-pop-rel{position: relative;}
.dorm-pop-rel img{ position: absolute;right:0; top:11px;cursor: pointer;}
.dorm-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: url("/m/uipub/pub-ui/lightSchoole/images/sh-opacity.png"); background: rgba(0, 0, 0, 0.6); }
.spop-box, .spop-boxs{top:31px;z-index:99;max-height:258px;width:264px;border:1px solid #e5e5e5;overflow: auto;display: none; position: absolute; right: 0; padding: 10px; line-height: 30px;font-size:17px; background: #fff; text-align: left; z-index: 999; }
.spop-box a{display:inline-block;text-align:center; color:#666;margin:0 0px 5px 4px;min-width:73px;height:30px;border:1px solid #cfcfcf;}
.spop-boxs a{display: block; border-bottom: 1px solid #ccc;color: #666;margin:0 0 5px 4px;}
.spop-box a:hover{background: #ff6600; color: #fff;}
.spop-boxs a:hover{ color:#ff6600;}
.rel { position: relative; }
.hide{display: none;}
/* 06-宿舍宽带--end*/

/* 01-index--start*/
.share-box{z-index:999;top:0;left:50%;margin-left:-160px;width:320px;height:500px; background: #fff; position: fixed;}
.share-btn{margin:40px 6% 10px;width:88%;height:40px;line-height: 40px; color: #fff; text-align: center;  border-radius: 5px; display: inline-block; background: #2cabce;}
.share-btn:hover{background: #0b80a0;}
.share-p{border: 1px solid #ccc; padding:3px; width: 248px; margin:20px auto 10px; line-height: 18px;}
.share-title{font-size: 24px; padding: 20px 0;}
.share { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: url("/m/uipub/pub-ui/lightSchoole/images/sh-opacity.png"); background: rgba(0, 0, 0, 0.6); }
.share-info {height:160px; padding:10px 115px 0 0px;background: url("/m/uipub/pub-ui/lightSchoole/images/pic/share-per.png") no-repeat 90% 100%;background-size:88px; font-size: 22px; font-weight: 100; color: #434343; }
.share-info p { color:#3399cc; font-size: 42px; margin:75px auto 10px auto; font-weight: 800; }
.share-webchat{height:300px;background: url("/m/uipub/pub-ui/lightSchoole/images/pic/share-chat.png") no-repeat 98% 4%;background-size:230px;}
.share-close{display: inline-block;width:20px;height:20px; background:url("/m/uipub/pub-ui/lightSchoole/images/icon/share-close.png") no-repeat 0 0; background-size:20px;  position: absolute; top:5px; right:10px;}
/* 01-index--end*/

/* 08-打水--start*/
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  height: 0;
}
.clearfix:before {
  content: "";
  display: table;
}

.top-block{
	background-color: #fbeeb8;
	border-bottom: 3px solid #34322c;
	padding-bottom: 30px;
	min-height: 250px;
	padding-top: 20px;
	box-shadow: 0 10px 10px #e0d5bb;
}
.top-block-head{
	height: 34px;
	background-color: #f5be3f;
	border-top: 1px solid #532515;
	border-bottom: 1px solid #532515;
}
.top-block-head h2{
	background: url(/m/uipub/pub-ui/lightSchoole/images/flow-header.png) no-repeat center center;
	position: relative;
	top: -10px;
	height: 54px;
}
.top-block-body{
	padding:20px 10px;
}
.col-tips-list{
	display: table;
	width: 100%;
}
.col-tips-list li{
	display: table-cell;
	width: 25%;
}
.col-tips-list li a{
	display: block;
	width: 100%;
}
.col-tips-list img{
	width: 100%;
}

.bottle{
	width: 153px;
	height: 99px;
	margin-top: -50px;
	margin-left: 10px;
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/picture-bottle.png);
	background-repeat: no-repeat;
}
.main-body{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	min-height: 250px;
	padding-top: 80px;
	box-shadow: 0 10px 10px #e0d5bb;
}
.main-body-wrap{
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.water-box{
	width: 141px;
	height: 216px;
	position: absolute;
	left: 99px;
	top: -110px;
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/water-box-bg.png);
}
.person{
	width: 126px;
	height: 203px;
	position: absolute;
	left: 13px;
	top: -54px;
	z-index: 2;
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/person-bottle.png);
}
.cate{
	width: 67px;
	height: 79px;
	position: absolute;
	left: 200px;
	top: 17px;
	z-index: 2;
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/cate.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}
.cate-1{
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
.cate-2{
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}
.cate-3{
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.cate-4{
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.cate-5{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.cate-6{
	-webkit-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
}
.money{
	position: absolute;
	width: 40px;
	height: 25px;
	left: 33px;
	top: 48px;
	border:1px solid #41110d;
}
.money-0{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-0.png);
}
.money-1{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-5.png);
}
.money-2{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-10.png);
}
.money-3{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-20.png);
}
.money-4{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-30.png);
}
.money-5{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-50.png);
}
.money-6{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/money-70.png);
}

.lavel{
	width: 89px;
	height: 26px;
	position: absolute;
	left: 131px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left center;
}
.lavel-1{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/30M.png);
	top: 100px;
}
.lavel-2{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/100M.png);
	top: 87px;
}
.lavel-3{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/300M.png);
	top: 78px;
}
.lavel-4{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/500M.png);
	top: 66px;
}
.lavel-5{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/1G.png);
	top: 56px;
}
.lavel-6{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/2G.png);
	top: 45px;
}
.result-box{
	width: 129px;
	height: 114px;
	position: absolute;
	left: 172px;
	top: -67px;
	z-index: 4;
	
}
.result-box-1{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a1.png);
}
.result-box-2{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a2.png);
}
.result-box-3{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a3.png);
}
.result-box-4{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a4.png);
}
.result-box-5{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a5.png);
}
.result-box-6{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/a6.png);
}
.btn-go{
	position: absolute;
	width: 50px;
	height: 30px;
	left: 34px;
	top: 57px;
	display: none;
}
.result-box-1 .btn-go,
.result-box-2 .btn-go,
.result-box-3 .btn-go,
.result-box-4 .btn-go,
.result-box-5 .btn-go,
.result-box-6 .btn-go{
	display: block;
}
.foot-button{
	padding-bottom: 30px;
	margin-top: -10px;
	text-align: center;
}
.foot-button button{
	background-repeat: no-repeat;
	background-position: center top;
	width: 64px;
	height: 34px;
	position: relative;
	border:none;
	background-color: transparent;
	display: inline-block;
}
.button-start{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/button-start.png);
}
.button-ctn{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/button-ctn.png);
}
.foot-button button i{
	background-image: url(/m/uipub/pub-ui/lightSchoole/images/point.png);
	width: 32px;
	height: 35px;
	position: absolute;
	top: 25px;
	left: 20px;
}
/* 08-打水--end*/

/*index-animation*/
@-webkit-keyframes scale-on {
	0% { -webkit-transform:scale(0.8) rotate(0deg); }
	50% { -webkit-transform:scale(1.1) rotate(10deg); }
	100% { -webkit-transform:scale(0.8) rotate(1deg); }
}
@keyframes scale-on {
	0% { transform:scale(0.8) rotate(0deg); }
	50% { transform:scale(1.1) rotate(10deg); }
	100% { transform:scale(0.8) rotate(1deg); }
}
@-webkit-keyframes ftext-on {
	0% { left: -4%; opacity: 0.1 }
	6% { left: 6%; opacity: 1 }
	92% { left: 92%; opacity: 1 }
	100% { left: 100%; opacity: 0 }
}
@keyframes ftext-on {
	0% { left: -4%; opacity: 0.1 }
	6% { left: 6%; opacity: 1 }
	92% { left: 92%; opacity: 1 }
	100% { left: 100%; opacity: 0 }
}
@-webkit-keyframes tip {
	0% { -webkit-transform: translateY(0) scale(1.2); }
	20% { -webkit-transform: translateY(0) scale(1.2); }
	60% { -webkit-transform: translateY(15px) scale(0.8); }
	100% { -webkit-transform: translateY(0) scale(1.2); }
}
@keyframes tip {
	0% { transform: translateY(0) scale(1.2); }
	20% { transform: translateY(0) scale(1.2); }
	60% { transform: translateY(15px) scale(0.8); }
	100% { transform: translateY(0) scale(1.2); }
}
@-webkit-keyframes share {
	0% { -webkit-transform: translateY(0) scale(1.1); }
	20% { -webkit-transform: translateY(0) scale(1.1); }
	60% { -webkit-transform: translateY(-5px) scale(0.9); }
	100% { -webkit-transform: translateY(0) scale(1.1); }
}
@keyframes share {
	0% { transform: translateY(0) scale(1.1); }
	20% { transform: translateY(0) scale(1.1); }
	60% { transform: translateY(-5px) scale(0.9); }
	100% { transform: translateY(0) scale(1.1); }
}
@-webkit-keyframes cloud-1 {
	0% { -webkit-transform: translate(-30px, -20px) scale(1.0); }
	100% { -webkit-transform: translate(100px, -80px) scale(0.9); }
}
@keyframes cloud-1 {
	0% { transform: translate(-30px, -20px) scale(1.0); }
	100% { transform: translate(100px, -80px) scale(0.9); }
}
@-webkit-keyframes cloud-2 {
	0% { -webkit-transform: translate(-30px, -20px) scale(1.0); }
	100% { -webkit-transform: translate(300px, -200px) scale(0.9); }
}
@keyframes cloud-2 {
	0% { transform: translate(-30px, -20px) scale(1.0); }
	100% { transform: translate(300px, -200px) scale(0.9); }}