ifm/WebRoot/views/haifmp/css/main.css

*{
	padding: 0;
	margin: 0;
}
html{
	font-size: 62.5%;
	font-size: 100px;
	overflow: hidden;
}
body{
	background: #f4f2f3;
}
p{
	margin-bottom: 0;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
input{
	border: none;
}
select{
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border:1px solid #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	direction: rtl;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}
option {
	direction: ltr;
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	.ar_header{
		height: 3rem !important;
		line-height: 3rem !important;
	}
	.zuo {
	    font-size: 2.15rem !important;
	}
	.rowll{
		padding-left: 0.5rem !important;
	}
	.hiddenMsg>.row>div {
	    padding-left: 1.2rem !important;
	}
	.hiddenMsg>.row>.col-md-3{
		padding-right: 0px !important;
	}
	#wrap section {
	    bottom: 1.35rem !important;
	}
	.pzSearch{
		width:26% !important;
	}
	.zzz{
		margin-top:0.45rem;
	}
	.yellowPig{
		background-position: -0.56rem -2.52rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.38rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.28rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -8.1rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.98rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.98rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -9.98rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.85rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.85rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.85rem !important;
	}
	.group_row div:nth-of-type(1) {
	    margin-left: 0.4rem !important;
	}
    .table2>tbody>tr>td:nth-of-type(2){
		width: 3.8rem !important;
	}
	
	.tr1_2 {
	    width: 19rem !important;
	    padding: 8px 0 0 4px !important;
	}
	
	.tr1_3{
		width: 18rem !important;
		padding: 8px 0 !important;
	}
	
	.tr1_4{
		width: 8rem;
		padding: 8px 0 0 4px !important;
	}
	
	#wrap footer {
	    height: 1.35rem !important;
	    line-height: 1.35rem !important;
	}
	
	#hiddenBoxPig {
    	bottom: 14% !important;
    }

	.rowll {
	    margin-left: 0.1rem !important;
	}
	
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	.col-sm-6{
		text-align: center !important;
	}
	.tabler>tbody>tr>td{
		padding: 8px 8px 0 2px; 
		font-size: 0.1rem;
	}
	#hiddenBox{
		width: 23.5rem !important;
		margin-left: -11.75rem !important;
		margin-top: -12.7rem !important;
	}
	#hiddenBox .hiddenBoxTop {
	    height: 4rem !important;
	    line-height: 4rem !important;
	}
	
	.table tr td span {
	    font-size: 1.2rem !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: -4px !important;
	}
	#hiddenBox .hiddenBoxTop div {
	    font-size: 2rem !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: 4px !important;
	}
}


@media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
	.hiddenMsg>.row>div {
	    padding-left: 1.2rem !important;
	}
	.ar_header>.btn-group>.zuo{
		margin-top: 0 !important;
		font-size: 2rem !important;
	}
	.topBg .btn-group .fenmian_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.title .xinZengDuanNai_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.topBg .btn-group .record_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.header>.btn-group>.danganshuju_leftbtn{
		font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	#wrap section .sectionTop {
	    height: 61% !important;
	}
	#wrap section .sectionBtm {
	    height: 39% !important;
	}
	.group_hiddenMsg .group_row .col-md-6 {
	    padding-left: 15px !important;
	}
	.yellowPig{
		background-position: -0.56rem -2.48rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.28rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.15rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -7.92rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.75rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.75rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -10.05rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.6rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.9rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.9rem !important;
	}
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	.table2>tbody>tr>td:nth-of-type(2) {
    	width: 2rem !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: -5px !important;
	}
	.tr1_2 {
	    width: 13rem !important;
	}
	
	.tr1_3 {
	    width: 11rem !important;
	}
	
	.tabler>tbody>tr>td{
		padding: 8px 8px 0 2px; 
		font-size: 0.24rem;
	}
	
	.zhuanr {
	    margin-left: -0.6rem !important;
	}
	
	#wrap footer {
	    height: 1.2rem !important;
	    line-height: 1.2rem !important;
	}
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6  */
	.hiddenMsg>.row>div {
	    padding-left: 1.5rem !important;
	}
	.yellowPig{
		background-position: -0.56rem -2.52rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.38rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.28rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -8.1rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.95rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.95rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -9.95rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.83rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.83rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.83rem !important;
	}
	.group_hiddenMsg .group_row .col-md-6{
	    padding-left: 15px !important;
	}
	.zzz{
		margin-top:0.45rem;
	}
	
	.nbsp{
		margin-top: 0.76rem !important;
	}
	
	.tabler>tbody>tr>td{
		padding: 0 8px 0 4px;
		font-size: 0.25rem;
	}
	
	#hiddenBox{
		width: 25.5rem !important;
		margin-left: -12.75rem !important;
		margin-top: -15.2rem !important;
	}
	
	#hiddenBox .hiddenBoxTop {
	    height: 4rem !important;
	    line-height: 4rem !important;
	}
	
	.table tr td span {
	    font-size: 1.4rem !important;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: -4px !important;
	}
	
	#hiddenBox .hiddenBoxTop div {
	    font-size: 2rem !important;
	}
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	
	.hbgzsbg {
	    text-align: center;
	}
	
	.dayNumBox .prevBtn .btn-group button {
	    font-size: 0.3rem !important;
	    margin-left: 0 !important;
	    margin-top: -0.1rem !important;
	}
	
	.dayNumBox .nextBtn .btn-group button {
	    font-size: 0.3rem !important;
	    margin-top: -0.1rem !important;
	}
	
	.topBg .btn-group .btn_l {
	    font-size: 0.41rem !important;
	    margin-top: -0.1rem !important;
	}
	
	.fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
	    margin-top: -0.1rem !important;
	}

	.fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
	    margin-top: -0.1rem !important;
	}
	
	#hiddenBox .submit {
	    font-size: 2rem !important;
	}
	
	.iscroller {
	    height: 9rem !important;
	}
	
	.iscroll>.container>.hiddenMsgBox:nth-last-child(1){
   		margin-bottom: 10px !important;
	}
}

