body{ min-height:100vh;background: #0e0303;}
i{font-style: normal;}
img{border:0px;}
/*表单页面*/
.container{min-height:100vh;background: url(../images/leaveInfo.png) no-repeat;background-size: 100%;}
/*.top{height:0.52rem; font-size:0.18rem;font-weight:400;color:#FFFFFF;text-align: right; padding-right: 0.285rem;padding-top: 0.18rem;box-sizing: border-box;margin-bottom: 1.265rem;}*/
/*.top img{display: inline-block;width: 0.285rem;height: 0.285rem;margin-right: 0.13rem;vertical-align: middle;}*/
.leaveInfo_submit{width:2.54rem;height:0.955rem;margin:auto;background:url(../images/btn.png) no-repeat;background-size:100%;position: absolute;top: 5.45rem;left: 0;right: 0;}
.user_info{height:3.42rem;width: 3.14rem;margin: auto;padding-top: 1.295rem;box-sizing: border-box;}
.user_info .item{margin-bottom: 0.25rem;padding-left: 0.26rem;}
.user_info .item .title{display:inline-block; height: 0.3rem; font-size:0.25rem;font-weight:400;color:#0C1036;line-height:0.3rem;padding-right: 0.15rem;}
.user_info [type="text"]{width: 2.05rem; height: 0.3rem; font-size: 0.17rem; background: url(../images/textbg.png) no-repeat;background-size: 100%;line-height: 0.3rem;padding: 0 0.22rem; box-sizing: border-box;}
.user_info ::-webkit-input-placeholder{font-size:0.16rem;font-weight:400;color:#787878;line-height:0.3rem;}
.man{width: 0.5rem;display: inline-block;vertical-align: middle;}
.women{width: 0.5rem;display: inline-block;vertical-align: middle;}
/*表单完成页面*/
.container2{z-index:22;min-height:110vh;background:#0e0303 url(../images/leaveStrip.png) no-repeat;background-size: 100%; display: none;}
.top{height:0.52rem; font-size:0.18rem;font-weight:400;color:#FFFFFF;text-align: right; padding-right: 0.285rem;padding-top: 0.18rem;box-sizing: border-box;margin-bottom: 0.14rem;}
.top img{display: inline-block;width: 0.285rem;height: 0.285rem;margin-right: 0.13rem;vertical-align: middle;}
.leave_info{width: 3.14rem;height: 4.6rem;margin: auto;margin-bottom: 0.13rem;}
.leave_title{height: 0.48rem;font-size:0.4rem;font-weight:400;color:#0C1036;line-height:0.48rem;text-align: center;margin-bottom: 0.14rem;}
.leave_name{height:0.595rem;font-size: 0.18rem;color: #0C1036;line-height: 0.595rem;text-align: center;margin-bottom: 0.075rem;}
.leave_name div{width: 50%;height:0.595rem;float: left;}
.leave_name div i{display: inline-block;width: 0.51rem;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.leave_name div span{display: inline-block;width: 1.02rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.leave_time{height: 0.66rem;margin-bottom: 0.06rem;}
.leave_time div{height: 0.66rem;float: left;padding: 0 0.1rem;}
.leave_time div:nth-child(1),.leave_time div:nth-child(3){line-height: 0.66rem;text-align: center;}
.leave_time div:nth-child(2){line-height: 0.3rem;text-align: center;}
.leave_reason{height: 2.535rem;}
.leave_reason_top{height: 0.62rem;}
.leave_reason_top span{display: inline-block;width: 1rem;height: 0.62rem;line-height: 0.62rem;margin-left: 0.025rem;margin-right: 0.135rem;}
.leave_reason_top img{    display: inline-block;width: 1.37rem;vertical-align: middle;}
.leave_reason_img{height: 1.88rem;width: 100%;padding: 0 0.14rem;box-sizing: border-box;}
.leave_reason_img img{width: 100%;}
.tip{height: 0.22rem;line-height: 0.22rem;text-align: center;font-size:0.18rem;font-weight:400;color:#FFF;margin-bottom: 0.18rem;}
.btn {display: flex;flex-direction: row;justify-content: space-around;background: #0e0303;}
.leave_change,.leave_share{width:1.49rem;height:0.56rem;font-size:0.205rem;font-weight:400;color:#0C1036;line-height:0.5rem;text-align:center;background: url(../images/button.png) no-repeat;background-size: 100%;}
.leave_share{display:none;}
.shareMask{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5036);position: absolute;top: 0;left: 0;}
.weixin{position: fixed;bottom: 0;background: #ffffff;width: 100%;}
.weixins{background: rgba(216,216,216,0.2);width: 100%;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: space-around;	}
.weixins div{text-align: center;}
.weixins div img{display: block;width: 0.44rem;height: 0.44rem;margin: auto;margin-top: 0.22rem;margin-bottom: 0.12rem;}
.weixins div span{font-size: 0.12rem;line-height: 0.17rem;color: #555555;margin-bottom: 0.16rem;display: inline-block;}
.cancel{line-height: 0.4rem;font-size: 0.15rem;color: #555555;text-align: center;}
.leaveImg,#curTpl{background:#0e0303 url(../images/leaveImg.png) no-repeat;background-size: 100%; display: none;position: absolute;top: 0;width: 100%;}
.long{    display: none;text-align: center;position: absolute;top: 4.9rem;left: 1.5rem;font-size: 0.16rem;line-height: 0.3rem;}
.bottom{  display: flex;padding-top: 0.12rem;    height: 1.5rem;}
.bottom .code{   width: 0.975rem;height: 0.975rem;margin-left: 0.16rem;margin-right: 0.1rem;}
.bottom .code img{width: 0.975rem;height:0.975rem;background: pink;}
.bottom .txet{float: left;width: 2.325rem;height: 0.975rem;font-size:0.15rem;font-weight:400;color:#fff;line-height: 0.2rem;padding-top: 0.1rem;box-sizing: border-box;}
.alert-info {position: absolute;top: 1.74rem;right: 0;left: 0;bottom: 0;text-align: center;}
.alert-info p {display: inline-block;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}
.leaveImg{z-index: -11;}
#curTpl{opacity: 0;}	
.ok{position: absolute; top: 4.5rem; left: 2.2rem; font-size: 0.18rem;}
.ok i{font-size: 0.2rem;}
.reason{
	/*font-family: pianpian;*/
	font-size: 0.18rem;
}
@font-face
{
	font-family: pianpian;
	src: url('pianpian.ttf'),
	url('pianpian.eot'); /* IE9 */
}
/*.tran{
	transform: scale(.91);
	-ms-transform: scale(.91); 	 IE 9 */
	/*-moz-transform: scale(.91); 	 Firefox */
	/*-webkit-transform: scale(.91);  Safari 和 Chrome */
	/*-o-transform: scale(.91); 	 Opera 
}*/