html {
	background: #1ab0e3;
	color: #fff;
}
.wechat-banner {
	width: 100%;
	height: 100%;
}
.wechat-banner img {
	width: 100%;
}
.box-content {
	width: 75%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 2em 2em 5em;
}
.activity {
	padding: 2em 1.8em;
	border: .125em #fff dashed;
	border-radius: .6em;
	position: relative;
	margin-bottom: 3em;
}
.activity-process {
	width: 100%;
}
.activity-process .number {
	width: 76%;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 1.1em;
	padding: 0 1.6em;
	background: #48c0e9;
}
.activity-title {
	width: 50%;
	line-height: 2em;
	font-size: 1.5em;
	text-align: center;
	color: #ffeb35;
	font-weight: bold;
	background: #1ab0e3;
	position: absolute;
	left: 50%;
	top: -1.2em;
	margin-left: -2.9em;
}
.activity-process .down-icon {
	height: 2.8em;
	line-height: 2.8em;
	text-align: center;
}
.down-icon .icon {
	font-size: 1.5em;
	color: #d1eff9;
}
.start-btn {
	width: 55%;
	line-height: 3.5em;
	margin: 0 auto;
}
.start-btn a {
	display: inline-block;
	width: 100%;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #ffb412;
	border-radius: .5em;
	box-shadow: 0 -0.3em 0 #ce8e03 inset; 
}
@media screen and (max-width: 320px) {
.activity-process .number {
	width: 84%;
	font-size: 1em;
	padding: 0 1em;
}
}
@media screen and (min-width: 360px) {
.activity-process .number {
	font-size: 1em;
}
}
@media screen and (min-width: 414px) {
.activity-title {
	margin-left: -3.3em;
}
.activity-process .number {
	width: 78%;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 1.2em;
}
}
/*微信活动信息页样式-开始*/
.wechat-infor {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.information {
	padding: 1.5em 1em;
	background: #63c9ec;
	border: 1em #3cbce7 solid;
	margin: 0 auto .8em;
	width: 76%;
}
.infor-title {
	text-align: center;
	padding-bottom: 1em;
}
.infor-title h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #044055;
}
.infor-title span {
	font-size: 1em;
	margin-top: .8em;
	display: inline-block;
	line-height: 1.2em;
}
.information .forminput {
    line-height: 3em;
    margin: 1em auto 0;
}
.KZ-dflex {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
}
.information .forminput .tit {
    width: 24%;
    font-size: 1.2em;
    text-align: right;
    color: #044055;
    display: inline-block;
}
.KZ-flex {
    flex: 1;
    position: relative;
}
.forminput .inp, .forminput .sel {
    border: none;
    background: #fff;
    width: 80%;
    line-height: 2.5em;
    padding: 0 .8em;
    color: #999;
    font-size: 1.1em;
}
.forminput .tip-text {
	line-height: 1.6em;
	font-size: 1em;
	padding: .5em 0;
	color: #f00;
}
.forminput .tip-text .icon {
	font-size: 1.3em;
	margin-right: .4em;
	
}
.forminput .select {
    width: 90%;
    padding: .5em .6em;
    border: none;
    color: #999;
    font-size: 1.1em;
}
.infor-btn {
	padding-top: 2em;
}
.infor-text {
	text-align: center;
	line-height: 1.2em;
	padding: 1em 0;
	font-size: 1em;
}
.infor-text span {
	color: #f5694b;
	margin-right: .3em;
}
/*智能提醒样式-开始*/
.gra-sch {
  z-index: 750;
}
.gra-spec {
  z-index: 730;
}
.suggest {
  position: absolute;
  left: 0;
  top: 2.95em;
  display: none;
  overflow: hidden;
  background-color: #fff;
  width: 91%;
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.suggest-list {
  line-height: 2em;
  padding: 0 0.8em;
  color: #044055;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.suggest-list:first-child {
  border-top: none;
}
.suggest-list:hover,
.suggest .cur {
  color: #fff;
  background-color: #044055;
}

/*智能提醒样式-结束*/
@media screen and (min-width: 414px) {
.forminput .select {
    width: 89%;
}
.suggest {
  width: 90.2%;
}		
}
@media screen and (max-width: 360px) {
.suggest {
  width: 92%;
}	
}
@media screen and (max-width: 320px) {
.information {
	border: .6em #3cbce7 solid;
}
.infor-title {
	padding-bottom: .5em;
}
.infor-title h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #044055;
}
.infor-title span {
	font-size: .9em;
	margin-top: .8em;
	display: inline-block;
	line-height: 1.2em;
}
.forminput .select {
    width: 92%;
}
.suggest {
  width: 93%;
}	
}
/*@media screen and (min-width: 720px) {
.forminput .select {
    width: 88%;
}	
}
@media screen and (max-width: 1080px) {
.forminput .select {
    width: 85.5%;
}	
}*/
/*微信活动信息页样式-结束*/

