input{-webkit-appearance: none; }
.fl { float: left; }
.fr { float:right; }
.of { overflow: hidden; }
.none { display: none; }
.bz { box-sizing:border-box; -webkit-box-sizing:border-box; }
/*清除浮动***/
.cf::after{ display:block; clear:both; content:""; visibility:hidden; height:0; }
.cf{ zoom:1; }

/*左右垂直居中*/
.tlmid { -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); left:50%; top:50%; position: absolute; }
/*左右居中*/
.lmid{ -webkit-transform:translateX(-50%); transform:translateX(-50%); left:50%; position: absolute; }
/*垂直居中*/
.tmid{ -webkit-transform:translateY(-50%); transform:translateY(-50%); top:50%; position: absolute; }
/*叉号*/
.y_icon_cross i { width: 0.8rem; height: 0.2rem; background: #fff; margin: 0.6rem 0 0 0.2rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; }
.y_icon_cross i::after { content: ''; width: 0.8rem; height: 0.2rem; background: #fff; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
/*右箭头*/
.y_icon_pointright i { width: 0.4rem; height: 0.4rem; border: solid #fff; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.j_nav_parent { overflow: hidden; height: 2rem; }
.j_notenavs{height:2rem;overflow:hidden;background-color:#fff;position:fixed;top:0;z-index:1;width:100%;}
.j_nav{ padding: .25rem; width: 100%; /* overflow: hidden; */
  height: 2rem; border-bottom: 1px solid #f5f5f5; display: -webkit-box; }
.j_nav a{ display: block; text-align: center; margin: 0 .25rem; border-radius: .2rem; font-size: .65rem; padding: .25rem 0; color: #999; width: 33%; border: 1px solid #fff; background-color: #f5f5f5; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; }
.j_nav a.hover{ border: 1px solid #f5f5f5;  border-bottom: 1px solid #fff; height: 1.3rem; border-radius: .2rem .2rem 0 0; background-color: #fff; }

/**********列表页添加页码-yuwanying-2016.3.2>>*********/
.j_tranlist .j_page {
  position: fixed; 
  /*bottom: 1.9rem; zly修改底部页码显示 */
  width:3.0rem;
  font-size:0.6rem;
  color:#ffffff;
  border-radius: 2px;
  background: #4c4c4c;
  text-align: center;
  padding:0.2rem 0;
  right:.5rem;
  bottom:.4rem;
}

/**********<<列表页添加页码-yuwanying-2016.3.2*********/

/**********收件箱（xx）提示未查看信息个数显示,添加未读信息样式-yuwanying-2016.1.26>>*********/
#j_Notelist #j_transation1 li div.new{
  position: relative;
}
#j_Notelist #j_transation1 li div.new::before {
  content: "";
  display: block;
  width:0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #f83030;
  position: absolute;
  top:0rem;
  left:-0.25rem;
}

/*=========================登录页============================*/
.j_login{margin: 2rem 1.25rem;}
.j_login p{
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    -webkit-box-align:center;
    padding:.5rem 0;
     color: #999;
    font-size: .65rem;
}
.j_login p i{
    display: block;
    width: .75rem;
    height: .925rem;
    background:url(../images/j_icon13.png) no-repeat;
    background-size: auto 100%;
    margin-right: .5rem;
}
.j_login p input{
    display: -webkit-box;
    -webkit-box-flex: 1;
}
.j_login p.p1{
    border-bottom: none;
    -webkit-box-pack:end;
}
.j_login p.p1 span{

}
.j_login .j_btn{
    display: block;
    width: 100%;
    margin-top: 2rem;
    background-color: #ff5300;
    color: #fff;
    padding: .625rem 0;
    font-size: .9rem;
    border-radius: 4px;
    line-height: 1;
    text-align: center;
    -webkit-box-pack:center;
    position: static;
}
.j_logo{
    position: fixed;
    bottom: 1rem;
    width: 8.75rem;
    left: 50%;
    transform: translateX(-50%);
}
.j_logo img{
    width: 100%;
    display: block;

}

/**********<<收件箱（xx）提示未查看信息个数显示,添加未读信息样式-yuwanying-2016.1.26*********/

/**********发件箱标识未读样式  yangwei**************************/
#j_Notelist #j_transation2 li div.new::before {
  content: "";
  display: block;
  width:0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #f83030;
  position: absolute;
  top:0rem;
  left:-0.25rem;
}
/**********发件箱标识未读样式*****************************/
.j_tranlist {background: #fff;}
/* .j_transation{margin-top:2rem;} */
.j_transation1{ }
.j_transation1 ul{ padding-left:.5rem; margin-top:2rem;}
.j_transation1 ul li{ position:relative; padding:.5rem 0; border-bottom:1px solid #f2f2f2; }
.j_transation1 ul li .j_jt { position:absolute; right:0; }
.j_transation1 ul li  i{ display: inline-block; width: .5rem; height: .5rem; right:.5rem; webkit-transform:translateY(-50%); transform:translateY(-50%); top:50%; position: absolute; vertical-align: middle; background: url(../images/icon_right.png) no-repeat center right; background-size:auto 100%; vertical-align: middle; }
.j_transation1 ul li h3{
	color: #333;
    line-height: 1.1;
    font-size: .75rem;
    white-space: nowrap;
    padding-right: 2.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
}
.j_transation1 ul li h3 span{
	    display: -webkit-box;
}
.j_transation1 ul li p{ 
	font-size: .6rem;
    color: #666;
    padding-top: .3rem;
    line-height: 1;
    padding-right: 2.5rem;
    display: -webkit-box;
    -webkit-box-pack: justify;
	
}
.j_transation1 ul li p:last-child{ padding-bottom:0; }
.j_transation1 ul li p span{     display: block; }
.j_transation1 ul li p time{
	    display: block;
}
.j_loader { display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center; padding:0.5rem 0; }
.j_loader img { width:.65rem; margin-right:0.5rem; display: block; }
.j_loaders img{width:1rem;}
.j_loader p { color:#5babe8; font-size: 0.65rem; }
/*x新建*/
.j_tranlist .j_new,.j_Notelist .j_new {border-top:1px solid #ebebeb; position: fixed; width: 100%; bottom: 0; left:0; background: #fff; }
.j_tranlist .j_new p,.j_Notelist .j_new p { line-height: 2rem; font-size: 0.7rem; text-align: center; height: 2rem; }

.j_jt{ position:absolute; /*  position: absolute; overflow: hidden; */
  display: inline-block; }
.j_jt span { display: -webkit-box; -webkit-box-align:center; width:100%; height: 100%; }
.j_jt span i{ width: .4rem; height: .4rem; border: solid #999; display:block; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); /* margin-top: 4px; */; }
.j_body{ background:#f8f8f8; }
#j_continer {display: none;    height: 100%;   }
.j_inform{     margin-bottom: 2rem;}
.j_inform h3{ font-size:0.8rem; color:#000; line-height:1; background-color:#fff; padding:.5rem; }
.j_inform h6{
	    display: -webkit-box;
    -webkit-box-pack: justify;
    font-size: .6rem;
    background-color: #fff;
    padding: 0 .5rem .5rem .5rem;
    color: #666;
}
.j_inform h6 span{
	display:block;
}
.j_xqcontent{
  margin: .5rem 0;
}
.j_xqcontent .main h1 {
    line-height: 1;
    height: 2.2rem;
    padding: 0 .75rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    border-bottom: 1px solid #e4e4e4;
    background-color:#fff;
}
.j_xqcontent .main h1 p {
    font-size: .75rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-align: center;
}
.j_xqcontent .main h1 i {
    display: block;
    width: .325rem;
    height: .55rem;
    background: url(../images/icon_right.png) no-repeat;
    background-size: auto 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: .5s;
}
.j_xqcontent .main.on h1 i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.j_xqcontent .main .j_xqmin {
    display: none;
    padding: 0 .75rem .6rem;
   /*  border-bottom: 1px solid #e4e4e4; */
}





.j_info{ background-color:#f8f8f8!important;  padding:0 .5rem .5rem!important; } 
.j_info>div{ padding-top:.45rem; line-height:1; }
/* .j_info label,.j_info span{ font-size:.65rem; color:#666; display:block; } */
.j_info label,.j_attachment label{ width:3.6rem; float:left; } 
.j_info p,.j_attachment p{ margin-left:3.5rem; } 
.j_attachment p{ line-height:1; /* -webkit-transition:all 0.5s; */
	overflow:hidden; }
.j_info p span:first-child,.j_attachment p span:first-child{ padding-top:0; }
.j_info p span,.j_attachment p span{ padding-top:.45rem; }
.j_attachment{ background-color:#fff; margin-bottom:.5rem; }
.j_attachment>div{ padding:.5rem; }
.j_attachment label,.j_attachment span{ font-size:.65rem; color:#666; display:block; }
.j_attachment p span{ display: block; overflow: hidden; padding::; color:#1895ff; padding-top:0.8rem; text-decoration: underline; /* max-width: 100px; */
  /* white-space: nowrap;  */line-height:1.5;text-overflow: ellipsis; }

.j_more{ font-size:.6rem; padding:.5rem; color:#999; margin-top:.8rem; /* padding-top:0!important; */
	border-top: 1px solid #f6f6f6; text-align: center; line-height: 1; }
.j_more .j_jt{ }
.j_more  i{ width: .6rem; height: .6rem; margin-left:.3rem; display:inline-block; background: url(../images/icon_right.png) no-repeat center top; background-size: auto 100%; -webkit-transform:translateY(-10%) rotate(90deg); transform:translateY(-10%) rotate(90deg); vertical-align: middle; }
#j_more2{ display:none; }
#j_more2  i{ -webkit-transform:translateY(-10%) rotate(-90deg); transform:translateY(-10%) rotate(-90deg); }
.j_process_record{background-color: #fff;
    margin-bottom: 2.5rem;}
.j_process_record >h4{ margin-left:.5rem; position:relative; border-bottom:1px solid #f2f2f2; padding:.5rem; padding-left:0; display: -webkit-box; -webkit-box-align:center; }
.j_process_record >h4 >span { font-size:.65rem; color:#c2c2c2; display: block; -webkit-box-flex: 1; box-flex: 1; width:0; line-height: 1; }
.j_morer1{padding-right: 1rem;line-height: 2rem;font-size: .6rem;height: 2rem;text-align: right;position: relative;margin-bottom: .5rem; }
.j_morer1 i{width: .6rem;height: .6rem;position: absolute;right: .5rem;display: inline-block;background: url(../images/icon_right.png) no-repeat right center;background-size: auto 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);top: 50%;vertical-align: middle;}
.j_clock_pic { display: inline-block; width: 24px; height: 24px; border: 1px solid #686868; border-radius: 50%; position: relative; top: 2px; }
.j_clock_pic::before { height: 8px; left: 10px; top: 5px; }
.j_clock_pic::after { height: 7px; left: 13px; top: 10px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.j_clock_pic::before, .j_clock_pic::after { position: absolute; content: ""; background: #686868; width: 1px; }
.j_clock_pic b{ display: block; width: 5px; height: 5px; position: absolute; background-color: #fff; bottom: -3px; left: 36%; }
.j_process_record ul { padding-left: 1.25rem; position: relative; padding-top: .5rem; padding-bottom: .5rem; margin-left:.5rem; box-sizing: content-box; overflow: hidden; }
.j_process_record ul::before{ content: ""; display: block; position: absolute; top: 0.8rem; left: 0.65rem; width: 1px; height: 94%; background: #d4d4d4; }
.j_process_record ul li { padding: .5rem 1.5rem .5rem 0; color:#666666; position: relative; }
.j_process_record ul li::before { content: ""; display: block; width: 0.35rem; height: 0.35rem; background: #d4d4d4; border-radius: 100%; position: absolute; top: 0.7rem; left: -.76rem; background: #d4d4d4; }
.j_process_record ul li + li { border-top:1px solid #f6f6f6; }
.j_process_record ul li:first-child{ padding-top:0; color:#138a7c; }
.j_process_record ul li:first-child::before { /* top:.15rem; background: url(../images/icon_new.png) no-repeat center center; background-size: cover; left: -1.25rem; */
	top: .15rem; background: #138a7c; border: 2px solid #d0e8e5; left: -0.85rem; }
.j_process_record ul li:last-child { padding-bottom:0; }
.j_process_record ul li h4{ line-height: 1.3; font-size: .7rem; }
.j_process_record ul li h5 { line-height: 1.3; font-size: .6rem; margin-top:5px; }
.j_process_record ul li h6 { line-height: 1.3; font-size: .6rem; margin-top:5px; }
.j_process_record ul li h6 span + span { margin-left:1rem; }

.j_idea{ }
.j_idea h4{ padding:0 .5rem; }
.j_idea h4 b{ display:inline-block; margin-top:.7rem; font-size:.7rem; color:#999; }
.j_idea h4 span{ float:right; padding:.25rem .7rem; font-size:.6rem; color:#666; margin:.5rem 0 .5rem .5rem; border-radius:3px; border:1px solid #a7a7a7; }
.j_idea h4 span.hover{  color:#fff; }
.j_opinion { display:block; width:100%; font-size:.6rem; padding:.9rem .5rem; color:; }
.j_opinion::-webkit-input-placeholder { color: #d4d4d4; }
.j_idea ul{ width:100%; display:-webkit-box; display:-mox-box; margin-top:.5rem; background-color:#fff;bottom: 0;position: fixed; }
.j_idea ul li{ -webkit-box-flex:1; text-align: center; font-size:.7rem; color:#666; line-height:2rem;border-top:1px solid #f6f6f6; border-right:1px solid #ebebeb; }
.j_idea ul li:last-child{ border-right:none; }

/*发送成功提示*/
.j_successful{ display:none; }
.j_successful,.j_failure,.j_notfille{ position: fixed;
    left: 50%;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    top: 50%;
    margin: auto;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.9);
    z-index: 5; }
.j_failure{ width:90%; left:5%; display:none; }
.j_notfille{ height:2.5rem; display:none; }

.j_successful p,.j_failure p,.j_notfille p{ line-height:1.5; padding:.5rem; font-size:.6rem; }
.j_notfille p{ line-height:1.5rem; }
.j_successful p span,.j_failure p span{ font-size:.65rem; display:block; }

/*===============于婉莹css=============*/
/*显示一行*/
.webbox { display:-webkit-box; display: box;position:relative;width: 100%; }
.webbox .boxflex1 { -webkit-box-flex: 1; box-flex: 1; width:0; }
.webbox .boxflex1 form{
	display: -webkit-box;
	-webkit-box-flex: 1;
}
.webbox .boxflex2 { -webkit-box-flex: 2; box-flex: 2; width:0; }

/*两端对齐*/
.textjusty { text-align: justify; }
.textjusty::after { content: ''; display: inline-block; width: 100%; height: 0; }
.linblo { display: inline-block; }
/************退签**********/
.y_box { position: absolute; height: 100%; width: 100%; top:0; left:0; }
.y_box .y_mask { position: fixed; width: 100%; height: 100%;top:0; background: rgba(0,0,0,.8); }
.y_box  .y_window{ position: absolute; bottom:0; left:0; width:100%; background: #fff; }
.y_box  .y_tui { }
/*textarea*/
.y_tui  .y_input .y_text,
.y_tijiao  .y_input .y_text,
.y_jia  .y_input .y_text { margin-left:.5rem; margin-top:.75rem; margin-bottom:.75rem; position: relative; }
.y_tui  .y_input .y_texta,
.y_tijiao  .y_input .y_texta,
.y_jia  .y_input .y_texta { display: block; width: 100%; min-height: 1.05rem; font-size: .7rem; color: #d6d6d6; line-height: 1.5; word-break: break-all; }
.y_tui  .y_input textarea,
.y_tijiao  .y_input textarea,
.y_jia  .y_input textarea { word-break: break-all;width: 100%; height: 100%; min-width: 1.05rem; border: 0; resize: none; /*    box-sizing: border-box; */
    outline: none; color: #333; top: 0; background-color: rgba(0,0,0,0); font-size: .7rem; line-height: 1.5; -webkit-tap-highlight-color: rgba(0,0,0,0); padding-right: 1.5rem; }
.y_tui  .y_input textarea.isEmpty,
.y_tijiao  .y_input textarea.isEmpty,
.y_jia  .y_input textarea.isEmpty {color:#ccc;}
/*delete*/
.y_tui  .y_input .y_del,
.y_tijiao  .y_input .y_del,
.y_jia  .y_input .y_del { display: -webkit-box; -webkit-box-align:center; width:.8rem; height: .8rem; border-radius:100%; background-color: #e0e0e0; margin:.75rem .5rem; }
.y_tui  .y_input .y_del i,
.y_tijiao .y_input .y_del i{ display: block; width: .45rem; height: 2px; background: #fff none repeat scroll 0% 0%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: .18rem; }
.y_tui  .y_input .y_del i::after,
.y_tijiao  .y_input .y_del i::after{ content: ""; width: .45rem; height: 2px; background: #fff none repeat scroll 0% 0%; position: absolute; top: 0px; left: 0px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
/*按钮*/
.y_window .y_btn { border-top:1px solid #ebebeb; }
.y_selected .y_btn{
	position: fixed;
    bottom: 0;
    width: 100%;
    left:0;
    background-color:#fff;
}
.y_window .y_btn h6 { color:#666; font-size: .75rem; text-align: center; height: 2rem; line-height: 2rem; }
.y_window .y_btn  h6:nth-child(2) { border-left:1px solid #ebebeb; }
.y_jia  .y_input .y_del{
	background: url(../images/j_sc2.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    display: none;
    margin: 0;
    right: .5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/******加签******/
.y_jia { display: none; }
.y_jia ul { padding-left:.5rem; }
.y_jia ul li { padding:.75rem 0; border-bottom:1px solid #f6f6f6; }
.y_jia ul h5{ color:#999999; font-size: .7rem; line-height: 1; margin-right:.5rem; }
.y_jia ul h6 { color:#333333; font-size: .7rem; line-height: 1; }
.y_jia ul li.mail_list h6 { position: relative; padding-right:.5rem;}
.y_jia ul li.mail_list h6::after { content: ""; display: block; border-color: #999999; border-style: solid; border-width: 2px 2px 0 0; height: .4rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: .4rem; position: absolute; top:1px; right:.5rem; }
.y_jia ul li h6 label { font-size: 0; display: block; }
.y_jia ul li h6 label input { display: none; }
.y_jia ul li h6 label span { color: #333333; font-size: .7rem; margin-left:.5rem; vertical-align: middle; }
.y_jia ul li h6 label i,
.webbox1 label b { display: inline-block; width:.75rem; height: .75rem;vertical-align: middle; }
.webbox1 label{position: absolute;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.webbox1 label input{display:none}
/*确认提交*/
.y_box .y_confirm { position: absolute;z-index: 6;left:50%; top:50%; width:92%; bottom:auto; border-radius:3px; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.y_box .y_confirm p{padding: 1.5rem 0; line-height: 1.5; color:#333333; font-size: .8rem; text-align: center; }

/*******审批意见*******/
.y_box  .y_title { padding:0 0.5rem; border-bottom: 1px solid #f7f7f7; height: 2rem; vertical-align: middle; -webkit-box-align: center; -webkit-box-pack: justify; line-height: 1; }
.y_box  .y_title > span { color:#666666; font-size: 0.65rem; display:block;/* padding:0 0.75rem; */vertical-align: middle; }
.y_box  .y_title > i { display: block; background-color: #cbcbcb;background:url(../images/j_sc3.png) no-repeat;background-size:100% auto;width:.6rem; height: .6rem;  margin-left: .5rem; }

.y_box  .y_title > div { text-align: right; }
.y_box  .y_title > div label { display: inline-block; margin-left:0.5rem; }    
.y_box  .y_title > div label input { display: none; }
.y_box  .y_title > div label  span { color:#666666; display:block; font-size: 0.6rem; width: 2.5rem; text-align: center; height: 1.1rem; line-height: 1.1rem; border:1px solid #a7a7a7; border-radius: 4px; 
	overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.y_box  .y_title > div label input:checked + span{color:#fff!important; }
/*******流程记录*******/
.y_process { background: #f5f5f5; height: 100%; width: 100%; }
.y_process article { position: relative; font-size:0; }
.y_process article img { width:100%; }
.y_process article span { color:#ff6600; font-size: 0.6rem; position: absolute; top: 33%; left:73.5%; text-decoration: underline; }

.y_process header { padding:.5rem; background: #ffffff; margin-bottom:.5rem; }
.y_process header  h5{ color:#333333; font-size: .75rem; line-height: 1; margin-bottom:.3rem; }
.y_process header  p { color:#999999; font-size: .6rem; line-height: 1; }
.y_process header  p span + span { margin-left:1rem; }

.y_process  .y_content { background: #fff; padding:.5rem .5rem 0; }
.y_process  .y_content >h6 { font-size: .7rem; color:#333333; line-height: 1; padding-bottom:.5rem; border-bottom:1px solid #f6f6f6; }
.y_process  .y_content ul { padding-left: 1.25rem; position: relative; padding-top: .5rem; padding-bottom: 1.5rem; box-sizing: content-box; overflow: hidden; }
.y_process  .y_content ul::before { content: ""; display: block; position: absolute; top: 0.8rem; left: 0.65rem; width:1px; height: 100%; background: #d4d4d4; }
.y_process  .y_content ul li { padding: .5rem 1.5rem .5rem 0; color:#666666; position: relative; }
.y_process  .y_content ul li::before { content: ""; display: block; width: 0.35rem; height: 0.35rem; background: #d4d4d4; border-radius: 100%; position: absolute; top: 0.7rem; left: -.76rem; }
.y_process  .y_content ul li + li { border-top:1px solid #f6f6f6; }
.y_process  .y_content ul li:first-child{ padding-top:0; color:#138a7c; }
.y_process  .y_content ul li:first-child::before { top:.15rem; background:#138a7c; border:2px solid #d0e8e5; left: -0.85rem; }
.y_process  .y_content ul li:last-child { padding-bottom:0; }
.y_process  .y_content ul li h4{ line-height: 1.3; font-size: .7rem; }
.y_process  .y_content ul li h5 { line-height: 1.3; font-size: .6rem; margin-top:5px; }
.y_process  .y_content ul li h6 { line-height: 1.3; font-size: .6rem; margin-top:5px; }
.y_process  .y_content ul li h6 span + span { margin-left:1rem; }






/*便签列表*/
.j_note{ background-color:#f5f5f5; }
.j_Notelist{ background-color:#fff; height:100%; overflow-y: scroll; bottom:2rem; }
.j_Notelist .j_nav a{ width:45%; float:left; }
.j_Notelist .j_nav{ display: inherit; }
.j_Notebug,.j_Contacts{ background-color:#fff; padding:.5rem; line-height:1; margin-bottom:.5rem; }
.j_Notebug h3{ font-size:.75rem; color:#333; padding-bottom:.25rem;word-wrap: break-word;}
.j_Notebug p,.j_Contacts .j_cont label,.j_Contacts .j_cont p{ font-size:.65rem; color:#666; }
.j_Contacts{ padding:0.5rem;    /*margin-bottom: 2rem;*/ }

.j_Contacts .j_cont{ position:relative; padding-top:.5rem; }
.j_Contacts .j_cont label{float:left; }
.j_Contacts .j_cont label.j_cont_multi {line-height:1.2!important}
.j_Contacts .j_cont p{ border-bottom:1px solid #f9f9f9; margin-left:3rem; /* padding-bottom:.5rem; padding-right:1.5rem; */ }
.j_Contacts .totongxun p{
		padding-bottom: .5rem;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-flex: 1;
}
.j_Contacts .j_cont p.w_hide{
	position: absolute;
    right: 0;
    top: .5rem;
    color: #32b0ed;
    font-size: .5rem;
    text-decoration: underline;
}
.j_Contacts .j_cont p i{ position: absolute; width: .6rem; height: .6rem; background-color: #f00; right: 0rem; background: url(../images/icon_right.png) no-repeat center right; transform: translateY(-10%) rotate(90deg); -webkit-transform: translateY(-10%) rotate(90deg); background-size: auto 100%; }
.j_Contacts .j_cont p i.hover{ transform: translateY(30%) rotate(-90deg); }
.j_Contacts .j_cont:last-child p{ border-bottom:0; }
.j_Contacts .j_cont p span{ overflow:hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.j_Contacts .j_conts p span{ line-height:1.1; padding-top:0; margin-top:-.1rem; margin-bottom:0.2rem;padding-right:1.1rem; }
.j_Contacts .j_cont p span.move{ white-space: inherit;line-height:1.5; }
.j_Notedetail2 .j_attachment .j_content label{ width:auto; }
.j_Notedetail2 .j_attachment .j_content p{ margin-left:2.5rem; }
.j_NotContent{display: -webkit-box;
    padding:0 .5rem; }
 .j_NotContent span,.j_NotContent textarea{
    font-size: .65rem;
    color: #666;}
    .j_NotContent textarea{
    width: 87%;
    display:block;
    min-height: 10rem;
    }
.j_NotContent p{ padding:0 .5rem .5rem; font-size: .65rem; color:#666; line-height:1.3; padding-bottom: 2.5rem; }
.j_NotContent ul{ left:0;width:100%; position:fixed; bottom:0; border-top:1px solid #ebebeb; display: box; background-color:#fff; display: -webkit-box; display: -moz-box; }
.j_NotContent ul li{ font-size:.7rem; color:#333; text-align: center; padding:.5rem 0; width:33%; -webkit-box-flex:1; border-right:1px solid #ebebeb; }
.j_NotContent ul li:last-child{ border-right:0; }
.j_NoteReply{ margin-top:.25rem; }
.j_NoteReply_top .j_cont .j_jt{ }
.j_NoteReply_top .j_cont .j_jt i{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.j_NoteReply_top .j_cont p span{
		display: -webkit-box;
    -webkit-box-flex: 1;
    color:#46aaff; }


.j_NoteReply_top .j_cont p span.span1{ color:#333; float:inherit; margin-top:-.15rem;}
.j_NoteReply_top .j_cont p span input.toPerson{
	width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;	
    line-height:1;
}
.j_NoteReply_top .j_cont p span input::-webkit-input-placeholder{
	text-align:right;
}
.j_NoteReply_top .j_cont p span i{ -webkit-transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg);top:46%;}
.j_NoteReply_top .j_cont p span.span1 i{ }
.j_NoteReply_top .j_cont p .span2{ float:inherit; color:#333; width:100%; display: block; }
.j_textarea{ padding:.5rem; resize: none; width:100%; color:#333; display:block; line-height:1rem; font-size:.65rem; }
.j_textarea::-webkit-input-placeholder { color: #b0b0b0; }
.j_NoteReply_bottom{ margin-top:.5rem; }
.j_NoteReply_bottom .j_news{  padding:0 .5rem; line-height:1;display: -webkit-box;
-webkit-box-flex: 1; }
.j_NoteReply_bottom .j_news label,.j_NoteReply_bottom .j_news p{ font-size:.6rem;line-height:1.5; color:#999;/*  float:left; */ }
.j_NoteReply_bottom .j_news label{/*  float:left;  */}
.j_NoteReply_bottom .j_news p{-webkit-box-flex: 1;}
.j_NoteReply_bottom .j_news:nth-child(5){margin-top:.4rem;}
.j_NoteReply_bottom .j_news:nth-child(5) p{ margin-top:0rem; /* float: inherit; */-webkit-box-flex: 1; }
.j_NoteReply_bottom .j_news:nth-child(5) p span{display:inline;}
.j_NoteReply_bottom .j_news p span{ display:block; line-height:1.5;}
/*.j_NoteReply_bottom .j_news:nth-child(4) p span:last-child{ text-indent: 24px; line-height:1.5; margin-top:.4rem; }*/
.j_btn{ width:100%; position:fixed; bottom:0; left:0; }
.j_btnTop { display: -webkit-box; -webkit-box-pack:end; padding-right:0.5rem; -webkit-box-align: center; background: #fff; padding-top: .75rem; padding-bottom: .75rem; border-bottom: 1px solid #ebebeb; line-height: 1;}
.j_btnTop label { display: block; vertical-align: middle; line-height: 1;font-size: 0;}
.j_btnTop label + label { margin-left:1rem; }
.j_btnTop label input{ display: none; }
.j_btnTop label i { display: inline-block; width: 0.8rem; height: 0.8rem; vertical-align: middle; margin-right: .25rem; }
.j_btnTop label span { color: #333333; font-size: 0.7rem; vertical-align: middle;}




.j_btnBtm{ width:100%; display:-webkit-box; display:-moz-box; display:box; }
.j_btnBtm input[type='button']{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -o-box-flex:1; -ms-box-flex:1; display:block; background-color:#fff; font-size:.75rem; color:#333; line-height:1; border-radius: 0;padding:.75rem 0; border-right:1px solid #ebebeb; }

.j_btnBtm input[type='button']:last-child{ border-right:0; }
.j_accessory{ }
.j_accessory .j_accessory-t{ position:relative; }
.j_accessory .j_accessory-t p{ position:relative; border:1px solid #cdcdcd; background-color:#fff; border-radius:4px; display:inline-block; font-size:.6rem; color:#999; line-height:0; font-family: Arial; text-align: end; float:right; margin-bottom: .5rem; margin-right: .5rem; padding:.15rem .5rem; }
.j_accessory .j_accessory-t p.hover{ background-color:#46aaff; color:#fff; border:1px solid #46aaff; }
.j_accessory .j_accessory-t p.hover i{ background: url(../images/icon_white.png) no-repeat; background-size: cover; }
.j_accessory .j_accessory-t p i{ display: inline-block; background: url(../images/icon.png) no-repeat; width: .8rem; height: .9rem; background-size: cover; }

.j_accessory .j_accessory-b{ min-width: 320px; white-space: nowrap; overflow: hidden; display:none; }
.j_accessory .j_accessory-b.move{ display:block; }
.j_accessory-b ul{ padding: .5rem; padding-bottom: .4rem; line-height: 1; overflow-y: hidden; width: 100%; overflow-x: scroll; background-color: #fff; border-bottom: 1px solid #ebebeb; }
.j_accessory-b ul::-webkit-scrollbar{width:0px; height:1px;}
.j_accessory-b ul li{ width:2.2rem; display:inline-block; margin-right:1rem; }
.j_accessory-b ul li>div{ position: relative; width: 2.2rem; height: 2.2rem; margin-bottom: .25rem; border-radius: 4px; background-color: #a2d4ff; }   
.j_accessory-b ul li>div::before, .j_accessory-b ul li>div::after { position: absolute; content: ""; width:.8rem; height:1rem; border:2px solid #fff; border-radius:4px; }
.j_accessory-b ul li>div::before{ top: .35rem; /* right: 0; */
  left: .8rem; }
.j_accessory-b ul li>div::after{ left: .45rem; top: .7rem; background-color: #a2d4ff; }
.j_accessory-b ul li p{ font-size:.6rem; }   
.j_accessory-b ul li p span:first-child{ color: #333; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; padding-bottom: .25rem; }
.j_accessory-b ul li p span:last-child{ color:#999; }
.j_noNewNote .j_textarea{ /*height:8rem;*/ }
.j_noNewNote .j_textareaCopy{ /*height:5rem;*/ width: 100%;}
/*弹框样式*/
.j_Bombox{ width:100%; height:100%; background:rgba(0,0,0,.9); position:fixed; top:0; left:0; }
.j_Bombox .j_Bombcont{ position:absolute; bottom:0; width:93%; line-height:1;     left: 50%;
    -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.j_Bombox .j_Bombcont_t{ background-color:#fff; border-radius: 4px; margin-bottom:.5rem; }
.j_Bombox .j_Bombcont_t p{ text-align: center; padding:.75rem 0; color:#999; line-height:1; font-size:.6rem; border-bottom:1px solid #f5f5f5; }
.j_Bombox .j_Bombcont_t h3{ text-align: center; padding:.75rem 0; color:#333; font-size:.75rem; }



/*******OA首页*******/


/*******OA首页-新闻列表*******/
.y_home .y_box { position: fixed; z-index:10; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.9); display: none; }
.y_home .y_news { position: absolute; bottom:0; width: 100%;/* height: 60%;*/ background: #fff; display: none; }
.y_home .y_news nav { -webkit-box-align:center; -webkit-box-pack: justify; padding:0 0.5rem; border-bottom: 1px solid #ebebeb; }
.y_home .y_news nav ul { padding-top:0.5rem; position: relative; top: 1px; }
.y_home .y_news nav ul li { float:left; }
.y_home .y_news nav ul li span { display: block; margin:0 0.5rem 0.3rem .5rem; background: #f5f5f5; width: 4.5rem; height: 1.25rem; line-height: 1.25rem; border-radius: 2px; color:#999999; font-size: 0.65rem; text-align: center; }
.y_home .y_news nav ul li.active { border:1px solid #ebebeb; border-radius: 2px; border-bottom-color: #fff; }

.y_home .y_news nav > span { display: block; padding:.5rem; text-align: right;padding-right: 0;}
.y_home .y_news nav i { display: block; background: #cbcbcb; height: 2px; transform: rotate(-45deg); transform-origin: center center; -webkit-transform: rotate(-45deg); -webkit-transform-origin: center center; width: 0.75rem; vertical-align: bottom; margin-left: .5rem; } 
.y_home .y_news nav i::before { background: #cbcbcb none repeat scroll 0; content: ""; height: 2px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 0.75rem; }
.y_home .y_news .y_content { overflow-y:scroll; }
.y_home .y_news .y_content > div:first-child{ display: block;height:100%; overflow-y:scroll; } 
.y_home .y_news .y_content > div:last-child { display: none;height:100%; overflow-y:scroll; }
.y_home .y_news .y_content > div ul { padding-left: 0.5rem; overflow-y: scroll; }
.y_home .y_news .y_content > div li { display:-webkit-box; -webkit-box-align:center; }
.y_home .y_news .y_content > div li span { width: 1.1rem; height:1.1rem; text-align: center; line-height: 1.1rem; border-radius: 100%; background: #1895ff; color: #fff; font-size: 0.6rem; display: block; margin-right:.5rem; }
.y_home .y_news .y_content > div li p { color:#333333; font-size: 0.65rem; -webkit-box-flex:1; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right: 1.25rem; position: relative; height: 2.0rem; line-height: 2rem; border-bottom:1px solid #fafafa; }
.y_home .y_news .y_content > div li p::after { content: ""; display: block; border-color: #999999; border-style: solid; border-width: 2px 2px 0 0; height: .4rem; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width:.4rem; position:absolute; top:50%; right: .75rem; }
.y_home .y_news .y_content > div li .p1{text-align:center;color:#A3A3A3}
.y_home .y_news .y_content > div li .p1::after{display:none;}


/*******OA首页-待办事项*******/
.y_things { position: absolute; z-index:1;bottom:0; width:100%;height:100%; background: #fff;overflow-y: scroll; }
.y_things h6 { font-size: 0.65rem;
line-height: 1;
height: 2.0rem;
border-bottom: 1px solid #f7f7f7;
line-height: 2rem;
padding-left: 0.5rem;
padding-right: .5rem;
position: fixed;
width: 100%;
z-index: 2;
background-color: #FFFFFF;
display: -webkit-box;
-webkit-box-pack: justify;
-webkit-box-align: center;}

.y_things p{
text-align: center;
font-size: .7rem;
padding-top: 3rem;
color: #333;
}
.y_things ul li p {text-align: center;
color: #A3A3A3;
/* display: block; */
font-size: .7rem;
margin: auto;}


.y_things h6 span { color:#666666; margin-right:.5rem; }
.y_things h6 b { color:#1895ff; }
.y_things h6 cite { padding:.5rem; display: block; vertical-align: middle; position: relative; margin-right: .85rem; }
.y_things h6 cite i { display: block; background: #cbcbcb; height: 2px; transform: rotate(-45deg); transform-origin: center center; -webkit-transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: center center; width:0.75rem; vertical-align:middle; margin-left:.5rem; position:absolute; top: 50%; }
.y_things h6 cite i::before { background: #cbcbcb none repeat scroll 0; content: ""; height: 2px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 0.75rem; } 
.y_things ul { padding-left:.5rem; /* margin-top:2rem;margin-bottom:3rem; */ }
.y_things ul li { border-bottom: 1px solid #fafafa;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    padding-right: 1.5rem;
    height: 2rem;}
.y_things ul li span { color:#333333; font-size: 0.65rem; }
.y_things ul li i { padding: 1px 5px; border-radius: 10px; background: #fc433e; display: block; color:#ffffff; font-size: 0.6rem; height: 0.65rem; line-height: 0.65rem; position: relative; }

.y_things ul li i::before{ content: ""; display: block; border-color: #999999; border-style: solid; border-width: 2px 2px 0 0; height: .4rem; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); width: .4rem; position: absolute; top: 50%; right: -0.8rem; }
 
 
/*******OA首页-我的*******/
.y_my { height: 100%; background: #f5f5f5; }
.y_my header { padding:0.5rem; color: #333333; background:#fff; font-size: 0.65rem; line-height: 1; -webkit-box-pack: justify; margin-bottom:0.5rem; }
.y_my header span{ display: block; }
.y_my header p { line-height: 1; }
.y_my .y_nav { background: #fff; padding:0.7rem 0 .5rem 0; margin-bottom:.5rem; }
.y_my .y_nav li span { width:1.5rem; height: 1.75rem; display: block; margin: 0 auto; }
.y_my .y_nav li:nth-of-type(1) span{ background: url(../images/icon_my.png) no-repeat; background-position: 0 0; background-size: auto 100%; }
.y_my .y_nav li:nth-of-type(2) span{ background: url(../images/icon_my.png) no-repeat; background-position: -5.2rem 0rem; background-size: auto 100%; }
.y_my .y_nav li:nth-of-type(3) span{ background: url(../images/icon_my.png) no-repeat; background-position: -10.4rem 0; background-size: auto 100%; }
.y_my .y_nav li p { text-align: center; color: #333333; font-size: 0.65rem; margin-top:0.45rem; }
.y_my .y_list { background:#fff; margin-bottom: .5rem; }
.y_my .y_list li {display: -webkit-box;-webkit-box-align:center;padding-left:0.5rem;color:#333333;font-size: 0.65rem;height: 2rem;}
.y_my .y_list li span { width: 0.9rem; height: 1.1rem; display: block; margin-right:0.5rem; }
.y_my .y_list li:nth-of-type(1) span { background: url(../images/icon_mylist.png) no-repeat; background-size: 100% auto; background-position: center 0rem; }
.y_my .y_list li:nth-of-type(2) span { background: url(../images/icon_mylist.png) no-repeat; background-size: 100% auto; background-position: center -1.95rem; }
.y_my .y_list li:nth-of-type(3) span { background: url(../images/icon_mylist.png) no-repeat; background-size: 100% auto; background-position: center -4rem; }
.y_my .y_list li p { border-bottom:1px solid #f5f5f5; -webkit-box-flex:1; height: 2rem; line-height: 2rem; }
.y_my .y_list li:nth-last-of-type(1) p { border-bottom:none; }

.y_my .y_listor li:nth-of-type(1) span { background: url(../images/icon_mylist2.png) no-repeat; background-size: 100% auto; background-position: center 0.1rem; }
.y_my .y_listor li:nth-of-type(2) span { background: url(../images/icon_mylist2.png) no-repeat; background-size: 100% auto; background-position: center -1.5rem; }


 /*OA头部样式*/
.j_head {
	height: 2rem;
	position: fixed;
	width: 100%;
	top: 0;
	z-index:6;
}
 .j_head .j_span1,.j_head .j_span2{
    display:block;
    position: absolute;
    left:0;
    top:0;
    width:2rem;
    height: 2.0rem;

}

.j_head .j_span1::after {
    content: "";
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    height: .5rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .5rem;
    position: absolute;
    top: 50%;
    left: .5rem;
}
.j_head h3{
    text-align: center;
    line-height: 2rem;
    font-size: .7rem;
    color: #fff;
}
.j_head .j_span2{
  position:absolute;
  left: inherit;
  right:.5rem;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.j_head .j_span2 img{
  width:1.2rem;
  display: block;
      -webkit-box-align: center;
}
.j_head ul{
  display:none;
  position: absolute;
    color: #fff;
    right: .5rem;
    top: 2rem;
    /* bottom: 0; */
    z-index:1;
    background: rgba(0,0,0,0.8);
    border-radius:4px 4px 4px 4px;
}
.j_head ul.move{
  display:block;
}
.j_head ul li{
    display: -webkit-box;
    -webkit-box-align: center;
    padding: 0 .5rem;
    color: #fff;
    font-size: 0.65rem;
    height: 1.5rem;
}
.j_head ul li:last-child{
  border-bottom:0;
}
.j_head ul span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -.4rem;
    right:.5rem;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-bottom: .5rem solid #020427;
    opacity: .8;
}
.j_head ul li i {
    width: .9rem;
    height: .9rem;
    display: block;
    margin-right: 0.5rem;
}
.j_head ul li:nth-of-type(1) i {
    background: url(../images/head_icon.png) no-repeat;
    background-size: 100% auto;
    background-position: center 0rem;
}
.j_head ul li:nth-of-type(2) i {
    background: url(../images/head_icon.png) no-repeat;
    background-size: 100% auto;
    background-position: .1rem -1.5rem;
}
.j_head ul li:nth-of-type(3) i {
    background: url(../images/head_icon.png) no-repeat;
    background-size: 100% auto;
    background-position: .1rem -3.2rem;
}


 
 
/**********************************************通讯录【开始】***************************************************/
.y_mail {/*  height: 100%; */width:100%; background: #f5f5f5; text-align: center; overflow: hidden; }
.y_mail header { margin:.5rem; background:#fff; height: 1.5rem; border-radius: 3px; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; line-height: 1.5rem; }
.y_mail header span{ color:#b0b0b0; font-size: 0.65rem; position: relative; display: block; }
.y_mail header span::before { content: ""; width:0.55rem; height: 0.6rem; display: block; background:url(../images/search.png) no-repeat center center; background-size: cover; position: absolute; top: 50%; left: -0.75rem; -webkit-transform: translateY(-50%); }
.y_mail .y_tab { background: #fff; }
.y_mail .y_tab nav { -webkit-box-align: center; -webkit-box-pack: justify; padding: 0 0.5rem; border-bottom: 1px solid #ebebeb; }
.y_mail .y_tab nav ul{ padding-top: 0.5rem; position: relative; top: 1px; }
.y_mail .y_tab nav ul li { float: left; }
.y_mail .y_tab nav ul li.active{ border: 1px solid #ebebeb; border-radius: 2px; border-bottom-color: #fff; }
.y_mail .y_tab nav ul li span { display: block; margin: 0 0.5rem 0.3rem .5rem; background: #f5f5f5; width: 4.5rem; height: 1.25rem; line-height: 1.25rem; border-radius: 2px; color: #999999; font-size: 0.65rem; text-align: center; }
.y_mail .y_tab nav ul li.active span{ background: none; }
.y_mail .y_tab nav label { display: -webkit-box; vertical-align: middle; }
.y_mail .y_tab nav label input { display: none; }
.y_mail .y_tab nav label i,
.y_mail .y_nw > ul > li h6  i { vertical-align: top; }
.y_mail .y_tab nav label span { color:#999999; font-size: 0.65rem;padding-left:.25rem; }
.y_mail .y_tab nav label i,
.y_mail .y_nw > ul > li h6  i {display: block;width: 0.65rem;height: 0.35rem;}
.y_mail .y_nw > ul > li h6  i {background: url(../images/icon_top.png) no-repeat;background-size: cover;-webkit-transform: rotate(180deg);transform: rotate(180deg); }
.y_mail .y_tab nav label i{
	width: .8rem;
	height: .8rem;
}



.z_underlying .j_label1{
	width: 3rem;
display: block;
font-size: .65rem;
color: #666;
height: 1.9rem;
display: -webkit-box;
-webkit-box-pack: justify;
-webkit-box-align: center;
}
.z_underlying .j_label1 input{display:none;}
.z_underlying .j_label1 b {
	margin-right: 0.25rem;
	vertical-align: top;
}
.z_underlying .j_label1 i{
	display: inline-block;
width: 0.8rem;
height: 0.9rem;
vertical-align: top;
vertical-align: middle;
margin-right: .25rem;}

.z_underlying {padding-bottom:1rem}

 
/*-------------------------------------通讯录【结束】------------------------------------------------------*/


/*内外勤*/





.y_mail .y_tab .y_content { overflow: scroll; padding-bottom: 4.3rem; }
.y_mail .y_nw > ul > li h6 label  b { margin-right:0.25rem; vertical-align: top; }
.y_mail .y_nw > ul > li h6 label input:checked + b ,


.y_mail .y_tab.y_content > div:first-child { display: block; }
.y_mail .y_tab.y_content > div:last-child { display: block; }


.y_mail .y_nw > ul{ padding-left:0.5rem; padding-bottom:6rem;}
.y_mail .y_nw > ul > li h5,
.y_mail .y_nw > ul > li h6{ color:#666666; font-size: 0.65rem; height: 1.9rem; display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; border-bottom: 1px solid #f7f7f7; padding-right: .5rem; }
.y_mail .y_nw > ul > li h5 >span,
.y_mail .y_nw > ul > li h6 >span { display: block; vertical-align: middle; }
.y_mail .y_nw > ul > li h5 i.open { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.y_mail .y_nw > ul > li h6 i.open { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.y_mail .y_nw > ul > li > div { padding-left:.5rem; border-bottom: 1px solid #f8f8f8; display: none; }
.y_mail .y_nw > ul > li h6 >label { display: block; vertical-align: top; }
.y_mail .y_nw > ul > li h6 >label input { display: none; }
/*内外勤中分公司中的联系人*/
.y_mail  .y_peaple { text-align: left; padding-left: 0; padding-bottom: .5rem; }
.y_mail  .y_peaple label { display: inline-block; margin-right:0.25rem; margin-top:0.5rem; }
.y_mail  .y_peaple label div { padding: 0.2rem 0.4rem; border: 1px solid #333333; border-radius: 1.5rem; line-height: 1; }
.y_mail  .y_peaple label input { display: none; }
.y_mail  .y_peaple label span { color:#333333; font-size: 0.65rem; display: block; position: relative; /* padding-right: .9rem; */ }
.y_mail  .y_peaple label input:checked + div { border-color: #46aaff; }
.y_mail  .y_peaple label input:checked + div span { color:#46aaff; }
.y_mail  .y_peaple label input:checked + div span::after { border-color: #46aaff; }


/*常用联系人*/
.y_mail  .y_contacts .y_peaple{ padding-left:0.5rem; padding-right:.5rem; }  
/*点选人*/
.y_selected { position: fixed; bottom:0; width: 100%; height:0rem; background: #fff; z-index:200; padding: .5rem; /* padding-bottom: 2.5rem;  */}
.y_selectedself { position: fixed; bottom:0; width: 100%; height:50%; background: #fff; z-index:200; padding: .5rem;/*  padding-bottom: 2.5rem; */ }



.y_selected.open { height: 100%;overflow-y: scroll; }
.y_selected p { position: absolute; bottom:0; left:0; width: 100%; height: 2.25rem;  line-height: 2.25rem; color:#fff; text-align: center; font-size: 0.85rem; border: 0; }
.y_selected h4 {display: -webkit-box;
    -webkit-box-pack: justify;
    line-height: 1;
    margin-bottom: .5rem;
}
.y_selected h4 a{
	width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #efefef;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
.y_selected h4  span{
	font-size: .6rem;
    color: #FFF;
    padding: .2rem .5rem;
    border-radius: 4px;
    display: block;
    width: 1.4rem;
}
.y_selected h4 i { display: block; background: url(../images/icon_down.png) no-repeat; background-size: cover; width:0.45rem; height: 0.4rem; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.y_selected h4.open  i { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.y_selected .y_peaple { overflow: scroll; -webkit-overflow-scrolling:touch; padding:0; }
.y_selected .y_peaple ul { font-size: 0; }
.y_selected .y_peaple li  { display: inline-block; margin-right:.25rem; margin-bottom:.5rem; }
.y_selected .y_peaple li div { padding: 0.2rem 0.4rem; border-radius: 1.5rem; line-height: 1; background: #1895ff; display: -webkit-box; -webkit-box-align:center; -webkit-box-pack:justify; }
.y_selected .y_peaple li span { color:#ffffff; font-size: 0.65rem; display: block; margin-right:1rem; }
.y_selected .y_peaple li h6{ display: block; height: .65rem; position: relative; /* width: 1.2rem; */ vertical-align: middle; font-size: 0; }
.y_selected .y_peaple li h6 i { display: inline-block; height: .6rem;width:.6rem; transform: translateY(-50%);  -webkit-transform: translateY(-50%);background:url(../images/j_sc1.png) no-repeat;background-size:100% auto; margin-left:.5rem; position: absolute; top: 50%;right:0; }
.y_selected .carea {display: none; }


/*点选人详细信息*/
.y_mail  .y_perdeta { position: fixed; top:50%;left:5%;width:90%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background: rgba(0,0,0,.9);  color:#fff; padding:0.5rem; z-index:300; border-radius:3px; font-size: 0.6rem; }
.y_mail  .y_perdeta li { display: -webkit-box; }
.y_mail  .y_perdeta li + li { margin-top: 0.5rem; }
.y_mail  .y_perdeta li span { display: block; line-height: 1.3; }
.y_mail  .y_perdeta li p { -webkit-box-flex:1; line-height: 1.3; text-align: left; }
.y_mail  .y_perdeta .y_close { position: absolute; top:.5rem; right:.5rem; padding:.5rem; width: .7rem; height: .7rem; }
.y_mail  .y_perdeta .y_close i { display: block; background: #fff; height: 2px; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; -webkit-transform: translateY(-50%) rotate(-45deg); -webkit-transform-origin: center center; width: 0.7rem; vertical-align: middle; position: absolute; top: 50%; right: 0; }
.y_mail  .y_perdeta .y_close i::before { background: #fff none repeat scroll 0; content: ""; height: 2px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 0.7rem; } 

/* 搜索联系人 */
.y_sealist { height: 100%;width:100%; background: #fff; overflow: auto;}
.y_sealist header { padding:0.5rem; -webkit-box-align:center; background: #f5f5f5; }
.y_sealist header span { color:#666666; font-size: 0.65rem; margin-left:0.5rem; }
.y_sealist header div { background: #fcfcfc; border-radius: 2px; padding:0.35rem 0.5rem; vertical-align: middle; display: -webkit-box; -webkit-box-align:center; } 
.y_sealist header div img { width:0.55rem; height: 0.6rem; vertical-align: middle; margin-right:0.5rem; display: block; }
.y_sealist header div input { color:#b0b0b0; font-size: 0.65rem; -webkit-box-flex:1; display: block;width:100%; background: rgba(0,0,0,0); }
.y_sealist .y_main { width:100%; position: relative; padding-top:2.1rem; }
.y_sealist .y_main .y_bga { font-size: 0; text-align: center; }
.y_sealist .y_main  .y_bga img { width:1.05rem; display: block; margin: 0 auto; }
.y_sealist .y_main  .y_bga .y_text1 { margin-top:0.5rem; color:#bdbdbd; font-size: 0.65rem; line-height: 1; padding-bottom:0.2rem; border-bottom:1px solid #f7f7f7; display: inline-block; }
.y_sealist .y_main  .y_bga .y_text2 { margin-top:.2rem; color:#d8d8d8; font-size: 0.6rem; }
.y_sealist .y_main  .y_result { position: absolute; top:0; left:0; width: 100%; padding-left:0.5rem; background: #fff; }
.y_sealist .y_main  .y_result h6 { color:#b2b2b2; font-size: 0.6rem; border-bottom:1px solid #fafafa; height: 2.0rem; line-height: 2.0rem; }
.y_sealist .y_main  .y_result li { display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; padding:.75rem 0; border-bottom:1px solid #fafafa; padding-right:.5rem; }
.y_sealist .y_main  .y_result h5 { color:#333333; font-size: 0.6rem; }
.y_sealist .y_main  .y_result h4 { color:#8a8a8a; font-size: 0.6rem; margin-left:.5rem; -webkit-box-flex:1;-webkit-box-pack:end; display: -webkit-box; text-align: justify;}

.y_sealist  .y_perdeta1 { position: fixed; top:50%;left:5%;width:90%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background: rgba(0,0,0,.9);  color:#fff; padding:0.5rem; z-index:300; border-radius:3px; font-size: 0.6rem; }
.y_sealist  .y_perdeta1 li { display: -webkit-box; }
.y_sealist  .y_perdeta1 li + li { margin-top: 0.5rem; }
.y_sealist  .y_perdeta1 li span { display: block; line-height: 1.3; }
.y_sealist  .y_perdeta1 li p { -webkit-box-flex:1; line-height: 1.3; text-align: left; }
.y_sealist  .y_perdeta1 .y_close1 { position: absolute; top:.5rem; right:.5rem; padding:.5rem; width: .7rem; height: .7rem; }
.y_sealist  .y_perdeta1 .y_close1 i { display: block; background: #fff; height: 2px; transform: translateY(-50%) rotate(-45deg); transform-origin: center center; -webkit-transform: translateY(-50%) rotate(-45deg); -webkit-transform-origin: center center; width: 0.7rem; vertical-align: middle; position: absolute; top: 50%; right: 0; }
.y_sealist  .y_perdeta1 .y_close1 i::before { background: #fff none repeat scroll 0; content: ""; height: 2px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 0.7rem; } 
 



/*///////////////////////////考勤异常&休假申请 start////////////////////////*/
.j_check .j_checkmain h3 input:checked + span{ color:#fff!important; }
.j_check{
    position: absolute;
    width: 100%;
    height: auto;
    overflow-y:scroll;
    background-color: #f8f8f8;
    top: 0;
    bottom: 2.25rem;
}
.j_check .j_checkinput::-webkit-input-placeholder{color: #ddd;}
.j_check .j_checkinput{
    display: block;
    width: 100%;
    padding:.75rem .5rem;
    font-size: .65rem;
    line-height: 1;
    margin-bottom: .5rem;
    color: #333;
}
.j_checkcont{
    padding:0 .5rem;
    background-color: #fff;
    margin-bottom: .5rem;
}
.j_checkcont h3{
    padding:.5rem 0;
    font-size: .65rem;
    color: #333;
    border-bottom: 1px solid #f8f8f8;
}
.j_checkcont h3 span{
    font-size: .65rem;
    background-color: #fff;
    border:1px solid #999;
    color: #666;
    display: inline-block;
    padding:.3rem .4rem;
    text-align: center;
    margin-left: .3rem;
    line-height: 1;
}
.j_checkcont h3 span.on{
    color: #fff;
}
.j_checkcont .j_checktime,#addrDiv{
    font-size: .65rem;
    line-height: 1;
    color:#ddd;
    padding:.75rem 0;
    text-align: center;
    display:-webkit-box;
    -webkit-box-pack:center;
    border-bottom: 1px solid #f8f8f8;
}

.j_checkcont .j_checktime>div,#addrDiv>div{
	width:45%;
}
.j_checkcont .j_checktime>span,#addrDiv>span{
		padding:0 .5rem;
	}
.j_checkcont .j_checktime>div,#addrDiv>span{display:block;}
.j_checkcont .j_checktime .ces,#addrDiv .ces{
    font-size: .65rem;
    line-height: 1;
    color: #333;
    display: block;
    text-align: right;
    width:100%;
   /*   width:48%;
    -webkit-box-pack: center;
     */
}

.ces::-webkit-input-placeholder{color: #ddd;}

#meetAddrDiv,#meetAddrDiv input{
	width:100%;
	text-align:center;
	font-size: .65rem;
    line-height: 1;
    display: block;
    text-align: center;}
.j_checkcont .j_checksc{
    padding: .75rem 0;
}
.j_checkcont .j_checksc h4{
    font-size: .75rem;
    margin-bottom: .25rem;
    line-height: 1;
    color: #333;
}
.j_checkcont .j_checksc h4 span{
    display: inline-block;
    width: .7rem;
    height: .65rem;
    position: relative;
    top: 1px;
    left: .5rem;    
}
.j_checkcont .j_checksc p{
    font-size: .6rem;
    color: #666;
    line-height: 1;
}
.j_checkzt{
    margin-bottom: .5rem;
    color: #333333;
    font-size: 0.65rem;
    overflow: hidden;
    padding-left: 1.575rem;
    position: relative;
    padding:.75rem 0 .75rem 1.575rem;
    line-height: 1;
    background-color: #fff;
}
.j_checkzt span{
    left: .5rem;
    width: .825rem;
    height: .825rem;
    border:1px solid #c5c5c5;
    border-radius: 50%;
    position: absolute;
    text-align: right;
    padding-right: 0;
     position: absolute;
     top: 50%;
    transform: translateY(-50%);
}
.j_checkzt span::after{
    content: "";
    display: block;
    border-top: 1px solid #bcbcbc;
    width: .5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.j_checkzt span::before{
    content: "";
    display: block;
    border-left: 1px solid #bcbcbc;
    height: .5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.j_checkzt::after {
    content: "";
    display: block;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: .4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .4rem;
    position: absolute;
    top: 50%;
    right: .5rem;
}
.j_checktj{
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    height: 2.25rem;
    overflow:hidden;
    left: 0;
}
.j_checktj p{
    font-size: .65rem;
    color:#333;
    height: 2.25rem;
    padding-left: .5rem;
    line-height: 2.25rem;
}

.j_checktj .j_checktj_btn{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .8rem;
    line-height: 1;
    color: #fff;
    height: 2.25rem;
    padding: 0 1.75rem;
    border-radius:0;
    -webkit-appearance: none;
    border:0;
    display: -webkit-box;
    -webkit-box-align: center;
}
/*、、、、、休假申请、、、、、*/
.j_checkcont h2,.j_checkqj h2{
    padding:.75rem .5rem;
    border-bottom: 1px solid #f8f8f8;
    background-color: #fff;   
}
.j_checkqj h2:last-child{
    border-bottom: none
}
.j_checkcont h2>div,.j_checkqj h2>div{
    position: relative;
     display: -webkit-box;
    -webkit-box-pack:justify;
    color: #333;
    font-size: .65rem;
}
.j_checkcont h2 b{
    color: #999;
    line-height: 1;
    font-size: .6rem;
    display: block;
    margin-top: .25rem;
}
.j_checkcont h2>div span,.j_checkqj h2>div span{
    padding-right: .5rem;
}
.j_checkqj h2.jjob b{
	position:relative;
	padding-right:.5rem;	
    font-size:.65rem;
}
.j_checkcont h2>div::after,.j_checkqj h2>div::after,.j_checkqj h2.jjob b::after{
    content: "";
    display: block;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: .4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .4rem;
    position: absolute;
    top: 49%;
    right: 0rem;
}
.j_checkqj h2.jjob{
	    display: -webkit-box;
    -webkit-box-pack: justify;
}
.j_checkqj h2>div.totongxun1{
	-webkit-box-flex: 1;
    -webkit-box-pack: start;
}
.j_checkqj h2>div.totongxun1 a{
	display: -webkit-box;
	-webkit-box-flex: 1;
}
.j_checkqj h2>div.totongxun1 p{
	padding-right:.5rem;
}
.j_checkqj h2>div.totongxun1 span{
	display: block;
    margin-right: 3rem;
}
.j_checkqj h2>div.totongxun1::after{display:none}
.j_checkqj h2 h3{}
.j_checkqj{
   /*  padding:0 .5rem; */
    margin-bottom: .5rem;
}
.j_checkqj textarea{
    padding:.75rem .5rem;
    width: 100%;
    resize : none; 
    font-size: .65rem;
    color: #333;
}
.j_check textarea::-webkit-input-placeholder{color: #ddd;}
.j_noNewNote .j_checkphoto{   
 	  background-color: #fff;
    margin-bottom: .5rem;
}
/******************添加图片的+号********************/
.j_noNewNote .j_checkphoto,.j_checkqj .j_checkphoto,.j_newlook .j_checkphoto{
    padding:.5rem .5rem;
    -webkit-box-align:center;
    /* border-bottom: 1px solid #f8f8f8; */
}
.j_noNewNote .j_checkphoto b,.j_checkqj .j_checkphoto b,.j_newlook .j_checkphoto b{
    line-height: 1;
    color: #999;
    font-size: .6rem;
    display:block;
    padding-top: .5rem;

}
.j_noNewNote .j_checkphoto span,.j_checkqj .j_checkphoto span,.j_newlook .j_checkphoto span{
    width: 2.45rem;
    height: 2.45rem;
    margin-left:.5rem;
    background:url(../images/j_tj.png) no-repeat;
    background-size:100% 100%;
    position: relative;
    display:inline-block;
}
/*.j_checkqj .j_checkphoto span::after{
    content: "";
    display: block;
    border-top: 1px solid #bcbcbc;
    width: 1.5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.j_checkqj .j_checkphoto span::before{
    content: "";
    display: block;
    border-left: 1px solid #bcbcbc;
    height: 1.5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}*/
.j_checkcont .j_checkinput1{
    margin-bottom: 0;
    padding:.75rem 0;
    border-bottom: 1px solid #f8f8f8;
}

/*、、、、、、、提交弹出层、、、、、、、、*/
.j_cjecktj{
    font-size: .8rem;
    color: #fff;
    padding:.75rem 0;
    line-height: 1;
    z-index:1;
    width: 10.45rem;
    text-align: center;
    border-radius: 4px;
    background:rgba(0,0,0,0.9);
}
/*//////////////////事项类型选择///////////////////////////*/
.f_relation,.j_checkxz,.bfsonNum{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index:3;
    background: rgba(0,0,0,.8);
}
.f_relation ul,.bfsonNum ul,.j_checkxz ul{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
.f_relation ul h3,.bfsonNum ul h3,.j_checkxz ul h3{
    position:relative;
    padding:.75rem;
    font-size: .75rem;
    color: #666;
    line-height: 1;
    border-bottom: 1px solid #eaeaea;
}
.f_relation ul h3 span,.bfsonNum ul h3 span,.j_checkxz ul h3 span {
    display: block;
    width: 1rem;
    height: 1rem;
}
.f_relation ul h3 span i,.bfsonNum ul h3 span i,.j_checkxz ul h3 span i {
    display: block;
    background: #cbcbcb;
    height: 2px;
    transform: rotate(-45deg);
    transform-origin: center center;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    width: 0.75rem;
    vertical-align: bottom;
}
.f_relation ul h3 span i::before,.bfsonNum ul h3 span i::before,.j_checkxz ul h3 span i::before {
    background: #cbcbcb none repeat scroll 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 0.75rem;
}
.f_relation ul li,.bfsonNum ul li,.j_checkxz ul li{
    font-size: .7rem;
    color: #333;
    padding:.75rem 0;
    margin: 0 .5rem;
    line-height: 1;
    border-bottom: 1px solid #f8f8f8;
}
.f_relation ul li:last-child,.bfsonNum ul li:last-child,.j_checkxz ul li:last-child{
    border-bottom:none;
}
/*///////////////考勤footer/////////////////////*/
.j_check_footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}
.j_check_footer ul{
    display: -webkit-box;
}
.j_check_footer ul li{
    -webkit-box-flex:1;
    padding: .5rem 0;
}
.j_check_footer ul li.hover{
    background-color:#efefef;
}
.j_check_footer ul li div{
    text-align: center;
    line-height: 1;
    border-right: 1px solid #f8f8f8;

}
.j_check_footer ul li:last-child div{
    border-right: none;
}
.j_check_footer ul li div img{
    height: 0.975rem;
    display: block;

    margin:0 auto .25rem;
}
.j_check_footer ul li p{
    line-height: 1;
    font-size: .65rem;
    color: #333;
    text-align: center;
}
/*///////////////////////////考勤异常&休假申请 end////////////////////////*/



/*************oa新版首页【开始】*******************************************************/ 


.y_nw h3{
	text-align: left;
	font-size: .6rem;
	color:#999;
	padding: .5rem 0;
	border-bottom: 1px solid #f7f7f7;
}

.y_nw h3 span{
	color: #333;
	display: inline-block;
   	padding: .2rem .5rem;
	text-decoration: underline;
}

.y_nw h3 span.on{
	text-decoration: inherit;
}   



.j_sign{}

.j_sign .j_clock{
    height: 7rem;
    position: relative;    
}
.j_sign .j_clock h3{
    position: absolute;
    right: .5rem;
    top: .25rem;
    color: #fff;
    font-size: .6rem;
    line-height: 1;
    display: -webkit-box;
}
.j_sign .j_clock h3 span{
    padding-left: .25rem;
}
.j_sign .j_clock h3 i{
    display: -webkit-box;
    width: .7rem;
    height: .625rem;
    margin-right: .25rem;
    background:url(../images/sign/bs.png) no-repeat;
    background-size: 100% auto;
}
.j_sign .j_clock .j_clockbg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:50%;
    background:url(../images/sign/bg.png) no-repeat;
    background-size: 100% 100%;
}
.j_sign .j_clock .j_clock_dk{
    height: 3.8rem;
    width: 3.8rem;
    background: url(../images/sign/dk.png) no-repeat;
    background-size: 100% auto;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    line-height: 1;
    font-size: .9rem;
}
.j_sign .j_clock ul{
    display: -webkit-box;
}
.j_sign .j_clock .tlmid h4{
    line-height: 1;
    margin-bottom: .3rem;
    font-size: .65rem;
    color: #ffde00;
}
.j_sign .j_clock .tlmid h4 span{
    color: #8a2e00;
    float: right;
    line-height: 1;
}
.j_sign .j_clock .tlmid h4 span b:first-child{
    padding-right: .25rem;
}
.j_sign .j_clock .tlmid h4 span b:last-child{
    padding-left: .25rem;
}
.j_sign .j_clock ul li{
    line-height: 1; 
    color: #f1f1f1;
    display: -webkit-box;
    /* display: -webkit-box; */
    /* -webkit-box-pack: center; */
    -webkit-box-align: center;
}
.j_sign .j_clock ul li span{
    width:1.825rem;
    height:2.55rem;    
    margin:0 .05rem;
    font-size: 1.5rem;
    background:url(../images/sign/sj.png) no-repeat;
    background-size:100%; 
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
.j_sign .j_clock p{
    position: absolute;
    font-size: .65rem;
    color: #fff;
    width: 100%;
    bottom: .5rem;
    padding-right: .5rem;
    line-height: 1;
}
.j_sign .j_clock p span:first-child{
    float: left;
    padding-left: .5rem;
    color: #8a2e00;
}
.j_sign .j_clock p span:last-child{
    float: right;
    padding-right: .5rem;
    color: #fff;
}
.j_sign .j_clock p::after {
    content: "";
    display: block;
    border-color: #fff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: .3rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-55%) rotate(45deg);
    width: .3rem;
    position: absolute;
    top: 50%;
    right: .5rem;
}
.j_sign_public{
   /*  margin-bottom:3rem; */
   position: relative;
}
.j_sign_public ul{
        position: relative;
		
    border-bottom: 1px solid #f2f2f2;
}

.j_sign_public ul li{
    width: 33.33%;
    height:4.5rem;
    box-sizing: border-box;
    border-right: 1px solid #f2f2f2;
    float: left;
}
.j_sign_public ul li:last-child{
    border-right: none;
}
.j_sign_public ul li div{
    text-align: center;
    width: 1.8rem;
    height:1.8rem;
    margin:.75rem auto 0;
    position: relative;
    display: -webkit-box;
	-webkit-box-align: end;
	-webkit-box-pack: center;
}
.j_sign_public ul li div img{
    width: 1.8rem;
    margin:auto; 
    display: block;
}
.j_sign_public ul li div span{
    position: absolute;
    left: 1.4rem;
    top: 0;
    display: block;
    background: #fc433e;
    padding: 1px 3px;
    border-radius: 10px;
    font-size: 0.6rem;
    color: #fff;
}
.j_sign_public ul li  p{
    text-align: center;
    font-size: .7rem;
    color: #666;
    line-height: 1;
    padding-top: .5rem;
    padding-bottom: .75rem;
}
.j_sign_footer{
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
}
.j_sign_footer ul{}
.j_sign_footer ul li{
    float: left;
    width: 25%;
    padding:.3rem 0;
}
.j_sign_footer ul li div{
    position: relative;
    text-align: center;
    line-height: 1;
    margin-bottom: .25rem;
    height: .9rem;
}
.j_sign_footer ul li div img{
    height: .9rem;
}
.j_sign_footer ul li div span {
    position: absolute;
    left: 2.1rem;
    top: 0;
    display: block;
    background: #fc433e;
    padding: 1px 3px;
    border-radius: 10px;
    font-size: 0.6rem;
    color: #fff;
}
.j_sign_footer ul li p{
    line-height: 1;
    font-size: .6rem;
    color: #666;
    text-align: center;
}


/*查看历史记录*/
.j_history{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    background:rgba(0,0,0,.8);
    bottom: 0;
}
.j_history .j_lishi{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80%;
    left: 0;
    background-color: #fff;
}
.j_lishi h5{
	font-size:.65rem;
	text-align:center;
	margin-top:2rem;
}
.j_history .j_lishi .j_lsbg{
    
}
.j_history .j_lishi .j_lsbg img{
    width: 100%;
    display: block;
}
.j_history .j_lishi h4{
    font-size: .65rem;
    color: #eb6f01;
    line-height: 1;
    margin-bottom: .25rem;
}
.j_history .j_lishi .j_lsbg .lmid{
    top: .75rem;
}
.j_history .j_lishi ul {
    display: -webkit-box;
}
.j_history .j_lishi ul li {
    line-height: 1;
    color: #eb6f01;
    font-size: .65rem;
    display: -webkit-box;
    /* display: -webkit-box; */
    /* -webkit-box-pack: center; */
    -webkit-box-align: center;
}
.j_history .j_lishi ul li span {
    width: 1.95rem;
    height: 2.4rem;
    color: #333;
    margin: 0 .05rem;
    font-size: 1.5rem;
    background: url(../images/sign/sj2.png) no-repeat;
    background-size: 100%;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}


.j_history .j_lishi ol {
    width: 100%;
    position: absolute;
    top: 5.2rem;
    bottom: 2.235rem;
    padding: .75rem 0;
    box-sizing: content-box;
    background-color: #fff;
    overflow-y: scroll;
}
.j_history .j_lishi ol li {
    padding-bottom: .75rem;
    color: #666666;
    font-size: .7rem;
    color: #333;
    line-height: 1;
    position: relative;
    padding-left: .75rem;
    margin-left: .75rem;
    border-left: 1px solid #ddd;
}
.j_history .j_lishi ol li:last-child{
    padding-bottom: 0;
}
.j_history .j_lishi ol li:first-child i{
    border: 2px solid #ffba99;
    top: 0;
    left: -.3rem;
}
.j_history .j_lishi ol li i {
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    background: #ddd;
    border-radius: 100%;
    position: absolute;
    left: -.2rem;
    top: .15rem;
}
.j_history .j_lishi ol li time{
    padding-right: .9rem;
}
.j_history .j_lishi .j_lsgb{
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 2.235rem;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    border-top: 1px solid #eaeaea;
    background-color: #fff;
    color: #666;
    font-size: .8rem;
}
.j_loddings{}
.j_loddings img{width:2rem;}

/*************oa新版首页【结束】*******************************************************/ 
 
 
/*************添加应用【开始】*******************************************************/ 
.j_signmec{
	width:100%;
	height:100%;
	 
	line-height:1;
	font-size:.65rem;
	color:#fff;
	display:none;
	z-index:5;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	position:fixed;
	top:0;
	left:0;	
}
.j_signmec img{
	display: block;
	width: 2rem;
	height: 2rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	position: absolute;
}
 .j_sign_public ul li div label {  position: absolute;top:-.08rem; right:-.25rem;display: block; vertical-align: middle; line-height: 1;font-size: 0;}
.j_sign_public ul li div label + label { margin-left:1rem; }
.j_sign_public ul li div label input{ display: none; }
.j_sign_public ul li div label i { display: inline-block; width: 0.75rem; height: 0.75rem; background: url(../images/sign/jwx.png) no-repeat; background-size: cover; vertical-align: middle;}


.j_sign_public ul li div label input:checked + i
 { background-image: url(../images/sign/jyx.png); }
.j_sign_public ul li div b{
    display:block;
    position: absolute;
    top:-.08rem;
    right:-.25rem;
    width: .75rem;
    height: .75rem;
    background:url(../images/sign/jwx.png) no-repeat;
    background-size:100%;
}
.j_sign_public ul li div b.on{
    background:url(../images/sign/jyx.png) no-repeat;
    background-size:100% auto;
} 
.j_bianji{
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
}
.j_bianji a{
    -webkit-box-flex:1;
    font-size: .75rem;
    line-height: 1;
     padding:.8rem 0;
    display:-webkit-box;
    border-right: 1px solid #f8f8f8;
    -webkit-box-pack:center;
}
.j_bianji a:last-child{
    border-right: none;
}
 
  /*************添加应用【结束】*******************************************************/ 
 
 /*************EHR操作页面【开始】*******************************************************/
 .y_operationOpt h3{
    padding:.5rem 0;
    font-size: .65rem;
    color: #333;
    border-bottom: 1px solid #f8f8f8;
}
.y_operationOpt h3 span{
    font-size: .65rem;
    background-color: #fff;
    border:1px solid #999;
    color: #666;
    display: inline-block;
    padding:.3rem .4rem;
    text-align: center;
    margin-left: .3rem;
    line-height: 1;
}
.y_operationOpt h3 span.on{
    color: #fff;
}
/*************EHR操作页面【结束】******************************************************/
/**附件*/
.f_attpic{
	height:100%!important;
}
 
 /**/
#showPic li{width:25%;padding:0;}
#showPic li img{display:block;margin:auto;}

/**************勤务事项二次确认【开始】******************************************************/
.leave_confirm{
	width:100%;
	position:fixed;
	top:0rem;left:0;
	background:rgba(0,0,0,0.8);
}
.leave_confirm>div{position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    width: 92%;
    bottom: auto;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
 .leave_confirm>div p{
   padding:.5rem;
   line-height: 1.5;
   color: #333333;
   font-size: .8rem;
   text-align: center;
   }
/**************勤务事项二次确认【结束】******************************************************/
/**************用户交互信息展示【开始】******************************************************/
.j_notfilleinfo,.j_notfilleinfo2,.j_notfilleinfo3,.j_notfilleinfo4{
				width:100%;
				position:fixed;
				left:0;
				background:rgba(0,0,0,0.8);
				z-index: 33;
				height:100%;
			}
.j_notfilleinfo>div,.j_notfilleinfo2>div,.j_notfilleinfo3>div,.j_notfilleinfo4>div{position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    width: 92%;
    bottom: auto;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
 .j_notfilleinfo>div p,.j_notfilleinfo2>div p,.j_notfilleinfo4>div p{
   /* 	height: 5.5rem; */
   line-height:1.5;
   padding:.5rem;
   color: #333333;
   font-size: .8rem;
   text-align: center;
   margin-bottom:4px;
   }
/**************用户交互信息展示【结束】******************************************************/


/**************会议室【开始】******************************************************/
/*=================会议室预约================*/
.j_hysnav{ 
    padding: .25rem; 
    width: 100%; /* overflow: hidden; */
    height: 2rem; 
    border-bottom: 1px solid #f5f5f5; 
}
.j_hysnav p{ 
    text-align: center; 
    margin: 0 .25rem; 
    border-radius: .2rem; 
    font-size: .65rem; 
    padding: .25rem 0; 
    color: #999; 
    width: 33%;
    float: left;
    border: 1px solid #fff; 
    background-color: #f5f5f5; 
}
.j_hysnav p.on{ 
    border: 1px solid #f5f5f5; 
    border-bottom: 1px solid #fff; 
    height: 2rem; 
    border-radius: .2rem .2rem 0 0; 
    background-color: #fff; 
}
.j_hyscont1{}
.j_hyscont1 h3{
    display: -webkit-box;
    -webkit-box-pack: center;
}
.j_hyscont1 h3 p{
    line-height: 1;
    font-size: .65rem;
    color: #666;
    border: 1px solid #f5f5f5;
    padding: .25rem .5rem;
    margin: .5rem 1rem;
}
.j_btnTop {
    -webkit-box-align: center; 
    background: #fff; 
    padding:.5rem;
    padding-top: 0;
    border-bottom: 1px solid #ebebeb; 
    line-height: 1;
    -webkit-box-pack: start;
}
.j_btnTop label { 
    display: inline-block; 
    vertical-align: middle; 
    line-height: 1;
    font-size: 0;
}
.j_btnTop label input{ 
    display: none; 
}
.j_btnTop label i { 
    display: inline-block; 
    width: 0.7rem; 
    height: 0.7rem; 
    vertical-align: middle; 
    margin-right: .25rem; 
}
.j_btnTop label span { 
    color: #333333; 
    font-size: 0.6rem; 
    vertical-align: middle;
}
.j_hyscontbtm{
    padding-bottom: .25rem;
    border-bottom: 1px solid #ebebeb;
}
.j_hyscontbtm h4{
    display: -webkit-box;
    -webkit-box-pack: justify;
    padding: .5rem;
    line-height: 1;
    font-size: .6rem;
    color: #333;
    border-bottom: 1px dashed #0CA7E2;
}
.j_hyscontbtm p{}
.j_hyscontbtm>div{
    position: relative;
    position: relative;
    line-height: 1;
    padding: 0 .5rem;
} 
.j_hyscontbtm>div p{
    display: inline-block;
    font-size: .6rem;
    color: #333;
    border: 1px solid #ebebeb;
    line-height: 1;
    padding: .25rem .5rem;
    margin-top: .25rem;
}
.j_hyscont2{}
.j_hyscont2>div{
    border-bottom: 1px solid #f5f5f5;
    padding: .5rem;
    color:#333;
}
.j_hyscont2>div.col{
    color: #ddd;
}
.j_hyscont2 h3{
    display: -webkit-box;
    -webkit-box-pack: justify;
    padding-bottom: .5rem;
    font-size: .6rem;
    line-height: 1;
}
.j_hyscont2 h3 p{}
.j_hyscont2 h4{
    display: -webkit-box;
    -webkit-box-pack: end;
    font-size: .55rem;
    line-height: 1;
}
/*=================会议详情======================*/
.huiyixq{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
}
.j_xiangq{
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 2rem;
    width: 100%;
    /* height: 100%; */
    overflow-y: scroll;
}
.j_xiangq label{
    display: -webkit-box;
    font-size: .65rem;
    color: #333;
    line-height: 1;
    padding: .5rem 0 .5rem .5rem;
}
.j_xiangq label span{
    display: block;
    line-height: 1;
    width: 2.8rem;
    text-align: right;
}
.j_xiangq label input{
    -webkit-box-flex: 1;
    display: block;
    text-align: center;
    /* line-height: 21; */
    margin-top: -1px;
    padding-bottom: .2rem;
    border-bottom: 1px solid #f5f5f5;
}
.j_xiangqbtn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    border-top: 1px solid #f5f5f5;
    background-color: #fff;
    display: -webkit-box;
}
.j_xiangqbtn p{
    -webkit-box-flex:1;
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    font-size: .7rem;
    color: #666;
    border-right: 1px solid #f5f5f5;
}
.j_xiangqbtn p:last-child{
    border-right: 0;
}

.j_djjz{
    display: -webkit-box;
    -webkit-box-pack: center;
    font-size: .65rem;
    color: #333;
    margin-top: .5rem;
}
.j_djjz img{
    display: block;
    width: .825rem;
    height: .825rem;
    margin-right: .25rem;
}
/**************会议室【结束】******************************************************/
.j_top{
	position: absolute;
    width: 100%;
    top: 0rem;
    height:auto;
    bottom:0rem;
    left:0;
    overflow-y:scroll;
}
/**适应发件箱和收件箱删除头部后样式***/
.j_transation{
	position: absolute;
    /* top: 2rem; */
    width: 100%;
    background-color: #fff;
	}
/********全局样式加载中---start---**********/
.loading1{
	  width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
	}
.loading1>div	{
		-webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4rem;
    height: 4rem;
    background: rgba(0,0,0,0.9);
    border-radius: 4px;
	}
.loading1>div img{
		width: 1.6rem;
    /* height: 1.5rem; */
    display: block;
    margin: .7rem auto .4rem;
		}
.loading1>div p{
    color: #fff;
    line-height: 1;
    font-size: .6rem;
    text-align: center;
	}
/********全局样式加载中---end---********/
/********动态对号和叉号样式---start---**/
.jjj{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    background-color: #fff;
    width: 90%;
}
.icon {
    width: 60px;
    height: 60px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto 5px;
    padding: 0;
    position: relative;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.icon.error {
    border-color: #f43530!important;
}
.icon.error .x-mark {
    position: relative;
    display: block;
}
.icon.error .line {
    position: absolute;
    height: 5px;
    width: 36px;
    background-color: #f43530!important;
    display: block;
    top: 28px;
    border-radius: 2px;
}
.icon.error .line.left {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 13px;
}
.icon.error .line.right {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 12px;
    position: absolute;
    z-index: 3;
    background-color: #f43530;
}

.icon.success {
    border-color: #09bb07;
}
.icon.success::before,
.icon.success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 46px;
    height: 92px;
    background: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon.success::before {
    border-radius: 92px 0 0 92px; 
    top: -8px;
    left: -23px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    transform-origin: 46px 46px;
    -webkit-transform-origin: 46px 46px;

}
.icon.success::after {
    border-radius: 0 92px 92px 0;
    top: -8px;
    left: 23px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    -ms-transform-origin: 0px 60px;
    -webkit-transform-origin: 0px 46px;
}
.icon.success .placeholder {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(9,187,7, 0.4);
    border-radius: 50%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.icon.error .placeholder {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(244,53,48, 0.4);
    border-radius: 50%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.icon.success .fix {
    width: 5px;
    height: 80px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon.success .line {
    height: 5px;
    background-color: #09bb07;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.icon.success .line.tip {
        width: 19px;
    left: 11px;
    top: 35px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon.success .line.long {
    width: 36px;
    right: 5px;
    top: 29px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon.custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
    /*
 * Animations
 */
}@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    70% {
        width: 38px;
        left: -6px;
        top: 28px;
    }
    84% {
        width: 13px;
        left: 16px;
        top: 37px;
    }
    100% {
        width: 19px;
        left: 11px;
        top: 35px;
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    70% {
        width: 38px;
        left: -6px;
        top: 28px;
    }
    84% {
        width: 13px;
        left: 16px;
        top: 37px;
    }
    100% {
        width: 19px;
        left: 11px;
        top: 35px;
    }
}
@-webkit-keyframes animateSuccessTips {
    0% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    70% {
        width: 5px;
        left: -3px;
        top: 28px;
    }
    84% {
        width: 13px;
        left: 16px;
        top: 37px;
    }
    100% {
        width: 36px;
        left: 12px;
        top: 28px;
    }
}
@keyframes animateSuccessTips {
    0% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 14px;
    }
    70% {
        width: 5px;
        left: -3px;
        top: 28px;
    }
    84% {
        width: 13px;
        left: 16px;
        top: 37px;
    }
    100% {
        width: 36px;
        left: 12px;
        top: 28px;
    }

}
@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 35px;
        top: 42px;
    }
    65% {
        width: 0;
        right: 35px;
        top: 42px;
    }
    84% {
        width: 42px;
        right: 0px;
        top: 27px;
    }
    100% {
        width: 37px;
        right: 5px;
        top: 29px;
    }
}
@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 35px;
        top: 42px;
    }
    65% {
        width: 0;
        right: 35px;
        top: 42px;
    }
    84% {
        width: 42px;
        right: 0px;
        top: 27px;
    }
    100% {
        width: 37px;
        right: 5px;
        top: 29px;
    }
}
@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}
.animateSuccessTips {
    -webkit-animation: animateSuccessTips 0.85s;
    animation: animateSuccessTips 0.85s;
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.85s;
    animation: animateSuccessLong 0.85s;
}
.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
  opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

/**********动态对号和叉号---end---*****************/

/*--------------------------新建日程------------------------------*/

/*///////////////////////////考勤异常&休假申请////////////////////////*/
.j_check{
    position: absolute;
    width: 100%;
    height: auto;
    overflow-y:scroll;
    background-color: #f8f8f8;
    top: 0;
    bottom: 2.25rem;
}
.j_check .j_checkinput{
    display: block;
    width: 100%;
    padding:.75rem .5rem;
    font-size: .65rem;
    line-height: 1;
    margin-bottom: .5rem;
}
.j_checkcont{
    padding:0 .5rem;
    background-color: #fff;
    margin-bottom: .5rem;
}
.j_checkcont h3{
    padding:.5rem 0 0;
    font-size: .65rem;
    color: #333;
    display: -webkit-box;
    border-bottom: 1px solid #f8f8f8;
}
.j_checkcont h3 label{
    padding: .3rem 0;
    display: inline-block;
    line-height: 1;
}
.j_checkcont h3 p{
    margin-left: .5rem;
    -webkit-box-flex: 1;
}
.j_checkcont h3 span{
    font-size: .65rem;
    background-color: #fff;
    border:1px solid #999;
    color: #666;
    display: inline-block;
    padding:.3rem .4rem;
    text-align: center;
    margin-right: .3rem;
    line-height: 1;
    margin-bottom: .5rem;
}
.j_checkcont h3 span.on{
    color: #fff;
}
.j_checkcont .j_checktime{
    font-size: .65rem;
    line-height: 1;
    color:#ddd;
    padding:.75rem 0;
    text-align: center;
    display: -webkit-box;
    border-bottom: 1px solid #f8f8f8;
}
.j_checkcont .j_checktime span{
    color: #333;
    display: block;
    margin-right: .5rem;
}
.j_checkcont .j_checktime select{
    font-size: .65rem;
    line-height: 1;
}
.j_checkcont .j_checktime select option{
    border:1px solid #ddd;
}

/* .j_checkcont .j_checksc{
    padding: .75rem 0;
}
.j_checkcont .j_checksc h4{
    font-size: .75rem;
    margin-bottom: .25rem;
    line-height: 1;
    color: #333;
}
.j_checkcont .j_checksc h4 span{
    display: inline-block;
    width: .7rem;
    height: .65rem;
    position: relative;
    top: 1px;
    left: .5rem;
    background: url(../images/jicon1.png) no-repeat;
    background-size: auto 100%;
}
.j_checkcont .j_checksc p{
    font-size: .6rem;
    color: #666;
    line-height: 1;
}
.j_checkzt{
    margin-bottom: .5rem;
    color: #333333;
    font-size: 0.65rem;
    overflow: hidden;
    padding-left: 1.575rem;
    position: relative;
    padding:.75rem 0 .75rem 1.575rem;
    line-height: 1;
    background-color: #fff;
}
.j_checkzt span{
    left: .5rem;
    width: .825rem;
    height: .825rem;
    border:1px solid #c5c5c5;
    border-radius: 50%;
    position: absolute;
    text-align: right;
    padding-right: 0;
     position: absolute;
     top: 50%;
    transform: translateY(-50%);
}
.j_checkzt span::after{
    content: "";
    display: block;
    border-top: 1px solid #bcbcbc;
    width: .5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.j_checkzt span::before{
    content: "";
    display: block;
    border-left: 1px solid #bcbcbc;
    height: .5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.j_checkzt::after {
    content: "";
    display: block;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: .4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .4rem;
    position: absolute;
    top: 50%;
    right: .5rem;
}*/
.j_checktj{
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    height: 2.25rem;
    overflow:hidden;
    left: 0;
    display: -webkit-box;
    -webkit-box-pack:justify;
}
.j_checktj p{
    font-size: .65rem;
    color:#333;
    height: 2.25rem;
    padding-left: .5rem;
    line-height: 2.25rem;
}
.j_checktj  label{
    display: -webkit-box;
    -webkit-box-pack:justify;
}

.j_checktj input,.j_checktj label span{
    font-size: .8rem;
    line-height: 1;
    color: #fff;
    height: 2.25rem;
    padding: 0 .75rem;
}
.j_checktj label span{
    display: block;
    margin-left: 1px;
    line-height: 2.25rem;
}
.j_checktj label span.yulan{
    background-color: #FFB90A;
} 
/*、、、、、休假申请、、、、、*/
.j_checkcont h2,.j_checkqj h2{
    padding:.75rem 0;
    border-bottom: 1px solid #f8f8f8;
    background-color: #fff;   
}
.j_checkqj h2:last-child{
    border-bottom: none
}
.j_checkcont h2>div,.j_checkqj h2>div{
    position: relative;
     display: -webkit-box;
    -webkit-box-pack:justify;
    line-height: 1;
    color: #333;
    font-size: .65rem;
}
.j_checkcont h2 b{
    color: #999;
    line-height: 1;
    font-size: .6rem;
    display: block;
    margin-top: .25rem;
}
.j_checkcont h2>div span,.j_checkqj h2>div span{
    padding-right: .5rem;
}
.j_checkcont h2>div::after,.j_checkqj h2>div::after{
    content: "";
    display: block;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: .4rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-55%) rotate(45deg);
    width: .4rem;
    position: absolute;
    top: 49%;
    right: 0rem;
}
.j_checkqj{
    padding:0 .5rem;
    background-color: #fff;
    margin-bottom: .5rem;
}
.j_checkqj textarea{
    padding:.75rem 0;
    width: 100%;
    resize : none; 
    font-size: .65rem;
}
/*.j_checkqj .j_checkphoto{
    padding:.5rem 0;
    display: -webkit-box;
    -webkit-box-align:center;
    border-bottom: 1px solid #f8f8f8;
}
.j_checkqj .j_checkphoto b{
    line-height: 1;
    color: #999;
    font-size: .6rem;
    display:block;
    margin-left: .5rem;

}
.j_checkqj .j_checkphoto span{
    width: 2.45rem;
    height: 2.45rem;
    border:1px solid #d7d7d7;
    position: relative;
    display:block;
}
 .j_checkqj .j_checkphoto span::after{
    content: "";
    display: block;
    border-top: 1px solid #bcbcbc;
    width: 1.5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.j_checkqj .j_checkphoto span::before{
    content: "";
    display: block;
    border-left: 1px solid #bcbcbc;
    height: 1.5rem;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
} */
.j_checkcont .j_checkinput1{
    margin-bottom: 0;
    padding:.75rem 0;
    border-bottom: 1px solid #f8f8f8;
}
/*//////////////////事项类型选择///////////////////////////*/
.j_checkxz{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index:3;
    background: rgba(0,0,0,.8);
}
.j_yulanbq>div{
    position: absolute;
    bottom: 0;
    background-color: #fff;
    font-size: .7rem;
    color: #666;
}
.j_yulanbq>div h3{
    padding: 0 .5rem;
    padding: .75rem 0;
    line-height: 1;
}
.j_yulanbq>div p{
    padding: 0 .5rem;
    text-indent: 24px;
    line-height: 1.5;
}
.j_yulanbq>div p.p1{
    text-align: right;
}
.j_yulanbq>div h4{
   border-top: 1px solid #eaeaea;
   line-height: 1;
   text-align: center;
   padding: .75rem 0;
}
.j_checkqjs{
		padding: .75rem .5rem;
    border-bottom: 1px solid #f8f8f8;
    background-color: #fff;
    display:-webkit-box;
    line-height: 1;
    color: #333;
    font-size: .65rem;
	}
.j_checkqjs> p{
	margin-right:.5rem;
}
.j_checkqjs input{
	    -webkit-box-flex: 1;
    display: block;
    line-height: 1;}
.j_checkqjs input::-webkit-input-placeholder{
    color:#ddd;	
}
/*================================考勤日历首页新版=====================================*/
.j_position{
    width:100%;
    height:auto;
    top:0;
    bottom:0;
    position:absolute;
    overflow-y:scroll;
    overflow-x: hidden;
}
.j_lishi{
    background-color: #fff;
}
.j_kaoqnav{
    display: -webkit-box;
    -webkit-box-align: center;
    padding: .75rem 0 1.25rem 0;
}
.j_kaoqnav li{
    -webkit-box-flex:1;
}
.j_kaoqnav li b{
    height: 1.85rem;
    width:1.85rem;
    display: block; 
    margin: auto;
}
.j_kaoqnav li p{
    font-size: .55rem;
    color: #fff;
    padding-top: .5rem;
    text-align: center;
    line-height: 1;
}
.j_kaoqrili{
    background-color: #fff;
    margin-bottom: .5rem;
}
.j_kaoqrili h3,.j_yicjilu h3{
    padding:.75rem 0;
    line-height: 1;
    border-bottom:1px solid #f8f8f8;
}
.j_kaoqrili h3 p,.j_yicjilu h3 p{
    font-size: .65rem;
    color: #666;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack:justify;
    padding-left: .5rem;
}
.j_kaoqrili h3 p span{
    color: #333;
    display: block;
    padding-right: 1rem;
}
.j_kaoqrili h3 p i,.j_yicjilu li i{
    width: .325rem;
    height: .55rem;
    display: block;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right: .5rem;
    background:url(../images/icon_right.png) no-repeat;
    background-size:auto 100%;
}
.j_rilicont{
    display: -webkit-box;
    -webkit-box-align:center;
}
.j_rilicont .j_rilileft{
    padding:0 1rem;
    width: inherit!important;
    border: 0!important;
    position:relaitve;
}
.j_rilicont .j_rilileft p{
    font-size: .65rem;
    line-height: 1;
    color: #333;
}
.j_rilicont .j_rilileft h4{
    display: -webkit-box;
    -webkit-box-align:center;
    font-size: 1rem;
    color: #333;
    line-height: 1;
}
.j_rilicont .j_rilileft  i{
    display: block;
    width: .325rem;
    height: .55rem;
    /* margin-left: .25rem; */
    background: url(../images/icon_right.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}
.j_riliright{
    -webkit-box-flex: 1;
    border-left: 1px solid #f8f8f8;
}
.j_riliright h2{
    
    line-height:1;
    padding:.5rem;
    text-align: center;
    padding-left: 2.5rem;
    border-bottom:1px solid #f8f8f8;
}
.j_riliright h2 p,.j_riliright h2 p strong{
	font-size: 1rem;
    color: #333;
}

.j_riliright h2 span{
    display: block;
    font-size: .65rem;
    color: #666;
    padding-bottom: .2rem;
}
.j_riliright h4{
    line-height: 1;
    display: -webkit-box;
}
.j_riliright h4 p{
    -webkit-box-flex:1;
    
    text-align: center;
    padding:.5rem;
    border-right:1px solid #f8f8f8;
}
.j_riliright h4 p span.span1,.j_riliright h4 p b{
	color: #333;
    font-size: .8rem;
	}
.j_riliright h4 p:last-child{
    border-right:none;
}
.j_riliright h4 p span{
    display: block;
    font-size: .6rem;
    color: #666;
    padding-bottom: .25rem;
}
.j_yicjilu{
    background-color: #fff;
}
.j_history1 .j_yicjilu{
	background-color: #fff;
    max-height: 70%;
    overflow-y: scroll;
    position: absolute;
    width: 100%;
    bottom: 0;
	}
.j_yicjilu li{
    position:relative;
    line-height: 1;
    margin-left:.5rem;
    padding:.75rem .5rem .75rem 0; 
    display: -webkit-box;
    -webkit-box-pack:justify;
    border-bottom:1px solid #f8f8f8;
    font-size: .65rem;
    color: #333;
    cursor:pointer;
}
.j_yicjilu li:nth-child(1){
	margin-top:2.25rem;
}
.j_yicjilu li p{
    font-size: .65rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-align:center;
    font-family: "Arial";
}
.j_yicjilu li p b{
    font-size: .3rem;
    color: #333;
    display: -webkit-box;
    background-color: #dcdcdc;
    padding: .1rem .2rem;
    border-radius:1px;
    margin-right: .25rem;
    padding: .1rem .2rem;
    width: 1rem;
    -webkit-box-pack: center;
}
.j_yicjilu li span{
    display: block;
    font-size: .45rem;
    padding:.1rem;
    color: #fff;
    margin-right: .75rem;
}
.j_yicjilu li span.span1{
    background-color: #ff5300;
}
.j_yicjilu li span.span2{
    background-color: #e02a2a;
}
.j_yicjilu li span.span3{
    background-color: #ffa200
}
.j_btends{
    position:fixed;
    bottom:1.25rem;
    right: .5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border:1px solid #eaeaea;
    background-color: #fff;
    line-height: 1;
    font-size: .6rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
}
.j_lishicont h4{
    position: absolute;
    font-size: .6rem;
    color:#333;
    line-height:1;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.j_lishicont h3{
	/*padding-right:4rem;
	line-height: 1.3rem;*/
}

.j_history1 ul h3{
	text-align: center;
    padding: 0;
    height: 2.25rem;
    position: fixed;
    width: 100%;
    line-height: 2.25rem;
    font-size: .75rem;
    color: #666;
    border-bottom: 1px solid #eaeaea;
    background-color: #fff;
    z-index: 2;
	}
.j_history1 ul h3 i{
		width: .6rem;
    height: .6rem;
    display: block;
    background: url(../images/schedule/cc.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem;
    cursor:pointer;
	}
	
	

.mui-dtpicker-header button{
	font-family: "Arial","微软雅黑","黑体","_sans"!important;
    border: none!important;
    background-color: #EEE!important;
}
.approveBtn{
	position: fixed;
    top: 0;
    left: 0;
    height: 2rem;
    font-size: .7rem;
    color: #ff5300;
    display: -webkit-box;
    -webkit-box-align: center;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    background-color: #fff;
    z-index: 2;
	}
.approveBtn span{
	display: -webkit-box;
    -webkit-box-flex: 1;
    border-right: 1px solid #e5e5e5;
    width: 25%;
    height: 2rem;
    -webkit-box-pack: center;
    -webkit-box-align: center;
   }
.approveBtn span:last-child{
	border-right:0;
	}
#approveBtn{
	position: fixed;
    top: 0;
    left: 0;
    height: 2rem;
    font-size: .7rem;
    color: #ff5300;
    display: -webkit-box;
    -webkit-box-align: center;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    -webkit-box-flex: 1;
    text-align: center;
    line-height: 2rem;
	}
	
	
	
	
/*、、、、、休假申请、、、、、*/
.j_newul{
    background-color: #fff;
    border-bottom: 1px solid #f8f8f8;
    /* padding: .5rem 0; */
    font-size: .6rem;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    color: #666;
    margin-bottom: .5rem;
}
.j_newul li{
    -webkit-box-flex: 1;
    /* -webkit-box-pack: center; */
    /* display: -webkit-box; */
    text-align: center;
    border-right: 1px solid #f8f8f8;
    padding: .5rem 0;
}
.j_newul li:last-child{
    border-right:0;
}
.j_newul li p{
    line-height: 1.3;
}
.j_newul li span{
    color: #32B0ED;
    padding-left:.2rem;
}
.j_son{
    background-color: #fff;
    font-size: .65rem;
    /* border-bottom: 1px solid #f8f8f8; */
    padding: 0 .5rem;
    color: #666;
    display: -webkit-box;}
.j_son span{
    display: -webkit-box;
    padding: .5rem 0;
    width: 6.5rem;
    line-height: 1;
    -webkit-box-align: center;
}
.j_son span b{
	display: -webkit-box;
    -webkit-box-align: center;
    line-height: 1;
    color: #ff5300;
    font-size: .5rem;
    padding-left: .1rem;
}
.j_son label{
    display: -webkit-box;
    -webkit-box-flex: 1;
    padding: .5rem 0;
    border-bottom: 1px solid #f8f8f8;
}
.j_son label input{
    -webkit-box-flex: 1;
    display: -webkit-box;
    /*line-height: 1;*/
}
.j_son label input::-webkit-input-placeholder{
    color: #ddd;
}
.j_Prompt{
    display: -webkit-box;
    color: #FF5300;
    font-size: .5rem;
    line-height: 1.2;
    padding: 0 .5rem .5rem .5rem;
}
.j_Prompt p{
       
    -webkit-box-flex: 1;
    
}
.j_Prompt span{
    display: block;
}
.j_checktj1{
    position: fixed;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    height: 2.25rem;
    overflow: hidden;
    display: -webkit-box;
    left: 0;
}
.j_checktj1 input{
    display: block;
    -webkit-box-flex: 1;
    font-size: .8rem;
    color: #fff;
    border-radius:0;
}
.j_checktj1 input.btn1{
    background-color: #CACACA;
}
.j_checktj1 input.btn2{
    background-color: #32B0ED;
}




/* owaF附件 */
.showzip{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 1;
    cursor:pointer;
}
.showzip .sz{
	background-color: #fff;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 8px;
    line-height: 1;
    overflow: hidden;
    overflow-y: scroll;
}
.showzip .sz i{
position: absolute;
    width: .5rem;
    height: .5rem;
    display: block;
    background: url(../images/schedule/cc.png) no-repeat center top;
    background-size: auto 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: .5rem;
}
.showzip .sz h3{
	font-size: .7rem;
    color: #333;
    padding: .5rem 0;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    cursor:pointer;
}
.showzip .sz ul{
	padding: 0 .5rem;
    max-height: 15rem;
    overflow-y: scroll;
}
.showzip .sz ul li{
	font-size: .65rem;
    padding: .5rem 0;
    color: #32b0ed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #f5f5f5;
    cursor:pointer;
}