@charset "utf-8";


/*志愿者注册*/
.volunteerRegister{
	width:1200px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	position: relative;
}
.volunteerRegister .jz1-logo{
	display: block;
    position: absolute;
    right: 86px;
    top: 50px;
}
.volunteerRegister .registerTitle{
	color:#116fff;
	font-size: 24px;
	text-align: center;
	margin:42px auto 5px;
	font-weight: bolder;
	position: relative;
}
.volunteerRegister .registerTitle em{
	width:6px;
	height: 6px;
	display: inline-block;
	overflow: hidden;
	border-radius: 60%;
	background:#116fff;
	position: absolute;
	top:15px;
	left:34px;
}
.volunteerRegister .registerMain{
	height: auto;
	overflow: hidden;
}
.volunteerRegister .registerCotent h3{
	font-size: 20px;
	text-align: center;
}
.volunteerRegister .registerCotent{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin:5px 0 50px;
}
.volunteerRegister .registerMain .basicInfo{
	width: 420px;
	margin:0 auto;
}
.volunteerRegister .basic h4{
	font-size: 24px;
	margin:0 0 20px;
	text-align: center;
	color:#116fff;
	font-weight: bolder;
}
.volunteerRegister .registerMain ul{
	margin-bottom: 44px;
}
.volunteerRegister .registerMain ul li{
	height: auto;
	overflow: hidden;
	margin:14px 0 0 0;
}
.volunteerRegister .registerMain ul li label{
	width:120px;
	font-size: 17px;
	float: left;
	text-align: right;
	height: 38px;
	line-height: 38px;
	color:#191919;
	font-weight: bolder;
	margin-right: 5px;
}
.volunteerRegister .registerMain ul li label sup{
	color:#191919;
	font-size: 16px;
	display: inline-block;
	font-weight: bolder;
}

.volunteerRegister .registerMain ul li input{
	width: 289px;
	height: 36px;
	border:1px solid #f6f6f6;
	padding:0 5px;
	line-height: 36px;
	font-size: 16px;
	background:#ebebeb;
	color:#191919;

}
.volunteerRegister .registerMain ul li .man,
.volunteerRegister .registerMain ul li .woman{
	width: 25px;
	height: 25px;
	margin-top: 8px;
	float: left;
	background:url(../img/quanchu.png) no-repeat;
	display: block;
    -webkit-appearance: none;
    outline: none;
    border:none;
}
.volunteerRegister .registerMain ul li .man:checked,
.volunteerRegister .registerMain ul li .woman:checked{
	width: 25px;
	height: 25px;
	border:none;
	background:url(../img/quan.png) no-repeat;
}
.volunteerRegister .registerMain ul li em{
	font-size:16px;
	display: inline-block;
	margin:8px 40px 0 12px;
	float: left;
	color:#191919;
	font-weight: bolder;
}

.volunteerRegister .submissionBtn{
    width: 200px;
    height: 44px;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    color:#fff;
    background-color: #0095d7;
    display: block;
    margin:0 auto 50px;
    border-radius: 5px;
    cursor: pointer;
}
.registerCotent .paragraph{
	text-align: center;
	margin:0 0 28px 0;
	font-size: 17px;
	line-height: 24px;
	color:#191919;
	font-weight: bolder;
}
/*2019.5.13 新修改*/
.angelLogo{
	width: 188px;
	height: 110px;
	background:url(../img/logoBg.png) no-repeat;
	margin:0 auto;
	margin-top: -84px;
	z-index: 99;
	position: relative;
}
.angelLogo img{
	display: block;
	margin:0 auto;
	padding-top: 28px;

}
.successMain{
	width:1200px;
	margin:140px auto 0;
	height: auto;
	overflow: hidden;
}
.successMain h3{
	font-size:24px !important;
	color:#116fff;
	font-weight: bolder;
	margin-bottom:15px !important;
}
.successMain p{
	text-align: center;
    margin: 0 0 120px 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: bolder;
    color:#191919;
}
/*2019.5.13 新修改*/
.volunteerBanner{
	width: 100%;
	height: 158px;
	background:#35c5f3 url(../img/zhiBanner.png) repeat-x;
}
.basic .nextStep{
	height: auto;
	overflow: hidden;
}
.basic .nextStep .nextStepRight,
.beInterested .nextStep .nextStepRight,
.personalSkill .nextStep .nextStepRight{
/*	width: 166px;*/
	float: right;
	color:#116fff;
	cursor: pointer;
	height: auto;
	overflow: hidden;
}
.basic .nextStep .nextStepRight span,
.beInterested .nextStep .nextStepRight span,
.personalSkill .nextStep .nextStepRight span{
	font-size:23px;
	display: inline-block;
	float: left;
	margin-right: 8px;
}
.basic .nextStep .nextStepRight em,
.beInterested .nextStep .nextStepRight em,
.personalSkill .nextStep .nextStepRight em{
	width: 41px;
	height: 29px;
	display: inline-block;
	float: left;
	background:url(../img/jiantou.png) no-repeat;
	background-size:98%;
	margin-top: 3px;
}
.beInterested{
	display:none;
}
.beInterested h4,
.personalSkill h4{
	font-size: 24px;
	margin:45px 0 20px;
	text-align: center;
	color:#116fff;
	font-weight: bolder;
}
.beInterested .choiceInfo,
.personalSkill .perChoiceinfo{
	width:760px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}