@media (device-height:732px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Nexus 6P */
	.hiddenMsg>.row>div {
	    padding-left: 1.8rem !important;
	}
	.ar_header>.btn-group>.zuo{
		margin-top: 0 !important;
		font-size: 2rem !important;
	}
	.topBg .btn-group .fenmian_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.title .xinZengDuanNai_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.topBg .btn-group .record_btn {
	    font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	.header>.btn-group>.danganshuju_leftbtn{
		font-size: 0.35rem !important;
	    margin-top: 0 !important;
	}
	#wrap section {
	    bottom: 1.5rem !important;
	}
	.pzSearch{
		width:12% !important;
	}
	.group_hiddenMsg .group_row .col-md-6 {
	    padding-left: 15px !important;
	}
	.yellowPig{
		background-position: -0.56rem -2.52rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.38rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.28rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -8.1rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.98rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.98rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -9.98rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.85rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.85rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.85rem !important;
	}
	.tabler>tbody>tr>td{
		padding: 0 8px 0 4px;
		font-size: 0.25rem;
	}
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	.tr1_2 {
    	width: 7rem !important;
	}
	.zhuanr {
	    margin-left: -0.6rem !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: 4px !important;
	}
	#wrap footer {
	    height: 1.15rem !important;
	    line-height: 1.15rem !important;
	}
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
	.hiddenMsg>.row>div {
	    padding-left: 1.2rem !important;
	}
	.group_hiddenMsg .group_row .col-md-6 {
	    padding-left: 15px !important;
	}
	.pzSearch{
		width:12% !important;
	}
	.yellowPig{
		background-position: -0.56rem -2.52rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.38rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.28rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -8.1rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.98rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.98rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -9.98rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.85rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.85rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.85rem !important;
	}
	.tabler>tbody>tr>td{
		padding: 0 8px 0 4px;
		font-size: 0.25rem;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: 4px !important;
	}
    .tr1_2{
		width: 7rem !important;
	}
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	.table>tbody>tr>.marginBottom:nth-of-type(4) {
	    text-align: left !important;
	}
	.zzz{
		margin-top:0.45rem;
	}
	#hiddenBox .hiddenBoxTop div {
	    font-size: 2.5rem !important;
	}
	
	#hiddenBox {
		width: 25.5rem;
	    margin-left: -12.75rem !important;
	    margin-top: -14.2rem !important;
	}
	
	.table tr td span {
	    font-size: 1.8rem !important;
	}
	
	#hiddenBox .hiddenBoxTop {
	    height: 6rem !important;
	    line-height: 6rem !important;
	}
	
	#hiddenBox .submit {
	    font-weight: bold !important;
	}
	
	.option{
		height: 18.37rem !important;
	}
	
	.swiper-container {
	    height: 18.37rem !important;
	}
	
	.topBg .btn-group .btn_l {
	    font-size: 0.41rem !important;
	    margin-top: -0.1rem !important;
	}

}
@media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
	.hiddenMsg>.row>div {
	    padding-left: 1.2rem !important;
	}
	.col-md-2,.col-md-6{
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	.col-md-2{
		text-align: center;
	}
	.col-md-6{
		text-align: left !important;
	}
	.yellowPig{
		background-position: -0.56rem -2.52rem !important;
	}
	.yellowFeiPig{
		background-position: -2.91rem -2.55rem !important;
	}
	.yellowQuanPig{
		background-position: -5.33rem -2.55rem !important;
	}
	.bulePig{
		background-position: -0.56rem -4.38rem !important;
	}
	.buleFeiPig{
		background-position: -2.91rem -4.4rem !important;
	}
	.buleQuanPig{
		background-position: -5.33rem -4.4rem !important;
	}
	.purplePig{
		background-position: -0.56rem -6.28rem !important;
	}
	.purpleFeiPig{
		background-position: -2.91rem -6.28rem !important;
	}
	.purpleQuanPig{
		background-position: -5.33rem -6.28rem !important;
	}
	.pinkPig{
		background-position: -0.56rem -8.1rem !important;
	}
	.pinkQuanPig{
		background-position: -2.91rem -8.1rem !important;
	}
	.cyanPig{
		background-position: -0.56rem -9.98rem !important;
	}
	.cyanFeiPig{
		background-position: -2.91rem -9.98rem !important;
	}
	.cyanQuanPig{
		background-position: -5.33rem -9.98rem !important;
	}
	.orangePuMian{
		background-position: -0.56rem -11.85rem !important;
	}
	.orangePig{
		background-position: -2.91rem -11.85rem !important;
	}
	.orangeFeiPig{
		background-position: -5.33rem -11.85rem !important;
	}
	.zzz{
		margin-top:0.45rem;
	}
}
.container{
	width: 100%;
	padding-left:0 ;
	padding-right:0 ;
}

.header{
	width: 100%;
	height: 0.71rem;
    line-height: 0.71rem;
	padding-left:0.3rem ;
}

.topBg{
	position: relative;
	background: #2285e2;
	border: none;
}

.searchBox{
	width: 100%;
    height: 0.58rem;
    position: relative;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    background: #f4f2f3;
}

.glyphicon-search{
	position: absolute;
    left: 1.5rem;
    top: 0.165rem;
    z-index: 100;
}

.danganInput{
	width: 5rem;
    height: 0.58rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2.5rem;
}

.input-group .form-control{
	border-radius: 0.15rem !important;
    height: 0.58rem;
    background: #2285e2;
    text-indent: 1.6rem;
    color: #12528f;
}
.finish{
	height: 0.71rem;
    line-height: 0.71rem;
    position: absolute;
    top: 0;
    right: 0.5rem;
    color: #fff;
    font-size: 0.26rem;
    font-weight: bold;
    background: #2285e2;
    border: none;
}

.btn-group .btn{
	border: none;
	background: #2285e2;
	color: #fff;
	margin-top: -0.1rem;
    margin-left: 0.02rem !important;
    font-size: 0.41rem;
}

.danganshuju_leftbtn{
	margin-top: -0.1rem !important;
}

.scrollr{
	width: 100%;
	z-index: 999;
	overflow: hidden;
	position: absolute;
	top:2.15rem;
	bottom:0;
}

.dangan_scrollr{
	width: 100%;
	position: absolute;
}

.table1{
	margin-bottom: 0;
	background: #fff;
    font-weight: bold;
}

.table2>tbody>tr>td:nth-of-type(1){
	width: 1rem;
}

.table2>tbody>tr>td:nth-of-type(2){
	width: 1.8rem;;
}

.table2>tbody>tr>td:nth-of-type(3){
	width: 1rem;
}

.table>tbody>tr>td{
	border-top: none;
}

.table1>tbody>tr:nth-of-type(1){
	height: 0.4rem;
    line-height: 0.4rem;
    color: #9b9d9c;
    font-size: 0.25rem;
}
.table>tbody>tr:nth-of-type(2){
	line-height: 1.07rem;
}
.table>tbody>tr>.marginBottom:nth-of-type(3){
	width: 2rem;
	text-align: left;
	color:#2485e4;
}
.table1>tbody>tr>.marginBottom:nth-of-type(3){
	text-align: right;
	color:#2485e4;
}
.table1>tbody>tr>td:nth-of-type(2){
	text-align: right;
}
.table1>tbody>tr>td:nth-of-type(3){
	text-align: right;
	text-indent: 0.2rem;
}
.table>tbody>tr>.marginBottom:nth-of-type(4){
	width: 1rem;
	text-align: left;
	color:#2485e4;
}
.tr1_1{
	width: 6rem;
	color: #9b9d9c !important;
}
.tr1_2{
	width: 10rem;
	color: #9b9d9c !important;
}
.tr1_3{
	width: 9rem;
	text-align: right;
	color: #9b9d9c !important;
}
.tr1_4{
	width: 8rem;
	text-align: center;
	color: #9b9d9c !important;
}
.marginBottom{
	vertical-align: middle !important;
}

/*archAdministration*/
#overlay{
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5;  /* 透明度 */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99; /* 此处的图层要大于页面 */
    display:none;
}

.ar_header{
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	padding-left:1.4rem;
}

.topBg .p{
	position: absolute;
	left: 50%;
	top: 0;
	text-align: center;
	font-size: 2rem;
	color: #fff;
    font-weight: bold;
    margin-left: -10%;
}
.ar_header>.btn-group>.zuo{
	margin-left: 0.31rem !important;
    font-size: 2.4rem;
    margin-top: -8px;
}
header .right{
	margin-top: 1rem;
	font-size: 1.5rem !important;
	float: right !important;
    margin-right: 0.8rem;
}
.ar_seaech{
	position: absolute;
    left: 0.5rem;
    z-index: 100;
}
nav{
	width: 100%;
	height: 3.4rem;
	line-height: 3.4rem;
	display: -webkit-flex;
	background: #eeeeee;
}

nav .atPrePigHome{
	color: #2285e2;
	font-size: 1.2rem;
	margin-left: 1.5rem;
	-webkit-box-flex: 1;
}
nav .atPrestaus{
	font-size: 1.2rem;
	color: #2285e2;
	margin-left: 1.5rem;
	-webkit-box-flex: 1;
}

.val1{
	border-radius:0.3rem ;
	color: #fff;
	background: #2285e2;
	font-size: 1.2rem;
	padding: 0.3rem;
}

.val2{
	padding: 0.3rem;
	border-radius:0.3rem ;
	color: #fff;
	background: #2285e2;
	font-size: 1.2rem;
}
.zhushe{
	display: none;
}

nav .right{
	position: fixed;
	right: 0.5rem;
	margin-top: 0.6rem;
	-webkit-box-flex: 1;
	font-size: 1rem !important;
	float: right !important;
}

.dangan_iscroll{
	width: 100%;
	overflow: hidden;
	background: #eeeeee;
	position: absolute;
	top:6.4rem;
	bottom:4rem;
}

section .container{
	width: 100%;
	position: absolute;
}

.footerBox{
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #ccc !important;
	display: -webkit-box;
	-webkit-box-pack: center;
	background: #fff;
}

.footerBox>div{
	text-align: center;
	-webkit-box-flex: 1;
	font-size: 2.2rem;
	margin:0 1.8rem;
}

.footerBox span{
	height: 4rem;
	border: 1px solid #ccc !important;
	display: inline-block;
}
.footerBox>div.active{
	color: #2285e2;
	border-bottom:2px solid #2285e2 !important;
}

.btn-bg{
	background: #fff !important;
	color: #ccc !important;
}

.dangan_iscroll>.container>.row{
	display: -webkit-box;
}

