body{
	background:#fff;
}
.online{
	
}
.online .exp {
	background-color: #F1F9FB;
	position: relative;
	height: 900px;
	font-size: 16px;
}
.online .title {
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding-left: 20px;
}
#tester .title {
	background-color: #ffa512;
}
#hr .title {
	background-color: #1DA8E8;
}
.online .exp .qrcode {
	position: relative;
	margin-top: 40px;
}

.online .exp .qrcode p {
	text-align: center;
	right: 220px;
	top: 40px;
	position: absolute;
}

.online .exp .qrcode img {
	position: absolute;
	width: 118px;
	right: 70px;
}
.online#tester .step {
	margin-top: 200px;
	position: relative;
}
.online .addbtn{
	padding:24px 50px !important;
	font-size:28px !important;
	width:50%;
}
.online .addbtn-group{
	padding:0 20px;
	width:100%;
}
.online .addbtnone{
	vertical-align: middle;
	border-bottom-left-radius: 9px;
	border-top-left-radius: 9px;
}
.online .addbtntwo{
	vertical-align: middle;
	border-bottom-right-radius: 9px;
	border-top-right-radius: 9px;
}
.online#tester .step img {
	position: absolute;
	left: 0;
}
.online .addimg{
	position: absolute;
	top: 15px !important;
	left: 40px !important;
}
.online .addbtnone span,.online .addbtntwo span{
	margin:0 0 0 45px;
}
.online#tester .step .info {
	text-align: center;
	position: absolute;
	top: 120px;
	display: block;
	z-index: 0;
	background-color: #1FBC9C;
	height: 92px;
	position: absolute;
	width: 100%;
	padding: 25px 0 0 110px;
	color: #fff;
}
#line1 {
	position: absolute;
	left: 185px;
	top: 170px;
	height:85px;
}
#line2 {
	position: absolute;
	top: 160px;
	left: 190px;
	height:75px;
}
#addstep1-img {
	position: absolute;
	top: 220px;
	left: 0px;
	width:70%;
}
#addstep2-img {
	position: absolute;
	top: 580px;
	left: 170px;
	width:70%;
}
#addstep1-info {
	position: absolute;
	top: 100px;
	left: 300px;
}
#addstep2-info {
	position: absolute;
	top: 520px;
	left: 230px;
}
.online .addspan{
	color:#fd3332;
}
#addline3 {
	position: absolute;
	top: 435px;
	left: 220px;
	height:90px;
}