.personalSkill .perChoiceinfo{
	width: 960px;
}
.beInterested .choiceInfo .infoTypeMain,
.personalSkill .perChoiceinfo .perinfoMain{
	height: auto;
	overflow: hidden;
}
.choiceInfo .infoType,
.perinfoMain .perinfoType{
	width: 174px;
	height: 133px;
	border-radius: 8px;
	background:#f5f5f5;
	border:4px solid #f5f5f5;
	margin:0 15px 13px 0;
	float: left;
	text-align: center;
	cursor: pointer;
}
.choiceInfo .infoType span,
.perinfoMain .perinfoType span{
	color: #191919;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	display: inline-block;
	line-height: 19px;
	margin-top: 13px;
}
.choiceInfo .infoType .typeOne{
	width: 54px;
	height: 53px;
	display: block;
	margin:13px auto 0;
	background:url(../img/typeIcon.png) no-repeat 0 0;
}
.choiceInfo .infoType .typeTwo{
	width: 84px;
	height: 50px;
	display: block;
	margin:18px auto 0;
	background:url(../img/typeIcon.png) no-repeat 0 -105px;
}
.choiceInfo .infoType .typeThree{
	width: 71px;
	height: 49px;
	display: block;
	margin:18px auto 0;
	background:url(../img/typeIcon.png) no-repeat 0 -208px;
}
.choiceInfo .infoType .typeFour{
	width: 53px;
	height: 60px;
	display: block;
	margin:9px auto -1px;
	background:url(../img/typeIcon.png) no-repeat 0 -310px;
}
.choiceInfo .infoType .typeFive{
	width: 60px;
	height: 57px;
	display: block;
	margin:13px auto -1px;
	background:url(../img/typeIcon.png) no-repeat 0 -436px;
}
.choiceInfo .infoType .typeSix{
	width: 98px;
	height: 62px;
	display: block;
	margin:12px auto -4px;
	background:url(../img/typeIcon.png) no-repeat 0 -575px;
}
.choiceInfo .infoType .typeSeven{
	width: 110px;
	height: 52px;
	display: block;
	margin:15px auto 2px;
	background:url(../img/typeIcon.png) no-repeat 0 -698px;
}
.choiceInfo .infoTypeMain .Cur,
.perChoiceinfo .perinfoMain .Cur{
	width: 174px;
	height: 133px;
	border-radius: 8px;
	background:#fff;
	border:4px solid #88b7ff;
	margin:0 15px 13px 0;
	float: left;
	text-align: center;
}
.choiceInfo .other,
.perChoiceinfo .other{
	display: block;
	float: left;
	height: auto;
	overflow: hidden;
	margin-left: 190px;
	margin-top: 22px;
}
.perChoiceinfo .other{
	margin-left: 280px;
}
.choiceInfo .other em,
.perChoiceinfo .other em{
	font-size: 16px;
	color:#191919;
	font-weight: bolder;
	line-height: 36px;
	margin-right: 8px;
}
.choiceInfo .other input,
.perChoiceinfo .other input{
	width: 302px;
	height: 36px;
	border:1px solid #f6f6f6;
	padding:0 5px;
	line-height: 36px;
	font-size: 16px;
	background:#ebebeb;
	color:#191919;
}
.beInterested .nextStep,
.personalSkill .nextStep{
	width:390px;
	height: auto;
	overflow: hidden;
	margin:50px auto 0;
}
.beInterested .nextStep .nextStepLeft,
.personalSkill .nextStep .nextStepLeft{
	float: left;
	font-size:24px;
	cursor: pointer;
	color:#c4c4c4;
}
.beInterested .nextStep .nextStepLeft em,
.personalSkill .nextStep .nextStepLeft em,
.registerMain .backHome em{
	width: 18px;
	height: 29px;
	display: inline-block;
	background:url(../img/returnIcon.png) no-repeat;
	margin:4px 10px 0 0;
	float: left;
}
.personalSkill{
	display: none;
}
.perinfoMain .perinfoType .typeOne{
	width: 51px;
	height: 41px;
	display: block;
	margin:31px auto 6px;
	background:url(../img/geTypeIcon.png) no-repeat 0 0;
}
.perinfoMain .perinfoType .typeTwo{
	width: 55px;
	height: 49px;
	display: block;
	margin:29px auto 0;
	background:url(../img/geTypeIcon.png) no-repeat 0 -91px;
}
.perinfoMain .perinfoType .typeThree{
	width: 43px;
	height: 49px;
	display: block;
	margin:29px auto 0;
	background:url(../img/geTypeIcon.png) no-repeat 0 -190px;
}
.perinfoMain .perinfoType .typeFour{
	width: 46px;
	height: 46px;
	display: block;
	margin:29px auto 3px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -296px;
}
.perinfoMain .perinfoType .typeFive{
	width: 51px;
	height: 51px;
	display: block;
	margin:26px auto 2px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -403px;
}
.perinfoMain .perinfoType .typeSix{
	width: 45px;
	height: 45px;
	display: block;
	margin:29px auto 5px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -517px;
}
.perinfoMain .perinfoType .typeSeven{
	width: 52px;
	height: 49px;
	display: block;
	margin:25px auto 6px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -612px;
}
.perinfoMain .perinfoType .typeEight{
	width: 51px;
	height: 45px;
	display: block;
	margin:25px auto 9px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -698px;
}
.perinfoMain .perinfoType .typeNine{
	width: 51px;
	height: 51px;
	display: block;
	margin:23px auto 5px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -796px;
}
.perinfoMain .perinfoType .typeTen{
	width: 47px;
	height: 41px;
	display: block;
	margin:30px auto 7px;
	background:url(../img/geTypeIcon.png) no-repeat 0 -904px;
}
.registerMain .backHome{
	width: 240px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	font-size:24px;
	cursor: pointer;
	color:#c4c4c4;
	display: block;
}