.hiddenMsgBox .hiddenMsg .row{
	display: -webkit-box;
}

.row div{
	-webkit-box-flex: 1;
}

.rowll{
	background: #fff;
	padding-left: 1rem;
    margin-top: 10px;
}

.iscroll>.container>.rowll:nth-last-child(2){
	margin-bottom: 10px !important;
}

.iscroll>.container>.hiddenMsgBox:nth-last-child(1){
   	margin-bottom: 10px !important;
   	margin-top: -10px;
}

.rowll div{
	height: 2rem;
	line-height: 2rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: center;
	padding: 0;
}

.rowll>div:nth-last-child(1){
	margin-top: 0;
}
.hiddenMsgBox{
	display: none;
}
.hiddenMsg{
	border-top: 1px solid #ccc;
	padding:0 1rem;
	background: #fff;
}

.hiddenMsg>.row>div{
    width: 3rem;
    line-height: 3rem;
    color: #000;
    margin: 0.2rem 0;
    font-size: 1.2rem;
    text-align:left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropup .caret{
	border-bottom:8px solid !important;
}

.caret{
	border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.hiddenMsg>div:nth-last-child(1){
	margin-bottom: 1.5rem;
	padding-bottom: 0.3rem;
}

.hiddenMsg>div>.dateleft{
	margin-left: 5.5rem;
}

.hiddenMsg .row img{
	width: 3rem;
	height: 3rem;
}

.hbgzsbg{
	border-radius: 1rem;
	background: #eeeeee;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 22% !important;
}

#hiddenBox{
	display: none;
	width: 26.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -13.25rem;
	margin-top: -15.7rem;
	z-index: 9999;
	background: #fff;
	border-radius: 0.5rem;
}

.checkboxBox{
	 width: 100%; 
	 overflow: hidden;
}

.table{
	margin-bottom: 0;
}
tr{
	border: 0px solid transparent !important;
}
.table tr td span{
	width:9rem;
	margin-left: 0.8rem;
	font-size: 1.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

#hiddenBox .hiddenBoxTop{
	width: 100%;
	height: 4.5rem;
	text-align: center;
	line-height: 4.5rem;
	border: 1.5px solid #2285e2 !important;
	display: -webkit-box;
	-webkit-box-pack: center;
}

.swiper-container{
	padding-bottom: 1rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0px;
	z-index: 99999999;
}
.swiper-pagination-bullet-active{
	background: #c2a6fd;
}
#hiddenBox .hiddenBoxTop div{
	width: 50%;
	-webkit-box-flex: 1;
	font-size: 1.6rem;
	color: #2285e2;
}
#hiddenBox .hiddenBoxTop .active{
	background: #2285e2;
	color: #fff;
}
#hiddenBox .submit{
	width: 100%;
	height: 4rem;
	border: none;
	border-top: 1px solid #ddcdfe !important;
	float: left;
	outline: none;
	font-size: 1.6rem;
	color: #000000;
}


/*dataEmployed*/
.activeFooter{
	color: #2988e4;
}
#wrap{
	width: 100%;
}

#wrap header{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #2285e2;
}
#wrap header p{
	margin-bottom: 0;
	text-align: center;
	font-size: 0.34rem;
	color: #fff;
    font-weight: bold;
}

#wrap section{
	width: 100%;
	overflow: hidden;
	position: absolute;
    bottom: 1.15rem;
    top: 0.7rem;
}
#wrap section .indexContent{
	position: absolute;
    width: 100%;
   height: 100%;
}
#wrap section .sectionTop{
	width: 100%;
	height: 62%;
	background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%);
	overflow: hidden;
	position: absolute;
}
#wrap section .sectionBtm{
	width: 100%;
	height: 38%;
	background: #fff;
	padding: 0.05rem 0;
	position: absolute;
    bottom: 0;
}
#wrap section .sectionTop .sectionData{
	width: 100%;
}
#wrap section .sectionTop .sectionData h2{
	width: 80%;
	height: 1rem;
	line-height: 1.1rem;
	color: #fff;
	margin: 0;
	margin-left: 0.25rem !important;
}
#wrap section .sectionTop .sectionData h2 em{
	font-size: 0.5rem;
}
#wrap section .sectionTop .sectionData h2 .sm{
	font-size: 0.3rem;
}
#wrap section .sectionTop .sectionData h2 .du{
	font-size: 0.3rem;
}
#wrap section .sectionTop .sectionData h2 .pigHome{
	font-size: 0.38rem;
}
#wrap section .sectionTop .sectionData h3{
	width: 80%;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #fff;
	font-size: 0.28rem;
	margin: 0;
	margin-left: 0.25rem !important;
}
#wrap section .sectionTop .sectionData h4{
	width: 80%;
	height: 0.5rem;
	line-height: 0.5rem;
	color: #fff;
	font-size: 0.28rem;
	margin: 0;
	margin-left: 0.25rem !important;
}
#hiddenBoxPig{
	width: 90%;
	border-radius:0.12rem;;
	background: #fff;
	z-index: 99;
	padding: 0.15rem 0.15rem 0 0.15rem;
}

.hiddenBoxShuJu .hiddenBoxTopShuJu{
	width: 100%;
	height: 1.5rem;
	display: -webkit-box;
}
.hiddenBoxShuJu .row{
	margin-left: -4px;
}
.hiddenBoxShuJu .hiddenBoxTopShuJu div{
	width: 25%;
	float: left;
	text-align: center;
    vertical-align: middle;
}

.hiddenBoxShuJu .hiddenBoxTopShuJu div p{
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0;
	color: #bfbfbf;
    font-weight: bold;
}

.hiddenBoxShuJu .hiddenBoxBtm{
	width: 100%;
	height: 1.5rem;
}

.hiddenBoxShuJu .hiddenBoxBtm div{
	width: 25%;
	float: left;
	text-align: center;
    vertical-align: middle;
}

.hiddenBoxShuJu .hiddenBoxBtm div img{
	width: 0.831rem;
	height: 0.831rem;
}

.hiddenBoxShuJu .hiddenBoxTopShuJu div img {
    width: 0.831rem;
    height: 0.831rem;
}

.hiddenBoxShuJu .hiddenBoxBtm div p{
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0;
	color: #bfbfbf;
	font-weight: bold;
}

#wrap footer{
	width: 100%;
	height:1.15rem;;
	line-height: 1.15rem;;
	border-top: 2px solid #e5e5e5;
	background: #f6f6f6;
	position: absolute;
    bottom: 0;
}
#wrap footer .container .row{
	display: -webkit-box;
	margin-right: 0; 
    margin-left: 0; 
}
#wrap footer .container .row div{
	width: 25%;
	position: relative;
}

#wrap footer .container .row div p{
	height: 0.4rem;
	line-height: 0.1rem;
	text-align: center;
	margin-bottom: 0;
	margin-left: 0.3rem;
}

.imgPig{
	width: 40px;
	height: 40px;
	background: url(../img/btnbg.png) no-repeat 0 0px;
	display: inline-block;
	margin-left: 0.2rem;
	background-size:400% ;
	margin-top: 0.05rem;
}
.imgdata{
	width: 40px;
	height: 40px;
	background: url(../img/btnbg.png) no-repeat -40px -42px;
	display: inline-block;
	margin-left: 0.18rem;
	background-size:400% ;
	margin-top: 0.05rem;
}
.imgbiao{
	width: 40px;
	height: 40px;
	background: url(../img/btnbg.png) no-repeat -85px 4px;
	display: inline-block;
	margin-left: 0.2rem;
	background-size:400% ;
	margin-top: 0.05rem;
}
.imgxun{
	width: 40px;
	height: 40px;
	background: url(../img/btnbg.png) no-repeat -124px 0px;
	display: inline-block;
	margin-left: 0.2rem;
	background-size:400% ;
	margin-top: 0.05rem;
}
.pig{
	position: absolute;
	bottom: 0;
	left: 0;
}


/*weaningRecord*/
.activetext{
	color:#2285e2 ;
}

#fmsg{
	display: none;
	width: 5.5rem;
	height: 3.22rem;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -2.75rem;
	margin-top: -1.66rem;
	z-index: 9999;
	border-radius: 0.1rem;
}

#fmsg .headerx{
    padding: 0.1rem 0.61rem;
}

