ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
table {
	margin:0;
	padding:0;
}

.transduration {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s
}

.radio-sex {
	
	line-height: 1.8em;
	margin-left: 0.5em;
	width: 8rem;
	border-radius: 2em;
	overflow: hidden;
	/*border: 1px solid;*/
	
}

.radio-sex div {
	width: 3.917rem;
	text-align: center;
	float: left;
	color: #999;
	border: 1px solid rgb(26, 164, 252);
	
}
.radio-sex div:nth-child(1) {
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
	border-right: none;
}
.radio-sex div:nth-child(2) {
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	border-left: none;

}
.radio-sex .chosing {
	color: #fff
}

.radio-sex .unchose {
	background: #fff
}

@media screen and (min-width:320px) {
	body {
		font-size: 1.4rem
	}
	body .base1 {
		color: #fe8300 !important
	}
	body .base-b1 {
		background-color: #fe8300 !important
	}
	body .base {
		color: #1aa4fc !important
	}
	body .base-b {
		background-color: #1aa4fc !important
	}
	body .base-b2 {
		background-color: #fff !important
	}
	body .base3 {
		color: #f00 !important
	}
	body .base4 {
		color: #f8f8f8 !important
	}
	body .base6 {
		color: #00cf7a !important
	}
	body .base-b4 {
		background-color: #f8f8f8 !important
	}
	body .base-bfade1 {
		background-color: rgba(254, 131, 0, 0.1)
	}
	body .base-bfade2 {
		background-color: rgba(26, 164, 252, 0.1)
	}
	body .base-bfade3 {
		background-color: rgba(198, 233, 209, 1)
	}
	body .stepfo {
		width: 100%;
		height: auto;
		z-index: 999999;
		position: fixed;
		top: 0;
		left: 0
	}
	ul {
		list-style-type: none;
		padding: 0;
		margin: 0
	}
	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	input {
		-webkit-user-select: initial
	}
	
	.wrap .table .somehot .skdetail .detail tr td:nth-child(1) {
		height: 6rem;
		width: 70%;
		text-align: left;
		padding: 0;
		white-space: nowrap;
		overflow:hidden;
		position:relative;
	}
	
	.wrap .table .somehot .skdetail .detail tr td:nth-child(2) {
		height: 6rem;
		width: 30%;
		text-align: left;
		padding: 0;
		white-space: nowrap;
		overflow:hidden;
		vertical-align: middle;
		
	}
	
	li.clz_postType{
		width:31%;float:left;text-align:center;color:#535353;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background: #ebebeb;
	    padding: 0.5em;
	    margin: 0.3em 1%;
	}
	/* У԰���ƺ�������� ����ҳ����ʽ */
	li.clz_commonIrType{
		width:31%;float:left;text-align:center;color:#535353;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background: #ebebeb;
	    padding: 0.5em;
	    margin: 0.3em 1%;
	}

	
}

@media screen and (min-width:375px) {
	body {
		font-size: 1.6rem
	}
	body .stepfo {
		width: 100%;
		height: auto;
		z-index: 999999;
		position: fixed;
		top: -3%;
		left: 0
	}
	
	.wrap .table .somehot .skdetail .detail tr td:nth-child(1) {
		height: 6rem;
		width: 75%;
		text-align: left;
		padding: 0;
		white-space: nowrap;
		overflow:hidden;
		position:relative;
	}
	
	.wrap .table .somehot .skdetail .detail tr td:nth-child(2) {
		height: 6rem;
		width: 25%;
		text-align: left;
		padding: 0;
		white-space: nowrap;
		overflow:hidden;
		vertical-align: middle;
	}

}

@media screen and (min-width:480px) {
	body .stepfo {
		width: 100%;
		height: auto;
		z-index: 999999;
		position: fixed;
		top: -3%;
		left: 0
	}
	
}

header {
	z-index: 999;
	color: #fff;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.2em;
	line-height: 3.2em;
	overflow: hidden
}

header span {
	padding: 0 1.6rem
}

header .head-wrap {
	position: relative;
	height: 100%;
	line-height: 3.2em
}

header .head-wrap input {
	border: none;
	height: 2.8rem;
	width: 90%;
	padding-left: 5%;
	line-height: 2.8rem;
	color: #777;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s
}

header .head-wrap input::-webkit-input-placeholder {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	padding-left: 40%
}

header .head-wrap input:focus {
	width: 80%;
	margin-right: 12%
}

header .head-wrap input:focus::-webkit-input-placeholder {
	padding-left: 0
}

header .head-wrap .refuse {
	position: absolute;
	top: 0;
	right: -10rem;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s
}

header .head-wrap .icon {
	position: absolute;
	top: 0;
	right: 1.4em;
	color: #fff
}

header .back {
	background: url("../../../images/juxian/v8/back.png") no-repeat left 49%;
	background-size: auto 1.6rem;
	position: absolute;
	left: 1.4rem;
	top: 0
}

header .title span {
	padding: 0.5rem 1rem;
	margin: 0 0.6rem
}

header .title .chosing {
	border-bottom: 0.2rem solid #fff
}

header .filter {
	position: absolute;
	top: 0;
	right: 1.2rem;
	line-height: 4.5rem
}

.wrap {
	background: #fff;
	display: inline-block;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	padding-top: 3.2em;
	position: relative;
}

.wrap .reminder {
	height: 3.2em;
	line-height: 3.2em;
	color: #999;
	background: #f8f8f8;
	padding: 0 4%;
	font-size: 0.9em
}

.wrap .reminder span {
	font-size: 3em;
	float: left;
	padding-right: 0.1em;
	line-height: 0.9em;
}

.wrap .reminder .handle {
	color: #535353;
	font-size: 1.2em;
	float: right;
	line-height: inherit;
}

.wrap .logo {
	/*width: 5em;*/
	height: 7em;
	margin: 5em auto 8%;
	display: block
}

.wrap .login {
	height: initial;
	width: 70%;
	margin: 0 auto
}

.wrap .login .login-ele {
	height: 2.5em;
	border-bottom: 0.1rem solid;
	margin-left: 15%;
	position: relative;
	margin-bottom: 5%
}

.wrap .login .login-ele input {
	height: 2.6em;
	width: 100%;
	border: none;
	background: none;
	-webkit-user-select: initial
}

.wrap .login .login-ele input:focus {
	outline: none
}

.wrap .login .login-ele .icon {
	position: absolute;
	color: #1aa4fc;
	top: 0;
	left: -1.4em;
	font-size: 2em
}

.wrap .login .login-handle {
	height: 4rem;
	padding: 1rem 0
}

.wrap .login .login-handle .forget {
	float: right;
	color: #1aa4fc
}

.wrap .login .login-handle .checking {
	padding-left: 1.8em;
	float: left;
	position: relative
}

.wrap .login .login-handle .checking .uncheck {
	border: 0.1rem solid;
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	left: 0.5rem;
	top: 0.2em
}

.wrap .login .login-handle .checking .uncheck .check {
	width: 0.9rem;
	height: 0.9rem;
	position: absolute;
	top: 0.2rem;
	left: 0.2rem
}

.wrap .login .login-but {
	height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	line-height: 40px;
	font-size: 16px;
	margin: 5% 0
}

.wrap .login .login-other {
	text-align: center;
	color: #7b7b7b
}

.wrap .login .login-other a {
	color: #ff6325;
	padding-left: 1rem
}

.wrap .recomend {
	width: 90%;
	height: 19em;
	margin: 4em auto 2rem;
	color: #999
}

.wrap .recomend textarea {
	height: 10rem;
	width: 100%;
	margin: 2rem auto;
	display: block;
	background: #f9f9f9;
	border: none;
	padding: 1rem;
	border-radius: 0.2rem;
	-webkit-user-select: initial
}

.wrap .recomend textarea:focus {
	outline: none
}

