body,div,p,ul,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,section,article,aside,header,footer,nav,dialog,figure,hgroup {
  margin: 0;
  padding: 0;
}
html { background-color: #ECEDED;color: #333;font-size:87.5%;line-height: 1.5;overflow-y:scroll;}
input[type=text], select {-webkit-appearance: none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden }
.clearfix {*zoom:1 }
.clear {clear: both;width: 0px;height: 0px;font-size: 0px;overflow: hidden }
audio, canvas, iframe, img, svg, video {vertical-align: middle }
textarea {resize: vertical }
input, select, button, textarea {font-family: inherit;margin: 0;padding: 0;outline: none; }
body { width: 100%;margin:0 auto;line-height: 20px;font-size:1rem;word-wrap:break-word; word-break:break-all;}
.mdb {padding:3px;border: 1px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;background:#fff;}
.c{clear:both;height:10px;font:0px/0px Arial;overflow:hidden;}
.cn {text-align: center;}
.fl {float: left;}
.fr {float: right;}
/*全局链接样式*/
a {color: inherit;text-decoration: none; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
ol, ul, li {list-style: none }
img {border: 0; max-width: 100%; height: auto;}
.bor {border: 1px solid #D9DADB;}
.bok {padding-top:5px;}
body{-webkit-text-size-adjust: none;font-family:"\5FAE\8F6F\96C5\9ED1","宋体", Tahoma,verdana,arial,sans-serif;color: #222;}
.headerbox {width: 100%;padding:0px 1px;margin:0 auto;padding:5px;position:relative;max-width:800px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow: 0px 5px 5px #7A7979;-moz-box-shadow: 0px 5px 5px #7A7979;box-shadow: 0px 5px 5px #7A7979;background:#fff;}
/*安装*/
.form-box input{ }
.form-box input:hover { border-color: #BDC3C7;}

.form-box input{ border-color: #D5DBDB; width: 200px;padding-left:5px;}
.form-box input.error { border-color: #F30;}
.insheader { width:100%;  margin: 0 auto; position: relative; z-index: 1;}
.insheader .title { height: 60px; position: relative; z-index: 1; top: 20px;left: 0;}
.insheader .title h2 { font-size: 36px; line-height: 40px; color: #f50; display: block; height: 40px;}
.insheader .version { color: #7E8C8D; position: relative; z-index: 1; bottom: 20px; text-align:right;}
.insheader .err {color: #f50;text-align: center;font-size:18px; font-weight: 700; height:50px;line-height:50px;}
.mysqlbox {width: 98%;margin: 0 auto;font-size: 15px;text-align: center; }
.mysqlbox li {width:65%;margin: 0 auto;height: 30px;line-height:30px;text-align:left;}
.mysqlbox .red {color: #F00;font-weight: 700;margin:0px 10px;padding:0px 15px;width:60px;}
.mysqlbox li.meestit {color: #00f;font-size:18px;font-weight: 700;text-align: center;padding-bottom: 20px;}
.mysqlbox .gren {width:60px;color:#008000;font-weight: 700;margin:0px 10px;padding:0px 15px;}
.mysqlbox .blue {width:60px;color:#00f;font-weight: 700;margin:0px 10px;padding:0px 15px;}

.input {border:1px solid #A9C9E2;height:25px;line-height:25px;padding: 0 3px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.input:focus {color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}

.form-box { width:100% margin: 0 auto; border-top: solid 1px #ECF0F1;}
.form-box fieldset { width:100%;border-width: 1px 0 0 0; border-style: solid; border-color: #ECF0F1;}
.form-box legend { width:20%;font-size: 18px; line-height: 24px; color: #222;}
.form-box div { height: 40px; margin: 10px 0 0 0; clear: both;}
.form-box div label { font-size: 14px; line-height: 40px; color: #222; text-indent: 80px; display: block; width:25%; height: 40px; float: left;padding-right:5px;}
.form-box div span { vertical-align: middle; display: inline-block; width:210px; height: 40px; position: relative; z-index: 1;}
.form-box div span input { position: absolute; z-index: 1; top: 0; left: 0;}
.form-box div span font { line-height: 20px;  height: 20px; padding-left: 20px; position: absolute; z-index: 9; top: 10px; right: 5px;}
.form-box div.icheckbox_flat-green { clear: none; }

.btn-box { text-align: center; height: 50px; margin: 20px auto auto; overflow: hidden;}
.btn { font-size: 18px; line-height: 30px; color: #FFFFFF; background: #BDC3C7; display: inline-block; height: 30px; padding: 0px 30px; margin: 0 5px; border: none; text-decoration: none; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px/; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
.btn:hover, .btn:focus { color: #FFFFFF; background-color: #CACFD2; outline: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
.btn:active, .btn.active { color: rgba(255, 255, 255, 0.75); background-color: #A1A6A9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn.disabled, .btn[disabled] { color: rgba(255, 255, 255, 0.75); background-color: #BDC3C7; opacity: 0.7; filter: alpha(opacity=70)/*IE*/; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn.btn-primary { background-color: #f50;}
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #f40;}
.footer {width: 100%;margin:0 auto;background:#007B81;color: #fff;text-align:center;padding:10px 0px;}