.pay_label{position: relative; padding:0 35px;}
.pay_label>span{ display: block; width:25px; height:25px; border:1px solid skyblue; position: absolute; left:2px; top:-3px; border-radius:50%;}
.pay_label>input[type='radio']:checked + span::before{content:''; background:skyblue; display: block; position:absolute; width:19px; height:19px; border-radius:50%; left:2px; top:2px; z-index:999;}
.red{ color: #f33;}
.porduct_pic{position: absolute; right: 0; top:10px; width:4.8rem; z-index: 999;}
.content-block{ margin: 0; padding: 0;}
.margin{ margin:10px 0;}
p.paddingLR{ padding:0 15%;}
/*调配日志 开始*/
.nav_footer{ height:60px; position: absolute; left:0; bottom: 0; width: 100%; background:#fff; z-index:99; border-top:1px solid #f1f1f1; padding:0 10px; box-sizing: border-box;}
.nav_footer>div:nth-of-type(1){ padding-left:60px; line-height:60px; position: relative; width:120px; float:left;}
.nav_footer>div:nth-of-type(1)::before{ content:''; display: block; width:30px; height:30px; border:1px solid #ccc; position: absolute; left:15px; top:15px; box-sizing: border-box; border-radius:50%;}
.nav_footer>div.active:nth-of-type(1)::before{background:#0894ec;}
.nav_footer>div:nth-of-type(2){ padding:17px 0  0 120px; box-sizing: border-box; text-align: right;}
.nav_footer>div:nth-of-type(2) a{ background:#0894ec; color: #fff; padding:8px; font-size:16px; border-radius:5px; margin-left:10px;}
/*调配日志 结束*/
/*已领取 开始*/
.ryq_card{position: relative;overflow: hidden;}
.ryq_card div.serial-number{width: 20px;height: 20px;background: #0894ec;border-radius: 0 0 100% 0;text-align: center;color: #fff;font-size: 12px;line-height: 20px;position: absolute;left: 0px;top: 0px;text-indent: -2px;}
.ryq_card p{margin:0; padding: 0;}
.ryq_card p:nth-of-type(1){font-size:18px;}
/*已领取 结束*/
/*向上消失 开始*/
.zoomOutUp {
  animation-name: zoomOutUp;
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
/*向上消失 结束*/
/*我的考勤 开始*/
.swiper-wrapper span{ display: block; width:50px; height:50px; line-height:50px; text-align: center; border-radius:50%; box-sizing: border-box;
 margin:0 auto; background:#fff;}
 .swiper-slide.active span{color:#fff; background:skyblue;}
 .swiper-button-next, .swiper-button-prev{width:0.5rem;height:0.5rem;background-size:0.5rem 0.5rem; margin-top:-0.6rem;}
 .swiper-button-next{ right:0.2rem;}
 .swiper-button-prev{ left:0.2rem;}
 .swiper-container-years{height:50px; margin: 0 0 15px; border-bottom:1px solid #f1f1f1; background:#fff;}
 .swiper-container-years input{ width:100%; height:50px; text-align: center; line-height:50px; font-size:1rem; border:none;}
 .swiper-container{height:0;}
 .attendance_content>h1{ height:35px; line-height:35px; font-size:16px; margin:0; background: #fff; padding:0 0.5rem; box-sizing: border-box; font-weight:500;}
 .attendance_total{ height:100px; background:skyblue; text-align: center; border-bottom:2px solid #fff; padding:10px 0;}
 .attendance_total>p{ line-height:30px; font-size:16px; color: #fff;margin: 0; padding: 0px;}
 .attendance_total>span{ display: block; font-size:32px; color: #fff;}
#signature canvas{ height:100% !important;}
.attendance_list{ background:#fff; padding:10px; box-sizing: border-box;}
.attendance_list li{ line-height:40px;}
.attendance_qm{ line-height:30px; padding:10px; color:#f33; text-align: center;}
#signature{ position: absolute; width:100%; top:50px; left:0; bottom:60px; right:0;}
.login-screen, .popup{ overflow:hidden;}
.attendance_list li #someelement{ height:100px; width:100%; border:1px solid #ccc; box-sizing: border-box; display:none;}
.attendance_list li #someelement img{ height:100%; width:100%;}
/*我的考勤 结束*/
.span_block{ display: block; height:100px; padding:5px 10px; box-sizing: border-box; border:1px solid #f1f1f1;}
.span_block textarea{width:100%; height:100%; height:87px; border:0; resize:none; line-height:26px; font-size:14px;}
/*我的薪资 开始*/
.setting_header{position: relative;}
.setting_header>img{ display: block; height:200px;}
.setting_header>div{ position: absolute; top:10%; width:100%;}
.setting_header>div em{ display: block; width:100px; height:100px; border:4px solid #fff; margin:  0 auto; border-radius:50%; overflow: hidden; box-sizing: border-box;}
.setting_header>div a{ display: block; text-align: center; color: #fff; margin-top:12px; font-size:16px;}
/*我的薪资 结束*/
/*库存管理 开始*/
.item-media{ padding:0 !important;}
.item-media i{ font-size:25px; float:left; position: relative; top:2px;}
/*库存管理 结束*/
/*查看资料信息 开始*/
.information_content{padding:10px; box-sizing: border-box; position: absolute; left:0; top:0; right:0; bottom:50px; background:#fff;}
.information_content>h2{ line-height:30px; padding:10px 0; font-size:16px; text-align: center; font-family: "微软雅黑"; margin: 0;}
.information_content>h2 p{ line-height:20px; font-size: 12px; text-align: center; color: #f33; font-weight:500;}
.information_imgList{padding:10px 0; overflow-y:scroll; position: absolute; left:10px; right:10px; bottom:0; top:80px;}
.img_tan{ display:none;-webkit-transition:1s; transition:1s; position:absolute; width:90%; left:50%; top:25%; margin-left:-45%; background:#f1f1f1; padding:10px; box-sizing:border-box; border-radius:5px; z-index:999999;}
.img_tan img{ width:100%; display: block;}
.img_tan a{  display:block; width:29px; height:29px; background:#fff; position:absolute; right:-14px; top:-14px; border-radius:50%; border:1px solid #fff; box-sizing: border-box;}
.img_tan a::before{ content:''; display:block; width:17px; height:1px; background:#666; position:absolute; left:5px; top:13px; transform:rotate(45deg);}
.img_tan a::after{ content:''; display:block; width:17px; height:1px; background:#666; position:absolute; left:5px; top:13px; transform:rotate(-45deg);}
.overlazy{display:none; -webkit-transition:1s ;transition:1s;  width:100%;  position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.3); z-index:99999;}
#img_list{ overflow: hidden;}
#img_list>span input[type = 'file']{ position: absolute; left:0; top: 0; height:100%; width:100%; opacity:0; z-index:999;}
#img_list>span{ position:relative; display: inline-block; width:48%; float: left; margin-bottom: 10px;}
#img_list>span:nth-child(2n){ float: right;}
#img_list>span a{ display: block; width:100%; height:24px; line-height: 24px; text-align: center; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; text-decoration: none; color: #fff; font-size:12px; font-family: "微软雅黑";}
#img_list>span a em{ color: #f33;}
#img_list img{ width: 100%; height:100px; display: block;}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
/*查看资料信息 结束*/
/*个人设置 开始*/
.Modify_box{ padding-top:10px;}
.Modify_box>span{ display: block; padding:0 10px; box-sizing: border-box; background: #fff;}
.Modify_box>span input{ border:0; height:35px; line-height:36px; width:100%; background:none;}
.Modify_box>div{ padding:10px 0; overflow: hidden;}
.Modify_box>div span{ float:left; width:45%; height:35px; line-height:36px; padding:0 10px; box-sizing: border-box; background:#fff;}
.Modify_box>div span input{ background:none; width:100%; border:0;font-size:14px;}
.Modify_box>div a{ float: right; height:35px; line-height:36px !important;}
.Modify_box>div a.active{ background:#ccc !important;}
/*个人设置 结束*/
/*底部导航正常 开始*/
.nav_footer_normal{ height:50px; position: absolute; left:0; bottom: 0; width: 100%; background:#fff; z-index:99; border-top:1px solid #f1f1f1; padding:0 10px; box-sizing: border-box;}
.nav_footer_normal_01{ padding-top:5px;height:40px;line-height:20px; position: relative; width:120px; float:left;}
.nav_footer_normal_01 p{ font-size:14px; margin: 0;}
.nav_footer_normal_01 span{ color: #f33; font-size:16px;}
.nav_footer_normal_02{ padding:12px 0  0 120px; box-sizing: border-box; text-align: right;}
.nav_footer_normal_02 a{ background:#0894ec; color: #fff; padding:5px; font-size:16px; border-radius:5px; margin-left:9px;}
/*底部导航正常 结束*/
/*字体颜色 开始*/
.color_01{color:#b7d126;}
.color_02{color:#fb36e3;}
.color_03{color:#df5424 !important;}
.color_04{color:#16d17e !important;}
.color_05{color:#8b1ce9;}
.color_06{color:#dbd13a;}
.color_07{color:#ffa500;}
.color_08{color:#ff0000;}
.color_09{color:#FFEC8B;}
.color_10{color:#FFC0CB;}
/*字体颜色 结束*/
/*1像素 边框 开始*/
.line_bottom {
  border: none;   
  background-image: -webkit-linear-gradient(#ccc 30%,transparent 30%);   
  background-image: linear-gradient(#ccc 30%,transparent 30%);   
  background-size:  100% 1px;   
  background-repeat: no-repeat;   
  background-position: left bottom;
  }
/*1像素 边框 结束*/