.wrap .recomend img {
	height: 13em;
	width: 13em;
	margin: 2.2em auto;
	display: block
}

.wrap .recomend p {
	text-align: center;
	height: 2rem
}

.wrap .table-bj {
	color: #777;
	height: 40.5rem;
	width: 100%;
	font-size: 1.5rem
}

.wrap .table-bj tr {
	border-bottom: 1px solid #ddd;
	font-size: 1.4rem;
	margin: 1rem 3rem;
	display: block;
}

.wrap .table-bj tr td:nth-child(1) {
	margin-bottom: 0.5rem;
    position: relative;
    display: block;
    color: #333333;
}
.wrap .table-bj tr td:nth-child(1) .needClass{
    position: absolute;
    top: 0.2rem;
    left: -1rem;
}
.wrap .table-bj tr td:nth-child(1) .must:before {
	content: '*';
	color: red;
	margin-right: 0.5rem
}

.wrap .table-bj tr td:nth-child(2) {
	/*padding-left: 1.8rem;*/
	display: block;
    margin-bottom: 1rem;
}

.wrap .table-bj tr td:nth-child(2) input {
	border: none;
	width: 100%;
	height: 2.8rem;
}

.wrap .table-bj tr td:nth-child(2) input:focus {
	outline: none
}

.wrap .table-bj tr td:nth-child(2) img {
	float: right;
	width: 1em;
	height: 1em;
	margin-right: 1.4em;
	margin-top: 1.2em
}

.wrap .remind {
	background: #fff9da;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	color: #999;
	font-size: 1.5rem
}

.wrap .remind a {
	color: #1aa4fc
}

.wrap .banner {
	height: initial
}
/*
.wrap .banner img {
	max-width: 100%;
	height: auto
}*/
.wrap .banner .swiper-pagination {
	width:100%;
	height:10%;
}

.wrap .hotposi {
	height: auto;
	width: 100%;
	margin-bottom: 4em;
	overflow: hidden
}

.wrap .hotposi .morehot {
	height: 2em;
	background: #f8f8f8;
	color: #939393;
	text-align: center;
	padding: 1.3em 1.6em
}

.wrap .hotposi .morehot .left {
	float: left
}

.wrap .hotposi .morehot .right {
	float: right
}

.wrap .hotposi .morehot p {
	color: #535353;
	margin: 0
}

.wrap .hotposi .morehotjob {
    height: 3.2em;
    background: #f8f8f8;
    color: #939393;
    text-align: center;
    padding: 0.9em 1.6em
}

.wrap .hotposi .morehotjob .left {
    float: left
}

.wrap .hotposi .morehotjob .right {
    float: right
}

.wrap .hotposi .morehotjob p {
    color: #535353;
    margin: 0
}

.wrap .pkind {
	height: initial;
	margin-top: 3.2em;
	padding: 0.7em 4%;
	border-bottom: 1px solid #efefef;
	position: relative
}

.wrap .pkind .icon {
	position: absolute;
	right: 0.7em;
	top: 0.5em;
	color: #cfcfcf;
	height: initial;
	transition-duration: 0.2s;
}

.wrap .pkind .pkinds {
	height: initial;
	width: 100%;
	border-spacing: 1rem;
	border-collapse: initial;
	margin-top: 0;
	overflow:hidden
}

.wrap .pkind .pk {
	height: initial;
	width: 100%;
	border-spacing: 1rem;
	border-collapse: initial;
	margin-top: 0;
	overflow:hidden
}

.wrap .pkind .pkinds tr td {
	width: 30%;
	background: #ebebeb;
	color: #6e6e6e;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 0.7em;
	border-radius: 0.3rem;
	height: 3em;
	font-size: .8em
}

.wrap .pkind .pk tr td {
	width: 30%;
	background: #ebebeb;
	color: #6e6e6e;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 0.7em;
	border-radius: 0.3rem;
	height: 3em;
	font-size: .8em
}


.wrap .bodies {
	height: initial;
	padding: 1rem 4%;
	position: relative
}

.wrap .bodies .icon {
	position: absolute;
	right: 1rem;
	top: 0.6rem;
	color: #cfcfcf;
	height: initial;
	transition-duration: 0.2s;
}

.wrap .bodies ul {
	width: 90%;
	margin-left: 5%
}

.wrap .bodies ul li {
	margin-top: 1em;
	
}
.clz_post_org {
	background: #ebebeb;
}
.clz_brand {
	background: #ebebeb;
}

.wrap .bodies ul li .chosing {
	color: #fff
}

.wrap .bodies ul li span {
	display: block;
	/*background: #ebebeb;*/
	text-align: center;
	padding: 0.6em 1.6em;
	border-radius: 0.3rem;
	color: #535353
}

.wrap .bodies .handle {
	height: auto;
	width: 100%;
	margin-top: 2em
}

.wrap .bodies .handle td p {
	float: right;
	border-radius: 3rem;
	box-sizing: border-box;
	height: 2.6em;
	line-height: 2.6em;
	text-align: center;
	width: 8em
}

.wrap .bodies .handle td .chosing {
	background: #1aa4fc;
	color: #fff
}

.wrap .bodies .handle td .reset {
	border: 1px solid;
	float: left
}

.wrap .table {
	height: auto;
	background: #fefefe;
	margin:0;
}

.wrap .table .somehot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	transition-duration: 300ms;
	width:100%;
	height:100%;
	position:relative;
}

