html,body{background:#258C88; color:#434656; background:linear-gradient(to right bottom, #258C88, #EEE8A9); padding:18px 0; font-size:16px;}
a{color:#434656;}
a:hover{color:#1880fe;}
h1,h2,h3,h4,h5,h6{font-weight:bold; color:#434656;}
main.install{background:#fff; width:888px; margin:0 auto; border-radius:18px; overflow:hidden; background:#F7F9FF; background:linear-gradient(to top, #E6F4F1, #F7F9FF);}

header.head{height:98px; line-height:98px; padding:0 28px; background:#434656; color:#fff; z-index:8; background:linear-gradient(to right, #434656, #3B7471);}
header.head:after{display:block; content:''; clear:both;}
header.head strong{float:left; font-size:38px; margin-right:8px;}
header.head b{float:left; font-size:26px; font-weight:normal;}
header.head span{float:right; font-size:18px;}
header.head p{float:right; font-size:16px;}

.next{text-align:center; margin-top:28px;}
.next button,
.next a{display:inline-block; line-height:48px; height:48px; width:168px; text-align:center; border:none; cursor:pointer; border-radius:8px; font-size:18px; box-shadow:1px 2px 4px rgba(0,0,0,0.068);}
.next button:last-child,
.next a:last-child{margin-left:18px;}
.next button.up,
.next a.up{background:#fff; color:#383838;}
.next button.up:hover,
.next a.up:hover{background:#F7F9FF;}
.next button.down,
.next a.down{background:#1880fe; color:#fff;}
.next button.down:hover,
.next a.down:hover{background:#00B5FF}
.next button.admin,
.next a.admin{background:#27C196; color:#fff;}
.next button.admin:hover,
.next a.admin:hover{background:#2cdfa4;}
.next button .fa-spinner{animation:turn 0.8s linear 0s infinite; margin-right:4px;}

section.license{position:relative; padding:38px 28px;}
section.license .content{height:438px; overflow:auto; line-height:2; background:#fff; border-radius:8px; padding:18px; border:1px solid #f0f0f0; box-shadow:0 0 3px rgba(0,0,0,0.038);}
section.license .content h2{text-align:center;}
section.license .content h3{text-align:center; color:#3f484c}

.space_{padding:18px; border-radius:18px; box-shadow:0 0 18px rgba(0,0,0,0.08); background:#fff; background:linear-gradient(to bottom, #E6F4F1, #fff);}

.step{display:block;}
.step ul{display:block; background:#FFEECA; border-radius:28px; box-shadow:0 0 3px rgba(0,0,0,0.038); overflow:hidden;}
.step ul:after{display:block; content:''; clear:both;}
.step ul li{float:left; width:33.33333%; text-align:center; line-height:48px; color:#867555;}
.step ul li.in,
.step ul li.on{background:#C2A875; color:#fff;}
.step ul li.on{border-radius:0 28px 28px 0;}

section.check{padding:38px 28px;}
section.check .table{padding:18px; border-radius:18px; border:1px solid #f0f0f0; box-shadow:0 0 3px rgba(0,0,0,0.038); background:#fff; margin-top:28px;}
section.check .table h2{font-size:20px; padding:14px 0; cursor:pointer;}
section.check .table h2:after{display:block; content:''; clear:both;}
section.check .table h2>i{font-size:24px; margin-right:8px;}
section.check .table h2>u{text-decoration:none; font-size:28px; float:right;}
section.check .table.on h2>u{transform:rotate(180deg);}
section.check .table table{margin:14px 0; width:100%; display:none;}
section.check .table.on table{display:table;}
section.check .table th,
section.check .table td{border:1px solid #e0e0e0; font-size:16px; padding:8px 0 8px 16px; background:none;}
section.check .table:first-child{border-top:none;}
section.check .table th:nth-child(1),
section.check .table td:nth-child(1){width:33.333%;}
section.check .table th:nth-child(2),
section.check .table td:nth-child(2){width:33.333%;}
section.check .table th:nth-child(3),
section.check .table td:nth-child(3){width:33.333%; text-align:center;}
section.check .table .fa-times{color:#F13B66;}
section.check .table .fa-check{color:#27C196;}
section.database{padding:38px 28px;}
section.database h3{font-size:20px; padding:38px 0 28px 0; display:block;}
section.database .box{background:#fff; border-radius:18px; padding:18px; display:block;}
section.database code.input input{font-size:16px; padding:8px 16px; color:#434656; border-radius:5px; border:1px solid #c8c8c8; line-height:24px; height:42px;}
section.database code.checkbox ins{font-size:16px; line-height:42px;}
section.database code.checkbox i{border-color:#b8b8b8;}
section.database dl{padding:12px 0;}
section.database dl:after{display:block; content:''; clear:both;}
section.database dl dt{float:left; width:24%; line-height:42px;}
section.database dl dd{float:left; width:76%;}
section.success{padding:38px 28px;}
section.success .set{font-size:18px; text-align:center;}
section.success .yes{padding:36px; background:#fff; margin:28px 0; border-radius:18px;}
section.success .yes em{width:180px; height:180px; font-size:80px; text-align:center; line-height:180px; color:#fff; border-radius:50%; display:block; margin:0 auto; background:#00A05B; background:linear-gradient(to right bottom, #27C196, #00A05B);}
section.success .yes span{display:block; text-align:center; font-size:22px; font-weight:bold; margin-top:28px;}

@keyframes turn{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}

h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;}
h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(255,98,76); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;}
h6.alert.red>b{background:rgb(255,98,76);}
h6.alert.green>b{background:rgb(29,213,111);}
h6.alert.brown>b{background:#a5692d;}
h6.alert.yellow>b{background:#ffd700;} 
h6.alert.blue>b{background:rgb(56,129,245);}
h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}