@charset "utf-8";
/* 
---------------------------------
Site: www.xishanju.com 
Author:  
Last Changed by : 
Last Update : 2014-01-09 15:33
--------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.clearboth { clear: both; }
*:focus{ outline: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a { text-decoration: none; outline: none; }
ul, li { list-style:none }
table { border-collapse: collapse; border-spacing: 0; }
select, select:focus, a:focus, input:focus, select:focus, textarea:focus, a, input, select, textarea, button, a::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner, button::-moz-focus-inner {outline: none;outline-width: 0; }
input{margin: 0; padding: 0 !important;}
/* 禁用iPhone中Safari的字号自动调整 */
img, object { max-width: 100%; height: auto; width: auto9; /* ie8 */ }
.video embed, .video object, .video iframe { width: 100%; height: auto; }
body { line-height: 1;  font-size: 0.24rem; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}


/*横屏提示*/
.landscape{background:#89c6ee;position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;display:none;}
.landscape p{width:100%; height:0.32rem; line-height:0.32rem; position:absolute; left:0; top:50%; margin-top:-0.06rem; font-size:0.3rem; color:#fdfdfd; text-align:center;font-weight: bold;}

/********** 首页 **********/
.key-search{width: 7.06rem;height: 0.74rem; background-color: #89c6ee; padding: 0.12rem 0.22rem; }
.key-input,.key-input2{height: 0.74rem; float: left;  border: none;  font-size: 0.28rem; color: #747474; line-height: 0.74rem; text-indent: 0.28rem; background-color: #ffffff; border-radius: 0.1rem; white-space: nowrap;}
.key-input{width: 7.06rem; }
.btn-search,.btn-search2{display: block; width: 0.84rem; height: 0.74rem; background: url(../images/btn-key.png) no-repeat; background-size: 100%; border: none; position: absolute;}
.btn-search{ right: 0.22rem; top: 0.12rem;}
.btn-search2{ right: 0; top: 0;}

.job-search{width: 7.06rem; height: 0.74rem; background-color: #89c6ee; padding: 0.12rem 0.22rem; position: fixed; top: 0.9rem; }
.styled-select{width: 2.84rem; height: 0.74rem; float: left;}
.styled-select select {width: 2.84rem; color: #666666; line-height: 0.74rem;font-size: 0.24rem;height: 0.74rem; text-indent:0.22rem; -webkit-appearance: none; background: url(../images/ss-bg.png) no-repeat; background-size: 100%; border:none;}
.key-search2{width: 4.04rem; float: right;}
.key-input2{width: 4.04rem; }

.main{width: 7.5rem; padding-top: 0.2rem;}
.homelist{width: 7.2rem; margin: 0 auto;}
.homelist li{float: left; width: 1.75rem; margin: 0.4rem 0.32rem 0;}
.homelist a,.homelist a img{display: block; width: 1.75rem; height: 1.75rem; outline: none;}
.homelist a img{border-radius: 50%;}
.homelist p{width: 100%; text-align: center; height: 0.98rem;display:flex;justify-content:center; align-items:center; font-size: 0.3rem; color: #282828;}

/********** 列表页 **********/
.job-list{ width: 7.5rem;}
.job-list li{float: left; width: 7.5rem; }
.job-list a{display: block; float: left; width: 6.4rem;padding: 0.35rem 0.55rem 0.35rem;border-bottom: 1px solid #f5f5f5;}
.job-list li:last-child a{border: none;}
.job-list em{display: block; float: left; width: 0.41rem; height: 0.41rem; font-size: 0.24rem; color: #ffffff; text-align: center; line-height: 0.41rem; border-radius: 50%; font-style: normal;}
.job-list .ico2{background-color: #fe1c4c;}
.job-list .ico3{background-color: #45aae9;}
/* 普 */
/*.job-list .ico1{background-color: #d3be91;}*/
.con{display: block; width: 5.8rem; float: right;}
.con p{width: 3.9rem; float: left; font-size: 0.28rem; color: #737373;}
.con p strong,.con span b{display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.3rem; color: #565656; padding-bottom: 0.15rem; line-height: 0.4rem; font-weight: normal;}
.con span{display: block; width: 1.7rem; float: right;font-size: 0.28rem; color: #737373;}

/********** 详细页 **********/
.btn-back{position: fixed; top: 0; display: block; width: 100%; height: 0.9rem; background-color: #b4d6ec; font-size: 0.28rem; color: #364854; line-height: 0.9rem; text-indent: 0.24rem;}
.btnlist{position: fixed; width: 100%; left: 0; bottom: 0; animation: opt 1s ease-in 1.6s both; -webkit-animation: opt 1s ease-in 1.6s both; z-index: 99;}
.btnlist li{float: left; width: 3.73rem; height: 1.08rem; text-align: center; line-height: 1.08rem; font-size: 0.36rem;}
.btnlist a{display: block; width: 100%; height: 100%;  color: #ffffff;}
.btnlist .btn1{background-color: #52aeeb;}
.btnlist .btn2,.btnlist .btn3{background-color: #89c6ee; border-left: 0.01rem solid #ffffff; float: right;}

.info-main{width: 7.5rem; padding: 0.4rem 0 0.7rem;}
.job-con{border-bottom: 1px solid #f5f5f5;width: 6.5rem; padding: 0 0.5rem 0.36rem;}
.job-pic{float: left; width: 1.8rem;}
.job-pic img{display: block; width: 1.75rem; height: 1.75rem; border-radius: 50%; margin: 0 auto;}
.job-pic p{width: 100%; font-size: 0.3rem; color: #282828; text-align: center; height: 0.6rem; line-height: 0.6rem;}
.job-memo{width: 3.74rem; float: right;}
.job-memo li{float: left; width: 100%; font-size: 0.28rem; color: #737373; white-space: nowrap; line-height: 0.6rem;}

.stit{display: block; width: 6.5rem; font-size: 0.3rem; color: #282828; font-weight: normal; margin: 0.36rem auto 0;}
.job-info{width: 6.5rem; margin: 0.3rem auto 0;}
.job-info li{float: left; width: 100%; font-size: 0.28rem; color: #737373; line-height: 0.5rem;}

/********** 申请弹窗 **********/
#pop-mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7); z-index: 1000;}
.pop{width: 6rem; position: relative; display: none;}
.ptit{width: 6rem; height: 0.88rem; background-color: #89c6ee; text-align: center; line-height: 0.88rem; font-size: 0.36rem; color: #000000;}
.pcon{width: 5.32rem; background-color: #f7f7f7; padding: 0 0.34rem 0.5rem;}
.ptxt{font-size: 0.3rem; color: #737373; line-height: 0.5rem; padding-top: 0.35rem; text-align: center;}
.ptxt a{color: #f38b46;}
.pclosed{display: block; width: 0.7rem; height: 0.7rem; background-color: #5e8faf; text-align: center; line-height: 0.6rem; color: #f7f7f7; font-size: 0.7rem; position: absolute; top: 0.08rem; right: 0.08rem;}

/********** 分享弹窗 **********/
.pshare{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6); z-index: 999; display: none;}
.sbox{width: 7.5rem; }
.brstxt{width: 100%; text-align: center; font-size: 0.36rem; color: #ffffff; position: absolute; top: 7rem; z-index: 50}
.sicon{display: block; width: 7.5rem; height: 3.82rem; background: url(../images/share-icon.png) no-repeat; background-size: 7.5rem 3.82rem; position: absolute; left: 0; top: 0.1rem; z-index: 1; line-height: 3.6rem; font-size: 0.36rem; color: white; text-align: center;}
.stxt{width: 100%; text-align: center; font-size: 0.36rem; color: #ffffff; position: absolute; left: 0; top: 1.72rem; z-index: 10;}
.spic{display: block; width: 4.2rem; height: 4.2rem; border-radius: 50%; position: absolute; left: 50%; margin-left: -2.1rem; top: 2.38rem; z-index: 10;}

.login-list{width: 5.32rem; padding-top: 0.45rem;}
.login-list li{float: left; width: 2rem; margin: 0 0.33rem;}
.login-list a,.login-list a img{display: block; width: 2rem; height: 2rem;}


#job_name{
	white-space: nowrap;
}

.no_content{
	font-size: 0.34rem;
	text-align: center;
	margin-top: 4rem;
}

.list-main{
	margin-top: 2rem;
}
.info-main{
	margin-top: 0.8rem;
}
.key-search{
	position: fixed;
	top: 0;
}
.homelist{
	margin-top: 1rem;
}