.wrap .table .somehot>div {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.wrap .table .somehot .skdetail {
	position: relative;
	border-bottom: 1px solid #efefef;
	padding-right: 1rem;
	/*height: 5em; �еĸ߶Ȳ�����*/
	margin-left: 8%;
	width: 70%;
	float: left;
	color: #999
}

.wrap .table .somehot .skdetail .detail {
	margin: 0;
	height: 6rem;
	color: #999;
	width: 100%;
	table-layout: fixed;
}

.wrap .table .somehot .skdetail .detail tr {
	border: none
}

.wrap .table .somehot .skdetail .detail tr td:nth-child(2) {
	vertical-align: middle;
	/*padding-top: 0.8rem;*/
}

.wrap .table .somehot .skdetail .detail .things {
	white-space: nowrap;
	text-overflow: ellipsis;
	/****多行文本居中要设置display为table-cel,*******/
	/*vertical-align: middle;
	display: table-cell;
	line-height:100%;*/
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

/*
.wrap .table .somehot .skdetail .detail .things .formid {
	width:100%;
	height:100%;
	vertical-align: middle;
	display: table-cell;
	line-height:100%;
}
*/

.wrap .table .somehot .skdetail .detail .things p {
	height:1.7rem;
	font-size: 1.5rem;
	line-height:1.7rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    margin:0;
    width:100%;
    margin-top:0.5rem;
}
.wrap .table .somehot .skdetail .detail .things p .zhiwei {
	display:inline-block;
	width: 85%;
	height:1.7rem;
	font-size: 1.5rem;
	line-height:1.7rem;
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  	margin-top:0;
}

.wrap .table .somehot .skdetail .detail .things span {
	display: block;
	font-size: 1rem;
	height: 1.2rem;
	line-height: 1.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width:100%;
	margin-top:0.5rem;
}

.wrap .table .somehot .skdetail .detail .things .company {
	width:100%;
	
}

.wrap .table .somehot .skdetail .detail .things .xinzi {
	float: left;
	width:30%;
}

.wrap .table .somehot .skdetail .detail .things .toe{
	float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:70%;
}
/*
.wrap .table .somehot .skdetail .detail .things img {
	position: absolute;
	width: 1.6rem;
	height: auto;
	left: -2.2rem;
	top: 1.6rem;
}*/
.wrap .table .somehot .skdetail .detail .things .hongbao {
	width: 1.5rem;
	margin-left: 5px;
}

/******mark*****/
.wrap .table .somehot .skdetail p {
	height: 1.7rem;
	color: #535353;
	font-size:1.5rem;
	width:100%;
}

.wrap .table .somehot .skdetail p .hongbao {
	/*float:right;*/
}
/****************mark2*******************/
.wrap .table .somehot .skdetail .anyonese {
	display: block;
	font-size: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: right;
    width: 100%;
    position: relative;
}

.wrap .table .somehot .skdetail .span {
	/*width: 100%;*/
    display: block;
    border: 1px solid;
    height: 1.2rem;
    border-radius: 2rem;
    padding-left: 1rem;
    line-height: 1.2rem;
    position: relative;
    font-size: 1rem;
    text-align: center;
    float: right;
    margin-top: 0.4rem;
	margin-left:1rem;
}

.wrap .table .somehot .skdetail .span .icon {
	font-size: 1rem;
	position: absolute;
	left: 0;
	top: 50%;
    margin-top: -0.5rem;
}

.wrap .table .somehot .delete {
	width: 3em;
	height: 5em;
	text-align: center;
	padding-top: 1.5em
}

.wrap .table .somehot .delete img {
	width: 1.5em;
	height: auto
}

.wrap .table .somehot .date {
	width: 22%;
	height: 6rem;
	border-right: 1px solid #efefef;
	position:relative;
	float: left;
}

.wrap .table .somehot .date .month_day {
	font-size:1rem;
	width:100%;
	height:1rem;
	line-height:1rem;
	text-align:center;
	margin-top:1.8rem;
}
.wrap .table .somehot .date .year {
	font-size:1rem;
	width:100%;
	height:1rem;
	line-height:1rem;
	text-align:center;
	margin-top:0.5rem;
}
.wrap .table .somehot .date .bull {
	display:block;
	font-size:2rem;
	position:absolute;
	height:2rem;
	width:100%;
	text-align:left;
	left:100%;
	margin-left:-0.3rem;
	top:50%;
	margin-top:-1rem;
}


.wrap .table .somehot .recordeli {
	height: 2.5em;
	float: left;
	width: 100%
}

.wrap .table .somehot .recordeli .date {
	padding: 0.5em 1em;
	height: 3.5em
}

.wrap .table .somehot .recordeli .date span {
	line-height: 2em
}

.wrap .table .somehot .recordeli .recorig {
	color: #999;
	padding-left: 8%;
	line-height: 3.2em;
	float: left;
	font-size: 0.8em
}

.wrap .searchcode {
	margin-top: 3.2em
}

.wrap .searchcode p {
	color: #999;
	font-size: 1em;
	height: initial;
	padding: 1.1em 4%;
	margin: 0
}

.wrap .searchcode ul {
	height: initial;
	border-top: 1px solid #d8d8d8
}

.wrap .searchcode ul li {
	border-bottom: 1px solid #efefef;
	height: 5rem;
	padding: 0 6%;
	line-height: 5rem
}

.wrap .searchcode ul li .name {
	float: left
}

.wrap .searchcode ul li .searchcount {
	float: right;
	color: #999
}

.wrap .clear {
	height: 1.8em;
	line-height: 1.8em;
	width: 6em;
	border: 1px solid;
	border-radius: 2rem;
	text-align: center;
	margin: 4em auto
}

.menus {
	height: 4em;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-top: 0.4em;
	background: #fff;
	border-top: 1px solid #efefef
}

.menus table {
	width:100%;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
}
.menus table td {
	width: 25%;
	text-align: center;
	color: #939393;
	font-size: 0.76em;
	border: none !important;
	line-height: initial
}
.menus table td a {
	color: #999;
	display: inline-block;
    width: 100%;
    text-align: center;
}
.menus table td .icon{
	font-size: 2em;
	display: block;
	height: 2.7rem;
	padding: 0 !important;
	width:100%;
	text-align:center;
}

.menus table td span {
	display: inline-block;
    width: 100%;
    text-align: center;
}

.search-city {
	width: 100%;
	height: 3.2em;
	background: #f8f8f8;
	color: #939393;
	position: fixed;
	z-index: 999
}

.search-city .sou {
	position: absolute;
	left: 5%;
	top: 25%;
	z-index: 999;
	height: auto
}

.search-city input {
	border: none;
	width: 94%;
	height: 66%;
	border-radius: 0.3rem;
	position: absolute;
	top: 17%;
	left: 3%;
	padding-left: 3rem;
	font-size: .8em
}

.search-city input:focus {
	outline: none
}

.chosing-city {
	margin-top: 3.2em;
	height: 3.2em;
	line-height: 3.2em;
	padding-left: 4%;
	position: relative;
	border-bottom: 1px solid #efefef
}

.chosing-city span {
	margin-right: 2.2em
}

.chosing-city .icon {
	position: absolute;
	left: 70%
}

.citys ul{
	height: initial;
	width: 100%;
	position:absolute;
	top:auto;
	left:0;
}

.citys ul li p {
	height: 3.2em;
	line-height: 3.2em;
	background: #f8f8f8;
	padding-left: 4%;
	margin: 0;
	border-bottom: 1px solid #efefef
}

.citys ul li .hot-city {
	height: 8.5em;
	background: #fefefe;
	border-bottom: 1px solid #efefef;
	overflow: hidden
}

.citys ul li .hot-city span {
	width: 25%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	display: block;
	float: left;
	background: #ebebeb;
	margin: 1.1em 0.7em 0 0.7em
}

.citys ul li .city {
	height: 3.2em;
	line-height: 3.2em;
	padding-left: 4%;
	border-bottom: 1px solid #efefef;
	background: #fff;
}

.baseinfo {
	height: 11em;
	width: 100%;
	background: url('../../../images/juxian/v8/bgh.png') no-repeat;
	background-size: cover;
	background-blend-mode: multiply;
	position: relative
}
.baseinfo .hongbao {
	position:absolute;
    height: 1.5rem;
    right: 2rem;
    top:2rem;
}

.baseinfo ul {
	padding: 1rem 22% 0 2rem
}

.baseinfo ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff;
	height: initial;
	line-height: 3em;
	font-size: 0.8em
}

.baseinfo ul li .icon {
	transform: rotate(-90deg);
	display: block;
	float: right;
	font-size: 0.8em
}

.baseinfo ul li:nth-child(1) {
	font-size: 0.9em
}

.baseinfo ul li:nth-child(2) {
	opacity: 0.75
}

.baseinfo ul li:nth-child(4) {
	opacity: .75
}

.baseinfo .keep {
	position: absolute;
	right: 0;
	height: initial;
	bottom: 0;
	color: #fff;
	text-align: center;
	right: 5%;
	bottom: 15%;
	opacity: 0.75
}

.baseinfo .keep .icon {
	font-size: 3rem
}

.baseinfo p {
	border: 1px solid;
	position: absolute;
	top: 2.2em;
	right: 0.3em;
	height: 1.6em;
	line-height: 1.6em;
	background: #fff;
	font-size: 0.7em;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	padding-left: 0.5rem;
	border-right: 0
}

.baseinfo p .icon {
	font-size: 1em
}

.baseinfo .rechead {
	border: 2px solid rgba(255, 255, 255, 0.5);
	width: 4.5em;
	height: 4.5em;
	border-radius: 1em;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.baseinfo .rechead .rec2 {
	position: absolute;
	top: 0;
	right: 0.2em;
	height: 3em
}

.baseinfo .nbworker {
	width: 6em;
	height: 2em;
	line-height: 1.8em;
	border: 2px solid rgba(255, 255, 255, 0.7);
	color: #fff;
	background: #1aa4fc;
	margin: 0.6em auto;
	text-align: center;
	border-radius: 2em
}

.baseinfo .savep {
	height: auto;
	text-align: center;
	color: #fff;
	margin-bottom: 1.5em;
	padding-top: 0.5em
}

.baseinfo .savep span {
	display: block;
	margin: 0 auto;
	line-height: 2em
}

.baseinfo .savep span .icon {
	font-size: 1.2em;
	padding-right: 0.2em
}

.baseinfo .savep .number {
	font-weight: bold;
	font-size: 3em;
	display: block;
	margin: 0 auto;
	line-height: 1.2em
}

.baseinfo .points {
	height: auto;
	width: 100%;
	position: absolute;
	bottom: 1em
}

.baseinfo .points ul {
	list-style-type: none;
	padding: 0 4%
}

.baseinfo .points ul li {
	border: none
}

.baseinfo .points ul li .way {
	border: 1px solid;
	border-radius: 1em;
	width: 30%;
	height: 2em;
	text-align: center;
	line-height: 2em;
	float: left;
	margin-left: 3%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.posidetails {
	height: initial
}

.posidetails p {
	line-height: 3.2em;
	height: 3.2em;
	padding: 0 4% 0 10%;
	background: #f8f8f8;
	border-bottom: 1px solid #efefef;
	margin: 0;
	position: relative;
	font-size: 1em
}

.posidetails p .icon {
	position: absolute;
	top: 0.02em;
	left: 4%
}

.posidetails p span {
	float: right;
	color: #000
}

.posidetails ol {
	padding: 1rem 10%;
	color: #999;
	margin: 0
}

.posidetails ol li {
	height: auto;
	line-height: 1.8em;
	font-size: 0.9em
}

.posidetails ul {
	padding: 0 4% 1em;
	color: #999;
	margin: 0
}

.posidetails ul li span {
	display: block;
	height: 4.5rem;
	float: left;
	overflow: hidden;
	white-space: nowrap
}

.posidetails ul li .fir {
	width: 70%;
	color: #535353
}

.posidetails ul li .sec {
	/*width: 20%;*/
	width: 26%;
	text-align: center
}

.posidetails ul li .thr {
	width: 30%;
	text-align: right
}

.posidetails ul li .icon {
	display: block;
	float: right;
	font-size: 1rem
}

.posidetails .posihandle li {
	border-bottom: 1px solid #efefef;
	height: 3.2em;
	line-height: 3.2em
}

.posidetails .posidetail {
	height: initial;
	border-bottom: 1px solid #efefef
}

.partook {
	height: initial;
	position: fixed;
	bottom: 1em;
	width: 100%;
	border: none !important
}

.partook li {
	width: 33%;
	float: left
}

.partook .imgone {
	background: url('../../../images/juxian/v8/partook.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #fe8300;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgtwo {
	background: url('../../../images/juxian/v8/selfrec.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #1aa4fc;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgthr {
	background: url('../../../images/juxian/v8/rec.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #1aa4fc;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgfor {
	background: url('../../../images/juxian/v8/relay.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #fe8300;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgfiv {
	background: url('../../../images/juxian/v8/Undeliverable.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #1aa4fc;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgsix {
	background: url('../../../images/juxian/v8/del.png') no-repeat 50%;
	background-size: contain;
	width: 3.5em;
	height: 3.5em;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgsev {
	background: url('../../../images/juxian/v8/return.png') no-repeat 50%;
	background-size: contain;
	width: 3.5em;
	height: 3.5em;
	border-radius: 100%;
	margin: 0 auto
}

.partook .imgeig {
	background: url('../../../images/juxian/v8/applyFor.png') no-repeat;
	background-size: 100%;
	width: 3.5em;
	height: 3.5em;
	background-color: #1aa4fc;
	border-radius: 100%;
	margin: 0 auto
}
.partook .imgapp {
    background: url('../../../images/iRecruit/eml.png') no-repeat 50%;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
    border-radius: 100%;
    margin: 0 auto;
}

.tab {
	    background: #000;
    opacity: 0.3;
    width: 6%;
    height: 85%;
    position: fixed;
    top: 6.5em;
    right: 2%;
    border-radius: 5rem;
    text-align: center;
    color: #fff;
    padding-top: 10%;
    font-size: 1rem;
}

.tab .glyphicon {
	position: absolute;
	top: 1%;
	height: initial;
	width: 100%;
	display: block
}

.tab a {
	width: 100%;
	display: block;
	color: #fff;
	height: initial
}

.fluid {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.6;
	top: 0;
	z-index: 99999
}

.fill {
	height: initial
}

.fill li {
	border-bottom: 1px solid #efefef;
	padding: 0 4%;
	height: 3.5em;
	line-height: 3.5em;
	color: #999;
	min-height: 3.5em;
    height: auto;
}

.fill li input {
	border: none;
	outline: none;
	width: 15rem;
	float: right;
	text-align: right
}

.fill li .radio-sex {
	float: right;
	margin-top: 0.8em
}

.fill .finish {
	border: none;
	text-align: center;
	margin-bottom: 3rem;
	margin-top:20px;
}

.fill .finish span {
	padding: 1.5rem 6rem;
	color: #fff;
	border-radius: 0.3rem
}

.fill .addattach {
	height: initial;
	border-bottom: none
}

.fill .addattach .upimg {
	width: 90%;
	display: block;
	margin: 2rem auto;
	height: 14rem
}

.fill .addattach p {
	background: #f9f9f9
}

.fill .addattach p img {
	margin: 0 2rem 0 1rem;
	width: 3rem;
	height: auto
}

.fill .addattach .attachment {
	border: 0.3rem dashed #ccc;
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 3rem
}

.fill .addattach .attachment .addpic {
	width: 25%;
	height: auto
}

.fill .addattach .attachment div {
	float: right;
	width: 70%;
	line-height: 2.5rem;
	color: #b5b5b5
}

.fill .addattach .attachment div .tit {
	font-size: 1.4rem;
	color: #999
}

.fill .fillname {
	text-align: center;
	padding: 1em;
	height: initial
}

.fill .fillname input {
	border: none;
	outline: none;
	width: 7em;
	text-align: center;
	float: none;
	padding-left: 0.9em
}

.fill .fillname img {
	width: 6rem;
	height: 6rem;
	display: block;
	margin: 1rem auto;
	border-radius: 2rem
}

.fill .fillname .icon {
	font-size: 1.2em
}

.brief img {
	width: 100%;
	height: 40%
}

.brief p {
	font-size: 1.2em;
	position: absolute;
	left: 4%;
	top: 25%;
	color: #fff;
	height: auto
}

.brief .content {
	text-indent: 2em;
	color: #999;
	padding: 1em;
	height: auto
}

.whorec {
	height: initial;
	line-height: 6.5rem;
	padding: 0 4%;
	font-size: 1.4rem
}

.whorec img {
	width: 4.5rem;
	height: auto;
	margin-right: 3rem
}

.cvchose {
	padding-left: 4%;
	height: initial;
	background-color: #fff;
}

.cvchose .twity {
	border-bottom: 1px solid #efefef;
	padding-left: 14%;
	position: relative;
}

.cvchose .hundred {
	padding-left: 14%;
	position: relative;
	
}
.cvchose .twity span,.cvchose .hundred span{
	display: block;
	position: absolute;
	left: 0;
	text-align: center;
	height:2.5rem;
	width: 2.5rem;
	border: 1px solid;
	line-height: 2.5rem;
	border-radius: 3rem;
	top: 50%;
	margin-top: -1.25rem;
}
.cvchose p {
	height: 4.5rem;
	line-height: 4.5rem;
	padding: 0 4%;
	margin: 0;
	color: #999
}

.cvout {
	height: auto;
	color: #999
}

.cvout table {
	height: initial;
	margin: 0;
	width: 100%
}

.cvout table tr {
	border: 1px solid #efefef
}

.cvout table tr td {
	width: 33% !important;
	height: initial;
	text-align: center !important;
	border-right: 1px solid #efefef;
	padding: 1rem !important;
	font-size: 0.8em
}

.cvout table tr td img {
	width: 40% !important;
	height: auto !important;
	float: none !important;
	margin: 1rem !important
}

.cvout div {
	width: 33.3%;
	height: initial;
	float: left;
	border-bottom: 1px solid;
	border-right: 1px solid;
	text-align: center
}

.creatcv {
	height: auto
}

.creatcv .closebtn {
	background: url('../../../images/juxian/v8/close.png') no-repeat 96%;
	text-align: right;
	height: auto;
	width: 100%;
	height: 3rem;
	background-size: 1.5rem
}

.creatcv p {
	height: 3.2em;
	line-height: 3.2em;
	padding-left: 4%;
	margin: 0;
	font-size: .9em
}

.creatcv .reminder {
	background: #eee;
	color: #999
}

.creatcv .reminder span {
	float: left;
	padding-right: 1rem;
	font-size: 3rem
}

.creatcv ul {
	height: initial;
	list-style-type: none;
	padding: 0;
	margin: 0
}

.creatcv ul li {
	height: 3.6em;
	padding: 0 4%;
	border-bottom: 1px solid #efefef;
	line-height: 3.6em;
	color: #999;
	font-size: 0.9em;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.creatcv ul li .chosing {
	display: block;
	width: 2.0em;
	height: 2.0em;
	background: #fe8300;
	color: #fff;
	text-align: center;
	float: left;
	line-height: 2.2rem;
	margin: 1.1rem 2rem 0 0
}

.creatcv ul li .unchose {
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	border: 1px solid #999;
	color: #fff;
	text-align: center;
	float: left;
	line-height: 2.2rem;
	margin: 1.1rem 2rem 0 0
}

.creatcv ul li .cannotChose {
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #999;
    color: #fff;
    text-align: center;
    float: left;
    line-height: 2.2rem;
    margin: 1.1rem 2rem 0 0;
    background-color: #999;
}

.creatcv ul li .complete {
	float: right;
	width: 14em;
	position: relative
}

.creatcv ul li .complete .number {
	float: right
}

.creatcv ul li .complete .percent {
	display: block;
	width: 7.5em;
	height: 0.3rem;
	background: #eee;
	position: absolute;
	top: 1.6em;
	right: 3.5rem;
	border-radius: 0.3rem
}

.creatcv ul li .complete .percent span {
	display: block;
	width: 50%;
	height: 0.3rem
}

.creatcv .cv {
	color: #fe8300;
	width: 9em;
	height: 2.5em;
	border: 1px solid;
	border-radius: 2em;
	text-align: center;
	line-height: 2.5em;
	margin: 1em auto
}

.infor {
	height: initial
}

.infor ul {
	min-height: 9em;
	margin: 0
}

.infor ul li {
	height: initial;
	padding: 0 4%;
	max-height:126px;
	overflow:scroll;
}

.infor ul li span {
	padding: 0.7em 0;
	text-align: center;
	width: 30%;
	color: #999;
	display: block;
	float: left;
	border-radius: 0.3rem;
	background: #f3f3f3;
	margin: 0.7em 3% 0.7em 0
}

.infor ul li .chose {
	background: #ffa885;
	color: #fff
}

.infor .morec {
	height: initial;
	width: 100%;
	position: relative
}

.infor .success{
	height: 11rem;
	width: 100%;
	position: relative;
	padding: 12% 5%;
	text-align: center;
	color: orange;

}
.infor .success .xianshi{
	text-align: center;
	font-size: 1.2em;
	color: greenyellow;
}
.infor .morec p {
	color: #999;
	padding: 0 4%;
	height: 3.2em;
	line-height: 3.2em;
	font-size: 0.8em
}

.infor .morec p .base1 {
	font-size: 1.5em
}

.infor .morec p .slide {
	position: absolute;
	right: 3%;
	top: 0.3rem
}

.infor .handle {
	border-top: 1px dashed #dcdcdc;
	font-size: 1.4rem;
	color: #999
}

.infor .handle span {
	width: 50%;
	display: block;
	float: left;
	border-left: 1px solid #dcdcdc;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	margin: 2rem 0
}
.infor .handle .hint  {
	height: 5rem;
	line-height: 5rem;
	margin: 0;
	color: blueviolet;
}

.infor .handle .send span{
	height: 4rem;
	line-height: 4rem;
	margin: 0 0
}

.distance {
	display: block;
	height: 1.5em;
	background: #f8f8f8;
	/*border-bottom: 1px solid #e8e8e8;*/
	border-top: 1px solid #e8e8e8
}

.candidateinfo {
	height: auto;
	/*border-bottom: 1px solid #e8e8e8*/
}

.candidateinfo table {
	height: initial;
	margin: 0;
	overflow: hidden;
	width: 100%
}

.candidateinfo table td:nth-child(1) {
	width: 6em;
	text-align: center !important;
	padding: 0.7em;
	height: initial !important;
	position: relative
}

.candidateinfo table td:nth-child(1) .recimg {
	background: url('../../../images/juxian/v8/zhaoxiang.png') no-repeat 50%;
	background-size: 60%;
	border-radius: 1.3rem;
	width: 1.6em;
	height: 1.6em;
	display: block;
	position: absolute;
	top: 3.4em;
	left: 62%
}

.candidateinfo table td:nth-child(1) img {
	width: 4.2em;
	height: 4.2em;
	border-radius: 2rem
}
/*
.candidateinfo table td:nth-child(1) .name {
	display: block;
	width: 5em;
	margin-top: 0.7em;
	height: initial;
	background: url('../../../images/juxian/v8/tuijian.png') no-repeat 8%;
	background-size: 20%;
	color: #fff;
	border-radius: 1em;
	padding: 0 0.1em 0 1em;
	position: absolute;
    left: 15.5em;
    top: 2.5em;
}*/
.candidateinfo  .name {
	display: inline-block;
	background: url('../../../images/juxian/v8/tuijian.png') no-repeat 10%;
	background-size: 18px;
	color: #fff;
	border-radius: 1em;
	padding: 2px 10px 2px 30px;
	position: absolute;
    left: 15.5em;
    top: 4.5em;
}

.candidateinfo table td:nth-child(2) {
	position: relative;
	vertical-align: top;
	padding-left: 0.5em
}

.candidateinfo table td:nth-child(2) .cvbelong {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 0.61em 0
}

.candidateinfo table td:nth-child(2) .complete {
	position: relative;
	width: 14em;
	display: block;
	height: initial;
	line-height: 1.5em;
	margin: 1em 0;
	padding-left: 2rem;
	font-size: 0.9em
}

.candidateinfo table td:nth-child(2) .complete .percent {
	display: block;
	width: 7em;
	height: 0.35em;
	background: #efefef;
	position: absolute;
	left: 4em;
	top: 0.6em;
	border-radius: 0.5rem
}

.candidateinfo table td:nth-child(2) .complete .percent span {
	display: block;
	width: 50%;
	height: 0.5rem;
	border-radius: 0.5rem
}

.candidateinfo table td:nth-child(2) .complete .number {
	float: right
}

.candidateinfo table td:nth-child(2) .bianj {
	position: relative;
	height: 2em;
	display: block;
	line-height: 2em;
	padding-left: 2rem;float:left;
}

.candidateinfo table td:nth-child(2) .icon {
	position: absolute;
	left: 0;
	font-size: 0.9em;
	top: 0.05em
}

.candidateinfo table td:nth-child(2) .ht {
	height: 2rem;
	width: 10rem;
	line-height: 2rem;
	position: absolute;
	color: #fff;
	text-align: center;
	right: -3rem;
	top: 1.5rem;
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg); /*为Chrome/Safari*/
	-moz-transform:rotate(45deg); /*为Firefox*/
	-ms-transform:rotate(45deg); /*为IE*/
	-o-transform:rotate(45deg); /*为Opera*/
}

.baseinfomation .a3 {
	color: #a3a3a3
}

.baseinfomation .title {
	background: #f8f8f8;
	/*height: 3.2em;
	line-height: 3.2em;*/
	line-height: 2.4em;
	padding: 0 4%;
	border-bottom: 1px solid #e8e8e8;
	margin: 0
}

.baseinfomation .title span {
	float: right
}

.baseinfomation .title span .icon {
	padding-right: 0.5rem
}

.baseinfomation .yx li {
	padding: 0 4% !important
}

.baseinfomation ul {
	list-style-type: none;
	height: auto;
	padding: 0 0 1rem 0;
	margin: 0;
	border-bottom: 1px solid #e8e8e8
}

.baseinfomation ul li {
	height: auto;
	line-height: 2.2em;
	position: relative;
	padding: 0.7em 4%
}

.baseinfomation ul li a .icon {
	font-size: 1.5em
}

.baseinfomation ul li .bj {
	position: absolute;
	top: 1em;
	right: 14%;
	height: auto
}

.baseinfomation ul li .cw {
	position: absolute;
	top: 1em;
	right: 5%;
	height: auto
}

.baseinfomation ul li .ct {
	padding-left: 1em
}

.baseinfomation ul li .date {
	font-size: 0.8em;
	color: #bdbdbd
}

.baseinfomation ul li .fenj {
	background: #f8f8f8;
	height: 1em;
	position: absolute;
	border-bottom: -1em;
	left: -10%;
	width: 110%
}

.baseinfomation ul li .table-cell {
	padding-left: 4%
}

.baseinfomation ul li .table-cell table {
	height: auto;
	margin-top: 0
}

.baseinfomation ul li .table-cell table tr {
	border: 0;
 	white-space: nowrap;
}

.baseinfomation ul li .table-cell table td:nth-child(1) {
	width: 25%;
	vertical-align: top;
	height: auto;
	color: #535353
}

.baseinfomation ul li .table-cell table td:nth-child(2) {
	padding-left: 0;
	height: auto;
	color: #a3a3a3
}

.baseinfomation ul li .moreEdu {
	color: #a3a3a3;
	border: 1px solid;
	width: 12em;
	border-radius: 3rem;
	padding-left: 2.5em;
	margin: 2em auto;
	position: relative
}

.baseinfomation ul li .moreEdu .line {
	display: block;
	width: 1em;
	height: 0.1rem;
	background: #a3a3a3;
	position: absolute
}

.baseinfomation ul li .moreEdu .dash {
	top: 1.5rem;
	left: 1.5rem
}

.baseinfomation ul li .moreEdu .per {
	transform: rotate(90deg);
	top: 1.5rem;
	left: 1.5rem
}

.baseinfomation ul li .right {
	float: right
}

.baseinfomation ul li .percent {
	width: 100%;
	height: 1rem;
	background: #efeeec;
	display: block;
	border-radius: 1rem
}

.baseinfomation ul li .percent span {
	width: 30%;
	display: block;
	border-radius: 1rem
}

.baseinfomation .evalute {
	padding: 1em 8%;
	height: auto;
	margin-bottom: 4.5rem
}

.bried {
	background: #f8f8f8;
	height: auto;
	text-align: center;
	padding: 2.1em 0
}

.sellotaped {
	opacity: 0
}

.test {
	width: 90%;
	margin: 0 auto;
	height: auto;
	position: relative;
	border: 1px solid #efefef
}

.test .platform {
	background: #d8d8d8;
	color: #355353;
	height: 3.5em;
	line-height: 3.5em;
	padding: 0 6%;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	margin: 0
}

.test .platform .xzpt {
	float: right
}

.test .platform .xzpt .icon {
	font-size: 0.8em
}

.test input {
	height: 4em;
	padding-left: 15%;
	width: 100%;
	outline: none;
	border: 0;
	border-radius: 0
}

.test .yh {
	position: absolute;
	width: 1.4em;
	height: 1.4em;
	top: 4.8em;
	left: 1em
}

.test .mm {
	position: absolute;
	width: 1.4em;
	height: 1.4em;
	top: 8.8em;
	left: 1em
}

.s-remind {
	height: auto;
	background: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 0.8em 4%;
	color: #a3a3a3;
	line-height: 2rem;
	border: 1px solid #d8d8d8;
	border-radius: 0.3rem
}

.s-remind .conditions {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.5em
}

.s-remind .conditions .duih {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 0.9em;
	padding: 0 0 0 0.15em;
	border-radius: 1rem;
	background: #fe8300;
	position: absolute;
	top: 0.1em;
	left: 0
}

.s-remind .conditions .icon {
	color: #fff;
	font-size: 0.7em
}

.zb {
	display: block;
	background: #1aa4fc;
	color: #fff;
	width: 3em;
	text-align: center;
	border-radius: 0.4em;
	transform: translate(4em, 4em)
}

.zb .sanj {
	display: block;
	border-color: #1aa4fc #fff #fff;
	border-style: solid;
	width: 0;
	height: 0;
	border-width: 0.5em 0.5em 0.5em 0.5em;
	position: absolute;
	top: 2.18em;
	left: 1em
}

.zb img {
	position: absolute;
	top: 3.5em;
	left: 0.5em;
	width: 2em;
	height: auto
}

.more-jn {
	color: #bfbfbf;
	height: auto;
	background: #f9f9f9;
	border: 2px dashed #ccc;
	width: 88%;
	margin: 2em auto 0;
	height: 6em;
	text-align: center;
	line-height: 6em
}

.more-jn .icon {
	margin-right: 0.5em
}

.new-jn {
	text-align: center
}

.new-jn p {
	height: 2em;
	margin: 2em
}

.new-jn div {
	width: 80%;
	border-radius: 0.3em;
	border: 1px solid #ccc;
	height: auto;
	margin: 0 auto
}

.new-jn input {
	height: 2em;
	line-height: 2em;
	padding-left: 1em;
	outline: none;
	color: #999;
	border: none;
	width: 98%
}

.new-jn a {
	display: block;
	background: #1aa4fc;
	color: #fff;
	width: 10em;
	height: 2em;
	margin: 3em auto;
	padding-top: 0.3em;
	border-radius: 0.2em
}

.iamwho {
	border-top: 1px solid #efefef;
	background: #f8f8f8;
	height: 3.2em
}

.iamwho ul {
	list-style-type: none;
	padding: 0 20%;
	line-height: 3.2em;
	margin: 0
}

.iamwho ul li {
	float: left;
	width: 50%;
	text-align: center
}

.iamwho ul li span {
	padding: 0.5em 0.3em
}

.propinfo {
	height: auto;
	background-color: #fff
}

.propinfo ul {
	list-style-type: none;
	padding: 0 5%;
	border-top: 1px solid #efefef
}

.propinfo ul li {
	height: 3.52em;
	/*line-height: 3.52em;*/
	border-bottom: 1px solid #efefef;
	position: relative;
	font-size: 0.9em;
	color: #696969;
}

.propinfo ul li input  {
	height: auto;
	border: none;
	outline: none;
	width: 16em;
	height: 3.2em;
	font-size: 1.0em;
	line-height: 3.2em;
}
.propinfo ul .special input  {
	display: block;
	width: 100%;
    text-align: center;
}
.propinfo ul li input:focus {
	background: #fff
}

.propinfo ul li .select {
	border: 1px solid #efefef;
	height: 2em
}

.propinfo ul li .email {
	border: 1px solid #efefef;
	top: 0.7em;
	left: 5.2em;
	width: 72%;
	height: 2em;
	line-height: 1.8em;
	position: absolute;
	color: #999;
	padding-left: 0.3em
}

.propinfo ul li .damainb {
	height: 1.8em;
	width: 39%;
	line-height: 1.8em;
}

.propinfo ul li .domain {
	text-align: left;
	position: absolute;
	right: 0;
	max-width: 60%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.propinfo ul li .domain .icon {
	font-size: 0.8em
}

.propinfo ul li:last-child {
	border-bottom: none
}

.unbind {
	height: auto;
	text-align: center
}

.anarchy {
	display: block;
	height: 1.6em;
	padding: 0 1em;
	margin-top: 1em;
	font-size: 0.9em;
	color: #fff;
	float: right;
	line-height: 1.6em;
	border-radius: 1em
}

.process {
	background: #f8f8f8;
	height: auto
}

.process ul li {
	height: 3.2em;
	line-height: 3.2em;
	border-left: 1px solid #e1e1e1;
	margin-left: 3em;
	padding-left: 1em;
	position: relative
}

.process ul li .point {
	font-size: 2em;
	position: absolute;
	height: auto;
	left: -0.2em;
	color: #d4d4d4
}

.process ul li .date {
	color: #ccc;
	font-size: 0.9em;
	padding-left: 1em
}

.process ul li>div {
	float: left;
	margin-top: 1.2em;
	font-size: 0.8em;
	width: 8em;
	height: 1.6em;
	background: #d4d4d4;
	color: #fff;
	border: 1px solid;
	text-align: center;
	line-height: 1.5em;
	border-radius: 1em
}

.un {
	border-bottom: 1px solid #efefef
}

.un .complete {
	width: 14em;
	display: block;
	float: left;
	position: relative
}

.un .complete .number {
	float: right
}

.un .complete .icon {
	padding-right: 0.3em
}

.un .complete .percent {
	display: block;
	width: 7em;
	height: 0.5rem;
	background: #eee;
	position: absolute;
	top: 1.5em;
	right: 3.5rem;
	border-radius: 0.5rem;
	overflow: hidden
}

.un .complete .percent span {
	display: block;
	width: 50%;
	height: 0.5rem
}

.aboutpoint {
	height: auto;
	margin-bottom: 4em
}

.aboutpoint ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.aboutpoint ul li {
	border-bottom: 1px solid #efefef
}

.aboutpoint ul .pointfir {
	height: 3.2em;
	line-height: 3.2em;
	padding: 0 4%;
	background: #fff
}

.aboutpoint ul .pointfir .right {
	float: right;
	color: #999
}

.aboutpoint ul .pointsec {
	background: #f8f8f8;
	height: 3.2em;
	line-height: 3.2em;
	padding: 0 4%
}

.aboutpoint ul .pointsec .right {
	font-size: 0.9em;
	float: right;
	border-radius: 1em;
	width: 7.5em;
	height: 2em;
	line-height: 2em;
	padding: 0 0.6em 0 1em;
	margin-top: 1em;
	color: #fff;
	margin-top: 0.7em
}

.aboutpoint ul .pointsec .icon {
	font-size: 0.9em;
	display: block;
	float: right;
	color: #999;
	background: #fff;
	border-radius: 1em;
	text-align: center;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.5em;
	margin-top: .35em
}

.aboutpoint ul .pointsec img {
	width: 50%;
	height: auto;
	display: block;
	margin: 1em auto
}

.aboutpoint ul .pointsec p {
	color: #535353;
	text-align: center
}

.aboutpoint ul .pointhr {
	padding: 0 4% 1em
}

.aboutpoint ul .pointhr .reward {
	border-bottom: 1px solid #efefef;
	height: 3.2em;
	line-height: 3.2em
}

.aboutpoint ul .pointhr .reward .base1 {
	float: right
}

.aboutpoint ul .pointhr .reward .number {
	font-size: 1.6em;
	display: block;
	padding-right: 0.2em
}
.aboutpoint ul .pointhr .rewarding {
	overflow:hidden;
}
.aboutpoint ul .pointhr .rewarding img {
	width: 40%;
	/*height: 7em;*/
	margin-top: 1em
}

.aboutpoint ul .pointhr .rewarding .rewardetail {
	width: 58%;
    padding: 0.8em;
    float: right;
    color: #999;
    /*height: 9em;
     box-sizing: border-box; */
   /*  margin-top: 1em;
    position: relative;*/
}

.aboutpoint ul .pointhr .rewarding .rewardetail .base1 {
	display: block;
	font-size: 0.9em
}

.aboutpoint ul .pointhr .rewarding .rewardetail .cashing {
	/* float: right; */
    color: #fff;
    background: #C8C5BF;
    width: 6em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 0.2em;
    /* position: absolute;
    left: 0.8em;
    bottom: 0.8em; */
	
}

.aboutpoint ul .pointfo {
	color: #999
}

.aboutpoint ul .pointfo .onetiao {
	height: 3.2em;
	line-height: 3.2em;
	padding: 0 4%
}

.aboutpoint ul .pointfo .onetiao img {
	width: 1em;
	height: auto;
	margin-right: 0.5em
}

.aboutpoint ul .pointfo .onetiao .agree {
	padding: 0 0.8em;
	background-color: #aaa;
	color: #fff;
	display: block;
	float: right;
	text-align: center;
	height: 1.8em;
	line-height: 1.8em;
	margin-top: 0.7em;
	border-radius: 1em
}

.aboutpoint ul .pointfo .onetiao .unagree {
	background: #ff4646
}

.aboutpoint :last-child {
	border: none
}

.warning {
	height: auto;
	position: relative
}

.warning p {
	text-align: center;
	margin: 0;
	height: 5.5em;
	border-bottom: 1px solid #f8f8f8;
	padding: 1.2em
}

.warning .handle {
	height: 2.5em;
	line-height: 2.2em;
	padding-top: 0.15em;
	text-align: center;
	color: #999
}

.warning .handle div {
	width: 50%;
	float: left;
	text-align: center
}

.warning .handle .assign {
	color: #1aa4fc
}

.pointanarchy {
	height: auto
}

.pointanarchy ul {
	padding: 0 5%;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	clear: both
}

.pointanarchy ul li {
	float: left;
	width: 33%;
	text-align: center;
	padding: 0.5em;
	border-top: 1px solid #efefef
}

.pointanarchy ul li p {
	font-size: 1.5em;
	margin: 0
}

.pointanarchy ul li span {
	font-size: .8em
}

.rewardts {
	height: auto
}

.rewardts .tabs ul {
	list-style-type: none;
	height: auto;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0;
	margin: 0
}

.rewardts .tabs ul li {
	float: left;
	text-align: center;
	width: 33.3%;
	color: #777;
	border-bottom: 1px solid #efefef
}

.rewardts .tabs ul li .icon {
	padding-right: .3em
}

.rewardts .tabs ul .chose {
	color: #fff
}

.rewardts .reward {
	height: auto
}

.rewardts .reward ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.rewardts .reward ul li {
	border-bottom: 1px solid #efefef;
	height: auto;
	padding: 0.5em 4%
}

.rewardts .reward ul li div {
	height: 2.2em;
	line-height: 2.2em
}

.rewardts .reward ul li div p {
	margin: 0;
	float: left
}

.rewardts .reward ul li div .date {
	color: #999;
	float: left;
	font-size: .9em
}

.rewardts .reward ul li div .point {
	float: right;
	text-align: center;
	display: block;
	width: 6em
}

.rewardts .reward ul li div .status {
	font-size: 0.9em;
	float: right;
	text-align: center;
	display: block;
	width: 6.67em;
	border: 1px solid;
	border-radius: 1em;
	height: 1.6em;
	line-height: 1.6em;
	margin-top: 0.5em
}

.rewardts .reward ul .nomore {
	text-align: center;
	color: #999;
	height: 4em;
	line-height: 4em;
	padding: 0
}

.rewardts .reward :last-child {
	border-bottom: 0
}

.fresh {
	overflow: hidden;
	clear: both;
	width: 15em;
	margin: 0 auto;
	color: #999;
	height: auto
}

.fresh .loader-inner {
	float: left;
	height: auto
}

.fresh .freshrec {
	float: left;
	padding-left: 1em;
	line-height: 3em;
	height: auto
}

.search {
	width: 100%;
	height: 3.2em;
	background: #f8f8f8;
	color: #939393;
	position: fixed;
	z-index: 999;
	top: 3.2em
}

.search .toaddress {
	text-align: center;
	height: 3.2em;
	line-height: 3.2em;
	width: 24%
}

.search .toaddress .icon {
	height: initial;
	font-size: 0.8em;
	margin-left: 0.8em
}

.search .toBrandCode {
	text-align: center;
	height: 3.2em;
	line-height: 3.2em;
	width: 24%
}

.search .toBrandCode .icon {
	height: initial;
	font-size: 0.8em;
	margin-left: 0.8em
}

.search .sou {
	position: absolute;
	left: 26%;
	top: 0.65em;
	z-index: 999;
	height: auto;
	font-size: 1.2em
}

.search input {
	border: none;
	width: 56%;
	height: 2.8em;
	border-radius: 0.3rem;
	position: absolute;
	top: 0.6em;
	left: 24%;
	padding-left: 2.2em;
	font-size: .8em
}

.search input:focus {
	outline: none
}

.search .scan {
	width: 20%;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0
}

.search .scan .icon {
	font-size: 1.4em;
	height: 2.2em;
	display: table-cell;
	vertical-align: middle;
	width: 1%
}

.stepone {
	width: 100%;
	height: auto;
	z-index: 999999;
	position: fixed;
	left: 0;
	top: 0
}

.stepsec {
	width: 100%;
	height: auto;
	z-index: 999999;
	position: fixed;
	bottom: 0;
	left: 0
}

.stepfo {
	width: 100%;
	height: auto;
	z-index: 999999;
	position: fixed;
	top: -3%;
	left: 0
}

.lit-title {
	height: 4.5rem;
	line-height: 4.5rem;
	background: #f8f8f8;
	color: #999;
	padding: 0 4%
}

.bg-login {
	background: url("../../../images/juxian/v8/bg.jpg") no-repeat;
	background-size: 100% 100%
}

.bg-rank {
	background: url("../../../images/juxian/v8/rank.jpg") no-repeat 0 3.2em;
	background-size: 100% 100%
}

.bg-rank .rankimg {
	height: 2.5em;
	overflow: hidden
}

.bg-rank .rankimg ul {
	padding: 0;
	display: flex;
	list-style-type: none
}

.bg-rank .rankimg ul li {
	float: left;
	width: 100%;
	text-align: center;
	flex-shrink: 0;
	padding-top: 0.7em
}

.bg-rank .rankimg ul li img {
	width: 10em;
	height: auto
}

.bg-rank .date {
	margin: 0;
	height: auto;
	text-align: center
}

.bg-rank .rankings {
	height: 80%;
	position: relative
}

.bg-rank .rankings ul {
	list-style-type: none;
	width: 80%;
	padding: 2% 12%;
	width: 100%
}

.bg-rank .rankings ul li {
	height: 10%;
	border-bottom: 1px dashed #efefef;
	position: relative;
	clear: both;
	line-height: 2.8em
}

.bg-rank .rankings ul li .wangg {
	width: 1.5em;
	height: auto;
	position: absolute;
	left: -0.7em;
	top: -0.9em
}

.bg-rank .rankings ul li>div {
	width: 10%;
	float: left;
	padding-top: 3.3%
}

.bg-rank .rankings ul li>div .ranks {
	position: relative;
	display: block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.6em;
	border-radius: 1em;
	background: url('../../../images/juxian/v8/round.png') no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center
}

.bg-rank .rankings ul li .ct {
	position: relative;
	color: #df0016;
	display: block;
	float: left;
	text-align: center;
	font-size: 0.9em
}

.bg-rank .rankings ul li .name {
	width: 20%
}

.bg-rank .rankings ul li .firm {
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bg-rank .rankings ul li .number {
	width: 20%
}

.bg-rank .rankings ul :last-child {
	border: none
}

.bg-rank .rankings ul .chose {
	position: relative
}

.bg-rank .rankings ul .chose .zhiz {
	background: url('../../../images/juxian/v8/zhiz.png') no-repeat 5%;
	background-color: #fe8300;
	width: 0.7em;
	height: 0.7em;
	background-size: 0.7em;
	position: absolute;
	top: 1em;
	left: -1.2em
}

.bg-rank .rankings ul .chose .ranks {
	background-color: #fe8300
}

.bg-rank .rankings ul .chose .ct,.bg-rank .rankings ul .chose .name,.bg-rank .rankings ul .chose .firm
	{
	color: #fe8300
}

.bg-rank .rankings ul .relrank>div {
	padding-top: 2%
}

.bg-rank .rankings ul .relrank .ranks {
	left: -12%;
	width: 3em;
	height: 3em;
	line-height: 3em;
	font-size: 0.7em
}

.bg-rank .rankings ul .relrank .name {
	width: 20%
}

.bg-rank .rankings ul .relrank .firm {
	width: 50%
}

.bg-rank .rankings ul .relrank .number {
	width: 20%
}

a:focus,a:hover {
	text-decoration: none !important
}


/***********************IOS_ALERT*****************************/
.ios-alert {
	box-sizing: border-box; 
}
.ios-alert, .ios-alert-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.ios-alert-cover {
    background-color: rgba(0 ,0, 0, 0.5);
    z-index: 19891017;
}
.ios-alert-pop {
    width: 250px;
    height: 150px;
    position: absolute;
    left: calc(50% - 125px);
    top: calc(50% - 75px);
    /*background-image: radial-gradient(circle at 50% 50%, #fff 30%,#EFEFED 90%, #eee 90%);*/
    background: white;
    z-index: 19891018;
    border-radius: 5px;
}
.ios-alert-pop-content {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    height: calc(100% - 35px);
    text-align: center;
    padding: 0 2rem;
    
}
.ios-alert-pop-title {
	 text-align: center;
	 font-size: 18px;

}
.ios-alert-pop-footer {
    position: absolute;
    width: 100%;
    height: 35px;
    bottom: 0;
    left: 0;
    display: flex;
    flex-grow: 1;
    border-top:#EBEBEB 1px solid ;
}
.ios-alert-pop-footer a {
    flex-basis: 50%;
    height: 100%;
    line-height: 35px;
    background-color: transparent;
    text-align: center;
    border-right:#EBEBEB 1px solid ;
    text-decoration: none;
    color: #3392FC;
}
.ios-alert-pop-footer a:last-child {
    border-bottom-left-radius: 5px;
}
.ios-alert-pop-footer a:first-child {
    border-bottom-right-radius: 5px;
    color: rgb(147,144,139);
}
.ios-alert-pop-footer a:hover {
   background-image: linear-gradient(#ebebeb,#efefef);
}
/*PM#19341 iphone�ֻ��޷���textarea�ı�������������*/
textarea {
	-webkit-user-select:initial;
}

.tips-input-wraper{
	position: relative;
}
.tips-input-wraper input {
	width: 100%;
	height: 3.0rem;
	line-height: 2.0rem;
	box-sizing: border-box;
}
.tips-input-wraper .focus-input-tips{
	background-color: #fefcc9;
	line-height: 2.0rem;
	position: absolute;
	z-index: 10;
	left: 1.2rem;
	right: 0;
	width: 100%;
	border: 1px solid #fad988;
	box-sizing: border-box;
	color: #f75138;
	word-break: break-all;
	bottom: -7rem;
	padding: 4px 10px;
	display: none;
}