#fmsg .headerx .val{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.3rem;
	font-weight: bold;
	text-align: center;
	margin-top: 0.2rem;
}

#fmsg .headerx .text{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.3rem;
	text-align: center;
	margin-top: 0.2rem;
    margin-left: 0.13rem;
}

#fmsg .footerboxx{
	width: 100%;
	height: 1rem;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #ccc;
}

#fmsg .footerboxx .esc{
	width: 50%;
	height: 1rem;
	border:0;
	border-right: 1px solid #ccc;
	float: left;
	outline: none;
}

#fmsg .footerboxx .sbm{
	width: 50%;
	height: 1rem;
	border:0;
	float: left;
	outline: none;
}

.content_header{
	width: 100%;
	height: 0.71rem;
	line-height: 0.71rem;
	padding-left:0.3rem ;
    font-weight: bold;
}

.topBg .btn-group .btn_l{
	font-size: 0.41rem;
	color: #fff;
	border: none;
	background: #2285e2;
	outline: none;
	margin-top: -0.07rem;
	margin-left: 0.02rem !important;
}

.content_header p{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -10%;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.32rem;
	display: inline-block;
	color: #fff;
	margin-bottom: 0;
}

.searchBoxx{
	width: 100%;
	height: 0.58rem;
	position: relative;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	background: #f4f2f3;
}

.search{
	position: absolute;
	left: 1.5rem;
	top: 0.165rem;
	z-index: 100;
}

.inputBox{
	width: 5rem;
	height: 0.58rem;
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -2.5rem;
}

.inputBox .inputx{
	border-radius: 0.15rem !important;
	height: 0.58rem;
	background: #2285e2;
	text-indent: 1.6rem;
	color: #12528f;
}

.dayNumBox{
	width: 100%;
	height: 0.54rem;
	background: #fff;
	margin-top: 0.2rem;
	position: relative;
	background: #f4f2f3;
	margin-bottom: 0.22rem;
}
.prevBtn{
	height: 0.54rem;
	line-height: 0.54rem;
	display: inline-block;
	margin-left: 0.15rem;
	color: #2285e2;
}
.nextBtn{
	height: 0.54rem;
	line-height: 0.54rem;
	display: inline-block;
	position: absolute;
	right: 0.15rem;
	color: #2285e2;
	text-align: right;
}
.slflag>div{
	font-size: 0.2rem;
}
.dayNumBox .prevBtn .btn-group button{
	border: none;
    font-size: 0.3rem;
	background: #f4f2f3;
	color: #2285e2;
	margin-left: 0 !important; 
	margin-top: -0.02rem;
}

.dayNumBox .nextBtn .btn-group button{
    font-size: 0.3rem;
	color: #2285e2;
	border: none;
	background: #f4f2f3;
    margin-top: -0.02rem;
}

.dayNumBox #date,
.dayNumBox .dateS,
.dayNumBox .dateE{
	width: 2.2rem;
	height: 0.54rem;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -1.1rem;
	border: none;
	outline: none;
	border-radius: 0.1rem;
	background: #fff;
	-moz-box-shadow:-0.05rem 0.05rem 0.05rem #cbd2dc;
	-webkit-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
	box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
	color: #2386e3;
	display: inline-block;
	font-size: 0.27rem;
}

.iscroller{
	width: 100%;
	position: relative;
	background: #fff;
	overflow: hidden;
	height: 8.9rem;
}

.duannai_iscroll{
	width: 100%;
	position: absolute;
}

.iscroller .tabler{
	height: 9.1rem;
}

.nbsp{
	margin-top: 0.84rem;
}

.hbgzsbgg{
	padding-left: 0 !important;
}

#duannai_addBtn{
	width: 0.94rem;
	height: 1.25rem;
	background: #c2a6fd;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -0.47rem;
	border-radius: 0.47rem 0.47rem 0 0;
}

#duannai_addBtn span{
	font-size: 0.5rem;
	color: #fff;
	margin-left: 0.2rem;
	margin-top: 0.2rem;
}

#duannai_addBtn p{
	margin-left: 0.18rem;
	margin-top: 0.05rem;
	color: #fff;
    font-size: 0.3rem;
}

.lisBtn{
	border-radius: 0.1rem;
	color: #fff;
	background: #2285E2;
	text-align: center;
}

.duannai_td{
	padding: 8px 4px;
	border-top: none;
	border-bottom: 1px solid #ddd;
}

.duannai_td div:nth-of-type(1){
	margin: 0.2rem 0;
}

/*parturition*/
#alert{
	display: none;
    width: 5.5rem;
    height: 3.22rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -2.75rem;
    margin-top: -1.66rem;
    z-index: 9999;
    border-radius: 0.1rem;
}

#alert .headerx{
	padding: 0.1rem 0.61rem;
}

#alert .headerx .val{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.3rem;
	font-weight: bold;
	text-align: center;
	margin-top: 0.4rem;
}

#alert .headerx .text{
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.3rem;
	text-align: center;
	margin-top: 0.2rem;
}

#alert .footerboxx{
	width: 100%;
	height: 1rem;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #ccc;
}

#alert .footerboxx .esc{
	width: 50%;
	height: 1rem;
	border:0;
	border-right: 1px solid #ccc;
	float: left;
	outline: none;
}

#alert .footerboxx .sbm{
	width: 50%;
	height: 1rem;
	border:0;
	float: left;
	outline: none;
}

.fenmian_header{
    width: 100%;
    height: 0.71rem;
    line-height: 0.71rem;
    padding-left: 0.3rem;
    font-weight: bold;
}

.topBg .btn-group .fenmian_btn{
	font-size: 0.41rem;
    color: #fff;
    border: none;
    background: #2285e2;
    outline: none;
  	margin-top: -0.1rem;
    margin-left: 0.02rem !important;
}

.fenmian_header p{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -10%;
    height: 0.71rem;
    line-height: 0.71rem;
    font-size: 0.32rem;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
}

.fenmian_searchBox{
	width: 100%;
    height: 0.58rem;
    position: relative;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    background: #f4f2f3;
}

.fenmian_search{
    position: absolute;
    left: 1.5rem;
    top: 0.165rem;
    z-index: 100;
}

.fenmian_inputBox{
	width: 5rem;
    height: 0.58rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2.5rem;
}

.fenmian_inputBox .fenmian_input{
	border-radius: 0.15rem !important;
    height: 0.58rem;
    background: #2285e2;
    text-indent: 1.6rem;
    color: #12528f;
}

.fenmian_dayNumBox{
	width: 100%;
    height: 0.54rem;
    background: #fff;
    margin-top: 0.2rem;
    position: relative;
    background: #f4f2f3;
    margin-bottom: 0.1rem;
}
.fenmian_prevBtn{
    height: 0.54rem;
    line-height: 0.54rem;
    display: inline-block;
    margin-left: 0.15rem;
    color: #2285e2;
}

.fenmian_nextBtn{
    height: 0.54rem;
    line-height: 0.54rem;
    display: inline-block;
    position: absolute;
    right: 0.15rem;
    color: #2285e2;
	text-align: right;
}

.fenmian_dayNumBox .fenmian_prevBtn .btn-group button{
    border: none;
    font-size: 0.3rem;
    background: #f4f2f3;
    color: #2285e2;
    margin-left: 0 !important;
    margin-top: 0;
}

.fenmian_dayNumBox .fenmian_nextBtn .btn-group button{
	font-size: 0.3rem;
    color: #2285e2;
    border: none;
    background: #f4f2f3;
    margin-top: 0;
}

.fenmian_dayNumBox #date,
.fenmian_dayNumBox .dateS,
.fenmian_dayNumBox .dateE{
    width: 2.2rem;
    height: 0.54rem;
    text-align: center;
    position: absolute;
    border: none;
    outline: none;
    border-radius: 0.1rem;
    background: #fff;
    -moz-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
    -webkit-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
    box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
    color: #2386e3;
    display: inline-block;
    font-size: 0.27rem;
}
.fenmian_dayNumBox #date {
	left: 50%;
    margin-left: -1.1rem;
}
.dateS{
	left: 13%;
}
.dateE{
	right: 13%;
	top: 0.1%;
}
.fenge{
	line-height: 0.55rem;
	text-align: center;
	display: block;
}
.datetimepicker {
	font-size: 0.4rem;
}

