body {background-color: #F6F6F6; color: rgba(0,0,0,.85); font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
img {vertical-align: middle;}

.layui-btn-primary:hover {border-color: #1e9fff !important;}

/* 公共的 */
.mt6 {margin-top: 6px;}
.mt16 {margin-top: 16px;}
.ml8 {margin-left: 8px;}

/* 容器栏 */
.install {width: 920px; margin: 0 auto 30px; background-color: #ffffff;}
.install .header {height: 80px; line-height: 80px; padding-left: 20px; box-shadow: 0 3px 3px #ddd; position: relative; color: #ffffff; background: #3b91ff;}
.install .section {margin-bottom: 20px;}
.install .section .section-header {font-weight: bold; padding: 8px 16px; background-color: #e5e5e5;}
.install .section .section-content {padding: 23px 60px; border: 1px solid #E5E5E5;}
.install .section .section-record {padding: 16px; height: 479px; max-height: 479px; overflow: hidden; overflow-y: scroll; border: 1px solid #e5e5e5;}
.install .section .section-fixed {padding: 16px; height: 460px; max-height: 460px; border: 1px solid #e5e5e5;}
/* 导航条 */
.navigation {display: flex; justify-content: center; margin-top: 15px;}
.navigation .active {color: white; background-color: #3b91ff; border: 1px solid #3b91ff !important;}
.navigation li:nth-of-type(even) {width: 140px; height: 36px; cursor: pointer; display: flex; justify-content: center; align-items: center;font-size: 14px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.navigation li:nth-of-type(odd) {width: 140px; height: 36px; cursor: pointer; display: flex; justify-content: center; align-items: center;font-size: 14px; border: 1px solid #E5E5E5;}
.navigation li:last-child {border-right: 1px solid #e5e5e5;}
/* 主流程 */
.main {margin: 0 auto;padding: 20px 30px;}
.main .footer {text-align: center; margin-top: 20px;}
.main .footer .layui-btn {width: 140px;}
.step-1 .agreement {display: block; overflow: hidden; overflow-y: scroll; height: 500px; font-size: 13px; line-height: 1.5; padding: 10px; margin: 0 auto 22px; outline: none; border: 1px solid #bdbcbc; box-shadow: 5px 5px 5px #f7f7f7 inset;}
.step-1 .agreement h1 {font-size: 26px; font-weight: bold;}
.step-1 .agreement h3 {font-size: 16px; font-weight: bold;}
.step-2 .environment .layui-table thead tr th {font-weight: bold !important;}
.step-2 .environment .layui-table tbody tr:hover {background-color: #ffffff;}
.step-2 .environment .icon {width: 15px; height: 15px; vertical-align: middle;}
.step-3 .layui-form-label {width: 90px;}
.step-3 .layui-input-inline {width: 350px;}
.step-4 .sql {padding: 4px 0; display: flex; align-items: center; justify-content: space-between;}
.step-4 .sql .sql-left {display: flex; align-items: center;}
.step-4 .sql .sql-left .layui-icon-ok {font-size: 16px; font-weight: bold; color: green;}
.step-5 .success-install {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.step-5 .success-install .icon {margin-top: 20px; margin-right: 10px;}
.step-5 .success-install h1 {margin-top: 20px;}
.step-5 .success-install .tips {margin-top: 20px; padding: 15px; width: 400px; text-align: center; color: #ffffff; border-radius: 2px; background-color: #3c5675;}
.step-5 .success-install .warning {margin-top: 20px; padding: 15px; width: 400px; text-align: center; color: #e74c3c; border-radius: 2px; background-color: #ffcdcd;}
.step-5 .success-install .success {margin-top: 20px; padding: 15px; width: 400px; text-align: center; color: #5bc0de; border-radius: 2px; background-color: #f4f8fa;}
.step-5 .success-install .footer {margin-top: 20px;}

.layui-btn-forbid,
.layui-btn-forbid:hover {cursor: not-allowed; opacity: 0.65; pointer-events: none;}

.main .layui-form-checked[lay-skin=primary] i {
    border-color: #1E9FFF!important;
    background-color: #1E9FFF!important;
}

.main .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1E9FFF!important;
}