@charset "utf-8";
/* CSS Document */

.inbanner {
	font-family:Microsoft YaHei;
	position:relative
}
.ht {
	position:absolute;
	top:52%;
	color:#fff;
	font-weight:bold
}
.navnav a {
	display:inline-block;
	padding:10px 50px;
	height:60px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-left: 3px;
	background:rgba(255, 255, 255, 0.3);
	z-index:1;
	border-radius:10px 10px 0 0
}
.current-cat{background:#2051ec;border-radius:10px 10px 0 0;}
.current-cat a{background:rgba(255, 255, 255, 0);}


.navnav {
	position:absolute;
	bottom:0;
	line-height:40px;
}
.navnav a:hover {
	background:rgba(32, 81, 256, 0.5);color:#fff;
}

.navnav a.on {
	font-size:20px;
	background:#e37511
}
.fuwutitle {
	position:relative
}
.fuwutitle strong {
}
.join .aside {
	display:none
}
.gray-box {
	width:100%;
	background:#fff;
	border-radius:8px;
	border:1px solid #dcdcdc;
	border-color:rgba(0, 0, 0, .14);
	box-shadow:0 3px 8px -6px rgba(0, 0, 0, .1);
	margin-bottom:50px
}
.gray-box .title {
	height:60px;
	padding:0 10px 0 30px;
	border-bottom:1px solid #d4d4d4;
	border-radius:8px 8px 0 0;
	box-shadow:0 1px 7px rgba(0, 0, 0, .06);
	background:#f3f3f3;
	background:linear-gradient(#fbfbfb, #ececec);
	line-height:60px;
	font-size:18px;
	color:#333;
	position:relative
}
.gray-box .title h2 {
	font-size:18px; display:inline-block; margin-top:22px;
	font-weight:400;
	color:#333
}
.gray-box .title span {
	overflow:hidden;
	float:right;
	margin-top:11px;
	background:#a2a2a2;
	border-radius:8px;
	line-height:38px;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .15s ease;
-o-transition:all .15s ease
}
.gray-box .title span a {
	display:block;
	padding:0 13px;
	line-height:38px;
	color:#fff
}
.gray-box .title span.add a {
	background:url(../images/ui-p.3743be4564563ba5e3bceefcbc39f5d8.png) -23px -638px no-repeat
}
.gray-box .title span.add a, .gray-box .title span.return a {
	float:right;
	display:block;
	padding:0 13px 0 38px;
	line-height:38px;
	color:#fff;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none
}
.gray-box .title span.return a {
	background:url(../images/ui-p.3743be4564563ba5e3bceefcbc39f5d8.png) -23px -750px no-repeat
}
.gray-box .title span a.blue-r-bt, .gray-box .title span a.order-payment {
	background:none;
	padding-left:13px;
	background:#7595e4;
	box-shadow:none
}
.gray-box .title span a.blue-r-bt:hover, .gray-box .title span a.order-payment:hover {
	background:#6591e8
}
.gray-box .title span:hover {
	background:#7595e4;
	box-shadow:none;
transition:all .3s ease;
-moz-transition:all .3s ease;
-webkit-transition:all .15s ease;
-o-transition:all .15s ease
}
.gray-box .gray-box-stit {
	padding:0 30px;
	background:#e6e7e8;
	border-bottom:1px solid #e1e1e1;
	line-height:38px;
	color:#666;
	font-size:14px
}
.gray-box .gray-bottom-bg {
	height:62px;
	padding:0 15px 0 30px;
	background:#f9f9f9;
	border-top:1px solid #e1e1e1;
	border-radius:0 0 8px 8px;
	line-height:62px
}
.join .main {
	overflow:visible
}
.mobile-join {
	display:none
}
.main-join .join-nav {
	padding:37px 0;
	color:#666
}
.main-join .join-nav li {
	position:relative;
	float:left;
	font-size:14px;
	line-height:16px;
	padding:0 20px 0 22px
}
.main-join .join-nav li:before {
	content:" ";
	position:absolute;
	left:0;
	top:50%;
	width:2px;
	height:2px;
	margin-top:-1px;
	background:#bdbdbd
}
.main-join .join-nav li:first-child {
	padding-left:10px
}
.main-join .join-nav li:last-child {
	padding-right:0
}
.main-join .join-nav li:first-child:before {
	display:none
}
.main-join .join-nav li a {
	color:#666
}
.main-join .join-nav li.active a, .main-join .join-nav li a:hover {
	font-weight:700
}
.main-join .join-nav p {
	margin-right:10px;
	float:right;
	line-height:16px
}
.main-join .join-nav p a {
	color:#5c85e5
}

.main-join .grey-menu.active {
	border-color:transparent;
	background:#e2e2e2;
transition:background .4s ease
}
.main-join .grey-menu i {
	font-style:normal
}
.main-join .grey-menu .label {
	position:relative;
	z-index:26;
	line-height:38px;
	padding:0 22px;
	cursor:pointer;
	font-size:14px
}
.main-join .grey-menu .label i:first-child {
	color:#8d8d8d
}
.main-join .grey-menu .smartisan-icon.chevron-down {
	float:right;
	color:#585858;
transition:all .25s ease
}
.main-join .grey-menu.active .smartisan-icon.chevron-down {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.main-join .grey-menu .menu-list {
	opacity:0;
	display:none;
	visibility:hidden;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:25;
	border-radius:5px;
	box-shadow:0 0 0 1px rgba(0, 0, 0, .1), 0 2px 7px rgba(0, 0, 0, .2)
}
@media screen and (min-width:1px) {
.main-join .grey-menu .menu-list {
display:block
}
}
.main-join .grey-menu.active .menu-list {
	opacity:1;
	display:block;
	visibility:visible;
transition:opacity .2s ease
}
.main-join .grey-menu .menu-inner {
	overflow:hidden;
	background:#fff;
	border-radius:5px
}
.main-join .grey-menu .menu-list .label-active {
	height:38px;
	background-color:#fff;
	background-image:linear-gradient(hsla(0, 0%, 100%, .08), rgba(0, 0, 0, .08))
}
.main-join .grey-menu .menu-list li {
	border-top:1px solid #e5e5e5;
	height:38px;
	line-height:38px;
	padding-left:22px;
	font-size:12px;
	cursor:pointer
}
.main-join .grey-menu .menu-list li:hover {
	background:#f5f5f5
}
.main-join .grey-menu .menu-list li.active {
	color:#5c85e5
}
.main-join .grey-menu .smartisan-icon.check {
	display:none;
	margin:-1px 21px 0 0;
	float:right
}
.main-join .grey-menu .menu-list li.active .smartisan-icon.check {
	display:block
}
.main-join .job-list .job-name {
	color:#8d8d8d;
	width:40%;
	padding-left:29px;
	float:left;
	box-sizing:border-box
}
.main-join .job-list .job-address, .main-join .job-list .job-category, .main-join .job-list .job-operation {
	color:#8d8d8d;
	text-align:center;
	float:left;
	width:20%;
	box-sizing:border-box
}
.main-join .job-list-head {
	overflow:hidden;
	background:#f2f2f2
}
.main-join .job-list-head li {
	line-height:37px;
	border-left:1px solid #e4e4e4;
	border-left:1px solid rgba(0, 0, 0, .1);
	cursor:pointer;
	font-size:12px;
	background:#f2f2f2
}
.main-join .job-list-head li.active {
	background-color:#ebebeb;
	background-image:linear-gradient(rgba(0, 0, 0, .04), hsla(0, 0%, 100%, .04))
}
.main-join .job-list-head li .smartisan-icon.caret-down {
	display:none;
	margin:-2px 0 0 6px
}
.main-join .job-list-head li.active .smartisan-icon.caret-down {
	display:inline-block
}
.main-join .job-list-head li.up .smartisan-icon.caret-down {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg)
}
.main-join .job-list-head li.down .smartisan-icon.caret-down {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
.main-join .job-list-head li:first-child {
	border-left:none
}
.main-join .job-list-head .job-operation {
	cursor:default
}
.main-join .job-list-body > li {
	overflow:hidden;
	border-top:1px solid #e4e4e4;
	border-top:1px solid rgba(0, 0, 0, .1)
}
.main-join .job-list-body > li.active, .main-join .job-list-body > li:hover {
	background:#fafafa
}
.main-join .job-list-body .job-line {
	overflow:hidden
}
.main-join .job-list-body .job-address, .main-join .job-list-body .job-category, .main-join .job-list-body .job-name, .main-join .job-list-body .job-operation {
	line-height:34px;
	padding-top:20px;
	padding-bottom:20px
}
.main-join .job-list-body .job-name {
	cursor:pointer
}
.main-join .job-list-body .job-new {
	margin:-3px 0 0 10px;
	display:inline-block;
	width:42px;
	height:22px;
	background:url(../images/job-new.12ce1f7ca4fa44a33b150238895cd9e3.png) no-repeat;
	background-size:contain;
	vertical-align:middle
}
.main-join .job-list-body .job-name .smartisan-icon.chevron-down {
	display:none;
	opacity:0;
	margin:-3px 0 0 8px;
	line-height:20px;
transition:all .25s ease
}
@media screen and (min-width:1px) {
.main-join .job-list-body .job-name .smartisan-icon.chevron-down {
display:inline-block
}
}
.main-join .job-list-body .job-name:hover .smartisan-icon.chevron-down {
	display:inline-block;
	opacity:1
}
.main-join .job-list-body > li.active .smartisan-icon.chevron-down {
	display:inline-block;
	opacity:1;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.main-join .job-list-body .job-btn {
	display:inline-block;
	width:100px;
	height:34px;
	line-height:34px;
	color:#8d8d8d;
	text-align:center;
	font-size:12px;
	background-color:#fafafa;
	border:1px solid #ddd;
	border:0 solid hsla(0, 0%, 100%, 0);
	background-image:linear-gradient(hsla(0, 0%, 100%, .06), rgba(0, 0, 0, .06));
	border-radius:5px;
	box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -1px 1px hsla(0, 0%, 100%, .2), 0 1px 3px rgba(0, 0, 0, .06)
}
.main-join .job-list-body .job-btn:hover, .main-join .job-list-body li.active .job-btn {
	border:1px solid #567bcd;
	border:0 solid hsla(0, 0%, 100%, 0);
	color:#fff;
	background-color:#5c85e5;
	background-image:linear-gradient(hsla(0, 0%, 100%, .16), rgba(0, 0, 0, .16));
	box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -1px 1px hsla(0, 0%, 100%, .1), 0 1px 3px rgba(0, 0, 0, .06)
}
.main-join .job-list li.hide-content .job-content {
	height:0!important;
	overflow:hidden;
	max-height:0
}
.main-join .job-list li.active .job-content {
	height:auto;
	max-height:1500px;
	transition:max-height 1.2s cubic-bezier(.4, .01, .165, .99)
}
.main-join .job-list-body .job-inner {
	border-top:1px solid #e5e5e5;
	background:#f5f5f5;
	box-shadow:inset 0 0 6px rgba(0, 0, 0, .06)
}
.main-join .job-list-body .job-inner > div {
	padding:56px 60px 60px
}
.main-join .job-list-body .job-block {
	margin-top:22px;
	border-top:1px solid #e7e7e7;
	padding-top:26px
}
.main-join .job-list-body .job-block:first-child {
	border-top:none;
	margin-top:0;
	padding-top:0
}
.main-join .job-list-body .job-content h3 {
	margin-bottom:9px;
	font-size:16px;
	color:#878787;
	font-weight:700;
	line-height:1.5
}
.main-join .job-list-body .job-content h4 {
	color:#878787;
	font-weight:700;
	line-height:2.15
}
.main-join .job-list-body .job-content h4~h4 {
margin-top:22px;
padding-top:22px;
border-top:1px solid #e7e7e7
}
.main-join .job-list-body .job-content ol>li {
	list-style-type:decimal;
	margin-left:17px;
	color:#999;
	line-height:2.15
}
.main-join .job-list-body .job-content ul>li {
	color:#999;
	line-height:2.15
}
.main-join .job-list-body .job-content ul>li.blank {
	line-height:normal
}
.main-join .job-list-body .job-content p {
	color:#999;
	line-height:2.15
}
.main-join .job-list-body .job-end {
	margin-top:23px
}
.mobile-join {
	background:#e6e6e6;
	padding-top:69px
}
.mobile-job-list li {
	background:#fff;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	margin-bottom:16px;
	padding:0 0 0 18px
}
.mobile-job-list h3 {
	font-size:16px;
	line-height:1.25;
	padding:15px 0;
	color:#212121;
	position:relative;
	border-bottom:1px solid #f5f5f5
}
.mobile-job-list .job-new {
	margin:-3px 0 0 10px;
	display:inline-block;
	width:42px;
	height:19px;
	background:url(../images/job-new-mobile@3x.d1ae47459ba484d70d8dedda7c2829f2.png) no-repeat;
	background-size:contain;
	vertical-align:middle
}
.mobile-job-list .smartisan-icon.gt {
	position:absolute;
	right:18px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-top:-1px
}
.mobile-job-list p {
	font-size:12px;
	line-height:1.5;
	padding:15px 0;
	color:#757575
}
.mobile-job-list p > span {
	position:relative;
	padding:0 10px 0 0
}
.mobile-job-list p > span + span:before {
	content:" ";
	display:inline-block;
	width:2px;
	height:2px;
	border-radius:50%;
	background:#757575;
	vertical-align:middle;
	margin:-4px 10px 0 0
}
.mobile-job-single .job-block {
	background:#fff;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	margin-bottom:18px
}
.mobile-job-single h3 {
	font-size:16px;
	line-height:1.25;
	padding:15px 18px;
	color:#212121;
	border-bottom:1px solid #f5f5f5
}
.mobile-job-single .job-block>h4, .mobile-job-single .job-block>ol>li, .mobile-job-single .job-block>ul>li, .mobile-job-single p {
	font-size:12px;
	line-height:2;
	color:#757575
}
.mobile-job-single h3:first-child+p {
	padding:12px 18px
}
.mobile-job-single h3:first-child+p+ol {
	margin-top:-24px
}
.mobile-job-single .job-block>h4 {
	font-weight:700;
	color:#212121;
	padding:12px 0 0;
	margin-left:16px
}
.mobile-job-single .job-block>h4~h4 {
border-top:1px solid #f5f5f5
}
.mobile-job-single .job-block>ol>li {
	list-style-type:decimal;
	margin-left:9px
}
.mobile-job-single .job-block>ul>li.blank {
	line-height:normal
}
.mobile-job-single .job-block>ol, .mobile-job-single .job-block>ul, .mobile-job-single .summary {
	padding:12px 18px
}
.mobile-job-single .job-block>h4+ol {
	padding-top:0
}
.mobile-job-single .job-end {
	padding:0 18px 18px
}
.mobile-job-single .job-btn {
	display:block;
	height:48px;
	line-height:48px;
	color:#fff;
	text-align:center;
	font-size:18px;
	background-color:#608eda;
	background-image:linear-gradient(#729cdf, #4e7cd1);
	border-radius:5px;
	box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .12), inset 0 -1px 1px hsla(0, 0%, 100%, .15), 0 1px 3px rgba(0, 0, 0, .35)
}
.device-android .mobile-job-single .job-btn {
	line-height:50px
}
.find{ max-width:350px; margin:0 auto; padding-bottom:160px}
.find form{ position:relative}
.search_btn {
    position: absolute;
    right: 10px;
    background: url(../images/index_11.jpg);
    width: 36px; top:5px;
    height: 32px;
    display: inline-block;
    border: none;
    overflow: hidden;
    line-height: 90px;
}
.msgg{ max-width:800px; margin:0 auto}
.msgg>div{ margin-bottom:30px}
.msgg div{ margin-bottom:30px}
.msgg .textcode{ position:relative;}
.msgg .textcode img{ position:absolute; left:215px; /*top:10px;*/width: 120px;height: 45px;}
.form-control{ height:45px}
.btn55{ border:none; background:#fd9c27; border-radius:4px; width:100%; display:inline-block; color:#fff; line-height:45px}
.join .page-job-one {
	position:relative
}
.join .page-job-one .aside {
	display:none
}
.join .page-job-one .mobile-join {
	padding-top:18px
}
.join .job-top-back, .join .job-top-btn {
	display:none;
	transition:none;
	position:fixed;
	top:10px;
	padding:0 12px;
	height:30px;
	border-radius:4px;
	line-height:30px;
	z-index:25;
	font-size:13px
}
.device-android .join .page-job-one .job-top-back, .device-android .join .page-job-one .job-top-btn {
	line-height:33px
}
.join .page-job-one .job-top-btn {
	right:6px;
	background-color:#608eda;
	background-image:linear-gradient(#729cdf, #4e7cd1);
	border:1px solid rgba(0, 0, 0, .12);
	box-shadow:inset 0 -1px 1px hsla(0, 0%, 100%, .15), 0 1px 3px rgba(0, 0, 0, .35);
	color:#fff
}
.join .page-job-one .job-top-back {
	top:0;
	left:6px;
	padding:10px 0
}
.join .page-job-one .job-top-back > div {
	padding:0 14px 0 7px;
	background:#272b2e;
	border:1px solid #161a1c;
	box-shadow:inset 0 1px 1px #2b2f32;
	color:#dfe0e0
}
.wrapper.join {
	background:#ededed
}
.join .page-job-one .job-top-back .smartisan-icon.gt {
	font-size:20px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin:-4px 0 0
}
@media only screen and (-o-min-device-pixel-ratio:200/100), only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (min-device-pixel-ratio:2.0) {
.main-join .job-list-body .job-new {
background-image:url(../images/job-new@2x.70b601aef35982985c4d4d6e9c610635.png)
}
}
@media screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0), screen and (max-width:736px) and (max-device-width:736px) {
.join .aside {
display:block
}

.join .page-job-one .job-top-back, .join .page-job-one .job-top-btn, .mobile-join {
display:block
}
#footer-id .m-dialog-header, .join .mobile-account {
display:none
}
#footer-id .m-dialog-content {
min-width:auto;
width:300px
}
#footer-id .confirm-msg {
max-width:310px;
margin:30px auto;
line-height:25px;
text-align:center;
word-wrap:break-word;
word-break:break-all;
font-size:15px;
color:#616161
}
#footer-id .m-dialog-footer {
border-top:0;
box-shadow:none;
overflow:hidden;
height:47px;
background:#e8e8e8 linear-gradient(#f3f3f3, #dfdfdf);
border-top:1px solid #e6e6e6
}
#footer-id .mine-dialog-footer-text {
text-align:center;
height:50px;
line-height:50px;
font-size:16px;
color:#212121
}
}
@media screen and (max-width:340px) and (-webkit-min-device-pixel-ratio:2.0), screen and (max-width:340px) and (max-device-width:736px) {
.mobile-job-list h3 > span:first-child {
display:inline-block;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
max-width:240px;
vertical-align:middle
}
.mobile-job-list h3.job-is-new > span:first-child {
max-width:200px
}
.mobile-job-list .job-new {
margin-top:-1px
}
}