#fenmian_addBtn{
	width: 1rem;
	height: 1.5rem;
	background: #c2a6fd;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -0.5rem;
	border-radius:1.5rem 1.5rem 0 0;
}

#fenmian_addBtn span{
	font-size: 0.65rem;
	color: #fff;
	margin-left: 0.17rem;
	margin-top: 0.2rem;
}

#fenmian_addBtn p{
	margin-left: 0.17rem;
	color: #fff;
	font-size: 0.35rem;
}

.fenmian_iscroll{
	width: 100%;
	position: absolute;
	overflow: hidden;
	background: #fff;
	top:2.2rem;
	bottom:0;
}

.fenmian_iscroll .container-fluid{
    width: 100%;
	position: absolute;
}
.fenmian_iscroll .container-fluid .row {
    display: -webkit-box;
    margin-top: 0.1rem;
    font-size: 0.25rem;
}
.chaochu{
	width:0.6rem;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-md-1{
	padding-right: 0;
	padding-left: 10px;
	font-size: 0.22rem;
}
.col-md-2,.col-lg-2,.col-xs-1,.col-sm-2{
	padding-right: 0;
	padding-left: 10px;
}
.col-xs-3,.col-sm-3,.col-lg-3{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.col-md-12{
	padding-left: 16px;
	margin: 0.2rem 0;
}
.borderB>.col-lg-2>span{
	color: #2285e2;
}
.borderB>.col-sm-2>span{
	color: #2285e2;
}
.borderB>.col-xs-1>span{
	color: #2285e2;
}
.borderB>.col-md-2>span{
	color: #2285e2;
}


.borderB{
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #ccc;
}

.col-md-6{
	padding-right: 1.15rem;
	
}

.fenmian_lisBtn{
	color: #fff;
	border-radius: 0.1rem;
	background: #2285e2;
	position: absolute;
	right: 0.25rem;
	padding: 0 0.1rem;
	font-size: 0.25rem;
	margin-top: 0.2rem;
}

/*addWeaning And  addParturition*/
.title{
	width: 100%;
	height: 0.71rem;
	line-height: 0.71rem;
	background-color: #2285e2;
	color: #fff;
	font-size: 0.32rem;
    font-weight: bold;
}
.title .xinZengDuanNai_btn{
	font-size: 0.4rem;
    color: #fff;
    border: none;
    background: #2285e2;
    outline: none;
    margin-top: -0.1rem;
    margin-left: 0.32rem !important;
}

.title p{
	position: absolute;
    left: 50%;
    top: 0;
    margin-left: -18%;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.32rem;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
}
    
.addFmWp_iscroll{
	width: 100%;
	overflow: hidden;
	position: absolute;
	background: #fff;
	top:0.71rem;
	bottom:1.4rem;
}

.content{
	width: 100%;
	position: absolute;
}

.inputtxt{
	height:0.8rem;
	line-height: 0.8rem;
	color: #262626;
	border-bottom: 0.01rem solid #e2e2e2;
	font-size: 0.28rem;
}

.addWeanPartion_p{
	margin-left: 0.4rem;
	font-weight: bold;
}

.addWeaning_input{
	width: 3.4rem;
	height: 0.78rem;
	font-size: 0.28rem;
	display: inline-block;
	float: right;
	color:#aaaaaa;
	border: none;
	outline: none;
	background: #fff !important;
	text-align: right;
	margin-right: 0.18rem;
	font-weight: normal;
}
.mui-btn-block{
	margin-bottom: 0; 
    padding: 0; 
}
.textIndent1{
	text-indent: 0.5rem;
}

.textIndent2{
	text-indent: 0.3rem;
}

.textIndent5{
	width: 3rem !important;
}

.textIndent6{
	text-indent: 0.3rem;
}

.textIndent7{
	text-indent: 0.3rem;
}

.textIndent8{
	width: 3rem !important;
	text-indent: 0.3rem;
}

#footer{
	width: 100%;
	height: 1.4rem;
	padding: 0.3rem 0;
	background: #fff;
	position: fixed;
    bottom: 0;
}

.sub,.subAdd{
	float: left;
	width: 2.4rem;
	height: 0.7rem;
	background-color: #29ce70;
	color: #fff;
	font-size: 0.35rem;
	border-radius: 0.05rem;
	border: none;
	outline: none;
}

.sub{
	margin-left: 0.52rem;
}

.subAdd{
	margin-left: 0.6rem;
}

/*groupOfRecord*/
.record_header{
    width: 100%;
    height: 0.71rem;
    line-height: 0.71rem;
    padding-left: 0.3rem;
    font-weight: bold;
}

.record_header p{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -15%;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.32rem;
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
}

.topBg .btn-group .record_btn{
	font-size: 0.41rem;
    color: #fff;
    border: none;
    background: #2285e2;
    outline: none;
    margin-top: -0.1rem;
    margin-left: 0.02rem !important;
}

.record_searchBox{
    width: 100%;
    height: 0.58rem;
    position: relative;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    background: #f4f2f3;
}

.record_search{
    position: absolute;
    left: 1.5rem;
    top: 0.165rem;
    z-index: 100;
}

.record_inputBox{
    width: 5rem;
    height: 0.58rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -2.5rem;
}

.record_inputBox .record_input{
    border-radius: 0.15rem !important;
    height: 0.58rem;
    background: #2285e2;
    text-indent: 1.6rem;
    color: #12528f;
}

.group_hiddenMsgBox .group_hiddenMsg .group_row{
	margin-top: 0.1rem;
}

.group_iscroll{
	width: 100%;
	overflow: hidden;
	background: #f4f2f3;;
	position: absolute;
	padding: 0 0.3rem;
	top:2.33rem;
	bottom:0;
}

.group_iscroll .iscroll_content{
	width: 100%;
	position: absolute;
}

.group_iscroll>.iscroll_content>.group_row:nth-last-child(2){
	margin-bottom: 10px;	
}

.group_iscroll>.iscroll_content>.group_hiddenMsgBox:nth-last-child(1){
	margin-top: -10px;	
	margin-bottom: 25px;
}

.group_btn{
	background: #fff !important;
	color: #ccc !important;
	border: none;
}

.group_row{
	display: -webkit-box;
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.3rem;
	margin-top: 0.1rem;
}

.hiddenMsgBox_bom{
	width: 91%;
	display: block;
	border: 0.05rem solid #fff;
}

.group_row div{
	-webkit-box-flex: 1;
	color: #454545;
}

.group_row div:nth-of-type(1){
	margin-left: 0.1rem;
}

.group_row div:nth-of-type(2){
	margin-right: 0.2rem;
	color: #d1d1d1;
}

.group_row div:nth-of-type(6){
	margin-right: 0.6rem;
}
.btn-group .group_btn{
	font-size: 0;
}
.group_dr .group_caret{
	border-bottom: 8px solid !important;
	border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.group_caret{
	border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.group_rowll>div:nth-last-child(1){
	margin-top: 0;
}

.group_hiddenMsg{
	width: 91%;
	padding:0.2rem 0.15rem 0 0;
	background: #fff;
	margin-top: 0.2rem;
	box-shadow:5px 5px 5px #ccc;
	border-radius: 0.1rem;
}

.group_hiddenMsg .group_row div{
	line-height: 0.5rem;
    font-size: 0.2rem;
	color: #646464;
	
}
.stausBox{
	padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
}
.xgmsgbox{
	position: absolute; 
	z-index: 999999;
	background: #fff;
	border-radius: 0.15rem;
	left: 50%;
	bottom: 1%;
	margin-left: -2.5rem;
	display: none;
	animation: bottomTop .5s;
}
.cententUl>li{
	height: 0.66rem;
	line-height: 0.6rem;
	text-align: center;
	font-size: 0.32rem;
	margin: 0.2rem 1.8rem;
	color: #2285e2;;
}
.btmspan{
	height: 0.02rem;
	line-height: 0.02rem;
	background: #ccc;
	display: block;
}
@keyframes bottomTop{
	0%{bottom: -5%;}
	100%{bottom: 1%;}
}
.group_hiddenMsg .group_row .col-md-6{
	padding-right: 0;
	display: flex;
    padding-left: 15px;
}
.group_hiddenMsg>.group_row>.col-md-6>span{
	width:1.5rem;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.liuc{
	margin-left: 0.6rem;
}

.zhuanr{
	margin-left: -0.58rem;
}

.shenhe{
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	background: #2386e3;
	font-size: 0.3rem;
	color: #fff;
	border-radius: 0.15rem;
	margin-left: 0.8rem;
	float: left;
	padding: 0 0.1rem;
}

.ysbt{
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.3rem;
	color: #575757;
	border-radius: 0.15rem;
	margin-left: 1rem;
	margin-top: 0.1rem;
}

/*productionControl*/
.productin_iscroll{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0.71rem;
	bottom:0;
}
.productin_iscroll_content{
	width: 100%;
	position: absolute;
}

#proControl_header{
	width: 100%;
	height: 0.71rem;
	line-height: 0.71rem;
	background: #2285e2;
    font-weight: bold;
}

#proControl_header .proControl_btn_group{
	float: left;
	height: 0.71rem;
}

#proControl_header .proControl_btn_group .proControl_btn{
	margin-left: 0.4rem !important;
	margin-top: -0.04rem;
	font-size: 0.39rem;
	background: #2285e2;
	border: none;
	color: #fff;
}

#proControl_header p{
	float: left;
	font-size: 0.32rem;
	color: #fff;
	position: absolute;
	left: 50%;
    margin-left: -10%;
    height: 0.71rem;
    line-height: 0.71rem;
    display: inline-block;
}