/*微信活动测试页样式-开始*/
.fun-test {
	width: 70%;
	padding: 1.5em 1.8em;
	background: #63c9ec;
	border: 1em #3cbce7 solid;
	margin: 0 auto .8em;
}
.test-contact {
	padding: .5em 0;
	font-size: 1.1em;
	line-height: 1.5em;
}
.fun-select {
	font-size: 1.1em;
}
.fun-select li {
	line-height: 3em;
	padding: 0 .2em;
}
.fun-select label {
    cursor: pointer;
}
.fun-select input {
	width: 1.4em;
	height: 1.4em;
}

@media screen and (min-width: 320px) {
.fun-test {
	width: 76%;
	padding: 1.5em 1em;
	background: #63c9ec;
	border: 1em #3cbce7 solid;
	margin: 0 auto .8em;
}
.test-contact {
    font-size: 1em;
    line-height: 1.5em;
}
.fun-select li {
	line-height: 2.4em;
	font-size: .9em;
}
.fun-select input {
	width: 1em;
	height: 1em;
}
}
/*微信活动测试页样式-结束*/


/*微信活动结果页样式-开始*/
.result-title {
	width: 30%;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 .75em .8em 0;
	background: url(http://static.jjoobb.cn/images/topic/wechat/schoolRecruit/result-title-bg.png) left top no-repeat;
	background-size: 100%;
	margin: 0 auto .8em;
}
.result-text {
	width: 80%;
	margin: 0 auto;
	padding: .6em .6em 1em 1em;
	font-size: 1em;
	line-height: 1.6em;
	color: #044055;
	background: #fff;
	border-radius: .8em;
	box-shadow: 0 -0.3em 0 #e5e5e5 inset; 
}
.re-text-title {
	width: 86%;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 1.1em auto;
}
.result-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.result-list li {
	display: inline-block;
	float: left;
	line-height: 2em;
	font-size: 1.1em;
	color: #044055;
	margin: 0 0 1.5em 2em;
	text-align: center;
	padding: 0 1.5em;
	border-radius: .5em;
	box-shadow: 0 .3em .4em #179fd0;
	overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.result-list li a {
	color: #044055;
}
.result-list .jobs {
	width: 25%;
	background: #a3dff4;
}
.result-list .morejobs {
	width: 70%;
	background: #d1eff9;
}
.helper-title {
	width: 100%;
	line-height: 1.2em;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	position: relative;
	margin: .3em 0 1em;
}
.helper-title-fl, .helper-title-fr {
	position: absolute;
	top: -0.3em;
	width: 30%;
}
.helper-title-fl, .round-fl {
	left: 0;
}
.helper-title-fr, .round-fr {
	right: 0;
}
.helper-line {
	width: 100%;
	height: .125em;
	background: #fff;
	display: inline-block;
	position: relative;
}
.helper-round {
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: -0.2em;
}
.helper-list {
	width: 89%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 2em;
}
.helper-list a {
	display: inline-block;
	float: left;
	width: 48%;
	height: 8.5em;
	font-size: .82em;
	color: #000;
	margin: 0 0 1.5em 0;
	background-size: 100%!important;
}
.helper-list a:nth-child(even){
	float: right;
}
.helper-list .help-pic {
	padding: 2em 1em 0;
}
.helper-list a h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .3em;
}
.helper-list .helper-bg1 {
	background: url(http://static.jjoobb.cn/images/topic/wechat/schoolRecruit/helper-bg1.jpg) no-repeat;
}
.helper-list .helper-bg2 {
	background: url(http://static.jjoobb.cn/images/topic/wechat/schoolRecruit/helper-bg2.jpg) no-repeat;
}
.helper-list .helper-bg3 {
	background: url(http://static.jjoobb.cn/images/topic/wechat/schoolRecruit/helper-bg3.jpg) no-repeat;
}
.helper-list .helper-bg4 {
	background: url(http://static.jjoobb.cn/images/topic/wechat/schoolRecruit/helper-bg4.jpg) no-repeat;
}
/*微信活动结果页样式-结束*/
@media screen and (max-width: 320px) {
.re-text-title {
	font-size: 1em;
	line-height: 1em;
}
.result-list li {
	margin: 0 0 1.5em 1.2em;
}
.helper-list .help-pic {
	padding: 1em 1em 0;
}
}
@media screen and (min-width: 414px) {
.helper-list a {
	height: 10em;
}
}
.picture {
	width: 100%;
	height: auto;
}
.picture img {
	width: 100%;
}