/*---- public css ----*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:"Hiragino Sans GB",Helvetica,"Microsoft YaHei",SimHei,Arial,sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
h1{font-size:2em;}
img{border:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input::-ms-clear{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;}
a{background:transparent;text-decoration:none;color: #666;cursor: pointer;}
a:link,a:active,a:hover{outline:0;}
.hidden{display:none !important;}
body {background: #e7e8eb;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}

html,body {width: 100%;height: 100%;text-rendering: optimizeLegibility;font-size: 100%;font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;color: #333;line-height: 1;background: #fff;}
header {height: 53px;border-top: 6px solid #0082e5;border-bottom: 1px solid rgba(0,0,0,0.1);line-height: 53px;color: #0082e5;text-align: center;}
content {display: block;width: 100%;max-width: 960px;height: auto;margin: 0 auto;padding: 20px;}
footer {height:35px;border-bottom: 4px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);line-height: 35px;color: #999;text-align: center;clear: both;}
footer a {color: #0082e5;}
input {height: 20px;line-height: 20px;padding: 10px;border: 1px solid #ccc;border-radius: 2px;}
h3 {font-weight: 600;font-size: 30px;line-height: 40px;margin: 10px 0;color: #555555;text-transform: uppercase;}
h4 {font-weight: 600;font-size: 20px;line-height: 22px;margin: 10px 0;color: #555555;text-transform: uppercase;}
.guide p {margin: 20px 0;font-size: 18px;color: #666;}
pre {background-color: #f5f5f5;margin: 20px 0;padding: 20px;overflow: auto;}
code {font-size: 16px;line-height: 24px;color: #666;}
.g6,.g12 {padding: 0 20px;float: left;position: relative;box-sizing: border-box;}
.g12 {width: 100%;}
.g6 {width: 50%;}
.row {width: 100%;}
.row:before, .row:after{content: '';display: table;}
.row:after {clear: both;}
.view {margin: 0 auto;}
.button {display: block;max-width: 200px;background-color: #0082e5;margin: 30px auto;padding: 10px 20px;border-radius: 2px;font-size: 20px;color:#fff;text-align: center;}
.white-button {display: block;width: 238px;background-color: #fff;margin:30px auto;}
.white-button a {display: block;height: 38px;color: #0082e5;line-height: 40px;cursor: help;border: 1px solid #0082e5;border-radius: 2px;font-size: 20px;text-align: center;}
.white-button .click {background-color: #0082e5;color:#fff;margin-top: 10px;cursor: pointer;}
.white-button input {display: block;width: 218px;margin-top: 10px;border: 1px solid #ccc;line-height: 40px;}