#proControl_content{
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}

#proControl_content div{
	height:1.6rem;
	border-bottom: 1px solid #b1b1b1;
	padding-left: 0.4rem;
 	padding-right: 0.4rem;
}

#proControl_content div p{
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0 0.2rem 0;
	color: #8c8c8c;
	font-size: 0.32rem;
	font-weight: bold;
}

#proControl_content div span{
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.26rem;
	display: inline-block;
	color: #171717;
	font-weight: 600;
}

#proControl_content div span i{
	width: 0.6rem;
	height: 0.4rem;
	display: inline-block;
	vertical-align: middle;
}

.yellowPig{
	background-position: -0.56rem -2.52rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.yellowFeiPig{
	background-position: -2.91rem -2.55rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.yellowQuanPig{
	background-position: -5.33rem -2.55rem;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.bulePig{
	background-position: -0.56rem -4.34rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.buleFeiPig{
	background-position: -2.91rem -4.4rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.buleQuanPig{
	background-position: -5.33rem -4.4rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.purplePig{
	background-position: -0.56rem -6.22rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.purpleFeiPig{
	background-position: -2.91rem -6.28rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.purpleQuanPig{
	background-position: -5.33rem -6.28rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.pinkPig{
	background-position: -0.56rem -8rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.pinkQuanPig{
	background-position: -2.91rem -8.1rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.cyanPig{
	background-position: -0.56rem -9.9rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.cyanFeiPig{
	background-position: -2.91rem -9.85rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.cyanQuanPig{
	background-position: -5.33rem -10rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.orangePuMian{
	background-position: -0.56rem -11.7rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.orangePig{
	background-position: -2.91rem -11.92rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}
.orangeFeiPig{
	background-position: -5.33rem -11.92rem ;
	background-repeat: no-repeat;
	background-image: url(../img/zhuanqunpig.png);
	background-size:1200%;
}

#proControl_content>div>span:nth-of-type(2){
	position:absolute;
    left: 40%;
}
#proControl_content>div>span:nth-of-type(3){
	position:absolute;
    left: 68%;
}

.span2{
	margin-left: 0.1rem;
}

.span4{
	margin-left: 0;
}

.ios .dw .dwbc{
	height: 40px;
}
			
@media screen and (orientation:landscape) {
	@media (device-height:360px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.zuo {
		    font-size: 1rem !important;
		}
	}
	@media (device-height:412px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Nexus 6P */
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.zuo {
		    font-size: 1rem !important;
		}
	}
	@media (device-height:320px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
		nav {
		    height: 2.8rem !important;
		    line-height: 2.8rem !important;
		}
		.dangan_iscroll {
		    top: 5.6rem !important;
		    bottom: 3rem !important;
		}
		.hiddenMsg>.row>div {
		    margin: 0.5rem 0  !important;
		    line-height: 1.4rem !important;
		}
		.hiddenMsg .row img {
		    width: 1.4rem !important;
		    height:1.4rem !important;
		}
		.rowll div {
		    height: 3rem !important;
		    line-height: 3rem !important;
		}
		.footerBox {
		    height: 3rem !important;
		    line-height: 3rem !important;
		}
		.footerBox>div {
		    font-size: 1.5rem !important;
		}
		.footerBox span {
		    height: 3rem !important;
		}
		#hiddenBox {
		    margin-top: -20% !important;
		}
		#hiddenBox .hiddenBoxTop {
		    height: 2.5rem !important;
		    line-height: 2.5rem !important;
		}
		#hiddenBox .submit {
		    height: 2.5rem !important;
		    font-size: 0.8rem !important;
		}
		.ar_header {
		    height: 2.8rem !important;
		    line-height: 2.8rem !important;
		}
		.topBg .p {
		    left: 50%;
		    font-size: 2rem !important;
		    margin-left: -6%;
		}
		.zuo {
		    font-size: 1.8rem !important;
		}
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
	}
	@media (device-height:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6  */
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
		.ar_header>.btn-group>.zuo{
			margin-left: 0.31rem !important;
		    font-size: 1rem !important;
		    margin-top: -8px !important;
		}
		#hiddenBox .hiddenBoxTop {
		    height: 1.5rem !important;
		    line-height: 1.5rem !important;
		}
		#hiddenBox{
		    margin-top: -20% !important;
		}
	}
	@media (device-height:414px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
		.zuo {
		    font-size: 1rem !important;
		}
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
		#hiddenBox{
		    margin-top: -20% !important;
		}
	}
	@media (device-height:768px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
		.zuo {
		    font-size: 1rem !important;
		}
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{
			text-align: left !important;
		}
		.col-xs-6,.col-sm-6,.col-lg-6{
			text-align: center !important;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		    bottom: -4px !important;
		}
		#hiddenBox{
		    margin-top: -20% !important;
		}
	}
	#wrap header {
	    width: 100%;
	    height: 0.4rem;
	    line-height: 0.4rem;
	    background: #2285e2;
	}
	#wrap header p {
	    margin-bottom: 0;
	    text-align: center;
	    font-size: 0.2rem;
	    color: #fff;
	    font-weight: bold;
	}
	#wrap section {
	    width: 100%;
	    overflow: hidden;
	    position: absolute;
	    bottom: 0.5rem;
	    top: 0.4rem;
	}
	#hiddenBoxPig {
	    padding: 0.08rem 0.15rem 0 0.15rem;
	}
	#wrap footer {
	    width: 100%;
	    height: 0.5rem;
	    line-height: 0.5rem;
	    border-top: 2px solid #e5e5e5;
	    background: #f6f6f6;
	    position: absolute;
	    bottom: 0;
	}
	#wrap footer .container .row div p {
	    height: 0.4rem;
	    line-height: 0.5rem;
	    text-align: center;
	    margin-bottom: 0;
	    margin-left: 0.3rem;
	}
	.imgPig {
		width:30px;
	    height: 30px;
	    background: url(../img/btnbg.png) no-repeat 0 0px;
	    background-size: 430%;
	    margin-left: 0.25rem;
	    margin-top: 0.02rem;
	}
	.imgdata {
		width:30px;
	    height: 30px;
	    background: url(../img/btnbg.png) no-repeat -28px 4px ;
	    background-size: 372%;
	    margin-left: 0.27rem;
	    margin-top: 0.02rem;
	}
	.imgbiao {
		width:30px;
	    height: 30px;
	    background: url(../img/btnbg.png) no-repeat -67px 2px;
	    background-size: 426%;
	    margin-left: 0.27rem;
	    margin-top: 0.02rem;
	}
	.imgxun {
		width:30px;
	    height: 30px;
	    background: url(../img/btnbg.png) no-repeat -100px 0px;
	    background-size: 430%;
	    margin-left: 0.27rem;
	    margin-top: 0.02rem;
	}
	#wrap section .sectionTop {
	    height: 62%;
	    position: absolute;
	}
	#wrap section .sectionTop .sectionData h2 {
	    height: 0.3rem;
	    line-height: 0.3rem;
	}
	#wrap section .sectionTop .sectionData h2 .pigHome {
	    font-size: 0.2rem;
	}
	#wrap section .sectionTop .sectionData h2 em {
	    font-size: 0.25rem;
	}
	#wrap section .sectionTop .sectionData h2 .sm {
	    font-size: 0.2rem;
	}
	#wrap section .sectionTop .sectionData h2 .du {
	    font-size: 0.2rem;
	}
	#wrap section .sectionTop .sectionData h3 {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.16rem;
	}
	#wrap section .sectionTop .sectionData h4 {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.14rem;
	}
	#wrap section {
	    width: 100%;
	    overflow: auto;
	    position: absolute;
	}
	#wrap section .indexContent{
		position: absolute;
	    width: 100%;
	   	height: 200%;
	}
	#wrap section .sectionBtm {
	    height: 38%;
	    padding: 0rem 0;
	   	bottom: 0;
	    position: absolute;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu {
	    width: 100%;
	    height: 0.7rem;
	    display: -webkit-box;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu div img {
	    width: 0.35rem;
	    height: 0.35rem;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu div p {
	    height: 0.3rem;
	    line-height: 0.3rem;
	}
	.hiddenBoxShuJu .hiddenBoxBtm {
	    width: 100%;
	    height: 0.7rem;
	}
	.hiddenBoxShuJu .hiddenBoxBtm div img {
	    width: 0.35rem;
	    height: 0.35rem;
	}
	.ar_header {
	    width: 100%;
	    height: 1.8rem;
	    line-height: 1.8rem;
	    padding-left: 1.4rem;
	}
	.ar_header>.btn-group>.zuo{
		margin-left: 0.31rem !important;
	    font-size: 1rem !important;
	    margin-top: -8px !important;
	}
	.btn-group .btn {
	    border: none;
	    background: #2285e2;
	    color: #fff;
	    margin-top: -0.1rem;
	    margin-left: 0.02rem !important;
	}
	.col-md-6{
		text-align: left;
	}
	.topBg .p {
	    position: absolute;
	    left: 50%;
	    top: 0;
	    text-align: center;
	    font-size: 1rem;
	    color: #fff;
	    font-weight: bold;
	    margin-left: -6%;
	}
	header .right {
	    margin-top: 0.5rem;
	    font-size: 0.8rem !important;
	    float: right !important;
	    margin-right: 0.8rem;
	}
	#hiddenBox {
	    margin-top: -22% !important;
	    z-index: 9999;
	}
	#hiddenBox .hiddenBoxTop {
	    width: 100%;
	    height:1.5rem !important;
	    text-align: center;
	    line-height: 1.5rem !important;
	    border: 1.5px solid #2285e2 !important;
	    display: -webkit-box;
	    -webkit-box-pack: center;
	}
	#hiddenBox .hiddenBoxTop div {
	    width: 50%;
	    -webkit-box-flex: 1;
	    font-size: 0.7rem !important;
	    color: #2285e2;
	}
	.swiper-container {
	    padding-bottom: 0.5rem;
	}
	.table tr td span {
	    margin-left: 0.8rem;
	    font-size: 0.55rem !important;
	}
	#hiddenBox .submit {
	    height: 1.5rem;
	    font-size: 0.8rem !important;
	}
	nav {
	    width: 100%;
	    height: 1.8rem;
	    line-height: 1.8rem;
	    display: -webkit-flex;
	    background: #eeeeee;
	}
	nav .atPrePigHome {
	    color: #2285e2;
	    font-size: 0.6rem;
	    margin-left: 1.5rem;
	    -webkit-box-flex: 1;
	}
	.val1 {
	    border-radius: 0.3rem;
	    color: #fff;
	    background: #2285e2;
	    font-size: 0.6rem;
	    padding: 0.3rem;
	}
	nav .atPrestaus {
	    font-size: 0.6rem;
	    color: #2285e2;
	    margin-left: 1.5rem;
	    -webkit-box-flex: 1;
	}
	.val2 {
	    padding: 0.3rem;
	    border-radius: 0.3rem;
	    color: #fff;
	    background: #2285e2;
	    font-size: 0.6rem;
	}
	nav .right {
	    position: fixed;
	    right: 0.5rem;
	    margin-top: 0.35rem;
	    -webkit-box-flex: 1;
	    font-size: 0.5rem !important;
	    float: right !important;
	}
	.dangan_iscroll {
	    width: 100%;
	    overflow: hidden;
	    background: #eeeeee;
	    position: absolute;
	    top: 3.6rem;
	    bottom: 2rem;
	}
	.rowll {
	    background: #fff;
	    padding-left: 1rem;
	    margin-top: 5px;
	}
	.rowll div {
	    height: 1.5rem;
	    line-height: 1.5rem;
	    margin-bottom: 0.3rem;
	    margin-top: 0.3rem;
	    text-align: center;
	    padding: 0;
	}
	.hiddenMsg>.row>div {
	    width: 3rem;
	    line-height: 1.2rem;
	    color: #000;
	    margin: 0.2rem 0;
	    font-size: 0.6rem;
	    text-align: left !important;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.hiddenMsg .row img {
	    width: 1.2rem;
	    height: 1.2rem;
	}
	.hiddenMsg>.row>.col-md-6 {
	    padding-left: 2.8rem !important;
	}
	.hiddenMsg>.row>.col-md-3{
		padding-left: 2.8rem !important;
	} 
	.footerBox {
	    width: 100%;
	    height: 2rem;
	    line-height: 2rem;
	    position: absolute;
	    bottom: 0;
	    border-top: 1px solid #ccc !important;
	    display: -webkit-box;
	    -webkit-box-pack: center;
	    background: #fff;
	}
	.footerBox>div {
	    text-align: center;
	    -webkit-box-flex: 1;
	    font-size: 1rem;
	    margin: 0 1.8rem;
	}
	.footerBox span {
	    height: 2rem;
	    border: 1px solid #ccc !important;
	    display: inline-block;
	}
	.title {
	    width: 100%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    background-color: #2285e2;
	    color: #fff;
	    font-weight: bold;
	}
	.title p {
	    position: absolute;
	    left: 50%;
	    top: 0;
	    margin-left: -13%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    font-size: 0.2rem;
	    display: inline-block;
	    color: #fff;
	    margin-bottom: 0;
	}
	.title .xinZengDuanNai_btn {
	    font-size: 0.2rem;
	    color: #fff;
	    border: none;
	    background: #2285e2;
	    outline: none;
	    margin-top: -0.1rem;
	    margin-left: 0.32rem !important;
	}
	.addFmWp_iscroll {
	    width: 100%;
	    overflow: hidden;
	    position: absolute;
	    background: #fff;
	    top: 0.38rem;
	    bottom: 0.6rem;
	}
	.inputtxt {
	    height: 0.5rem;
	    line-height: 0.5rem;
	    color: #262626;
	    border-bottom: 0.01rem solid #e2e2e2;
	    font-size: 0.2rem;
	}
	.addWeaning_input {
	    width: 3.4rem;
	    height: 0.48rem;
	    font-size: 0.2rem;
	    display: inline-block;
	    float: right;
	    color: #aaaaaa;
	    border: none;
	    outline: none;
	    background: #fff !important;
	    text-align: right;
	    margin-right: 0.18rem;
	    font-weight: normal;
	}
	#footer {
	    width: 100%;
	    height: 0.6rem;
	    padding: 0.1rem 0;
	    background: #fff;
	    position: fixed;
	    bottom: 0;
	}
	.sub, .subAdd {
	    float: left;
	    width: 2.4rem;
	    height: 0.4rem;
	    background-color: #29ce70;
	    color: #fff;
	    font-size: 0.2rem;
	    border-radius: 0.05rem;
	    border: none;
	    outline: none;
	}
	.fenmian_header {
	    width: 100%;
	    height: 0.38rem;
	    line-height: 0.35rem;
	    padding-left: 0.3rem;
	    font-weight: bold;
	}
	.topBg .btn-group .fenmian_btn {
	    font-size: 0.2rem;
	    color: #fff;
	    border: none;
	    background: #2285e2;
	    outline: none;
	    margin-top: -0.1rem;
	    margin-left: 0.02rem !important;
	}
	.fenmian_header p {
	    position: absolute;
	    left: 50%;
	    top: 0;
	    margin-left: -8%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    font-size: 0.2rem;
	    display: inline-block;
	    color: #fff;
	    margin-bottom: 0;
	}
	.fenmian_searchBox {
	    width: 100%;
	    height: 0.3rem;
	    position: relative;
	    margin-top: 0.1rem;
	    margin-bottom: 0.1rem;
	    background: #f4f2f3;
	}
	.fenmian_inputBox {
	    width: 5rem;
	    height: 0.3rem;
	    position: absolute;
	    left: 50%;
	    top: 0;
	    margin-left: -2.5rem;
	}
	.fenmian_search {
	    position: absolute;
	    left: 1.5rem;
	    top: 0.08rem;
	    z-index: 100;
	}
	.fenmian_inputBox .fenmian_input {
	    border-radius: 0.15rem !important;
	    height: 0.3rem;
	    background: #2285e2;
	    text-indent: 1.6rem;
	    color: #12528f;
	}
	.fenmian_dayNumBox {
	    height: 0.3rem;
	    margin-top: 0.1rem;
	}
	.fenmian_prevBtn {
	    height: 0.3rem;
	    line-height: 0.3rem;
	}
	.fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
	    font-size: 0.2rem;
	}
	.fenmian_dayNumBox #date, .fenmian_dayNumBox .dateS, .fenmian_dayNumBox .dateE {
	    width: 2.2rem;
	    height: 0.3rem;
	    font-size: 0.2rem;
	}
	.fenmian_nextBtn {
	    height: 0.3rem;
	    line-height: 0.3rem;
	}
	.fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
	    font-size: 0.2rem;
	}
	.fenmian_iscroll {
	    top: 1.3rem;
	    bottom: 0;
	}
	.fenmian_iscroll .container-fluid .row {
	    font-size: 0.15rem;
	    margin-top: 0rem;
	}
	.col-md-12 {
	    margin: 0.1rem 0;
	}
	.borderB {
	    padding-bottom: 0.1rem;
	}
	.borderB > div {
	    font-size: 0.15rem !important;
	}
	.btn-bg{
		margin-top: 0 !important;
	}
	#fenmian_addBtn {
	    width: 0.6rem;
	    height: 0.8rem;
	    background: #c2a6fd;
	    position: fixed;
	    bottom: 0;
	    left: 50%;
	    margin-left: -0.3rem;
	    border-radius: 1.5rem 1.5rem 0 0;
	}
	#fenmian_addBtn span {
	    font-size: 0.4rem;
	    color: #fff;
	    margin-left: 0.1rem;
	    margin-top: 0.1rem;
	}
	#fenmian_addBtn p {
	    margin-left: 0.1rem;
	    color: #fff;
	    font-size: 0.2rem;
	}
	.slflag>div{
		font-size: 0.15rem;
	}
	.header {
	    height: 0.38rem;
	    line-height: 0.38rem;
	}
	.danganshuju_leftbtn{
		font-size: 0.2rem !important;
	}
	.searchBox {
	    height: 0.3rem;
	}
	.danganInput {
	    height: 0.3rem;
	}
	.glyphicon-search {
	    top: 0.1rem;
	}
	.input-group .form-control {
	    height: 0.3rem;
	}
	.table1>tbody>tr>td:nth-of-type(2) {
	    text-align: center;
	}
	.table1>tbody>tr>td:nth-of-type(3) {
	    text-align: center;
	    text-indent: -0.2rem;
	}
	.table1>tbody>tr:nth-of-type(1) {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.16rem;
	}
	.scrollr {
	    top: 1.3rem;
	}
	#proControl_header {
	    height: 0.38rem;
	    line-height: 0.38rem;
	}
	#proControl_header .proControl_btn_group {
	    height: 0.38rem;
	}
	#proControl_header .proControl_btn_group .proControl_btn {
	    margin-left: 0.4rem !important;
	    margin-top: -0.04rem;
	    font-size: 0.2rem;
	}
	#proControl_header p {
	    font-size: 0.2rem;
	    margin-left: -8%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	}
	.productin_iscroll {
	    top: 0.38rem;
	}
	#proControl_content div {
	    height: 0.8rem;
	}
	#proControl_content div p {
	    height: 0.4rem;
	    line-height: 0.4rem;
	    padding: 0 0 0.05rem 0;
	    font-size: 0.2rem;
	}
	#proControl_content div span {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.2rem;
	}
	#proControl_content div span i {
	    width: 0.6rem;
	    height: 0.28rem;
	}
	.yellowPig {
	    background-position: -0.4rem -2.12rem !important;
	    background-size: 1000% !important;
	}
	.yellowFeiPig {
	    background-position: -2.35rem -2.12rem !important;
	    background-size: 1000% !important;
	}
	.bulePig {
	    background-position: -0.4rem -3.67rem !important;
	    background-size: 1000% !important;
	}
	.buleFeiPig {
	    background-position: -2.35rem -3.67rem !important;
	    background-size: 1000% !important;
	}
	.purplePig {
	    background-position: -0.4rem -5.23rem !important;
	    background-size: 1000% !important;
	}
	.purpleFeiPig {
	    background-position: -2.35rem -5.23rem !important;
	    background-size: 1000% !important;
	}
	.pinkPig {
	    background-position: -0.4rem -6.76rem !important;
	    background-size: 1000% !important;
	}
	.cyanPig {
	    background-position: -0.4rem -8.32rem !important;
	    background-size: 1000% !important;
	}
	.cyanFeiPig {
	    background-position: -2.35rem -8.36rem !important;
	    background-size: 1000% !important;
	}
	.cyanQuanPig {
	    background-position: -4.38rem -8.32rem !important;
	    background-size: 1000% !important;
	}
	.orangePuMian {
	    background-position: -0.4rem -9.88rem !important;
	    background-size: 1000% !important;
	}
	.orangePig {
	    background-position: -2.35rem -9.92rem !important;
	    background-size: 1000% !important;
	}
	.orangeFeiPig {
	    background-position: -4.38rem -9.88rem !important;
	    background-size: 1000% !important;
	}
	.record_header {
	    height: 0.38rem;
	    line-height: 0.38rem;
	}
	.record_header p {
	    margin-left: -10%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    font-size: 0.2rem;
	}
	.topBg .btn-group .record_btn {
	    font-size: 0.2rem;
	}
	.record_searchBox {
	    height: 0.3rem;
	    position: relative;
	    margin-top: 0.1rem;
	    margin-bottom: 0.1rem;
	    background: #f4f2f3;
	}
	.record_inputBox {
	    height: 0.3rem;
	    position: absolute;
	    left: 50%;
	    top: 0;
	    margin-left: -2.5rem;
	}
	.fenge {
	    line-height: 0.3rem;
	}
	.group_iscroll {
	    padding: 0 0.3rem;
	    top: 1.25rem;
	    bottom: 0;
	}
	.group_row {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.2rem;
	    margin-top: 0.1rem;
	}
	.group_row>.dropdown_btn>.btn-group>.btn{
	    font-size: 0.1rem;
	    margin-top: 0;
	}
	.group_hiddenMsg {
	    width: 91%;
	    padding: 0.1rem 0.1rem 0 0;
	    background: #fff;
	    margin-top: 0.1rem;
	    box-shadow: 5px 5px 5px #ccc;
	}
	.group_iscroll>.iscroll_content>.group_hiddenMsgBox:nth-last-child(1) {
    	margin-top: 0;
    	margin-bottom: 25px;
	}
	.group_hiddenMsgBox .group_hiddenMsg .group_row {
	    margin-top: 0.02rem;
	}
	.group_hiddenMsg .group_row div {
	    line-height: 0.3rem;
	    font-size: 0.15rem;
	}
	.shenhe {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.2rem;
	    margin-left: 0.8rem;
	    padding: 0 0.1rem;
	}
	.ysbt {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.2rem;
	    margin-left: 1rem;
	    margin-top: 0.1rem;
	}
	.xgmsgbox {
	    z-index: 999999;
	    left: 50%;
	    bottom: 1%;
	    margin-left: -2.2rem;
	    display: none;
	    animation: bottomTop .5s;
	    border-radius: 0.1rem;
	}
	.cententUl>li {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    text-align: center;
	    font-size: 0.2rem;
	    margin: 0.1rem 1.8rem;
	}
}