/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin:0;padding:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0;background-color:#fff;font-family:Microsoft YaHei;font-size:15px}
main {display:block}
hr {box-sizing:content-box;height:0;overflow:visible}
pre {font-family:monospace,monospace;font-size:1em}
a {background-color:transparent;text-decoration:none}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace;font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {display:block;border-style:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
[hidden],template {display:none}
li,ul {list-style:none}
.wrap {width:1200px;padding:0;margin:0 auto}
.pull-left {float:left}
.pull-right {float:right}
#app,body,html {height:100%}
.flex-box {height:100%;display:flex;flex-direction:column}
.content {flex:1 0 auto}
.banner img {width:100%}
.clearfix:after,.clearfix:before {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
.banner {min-width:1200px}
.event-setting {margin-bottom:65px}
.event-setting .title {width:175px;margin:30px auto;padding-bottom:10px;border-bottom:4px solid #0c5da1}
.event-setting .title h1 {text-align:center;font-size:36px;color:#0c5da1;font-weight:500}
.event-setting .details ul {display:flex;flex-flow:row wrap;justify-content:space-between}
.event-setting .details ul li {width:583px;height:140px;background:url(../images/rule-img-01.png) no-repeat}
.event-setting .details ul li p {font-size:24px;font-weight:700;color:#0c5da1;text-align:center;line-height:140px}
.public-title {margin-bottom:30px}
.public-title ul {display:flex;flex-flow:row nowrap;justify-content:center}
.public-title ul .line {width:70px;height:1px;background:#0c5da1;margin-top:20px}
.public-title ul .middle h2 {font-size:36px;color:#0c5da1;font-weight:400;margin:0 17px}
.project-description {width:1200px;height:435px;background:url(../images/rule-img-02.png) no-repeat;overflow:hidden;margin-bottom:50px}
.project-description .title-h1 h1 {font-size:14px;color:#fff;margin:19px 0 0 480px}
.project-description .title-h2 {width:1121px;margin:70px auto 0;display:flex;flex-flow:row nowrap;justify-content:space-between}
.project-description .title-h2 h2 {width:560px;text-align:center;font-size:24px;font-weight:400;color:#fff}
.project-description .list {display:flex;flex-flow:row nowrap;justify-content:space-between;width:1121px;margin:55px auto 0}
.project-description .list ul li {display:flex;flex-flow:row nowrap;justify-content:space-between;width:560px;padding:0 20px;box-sizing:border-box;margin-bottom:30px}
.project-description .list ul li p {font-size:14px;color:#282828}
.project-description .list ul li a {color:#0c5da1;font-size:14px}
.rule {width:1200px;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:40px}
.rule a {display:block;color:#fff;font-size:30px;text-align:center;margin-bottom:18px}
.rule a span {color:#ffe900}
.rule .top {width:1200px;height:153px;background:url(../images/competition-rules-img-02.jpg) no-repeat;line-height:153px}
.rule .primary-school {width:588px;height:153px;background:url(../images/competition-rules-img-03.jpg) no-repeat;padding-top:33px;box-sizing:border-box}
.rule .primary-school span {display:block;margin-top:20px}
.rule .middle-school {width:588px;height:153px;background:url(../images/competition-rules-img-04.jpg) no-repeat;padding-top:33px;box-sizing:border-box}
.rule .middle-school span {display:block;margin-top:20px}
.safety-notice {-ms-box-shadow:0 3px 10px hsla(0,0%,68.6%,.9);-o-box-shadow:0 3px 10px hsla(0,0%,68.6%,.9);box-shadow:0 3px 10px hsla(0,0%,68.6%,.9);padding:30px 15px;margin-bottom:60px}
.safety-notice p {color:#282828;font-size:14px;margin-bottom:10px}