*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin:0;padding:20px;background:#E2E8EC;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#424242;font-size: 14px;}
ul,li,p,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0;}
ul,li{list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
.hide{display: none;}
.install-container{width:960px;margin:0 auto;position:relative;height:auto;background:#28b06e;border:solid 1px #B9CEDA;box-shadow: 3px 3px 6px #B9CEDA;min-height:650px;border-radius:8px;overflow: hidden;}
.app-aside{width:120px;float:left;min-height:100%;}
.logo{text-align:center;padding-top:20px;}
.logo img{max-width: 100%;}
.navi-wrap{margin-top:110px;}
.app-content{margin-left:120px;background:#fff;position:relative;min-height:750px;}
a{text-decoration: none;}
.nav li {line-height: 36px;margin:50px 0;text-align: center;position: relative;}
.nav li span{font-size:16px;color:#ACE1C6;}
.nav li.cur span{color:#fff;}
.nav li.cur::after{
	position: absolute;
	right:0;top: 7px;
	content:" ";
	display: table;
	width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #fff;
}

.inputItem .el-checkbox__label{
    font-size: 16px;
    color: #424242;
    font-weight: 500;
}
.step2 .el-row {position: relative;}
.step2 .inputDesc {
  line-height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.el-progress.is-success .el-progress-bar__inner {background:#28b06e;}
.app-content .bgWave{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:50%;}
.bgWave.bgWave-img{background:url(wave-ie.png) center bottom no-repeat;background-size:contain;}
#bgWave{position:absolute;left:0;bottom:0;}
.steps{z-index:5;position: absolute;min-height: 650px;width:840px;}
.step{padding:80px 30px 0 30px;}
.stepTitle{font-size:22px;line-height: 28px;color:#424242;background: url(stepSplit.png) left bottom no-repeat;padding-bottom:45px;}
.stepContent{margin-top:45px;}
.dl_inputItem{display: table;margin-bottom:20px;width:100%;}
.dl_inputItem dt{display: table-cell;font-size:16px;vertical-align: top;color:#424242;width:120px;}
.dl_inputItem dd.inputItem input{vertical-align: middle;}
.dl_inputItem dd.inputItem label{font-size:16px;}
.dd-initType label{font-size:14px;}
.sel-dbType{border:none;border-radius:5px;background: #EDECEA;height:24px;padding:0 5px;outline:none;}
.inputDesc{color:#9C9893;font-size:12px;line-height: 32px;}
.inputDesc span.tipTxt{padding-left: 22px;background: url(icon_tips.png) left center no-repeat;}
.dl_inputItem dd#JNDINameItem i,.dl_inputItem dd#dd-JDBCURL i{font-style: normal;color:#424242;}
.dl_inputItem dd#JNDINameItem .input-txt,.dl_inputItem dd#dd-JDBCURL .input-txt{width:150px;}

.btn{border:none;background:#28b06e;font-size: 14px;outline:none;color:#fff;border-radius: 15px;padding:8px 15px;cursor: pointer;box-shadow: 0px 0px 8px rgba(66,66,66,0.5)}
.btn:hover{background:#1f9e61;color:#fff;}
.step2 .dl_inputItem dt{vertical-align: middle;}
.step2 .dl_inputItem dd.inputItem{width:235px;}
.step2 .dl_inputItem dd.inputDesc{padding-left:20px;line-height: 20px;}
.step2 .dl_inputItem dd{display: table-cell; vertical-align: middle;}
.steps .input-txt{width:90%;line-height: 26px;font-size:14px;padding:3px 7px;border: none;border-radius: 5px;color:#424242;}
.steps .input-txt:focus{outline: none;background: #28b06e;color:#ffffff;}
.steps .input-txt-short{width:40%;}

.gear,.zan{width:68px;height:68px;float:left;margin-right:20px;border:solid 1px #459ACB;border-radius:8px;box-shadow: 0px 0px 8px #459ACB}
.zan{text-align:center;line-height:60px;}
.step3 .stepTitle,.step4 .stepTitle{line-height: 68px;}
.progressPercent{width:85%;height:18px;margin:20px 0;background:#E0ECF6;border:solid 1px #89BBDE;border-radius:3px;}
.percent{height:16px;width:1%;background: url(bg_progress.png) repeat-x;}
.btn-cancel{background: #28b06e;}
.btn-cancel:hover{background:#1f9e61;}

.successDesc{margin-bottom:20px;}

@media only screen and (max-width:1000px){
	.install-container{width:100%;}
	.steps{width:webkit-calc(100vw - 160px);width: -moz-calc(100vw - 160px);width:calc(100vw - 160px);}


}

@media only screen and (max-width:735px){
	.sel-dbType{display:block;margin-bottom:8px;}
	.inputDesc{line-height:24px;}
	.step2 .dl_inputItem dd.inputItem{width:150px;}
}
@media only screen and (max-width:590px){
	.install-container{background: #fff;min-height:auto;}
	.app-aside{background:#234050;width:100%;float:none;}
	.app-content{margin-left:0;min-height:auto;margin-bottom:-20px;}
	.stepTitle{padding-bottom:15px;font-size:18px;}
	.stepContent{margin-top:15px;}
	.logo{padding-top:10px;}
	.steps{width:100%;position:relative;padding-bottom:80px;min-height:auto;}
	.step{padding:30px 30px 0 30px;}
	.navi-wrap{margin-top:0;min-height:36px;text-align:center;}
	.nav li{display:inline-block;margin:0;margin:0 5px;}
	.nav li.cur{background:none;font-weight:bold;}
	.nav li.cur::after{display:none;}
	.dl_inputItem{display:block;padding-bottom:15px;margin-bottom:0;}
	.dl_inputItem dt{display:block;font-weight:bold;margin-bottom:10px;}
	.step2 .dl_inputItem dt{width:100%;}
	.step2 .dl_inputItem dd{display:block;width:100%;}
	.step2 .dl_inputItem dd.inputItem{width:100%;}
	.step2 .dl_inputItem dd.inputDesc{padding-left:10px;}
	.btn{width:100%;line-height:32px;}
	.step3 .optBtn{text-align:left;margin-top:35px;}
	.btn.btn-cancel{width:40%;line-height:24px;}
}

@media only screen and (max-width:400px){
	body{padding:10px;}
	.step{padding:10px}
}
