/* 初始化 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin: 0; padding: 0;}
html,body { width: 100%; height: 100%; background: #F8F9FA;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display: block;}
caption,th { text-align: left; font-weight: normal;}
html,body,fieldset,img,iframe,abbr { border: 0;}
i,cite,em,var,address,dfn { font-style: normal;}
li { list-style: none;}
h1,h2,h3,h4,h5,h6,small { font-size: 100%;}
sup,sub { font-size: 83%;}
textarea { overflow:auto; resize: none;}
label { cursor: default;}
a,button { cursor: pointer;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
del,ins,u,s,a,a:hover { text-decoration: none;}
body,textarea,input,button,select,keygen,legend { font: 12px/1 Microsoft YaHei,Arial,san-serif; color: #333; outline: 0;}
input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
a { color: #333;}
/* /初始化 */

/* 公共样式 */
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F8F9FA;}
/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F8F9FA;}
/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;}
.clearfix::before, .clearfix::after { content: ''; display: table;}
.clearfix::after { clear: both; overflow: hidden;}
.clearfix { zoom: 1;}
.fl { float: left;}
.fr { float: right;}
.dn { display: none;}
.db { display: block;}

/* 协议 */
.m-install { width: 820px; margin: 0 auto; padding-top: 50px;}
.m-install .m-guide-title { height: 60px; line-height: 60px; background: #343A40; border-radius: 4px 4px 0 0; font-size: 21px; color: #fff; text-indent: 20px;}
.m-install .m-install-main { padding-bottom: 20px; border: 1px solid #ccc; border-radius: 0 0 4px 4px; background: #fff;}
.m-install .m-agreement { height: 438px;}
.m-content { width: 90%; margin: 2% auto; padding: 1%;}
.m-agreement .m-content { width: 88%; height: 70%; margin: 4% auto 3%; padding: 2%; overflow-y: auto; color: #7B8A8B;}
.m-agreement .m-content { background: #F5F5F5;}
.m-agreement .m-content p { margin-bottom: 15px; line-height: 1.5;}
.m-install-btn { text-align: center;}
.m-install-btn input { padding: 8px 18px; background: #555 url(none); border: none; border-radius: 4px; font-size: 14px; color: #fff; -webkit-box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; box-shadow: rgba(0, 0, 0, .117647) 0px 2px 6px,rgba(0, 0, 0, .239216) 0px 1px 2px; transition: background-color .2s ease; cursor: pointer;}
.m-install-btn input:hover { background: #444;}
.m-install-btn .u-disabled, .m-install-btn .u-disabled:hover { background: #ccc;}
.m-install .copy { padding-top: 10px; text-align: center; line-height: 2;}
/* /协议 */


/* 环境检测 */
.m-environment i { display: inline-block; margin-right: 4px;}
i.yes { color: #00ff00}
i.no { color: #ff0000}
.m-environment dl:before, .m-environment dl:after { display: table; content: '';}
.m-environment dl:after { clear: both; overflow: hidden;}
.m-environment dl { zoom: 1;}
.m-environment dl dt, .m-environment dl dd { float: left; width: 23%; line-height: 2; padding-left: 2%;}
.m-environment dl dt { font-weight: bold; color: #666;}
.m-environment .m-rewrite dt { width: 98%;}
.m-environment .m-directory dt.u-first, .m-environment .m-directory dd.u-first { width: 48%;}
.m-environment .m-itm { margin-top: 10px;}
/* /环境检测 */


/* 创建数据 */
.m-data .m-data-item { margin-bottom: 10px;}
.m-data h3 { font-weight: bold; color: #333; margin: 10px 0 5px;}
.m-data .m-data-item label, .m-data .m-data-item input, .m-data .m-data-item span { float: left;}
.m-data .m-data-item .lay-select input { float: none;}
.m-data .m-data-item input { margin-right: 8px;}
.m-data .m-data-item label, .m-data .m-data-item span { line-height: 26px; color: #333;}
.m-data .m-data-item label { width: 100px;}
.m-data .m-data-item label em { display: inline-block; text-indent: 4px; color: #d60000;}
.m-data .m-data-item span { color: #999;}
.m-data .m-data-item .layui-form-checkbox[lay-skin=primary] span { display: inline-block; margin-left: 5px; line-height: 18px; font-size: 12px; color: #666;}
.m-data .m-data-item span.d60000 { color: #d60000;}
.m-data .m-data-item .u-ipt { width: 240px; height: 26px; padding: 0 2px; background: #fff url(none); border: 1px solid #CED4DA;}
.m-data .m-data-item .u-ipt-act { border-color: #666;}
.m-install-result .m-content { width: 88%; height: 400px; margin: 4% auto 3%; padding: 2%; overflow-y: auto; color: #7B8A8B;}
.m-install-result li { heihgt: 20px; line-height: 20px;}
.m-install-result li i { display: inline-block; margin-right: 4px;}
/* /创建数据 */

/* 安装完成 */
.m-install-over h2 { padding: 10px 0 20px; font-size: 21px; color: #1ABC9C; text-align: center;}
.m-install-over p { width: 80%; margin: 20px auto; padding: 10px; line-height: 1.5; font-size: 13px; color: #fff; background: #F39C12;}
.m-install-over .m-btns { margin: 40px 0 0; text-align: center;}
.m-install-over .m-btns a { display: inline-block; padding: 8px 18px; background: #1ABC9C; border-radius: 4px; font-size: 14px; color: #fff;}
/* /安装完成 */

.layui-form .layui-form-checkbox[lay-skin="primary"] { min-width: 12px; min-height: 12px;}
.layui-form .layui-form-checkbox[lay-skin="primary"] i { position: relative; top: -2px; width: 12px; height: 12px; line-height: 12px;}
.layui-form-checkbox[lay-skin=primary] { padding-left: 0;}
.lay-checked { margin-top: 4px;}
.layui-form .lay-checked .layui-form-checkbox[lay-skin="primary"] i { top: 2px;}
.layui-unselect dd { font-weight: normal;}
.layui-form-checkbox[lay-skin=primary] span { float: right;}
.layui-form-radio { margin: 0;}
.layui-form-radio i { position: relative; top: 0; font-size: 16px;}
.layui-form-radio div { font-size: 12px;}
.layui-form-switch { margin-top: 0;}
.layui-input, .layui-select, .layui-textarea { height: 28px; line-height: 28px;}
.lay-select { display: inline-block; float: left;}
.layui-form-select dl { z-index: 10002;}
.layui-btn { height: 28px; line-height: 28px; padding: 0 10px; vertical-align: top; font-size: 13px;}
.layui-form-select dl dd, .layui-form-select dl dt { line-height: 30px;}
.layui-form .layui-form-checkbox[lay-skin="primary"] i { width: 12px; height: 12px; line-height: 12px;}
.m-select-tiny .layui-unselect { width: 114px;}
.m-select-small .layui-unselect { width: 214px;}
.m-select-def .layui-unselect { width: 314px;}
.m-select-long .layui-unselect { width: 414px;}
.m-select-longer .layui-unselect { width: 514px;}
.layui-laypage a, .layui-laypage span { height: 24px; line-height: 24px; padding: 0 12px;}