@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2019-01-24 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size:0;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.bold{font-weight:bold;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
ol li{list-style-type:decimal; list-style-position:inside;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 

.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.dialog{width:873px; height:761px; margin:100px auto; position:relative;  z-index:10; padding-top:1px;}
.close_dialog{width:69px; height:69px; display:block; position:absolute; top:17px; right:-69px; background:url(https://dn-eo.web.sdo.com/pic/dn_19act/1903yrj/ico_close.png) no-repeat; z-index:100;}
/* a{background:#bbbbbb6e;} */
.bg_april{width:873px; height:761px; background:url(https://dn-eo.web.sdo.com/pic/dn_19act/1903yrj/bg_april.png) no-repeat;}


input,textarea,select{
	display:block;
	padding:0;
	margin:0;
	border:0;
	background:transparent;
	/* background:#bbbbbb6e; */
	color:#8585d7;
	font-size:16px;
	line-height:1.5;
	box-sizing: content-box;
}
input{line-height:32px;}

/* box_step1 */
.box_step1{top:55px; left:40px; position:absolute;}
.box_step1 a{position:absolute;}
.box_step1 .a1 {top:187px; right:100px; width:90px; height:40px;}
.box_step1 .a2 {top:310px; right:100px; width:90px; height:40px;}
.box_step1 .a3 {top:454px; right:100px; width:90px; height:40px;}
.box_step1 .a4 {top:662px; right:159px; width:16px; height:16px; transition:all .3s;}
.box_step1 .a5 {top:619px; left:308px; width:180px; height:55px;}
.box_step1 .a4.active{background:#a0a0a0;}
/* box_step2_1 */
.box_step2_1{top:55px; left:75px; position:absolute;}
.box_step2_1 .a1{position:absolute; top:619px; left:273px; width:180px; height:55px; cursor:pointer;}
.box_step2_1 .inp1,
.box_step2_1 .inp2,
.box_step2_1 .inp3,
.box_step2_1 .inp5{
	width:200px;
	height:32px;
	position:absolute;
	padding:0 5px;
}
.box_step2_1 .inp4{    
	width: 706px;
    height: 207px;
    top: 290px;
    left: 8px;
    position: absolute;
    resize: none;
}
.box_step2_1 .inp1{top:124px; left:64px; padding:0; width:213px;}
.box_step2_1 .inp2{top:124px; left:462px;}
.box_step2_1 .inp3{top:178px; left:65px;}
.box_step2_1 .inp5{top:533px; left:213px;}


/* box_step2_2 */
.box_step2_2{top:55px; left:75px; position:absolute;}
.box_step2_2 .a1{position:absolute; top:590px; left:273px; width:180px; height:55px; cursor:pointer;}
.box_step2_2 .a2{position:absolute; top:197px; left:480px; width:20px; height:20px; border:1px solid #8585d7; border-radius:50%;}
.box_step2_2 .a3{position:absolute; top:197px; left:560px; width:20px; height:20px; border:1px solid #8585d7; border-radius:50%;}
.box_step2_2 .a2.active,
.box_step2_2 .a3.active{
	background:#bdbde9;
}

.box_step2_2 .inp1,
.box_step2_2 .inp2,
.box_step2_2 .inp3,
.box_step2_2 .inp6{
	width:200px;
	height:32px;
	position:absolute;
	padding:0 5px;
}
.box_step2_2 .inp4,
.box_step2_2 .inp5
{    
    width: 310px;
    height: 133px;
    top: 313px;
    left: 8px;
    position: absolute;
    resize: none;
}
.box_step2_2 .inp5{
	left: 380px;
}
.box_step2_2 .inp1{top:124px; left:83px; padding:0; width:213px;}
.box_step2_2 .inp2{top:124px; left:456px; width:251px;}
.box_step2_2 .inp3{top:192px; left:84px;}
.box_step2_2 .inp6{top:502px; left:215px;}


/* box_step2_3 */
.box_step2_3{top:55px; left:75px; position:absolute;}
.box_step2_3 .a1{position:absolute; top:615px; left:273px; width:180px; height:55px; cursor:pointer;}
.box_step2_3 .inp1,
.box_step2_3 .inp2,
.box_step2_3 .inp3,
.box_step2_3 .inp4,
.box_step2_3 .inp7{
	width:200px;
	height:32px;
	position:absolute;
	padding:0 5px;
}
.box_step2_3 .inp5,
.box_step2_3 .inp6
{    
    width: 304px;
    height: 136px;
    top: 370px;
    left: 8px;
    position: absolute;
    resize: none;
}
.box_step2_3 .inp6{
	left: 380px;
}
.box_step2_3 .inp1{top:124px; left:80px; padding:0; width:213px;}
.box_step2_3 .inp2{top:124px; left:453px; width:251px;}
.box_step2_3 .inp3{top:257px; left:81px; width:251px;}
.box_step2_3 .inp4{top:257px; left:453px; width:251px;}
.box_step2_3 .inp7{top:547px; left:212px;}


/* box_step3 */
.box_step3{position:absolute; top:50px; left:50px;}
.box_step3 .a1{position:absolute;top: 391px;left: 430px;width: 260px;height: 74px;}