@keyframes spinAround{from{transform:rotate(0)}
to{transform:rotate(359deg)}
}
body,h1,h2,h3,hr,html,li,p,ul{margin:0;padding:0}
h1,h2,h3{font-size:100%;font-weight:400;font-family:"Open Sans",system-ui,"Microsoft Yahei",sans-serif}
ul{list-style:none}
html{box-sizing:border-box}
*{box-sizing:inherit}
:after,:before{box-sizing:inherit}
table{border-collapse:collapse;border-spacing:0}
td{padding:0;text-align:left}
html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}
article,footer,section{display:block}
body{font-family:"Open Sans",system-ui,sans-serif}
body{color:#34495e;font-size:1rem;font-weight:400;line-height:1.25}
a{color:#3273dc;cursor:pointer;text-decoration:none}
a:hover{color:#148f77}
hr{background-color:#dee2e5;border:none;display:block;height:1px;margin:1.5rem 0}
span{font-style:inherit;font-weight:inherit}
table td{text-align:left;vertical-align:top}
input[type='number']::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
.is-size-7{font-size:.85em!important}
.has-text-centered{text-align:center!important}
.has-text-grey{color:#8c9b9d!important}
.has-text-white-ter{color:#ecf0f1!important}
.has-text-weight-bold{font-weight:700!important}
.button.is-focused:not(:active),.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}
.button.is-white.is-focused:not(:active),.button.is-white:focus:not(:active){box-shadow:0 0 0 .125em rgba(255,255,255,.25)}
.button.is-black.is-focused:not(:active),.button.is-black:focus:not(:active){box-shadow:0 0 0 .125em rgba(10,10,10,.25)}
.button.is-light.is-focused:not(:active),.button.is-light:focus:not(:active){box-shadow:0 0 0 .125em rgba(236,240,241,.25)}
.button.is-dark.is-focused:not(:active),.button.is-dark:focus:not(:active){box-shadow:0 0 0 .125em rgba(54,54,54,.25)}
.button.is-primary.is-focused:not(:active),.button.is-primary:focus:not(:active){box-shadow:0 0 0 .125em rgba(52,73,94,.25)}
.button.is-link.is-focused:not(:active),.button.is-link:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}
.button.is-info.is-focused:not(:active),.button.is-info:focus:not(:active){box-shadow:0 0 0 .125em rgba(32,156,238,.25)}
.button.is-success.is-focused:not(:active),.button.is-success:focus:not(:active){box-shadow:0 0 0 .125em rgba(46,204,113,.25)}
.button.is-warning.is-focused:not(:active),.button.is-warning:focus:not(:active){box-shadow:0 0 0 .125em rgba(241,183,14,.25)}
.button.is-danger.is-focused:not(:active),.button.is-danger:focus:not(:active){box-shadow:0 0 0 .125em rgba(231,76,60,.25)}
.container{margin:0 auto;position:relative}
@media screen and (min-width:1024px){.container{max-width:960px;width:960px}
}
@media screen and (min-width:1216px){.container{max-width:1152px;width:1152px}
}
@media screen and (min-width:1408px){.container{max-width:1344px;width:1344px}
}
.content li+li{margin-top:.25em}
.content p:not(:last-child){margin-bottom:1em}
.content h1,.content h3{color:#2b3c4e;font-weight:400;line-height:1.025}
.content h1{font-size:1.75em;margin-bottom:.5em}
.content h3{font-size:1.25em;margin-bottom:1.25em}
.content h3:not(:first-child){margin-top:1.3333em}
.content ul{list-style:disc outside;margin-left:2em;margin-top:0em}
.content table{width:100%}
.content table td{border:1px solid #dee2e5;border-width:0 0 1px;vertical-align:top}
.content table tbody tr:last-child td{border-bottom-width:0}
.table{background-color:#fff;color:#363636;margin-bottom:1.5rem}
.table td{border:1px solid #dee2e5;border-width:0 0 1px;padding:0;vertical-align:top}
.table tbody tr:last-child td{border-bottom-width:0}
.title{word-break:break-word}
.title:not(:last-child){margin-bottom:1.5rem}
.title{color:#363636;font-size:1.375rem;font-weight:500;line-height:1.125;text-align:center}
.title.is-3{font-size:1.25rem}
.breadcrumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:stretch;display:flex;font-size:.825rem;overflow:hidden;overflow-x:auto;white-space:nowrap}
.breadcrumb:not(:last-child){margin-bottom:1.5rem}
.breadcrumb a{align-items:center;color:#3273dc;display:flex;justify-content:center;padding:.25em .275em}
.breadcrumb a:hover{color:#148f77}
.breadcrumb li{align-items:center;display:flex}
.breadcrumb li:first-child a{padding-left:0}
.breadcrumb li+li::before{color:#34495e;content:">"}
.breadcrumb ul{align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}
.sr{ border: 1px solid #ddd;padding:5px;font-family: "Work Sans", sans-serif;outline: none;}
.content p{line-height:1!important;text-align:center;}
.zuo{float:left;width:49%;} 
.you{width:49%;float:right;}
.an {clear:both;margin:20px;text-align:center;}
.button {height: 30px;width:60px;margin-top:15px;padding:2px 2px;}
@media screen and (max-width:800px){.zuo{width:99%;}.you{float:left;width:99%;margin-top:15px;}.section{padding-top:5px;}}
.container {
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));width:75%;
}
.element {
 text-align:center;margin:0 auto;
}
@media screen and (max-width:799px){.container{width:95%;}}