html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { cursor: pointer; outline: none; text-decoration: none; }

.winner__list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

fieldset, img { border: none; vertical-align: text-bottom; }

input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: none; border-radius: 0; }

.loginForm input { margin: 0; padding: 0; border: none; background: none; appearance: none; -webkit-appearance: none; border-radius: 0; font-family: STHeiti,"MicroSoft YaHei",Arial; font-size: 1.2rem; }

html { font-size: 62.5%; font-family: STHeiti,"MicroSoft YaHei",Arial; }

.box_close, .box_btn a, .slot_btn, .app_btn, .result_a, .pay_choose input:checked + label:before, .pay_choose label:before { background-repeat: no-repeat; background-image: url('../images/schoolReopen/icons-s224ef8af81.png'); background-size: 27rem auto; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { background: url(../images/schoolReopen/bg_06.jpg); background-size: 100% auto; }

.newBody { background: url(../images/schoolReopen/bg_blue.jpg); background-size: 100% auto; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.tc { text-align: center; }

.tr { text-align: right; }

.vm { vertical-align: middle; }

.red { color: #ff0000; }

.none { display: none; }

.fl { float: left; }

.fr { float: right; }

.box { width: 28.4rem; background: #fef8b6; position: absolute; left: 50%; top: 0; z-index: 100; margin-left: -14.2rem; border-radius: .4rem; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transform: translateY(-100%); -webkit-transform: translateY(-100%); display: none; }
.box_h { padding: 1rem 0; color: #333; font-size: 1.3rem; text-align: center; border-bottom: solid .1rem #ddd; }
.box_close { position: absolute; width: 2.5rem; height: 2.5rem; right: 0; top: 0; background-position: 0 -23.3rem; }
.box_con { padding: 1.5rem; }
.box_con.padt0 { padding-top: 0; }
.box_btn { padding-top: 1.5rem; text-align: center; }
.box_btn a { display: inline-block; font-size: 2rem; color: #ffdba3; text-align: center; line-height: 5.3rem; width: 15.6rem; height: 6.2rem; background-position: 0 -16.6rem; }

#alert_p { text-align: center; padding: 1.5rem 0 1rem; font-size: 1.4rem; }

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 30; display: none; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; }

.shareMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 200; display: none; }
.shareMask img { width: 100%; }

.cost_tip { font-size: 1em; color: #4b0000; padding-bottom: .5rem; margin: 8px; }
.loginForm .errorTip { font-size: 1em; color: #ff0000; padding-bottom: .5rem; }
.loginForm input { font-family: STHeiti,"MicroSoft YaHei",Arial; padding: 1rem .8rem; background: #fff; -webkit-box-sizing: border-box; display: block; color: #333; border-radius: .2rem; font-size: 1.3rem; }
.loginForm input.txtA { width: 100%; margin-bottom: 1rem; }
.loginForm input.txtB { -webkit-box-flex: 1; }
.mobileTip { font-size: 1.2em; color: #4b0000; padding-bottom: .5rem; text-indent: 2em; }

.loginCode { align-items: center; display: -webkit-box; -webkit-box-align: strect; }

.sendCode { width: 10rem; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; color: #fff; font-size: 1.3rem; -webkit-box-sizing: border-box; margin-left: 1rem; background: #ff6633; border-radius: .2rem; }
.sendCode .red { color: #ff0000; }

.notice { background: rgba(0, 0, 0, 0.2); border-radius: 1rem; box-shadow: 0.1rem 0.15rem 0.3rem rgba(0, 0, 0, 0.4) inset; }

.actDetail_in, .flowFree_btn, .flowFreeBlue_btn, .studentPrize_btn { border-radius: 10rem; background: rgba(0, 0, 0, 0.1); padding: .4rem; }
.actDetail_in span, .flowFree_btn span, .studentPrize_btn span { display: block; border-radius: 10rem; padding: .4rem 0; width: 6rem; text-align: center; background: #ff3300; color: #fff; }

.flowFree_btn { border-radius: 10rem; background: rgba(0, 0, 0, 0.1); padding: .4rem; }
.flowFreeBlue_btn span { display: block; border-radius: 3rem; padding: 0.4rem 0; width: 12rem; height: 1.5rem; text-align: center; background: #ff3300; color: #fff; font-size: 1.5rem; }

.banner img { width: 100%; }

.lottery { width: 27rem; margin: 0 auto; position: relative; }

.winner { padding: .6rem 0; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; color: #fff; background: url(../images/schoolReopen/bg_07.jpg); border-radius: .6rem; background-size: cover; border: solid .2rem #050001; }
.winner_h { border-right: dotted .1rem #0081b7; font-size: 1.2rem; padding: 0 1rem; }
.winner_detail { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; overflow: hidden; height: 4.5rem; padding: 0 1rem; }
.winner__list li { line-height: 1.6rem; }
.winner__list.move { animation-name: scroller; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: scroller; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; }
.winner___mobile { display: inline-block; margin-right: 2rem; }

.slot { position: relative; margin: 0 0 .5rem; }
.slot_body { height: 12rem; padding: 2.8rem 0 0 1.45rem; background: url(../images/schoolReopen/bg_08.png) no-repeat; background-size: 100% auto; }
.slot_btn { width: 27rem; height: 5.25rem; display: block; margin: 0 auto; background-position: 0 0; }
.slot_tip { color: #444; text-align: center; padding: .2rem 1.5rem 0 0; }

.imageArticle { width: 7.5rem; height: 9.3rem; overflow: hidden; float: left; border-radius: .6rem; }
.imageArticle li { color: #ff3300; font-size: 1.4rem; width: 7.5rem; height: 9.3rem; text-align: center; -webkit-box-sizing: border-box; padding: 0 .5rem; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; font-weight: bold; line-height: 1.8rem; }

#iA_2 { margin: 0 .8rem 0 .83rem; }

.notice { padding: .8rem; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; color: #fde667; font-size: 1.2rem; line-height: 1.5rem; }
.notice_con { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }

.actDetail_in { position: absolute; top: -3.5rem; right: 0; }
.actDetail_con { padding: 2.5rem; color: #3f2804; line-height: 1.5rem;  height: 100%; overflow-y: auto; box-sizing: border-box;}
.actDetail_con h1 { font-size: 1.8rem; padding-bottom: 1rem; }
.actDetail_con p { font-size: 1.2rem; padding-bottom: 1rem; }
.actDetail_con p:last-child { padding-bottom: 0; }
#actDetail { height: 80%;}

.flowFree { position: relative; padding: 2rem 0 3rem; }
.flowFree_blue { position: relative; padding: 0 0 3rem; }
.flowFree_blue_btn { position: relative; padding: 6rem 0 0rem; }
.flowFree_btn { position: absolute; top: 2rem; right: 1.5rem; }
.flowFreeBlue_btn { position: absolute; top: 2rem; right: 10rem; width: 12rem; height: 2.25rem; }

.studentPrize { position: relative; }
.studentPrize_btn { position: absolute; top: -1rem; right: 1.5rem; }

.welfare_h { color: #ffdba3; font-size: 1.4rem; border-left: solid .3rem #ffdba3; margin: 1.5rem 0 .5rem 1rem; padding-left: .5rem; }
.welfare_img { width: 100%; }
.welfare_list { padding: 1rem 1.2rem; }

.app { display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; padding: .8rem; border-radius: .6rem; box-shadow: 0 0.1rem 0.3rem rgba(242, 99, 108, 0.2) inset; }
.app_img { display: block; width: 5.5rem; }
.app_intro { color: #000000; font-size: 1.2rem; line-height: 1.5rem; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; padding: 0 1.5rem 0 1rem; }
.app_intro b{ font-weight:bold; display:block;}
.app_btn { width: 9.6rem; height: 3.65rem; display: block; background-position: 0 -5.75rem; }

.actIntro { padding: 1.5rem .8rem; }
.actIntro h1 { color: #3f2804; font-size: 1.6rem; padding-bottom: 1rem; font-weight: bold; }
.actIntro p { font-size: 1.2rem; color: #3f2804; line-height: 1.5rem; padding-bottom: 1rem; }
.actIntro p a { color: #3f2804; }

.prize_img { width: 100%; border-radius: .4rem; }

.result { padding: 2rem; }
.result_h { text-align: center; color: #560004; font-size: 1.8rem; padding-bottom: 1rem; }
.result_p { font-size: 1.2rem; color: #560004; line-height: 1.6rem; width: 22rem; margin: 0 auto; padding-bottom: .8rem; }
.result_a { width: 24.3rem; height: 6.2rem; display: block; margin: 1rem auto 0; background-position: 0 -9.9rem; color: #ffdba3; font-size: 1.6rem; text-align: center; line-height: 5.5rem; }

.aiting_add { height: 23.4rem; background: url(../images/schoolReopen/img_08.jpg) no-repeat; background-size: 100% auto; border-radius: .4rem; }
.aiting_add_h { text-align: center; color: #560004; font-size: 1.8rem; line-height: 2.4rem; padding-top: 1rem; }
.aiting_add_p{ font-size:1.2rem; color:#4b0000; line-height:1.6rem; padding:12.5rem 3rem 2rem;}

.pay { padding: 3rem 2rem; }
.pay_h { color: #666; font-size: 1.3rem; padding-bottom: 1.5rem; }
.pay_choose { padding-bottom: 1rem; }
.pay_choose input { display: none; }
.pay_choose input:checked + label { color: #ff3366; }
.pay_choose input:checked + label:before { background-position: 0 -29.1rem; }
.pay_choose label { display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; color: #660000; font-size: 1.3rem; }
.pay_choose label:before { content: ''; width: 2.3rem; height: 2.3rem; display: block; margin-right: .5rem; background-position: 0 -26.3rem; }
.pay__name { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.pay__price { display: block; }

.AP-dialog-content{padding:2.5rem 0 0}
.AP-dialog-text{padding:0 1.5rem 2.5rem;text-align:center;font-size:1.4rem;line-height:150%;font-weight:700}
.AP-dialog-button{width:100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #F0F0F0}
.AP-dialog-button a{display:block;width:100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#0ae;text-decoration:none;padding:1.45rem 0;border-top:.1rem solid #F0F0F0; font-size:1.2rem;}
.AP-dialog-button a:first-child{border-top:none}

@-moz-keyframes scroller { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  100% { -moz-transform: translateY(-100%); transform: translateY(-100%); } }
@-webkit-keyframes scroller { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@keyframes scroller { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } }