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

@media screen and (min-device-width: 375px) and (max-device-width: 1280px){
	@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;
		}
	}
	@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;
		}
	}
	@media (device-height:320px) and (-webkit-min-device-pixel-ratio:2){/*兼容iphone5*/
		.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: -6px !important;
		}
	}
	@media (device-height:414px) and (-webkit-min-device-pixel-ratio:2){/*兼容iphone6 Plus*/
		.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:768px) and (-webkit-min-device-pixel-ratio:2){/*兼容ipad*/
		.iscroll>.dangan_scrollr>.table2>tbody>tr{
			font-size:0.16rem !important;
		}
		.group_iscroll>.iscroll_content>.group_rowll>.col-md-1{
			font-size:0.14rem !important;
			margin-right: 0rem;
			width: 1.2rem !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;
		}
	}
	*{
		padding: 0;
		margin: 0;
	}
	body,html{
		height:100%;
		width:100%;
		overflow:hidden;
	}
	html{
		font-size: 100px;
	}
	body{
		background: #f4f2f3;
		font-family: Helvetica,Arial,'华文细黑','微软雅黑';
	}
	p{
		margin-bottom: 0 !important;
	}
	ul{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	input{
		border: none;
	}
	input[type=radio], input[type=checkbox]{
		margin: 0;
	}
	#checkboxInput{
	    visibility: hidden;
	}
	.checkbox {
	    width: 0.68rem;
	    height: 0.28rem;
	    background: #fff;
	    margin: -2px 0.32rem;
	    position: relative;
	    border-radius: 0.4rem;
	    border: 2px solid #ddd;
	}
	.checkbox label {
	    display: block;
	    width: 0.25rem;
	    height: 0.25rem;
	    border-radius: 50%;
	    box-shadow: 1px 2px 5px rgba(0,0,0,.4);
	 	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.4);
	 	
	    -webkit-transition: all .5s ease;
	    -moz-transition: all .5s ease;
	    -o-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	    transition: all .5s ease;
	    position: absolute;
	    top: -1px;
	    left: 0px;
	    background: #fff;
	}
	.checkbox input[type=checkbox]:checked + label {
	    left: 0.38rem;
	}
	
	.chooseDweb>.checkBox>input{
		visibility: hidden;
	}
	.checkBox {
	    width: 0.2rem;
   		height: 0.2rem;
	    background: #ddd;
	    display: inline-block;
	    margin-right: 0.2rem;
	    margin-left: 0.2rem;
	 
	    border-radius: 100%;
	    position: relative;
	    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	}
	.checkBox>label {
	    display: block;
	    width: 0.15rem;
   		height: 0.15rem;
	    border-radius: 50%;
	 
	    -webkit-transition: all .5s ease;
	    -moz-transition: all .5s ease;
	    -o-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	    transition: all .5s ease;
	    position: absolute;
	    top: 0.025rem;
   		left: 0.025rem;
	    z-index: 1;
	 
	    background: transparent;
	 
	    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	}
	.checkBox>input[type=checkbox]:checked + label {
	    background: #26ca28;
	}
	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;
	}
	.swiper-button-prev{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239393FF'%2F%3E%3C%2Fsvg%3E") !important;
	}
	.swiper-button-next{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239393FF'%2F%3E%3C%2Fsvg%3E") !important;
	}
	.swiper-button-next, .swiper-button-prev {
	    margin-top: -32px !important;
	}
	.swiper-pagination-bullet-active {
	    opacity: 1;
	    background: #d3a4ff !important;
	}
	.swiper-button-next, .swiper-button-prev {
	    width: 0.52rem !important;
    	height: 0.26rem !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	    right: 0.05rem !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	    left: 0.05rem !important;
	}
	.swiper-pagination-bullet{
	    width: 0.12rem !important;
    	height: 0.12rem !important;
	}
	.hiddenBoxShuJu>.container{
   		position: absolute;
	}
	.container{
	    width: 100%;
		padding-left:0 ;
		padding-right:0 ;
	}
	.hiddenBoxShuJu>.container{
		height: 100%;
	}
	.header{
		width: 100%;
		height: 0.71rem;
	    line-height: 0.71rem;
		padding-left:0.3rem ;
	}
	.topBg{
		position: relative;
		background: #2285e2 !important;
		border: none;
	}
	.searchBox{
		width: 100%;
	    height: 0.58rem;
	    position: absolute;
	    background: #f4f2f3;
	    top: 0.45rem;
	}
	.glyphicon-search {
	    position: absolute !important;
	    left: 1.5rem;
	    top: 0.08rem !important;
	    z-index: 100;
	    font-size: 0.14rem;
	}
	.danganInput{
		width: 5rem;
	    height: 0.58rem;
	    position: absolute !important;
	    left: 50%;
	    top: 0;
	    margin-left: -2.5rem;
	}
	.finishBtn{
		height: 0.38rem;
	    line-height: 0.38rem;
	    position: absolute;
	    top: 0;
	    right: 0.35rem;
	    color: #fff;
	    font-size: 0.18rem;
	    font-weight: bold;
	    background: #2285e2;
	    border: none;
	   	outline: none;
	}
	.danganshuju_leftbtn{
		margin-top: -0.1rem !important;
	}
	.scrollr{
		width: 100%;
		z-index: 999;
		overflow: hidden;
		position: absolute;
		top: 1.2rem;
		bottom:0;
		font-size: 0.16rem;
		background: #fff;
	}
	.dangan_scrollr{
		width: 100%;
		position: absolute;
	}
	.table1{
		margin-bottom: 0;
		background: #fff;
	    font-weight: bold;
	    position: absolute;
    	top: 0.82rem;
	}
	.table2>tbody>tr:nth-child(2n+1){
		background: #def;
	}
	.table2>tbody>tr:nth-child(2n){
		background: #ecf5ff;
	}
	.table2>tbody>tr>td:nth-of-type(1){
		width: 39%;
	}
	.table2>tbody>tr>td:nth-of-type(3){
		width: 1rem;
	}
	.table-striped>>tbody>tr>td{
		height: 1.4rem;
	   	line-height: 1.4rem;
	}
	.table>tbody>tr>td{
		border-top: none !important;
	}
	.swiper-slide>.table>tbody>tr>td{
	    width: 50%;
		display: flex;
		-webkit-justify-content: center;
	    justify-content: center;
	    float: left;
	    -webkit-align-items: center;
	    align-items: center;
	}
	.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;
	}
	.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;
	}
	
	#overlay{
	    background: #000;
	    filter: alpha(opacity=50); /*IE的透明度*/
	    opacity: 0.5;  /*透明度*/
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    z-index: 999; /*此处的图层要大于页面*/
	    display:none;
	}
	
	.ar_seaech{
		position: absolute;
	    z-index: 98;
	}
	.zhushe{
		display: none;
	}
	
	.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;
	}
	
	.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:nth-last-child(1){
		margin-top: 0.1rem;
	}
	.rowll>.col-md-2>.btn-group{
		margin-left: -0.1rem;
		height: 0.15rem;
	}
	.rowll>.col-md-2>.btn-group>.btn-default{
       	padding: 0;
	}
	.hiddenMsgBox{
		display: none;
	}
	.hiddenMsg{
		border-top: 1px solid #ccc;
		padding:0 0.2rem;
		background: #fff;
	}
	
	.dropup .caret{
		border-bottom:0.1rem solid !important;
		border-top: 0rem solid !important;
	}
	.caret{
		border-top: 0.1rem solid !important;
	    border-right: 0.1rem solid transparent !important;
	    border-left: 0.1rem solid transparent !important;
	}
	
	.hiddenMsg>div:nth-last-child(1){
		padding-bottom: 0.05rem;
	}
	
	.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;
	    text-align: center;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   		bottom: -4px !important;
	}
	#hiddenBox{
		display: none;
		width: 6rem;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -3rem;
		background: #fff;
		border-radius: 0.1rem;
		margin-top: -1.25rem !important;
	    z-index: 9999;
	}
	
	.checkboxBox{
		 width: 100%; 
		 overflow: hidden;
	}
	
	.table{
		margin-bottom: 0 !important;
	}
	tr{
		border: 0px solid transparent !important;
	}
	.table tr td span{
		width:2rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		margin-left: 0.5rem;
	    font-size: 0.16rem;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		z-index: 99999999;
	}
	.swiper-pagination-bullet-active{
		background: #c2a6fd;
	}
	#hiddenBox .hiddenBoxTop .active{
		background: #2285e2;
		color: #fff;
	}
	#hiddenBox .submit{
		width: 100%;
		height: 0.4rem;
	    font-size: 0.2rem;
		border: none;
		border-top: 1px solid #ddcdfe !important;
		float: left;
		outline: none;
		border-radius:0 0 0.1rem 0.1rem;
	}
	
	.activeFooter{
		color: #2988e4;
	}
	#wrap{
		width: 100%;
	}
	#wrap section .sectionTop{
		width: 100%;
		height: 100%;
		background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%);
		overflow: hidden;
		position: absolute;
	}
	.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6{
		width:50%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	#wrap section .sectionBtm{
		padding: 10px 0 !important;
	}
	#wrap section .sectionBtm{
		width: 98%;
		/* width: 2rem; */
		background:#fff !important;
		/* background: -webkit-linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0.5),rgba(255,255,255,1)); */
		/* height: 2rem; */
	    height: 45%;
	    bottom: 11px;
	    /* bottom: 0.1rem;
	    left: 0.5rem; */
	    position: absolute;
        border-radius: 0.1rem 0.1rem 0 0 !important;
        /* border-radius: 50%; */
    	margin-left: 1%;
   	    /* box-shadow: 0 0 2px 5px rgba(255, 255, 255, 0.6); */
	}
	#outerDiv1{
		width:2rem;
		height:2rem;
		border-radius:100%;
		position: absolute;
		bottom: 0;
	}
	#outerDiv2{
		width:2rem;
		height:2rem;
		border-radius:100%;
		position: absolute;
		bottom: 0;
	}
	#outerDiv3{
		width:2rem;
		height:2rem;
		border-radius:100%;
		position: absolute;
		bottom: 0;
	}
	#outerDiv4{
		width:2rem;
		height:2rem;
		border-radius:100%;
		position: absolute;
		bottom: 0;
	}
	#zjyuan{
		background: rgba(255,255,255,0.2);
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
	    z-index: 999;
		margin-left: -0.25rem;
		margin-top: -0.25rem;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	#zjyuan>img{
	    width: 0.4rem;
    	height: 0.4rem;
	}
	.xian{
		display:block;
		width:0.02rem;
		height:2rem;
		position: absolute;
		left: 1rem;
		top: 0;
		background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%);
	}
	.rotate1{
		transform: rotate(-23deg);
	}
	.rotate2{
		transform: rotate(23deg);
	}
	.rotate3{
		transform: rotate(68deg);
	}
	.rotate4{
		transform: rotate(112deg);
	}
	#outerDiv1 div{
		position: absolute;
		width: 0.35rem;
		height: 0.35rem;
	}
	#outerDiv2 div{
		position: absolute;
		width: 0.35rem;
		height: 0.35rem;
	}
	#outerDiv3 div{
		position: absolute;
		width: 0.35rem;
		height: 0.35rem;
	}
	#outerDiv4 div{
		position: absolute;
		width: 0.35rem;
		height: 0.35rem;
	}
	#m1{
		left: 50%;
		top: 0.05rem;
		margin-left: -0.175rem;
	}
	#m2{
		left: 73%;
		top: 0.26rem;
		margin-left: -0.08rem;
	}
	#m3{
		left: 64%;
		top: 50%;
		margin-top: -0.175rem;
		margin-left: 0.315rem;
	}
	#m4{
		left: 72%;
		top: 1.36rem;
		margin-left: -0.055rem;
	}
	#m5{
		left: 50%;
		top: 1.55rem;
		margin-left: -0.175rem;
	}
	#m6{
		left: 27%;
		top: 1.36rem;
		margin-left: -0.275rem;
	}
	#m7{
	    left: -0.02rem;
	    top: 50%;
	   	margin-top: -0.175rem;
	    margin-left: 0.07rem;
	}
	#m8{
		left: 27%;
	    top: 0.25rem;
	    margin-left: -0.25rem;
	}
	#wrap section .sectionTop .sectionData{
		width: 100%;
	}
	#wrap section .sectionTop .sectionData h2{
		width: 100%;
		height: 0.3rem;
		line-height: 0.3rem;
		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: 100%;
		height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.16rem;
		color: #fff;
		margin: 0;
		margin-left: 0.25rem !important;
	}
	#wrap section .sectionTop .sectionData h4{
		width: 100%;
		height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.14rem;
		color: #fff;
		margin: 0;
		margin-left: 0.25rem !important;
	}
	#hiddenBoxPig{
		width: 100%;
		border-radius:0.12rem;;
		background: #fff;
		z-index: 99;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu div{
		width: 25%;
		float: left;
		text-align: center;
	    vertical-align: middle;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu div p{
		width: 100%;
		/* height: 0.3rem;
	    line-height: 0.3rem; */
		margin-bottom: 0;
		color: darkgrey;
	    font-weight: bold;
	    font-size: 0.14rem;
	}
	.hiddenBoxShuJu>.container>.row {
	    margin-right: 0;
	    margin-left: 0;
	}
	.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 .hiddenBoxBtm div p{
		width: 100%;
		/* height: 0.3rem;
		line-height: 0.3rem; */
		margin-bottom: 0;
		color: #bfbfbf;
		font-weight: bold;
		font-size: 0.14rem;
	}
	#wrap footer .container .row{
		display: -webkit-box;
		margin-right: 0; 
	    margin-left: 0; 
	}
	#wrap footer .container .row div{
		width: 25%;
		position: relative;
		text-align: center;
	}
	.pig{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.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;
	}
	.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;
	}
	.lisBtn{
		border-radius: 0.05rem;
		color: #fff;
		background: #2285E2;
		text-align: center;
		padding: 0.06rem 0.115rem;
	}
	.duannai_td{
		padding: 8px 4px;
		border-top: none;
		border-bottom: 1px solid #ddd;
	}
	.duannai_td div:nth-of-type(1){
		margin: 0.2rem 0;
	}
	#alert{
		display: none;
	    width: 5.5rem;
	    height: 3.22rem;
	    background: #fff;
	    position: absolute;
	    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_dayNumBox{
		width: 100%;
		height: 0.3rem;
	    background: #f4f2f3;
	    position: absolute;
   		top: 0.85rem;
	}
	.fenmian_prevBtn{
		height: 0.3rem;
	    line-height: 0.3rem;
	    display: inline-block;
	    margin-left: 0.15rem;
	    color: #2285e2;
	    font-size: 0.14rem;
	}
	.fenmian_nextBtn{
		height: 0.3rem;
	    line-height: 0.3rem;
	    display: inline-block;
	    position: absolute;
	    right: 0.15rem;
	    color: #2285e2;
		text-align: right;
		font-size: 0.14rem;
	}
	.fenmian_dayNumBox .fenmian_prevBtn .btn-group button{
	    border: none;
	    font-size: 0.3rem;
	    background: #f4f2f3;
	    color: #2285e2;
	    margin-left: 0 !important;
	    margin-top: 0;
 			line-height: 0.1rem;
	}
	.fenmian_dayNumBox .fenmian_nextBtn .btn-group button{
		font-size: 0.3rem;
	    color: #2285e2;
	    border: none;
	    background: #f4f2f3;
	    margin-top: 0;
	    line-height: 0.1rem;
	}
	.fenmian_dayNumBox #date,
	.fenmian_dayNumBox .dateS,
	.fenmian_dayNumBox .dateE{
		width: 2.2rem;
	    height: 0.3rem;
	    font-size: 0.2rem;
	    text-align: center;
	    position: absolute;
	    border: none;
	    outline: none;
	    border-radius: 0.1rem;
	    background: #fff !important;
	    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	    color: #2386e3;
	    display: inline-block;
	    -webkit-appearance: none
	}
	.fenmian_dayNumBox #date {
		left: 50%;
	    margin-left: -1.1rem;
	}
	.dateS{
		left: 13%;
	}
	.dateE{
		right: 13%;
		top: 0.1%;
	}
	.fenge{
		line-height: 0.3rem;
		text-align: center;
		display: block;
	}
	.datetimepicker {
		font-size: 0.4rem;
	}
	.fenmian_iscroll{
		width: 100%;
		position: absolute;
		overflow: hidden;
		background: #f4f2f3;
		top: 0.84rem;
	    bottom: 0;
	}
	
	.fenmian_iscroll .container-fluid{
	    width: 100%;
		position: absolute;
	}
	.fenmian_iscroll .container-fluid .row {
	    display: -webkit-box;
	    font-size: 0.15rem;
	    margin-top: 0rem;
	}
	.chaochu{
		width:0.6rem;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.col-md-1{
		padding-right: 0 !important;
    	padding-left: 10px ;
    	font-size: 0.16rem !important;
	}
	.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.1rem 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.1rem;
		border-bottom: 1px solid #ccc;
	}
	.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;
	}
	.title>.btn-group{
		position: absolute;
		left: 0;
	}
	.content{
		width: 100%;
		position: absolute;
	}
	.addWeanPartion_p{
		margin-left: 0.4rem;
		font-weight: bold;
	}
	.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;
	}
	.sub{
		margin-left: 0.52rem;
	}
	.subAdd{
		margin-left: 0.6rem;
	}
	.record_header{
	    width: 100%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    font-weight: bold;
	    position: absolute;
   		top: 0;
   		display: flex;
        -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	.record_header>.btn-group{
		position: absolute;
   		left: 0.3rem;
	}
	.record_header p{
		margin-left: -10%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    font-size: 0.2rem;
	    position: absolute;
	    left: 50%;
	    top: 0;
	    display: inline-block;
	    color: #fff;
	    margin-bottom: 0;
	}
	.topBg .btn-group .record_btn{
	    font-size: 0.35rem;
	    height: 0.38rem;
	    line-height: 0.32rem;
	    color: #fff;
	    border: none;
	    background: #2285e2;
	    outline: none;
	    margin-top: -0.06rem;
	    margin-left: -0.1rem !important;
	}
	.record_searchBox{
	    width: 100%;
	    height: 0.3rem;
	    background: #f4f2f3;
	    display: -webkit-box;
    	-webkit-box-pack: center;
    	position: absolute;
   		top: 0.44rem;
	}
	.record_search{
	    position: absolute;
	    left: 1.5rem;
	    top: 0.08rem;
	    z-index: 100;
	}
	.record_inputBox{
	    width: 5rem;
	    height: 0.3rem;
	}
	.record_inputBox .record_input{
	    border-radius: 0.15rem !important;
	    height: 0.58rem;
	    background: #2285e2;
	    text-indent: 1.6rem;
	    color: #12528f;
	}
	.group_iscroll{
		width: 100%;
		overflow: hidden;
		background: #f4f2f3;;
		position: absolute;
		padding: 0 0.2rem;
	    top: 1.2rem;
	    bottom: 0;
	}
	.group_iscroll .iscroll_content{
		width: 94%;
		position: absolute;
	}
	.group_btn{
		background: #fff !important;
		color: #ccc !important;
		border: none;
	}
	.group_row{
		display: -webkit-box;
		height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.2rem;
	    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_rowll>div:nth-last-child(1){
		margin-top: 0;
	}
	.yjt{
	    border: none !important;
	    outline: none;
	    color: #ccc !important;
	    font-size: 0.24rem !important;
	    height: 0.45rem;
	    line-height: 0.4rem !important;
	}
	.group_hiddenMsg{
		width: 100%;
	    padding: 0.05rem 0.05rem 0 0;
	    background: #fff;
       	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	    border-radius: 0.1rem;
	    margin-top: 10px;
	}
	.fenmian_iscroll>.container-fluid>.group_rowll>.dropdown_btn>.btn-group>.btn-bg{
		margin-top:-0.01rem !important;
	}
	.group_hiddenMsg .group_row div{
		color: #646464;
		line-height: 0.3rem;
	    font-size: 0.15rem;
	}
	.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;
	    width:50%;
	}
	.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;
	}
	
	.productin_iscroll{
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: 0.38rem;
		bottom:0;
	}
	.productin_iscroll_content{
		width: 100%;
		position: absolute;
	}
	
	#proControl_header{
		width: 100%;
		height: 0.38rem;
	    line-height: 0.38rem;
		background: #2285e2;
	    font-weight: bold;
	    display: flex;
   		-webkit-align-items: center;
	    align-items: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	}
	#proControl_header .proControl_btn_group{
		float: left;
		height: 0.38rem;
		position: absolute;
   		left: 0;
	}
	
	#proControl_header .proControl_btn_group .proControl_btn{
		margin-left: 0.2rem !important;
	    margin-top: -0.03rem;
        font-size: 0.35rem;
	    height: 0.38rem;
	    line-height: 0.26rem;
		background: #2285e2;
		border: none;
		color: #fff;
	}
	
	#proControl_header p{
		font-size: 0.2rem;
	    margin-left: -8%;
	    height: 0.38rem;
	    line-height: 0.38rem;
		float: left;
		color: #fff;
		position: absolute;
		left: 50%;
	    display: inline-block;
	}
	
	#proControl_content{
		width: 100%;
		height: 100%;
		background: #fff;
		overflow: hidden;
	}
	
	#proControl_content div{
		height: 0.8rem;
		border-bottom: 1px solid #b1b1b1;
		padding-left: 0.4rem;
	 	padding-right: 0.4rem;
	}
	
	#proControl_content div p{
		height: 0.4rem;
	    line-height: 0.4rem;
	    font-size: 0.15rem;
		color: #8c8c8c;
		font-weight: bold;
		display: flex;
	    align-items: center;
	}
	
	#proControl_content div span{
	    font-size: 0.15rem;
		color: #171717;
		font-weight: 600;
		display: flex;
	    float: left;
	    align-items: center;
	    justify-content: center;
	}
	
	#proControl_content div span i{
		width: 0.6rem;
	    height: 0.28rem;
		display: inline-block;
		vertical-align: middle;
	}
	.swiper-slide>table>tbody>tr>td{
		padding: 6px !important;
	}
	.yellowPig{
		background-position: -0.4rem -2.12rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.yellowFeiPig{
		background-position: -2.35rem -2.12rem ;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.bulePig{
		background-position: -0.4rem -3.67rem;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.buleFeiPig{
		background-position: -2.35rem -3.67rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.purplePig{
		background-position: -0.4rem -5.23rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.purpleFeiPig{
		background-position: -2.35rem -5.23rem ;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.pinkPig{
		background-position: -0.4rem -6.76rem;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.cyanPig{
	    background-position: -0.4rem -8.32rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.cyanFeiPig{
	    background-position: -2.35rem -8.38rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.cyanQuanPig{
	    background-position: -4.38rem -8.32rem;
	    background-size: 1000%;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.orangePuMian{
	    background-position: -0.4rem -9.88rem ;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.orangePig{
	    background-position: -2.35rem -9.92rem ;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	.orangeFeiPig{
	    background-position: -4.38rem -9.88rem ;
	    background-size: 1000% ;
		background-repeat: no-repeat;
		background-image: url(../img/zhuanqunpig.png);
	}
	
	#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;
	}
	#wrap header {
	    width: 100%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    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: 65px;
	    top: 0.377rem;
	}
	#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 {
		width: 100%;
	    height: 0.4rem;
	    line-height: 0.5rem;
	    text-align: center;
	    margin-bottom: 0;
	    font-size: 0.14rem;
	}
	.imgPig {
		width: 0.28rem;
 		height: 0.28rem;
	    background: url(../img/btnbg.png) no-repeat 0rem 0rem;
	    background-size: 430%;
	    display: inline-block;
	    margin-top: 0.02rem;
	}
	.imgdata {
		width: 0.28rem;
   		height: 0.28rem;
	    background: url(../img/btnbg.png) no-repeat -0.26rem 0.03rem;
	    background-size: 372%;
	    display: inline-block;
	    margin-top: 0.02rem;
	}
	.imgbiao {
		width: 0.28rem;
   		height: 0.28rem;
	    background: url(../img/btnbg.png) no-repeat -0.63rem 0.01rem;
	    background-size: 426%;
	    display: inline-block;
	    margin-top: 0.02rem;
	}
	.imgxun {
		width: 0.28rem;
   		height: 0.28rem;
	    background: url(../img/btnbg.png) no-repeat -0.94rem 0rem;
	    background-size: 430%;
	    display: inline-block;
	    margin-top: 0.02rem;
	}
	#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 .indexContent{
		position: absolute;
	    width: 100%;
	   	height: 100%;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu {
	    width: 100%;
	    height: 50%;
	    display: -webkit-flex;
       	display: flex;
       	-webkit-align-items: center;
           align-items: center;
       	-webkit-justify-content: center;
           justify-content: center;
	}
	.hiddenBoxShuJu .hiddenBoxTopShuJu div img {
	    width: 0.35rem;
	    height: 0.35rem;
	}
	.hiddenBoxShuJu .hiddenBoxBtm {
	    width: 100%;
	    height: 50%;
	    display: -webkit-flex;
       	display: flex;
       	-webkit-align-items: center;
           align-items: center;
	}
	.hiddenBoxShuJu .hiddenBoxBtm div img {
	    width: 0.35rem;
	    height: 0.35rem;
	}
	#hiddenBox .hiddenBoxTop {
	    height: 0.4rem !important;
	    line-height: 0.4rem !important;
	}
	.ar_header>.black {
	    position: absolute;
	    left: 0;
	}
	.ar_header {
	    width: 100%;
	    height: 0.38rem;
	    line-height: 0.38rem;
	    position: absolute;
   		top: 0;
   		display: flex;
   		-webkit-align-items: center;
	    align-items: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	}
	.ar_header>.btn-group>.zuo{
		margin-left: 0.18rem !important;
	    font-size: 0.35rem !important;
	    margin-top: -0.03rem !important;
        height: 0.38rem;
    	line-height: 0.26rem;
    	outline: none;
	}
	.btn-group .btn {
	    border: none;
	    background: #2285e2;
	    color: #fff;
	    margin-top: -0.15rem;
	}
	.col-md-6{
		text-align: left;
	}
	.topBg .p {
	    font-size:0.2rem;
	    color: #fff;
	    font-weight: bold;
	}
	header .right {
	    margin-top: 0.16rem;
	    font-size: 0.18rem !important;
	    margin-right: 0.08rem;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	#hiddenBox .hiddenBoxTop {
	    width: 100%;
	    text-align: center;
	    border-bottom: 1.5px solid #2285e2 !important;
	    display: -webkit-box;
	    -webkit-box-pack: center;
	}
	#hiddenBox .hiddenBoxTop div {
	    width: 50%;
	    -webkit-box-flex: 1;
	    font-size: 0.2rem !important;
	    color: #2285e2;
	}
	.hIscroll{
		overflow: hidden;
	    background: #c4e1ff;
	    border-radius: 0 0 0.1rem 0.1rem;
	}
	.hIscroll>.group_rowll{
		height: 0.2rem;
    	line-height: 0.2rem;
	}
	.fenmian_iscroll>.container-fluid>.group_rowll{
		margin-left: 0rem;
		width: 100%;
		background: #c4e1ff;
	}
	.fenmian_iscroll>.container-fluid>.group_rowll>.col-md-1{
	    margin-right: 0;
	    color: #2285e2;
    	font-size: 0.15rem;
	}
	.fenmian_iscroll>.container-fluid>.group_rowll>.col-md-1>span{
	    color: #646464;
	}
	.fenmian_iscroll>.container-fluid>.group_rowll>.col-md-5{
		padding-left: 0;
	    padding-right: 0;
	}
	.group_iscroll>.iscroll_content>.group_rowll{
		margin-left: 0rem;
		width: 100%;
		background: #c4e1ff;
		border-radius: 0.1rem;
	}
	.group_iscroll>.iscroll_content>.group_rowll>.col-md-5{
	    padding-left: 0;
	    font-size: 0.15rem;
	}
	.group_iscroll>.iscroll_content>.group_rowll>.col-md-1{
	    margin-right: 0;
	    color: #2285e2;
    	font-size: 0.15rem;
	}
	.group_iscroll>.iscroll_content>.group_rowll>.col-md-1>span{
	    color: #646464;
	}
	.group_iscroll>.iscroll_content>.group_rowll>.dropdown_btn{
	    margin-right: 0;
	}
	.hIscroll>.group_rowll{
		font-size: 0.15rem !important;
    	margin-top: 0px !important;
	}
	.hIscroll>.group_rowll>.col-xs-1>span{
		color: #646464;
	}
	.swiper-container {
	    padding-bottom: 0.1rem;
	}
	nav {
	    width: 100%;
	    height: 0.4rem;
	    line-height: 0.4rem;
	    display: -webkit-flex;
	    background: #eeeeee;
	    position: absolute;
   		top: 0.38rem;
	}
	nav .atPrePigHome {
	    color: #2285e2;
	    font-size: 0.16rem;
	    margin-left: 0.2rem;
	    -webkit-box-flex: 1;
	}
	.val1 {
	    border-radius: 0.1rem;
	    color: #fff;
	    background: #2285e2;
	    font-size: 0.16rem;
	    padding: 0.05rem;
	}
	nav .atPrestaus {
	    font-size: 0.16rem;
	    color: #2285e2;
	    margin-left:0.2rem;
	    -webkit-box-flex: 1;
	}
	.val2 {
	    padding: 0.05rem;
	    border-radius: 0.1rem;
	    color: #fff;
	    background: #2285e2;
	    font-size: 0.16rem;
	}
	nav .right {
	    position: absolute;
	    right: 0.085rem;
	    margin-top: 0.21rem;
	    -webkit-box-flex: 1;
	    font-size: 0.1rem !important;
	    float: right !important;
	}
	.dangan_iscroll {
	    width: 100%;
	    overflow: hidden;
	    background: #eeeeee;
	    position: absolute;
        top: 0.78rem;
   		bottom: 0.5rem;
	}
	.rowll {
	    background: #fff;
	    padding-left: 0.1rem;
	    margin-top: 5px;
	}
	.rowll div {
       	height: 0.25rem;
	    line-height: 0.25rem;
	    margin-bottom: 0.1rem;
	    margin-top: 0.1rem;
	    text-align: center;
	    padding: 0;
	    font-size: 0.2rem;
	}
	.hiddenMsg>.row>div {
	    width: 0rem;
       	line-height: 0.2rem;
	  	color: #000;
	  	margin: 0.1rem 0;
	  	font-size: 0.2rem;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.hiddenMsg>.row>.col-md-3 {
	    line-height: 0.4rem;
	}
	.hiddenMsg .row img {
        width: 0.4rem;
   		height: 0.4rem;
	}
	.container>.rowll>.dropdownBtn{
		height:0.45rem !important;
		margin: 0 !important;
	}
	.footerBox {
	    width: 100%;
	    height: 0.5rem;
	    line-height: 0.5rem;
	    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: 0.25rem;
	    margin: 0 0.4rem;
	}
	.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;
	    font-size: 0.2rem;
	    display: flex;
        -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	.title p {
	    font-size: 0.2rem;
	    color: #fff;
	}
	.title .xinZengDuanNai_btn {
	    font-size: 0.35rem;
	    height: 0.38rem;
	    line-height: 0.26rem;
	    color: #fff;
	    border: none;
	    background: #2285e2;
	    outline: none;
	    margin-top: -0.03rem;
	    margin-left: 0.18rem !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.15rem;
	}
	.addWeaning_input {
	    width: 3.4rem !important;
	    height: 0.48rem !important;
	    font-size: 0.15rem !important;
	    display: inline-block !important;
	    float: right;
	    color: #aaaaaa !important;
	    border: none !important;
	    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: absolute;
	    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.38rem;
	    font-weight: bold;
	    display: flex;
   		-webkit-align-items: center;
	    align-items: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	}
	.fenmian_header>.btn-group{
		position: absolute;
    	left: 0;
	}
	.topBg .btn-group .fenmian_btn {
        font-size: 0.35rem;
	    height: 0.38rem;
	    line-height: 0.26rem;
	    color: #fff;
	    border: none;
	    background: #2285e2;
	    outline: none;
	    margin-top: -0.03rem;
	    margin-left: 0.18rem !important;
	}
	.fenmian_header p {
	    font-size: 0.2rem;
	    color: #fff;
	}
	.header>.btn-group {
	    position: absolute;
	    left: 0;
	}
	.fenmian_searchBox {
	    width: 100%;
	    height: 0.3rem;
	    background: #f4f2f3 !important;
	    display: -webkit-box;
    	-webkit-box-pack: center;
    	margin: 0.08rem 0;
   	    position: relative;
	}
	.fenmian_dayNumBox1{
		left: 100%;
		top: 0;
	}
	.searchBtn{
	   	width: 0.3rem;
	    height: 0.3rem;
	    line-height: 0.3rem !important;
	    text-align: center;
	    top: 0 !important;
	    font-size: 0.2rem;
	    background: #c7e1f0;
	    color: #214579;
	    border-radius: 0.05rem;
	    position: absolute !important;
	    left: 5.7rem;
	    z-index: 100;
	}
	.mymoveSou{
		animation:mymoveSou .5s ease forwards;
		-moz-animation:mymoveSou .5s ease forwards; /* Firefox */
		-webkit-animation:mymoveSou .5s ease forwards; /* Safari and Chrome */
		-o-animation:mymoveSou .5s ease forwards; /* Opera */	
	}
	@keyframes mymoveSou{
		from {left:50%;}
		to {left:-39%;}
	}
	.mymoveSJ{
		animation:mymoveSJ .5s ease forwards;
		-moz-animation:mymoveSJ .5s ease forwards; /* Firefox */
		-webkit-animation:mymoveSJ .5s ease forwards; /* Safari and Chrome */
		-o-animation:mymoveSJ .5s ease forwards; /* Opera */
	}
	@keyframes mymoveSJ{
		from {left:100%;}
		to {left:0;}
	}
	.mymoveSou1{
		animation:mymoveSou1 .5s ease forwards;
		-moz-animation:mymoveSou1 .5s ease forwards; /* Firefox */
		-webkit-animation:mymoveSou1 .5s ease forwards; /* Safari and Chrome */
		-o-animation:mymoveSou1 .5s ease forwards; /* Opera */	
	}
	@keyframes mymoveSou1{
		from {left:-39%;}
		to {left:50%;}
	}
	.mymoveSJ1{
		animation:mymoveSJ1 .5s ease forwards;
		-moz-animation:mymoveSJ1 .5s ease forwards; /* Firefox */
		-webkit-animation:mymoveSJ1 .5s ease forwards; /* Safari and Chrome */
		-o-animation:mymoveSJ1 .5s ease forwards; /* Opera */
	}
	@keyframes mymoveSJ1{
		from {left:0;}
		to {left:100%;}
	}
	
	
	.fenmian_inputBox {
	    width: 5rem;
	    height: 0.3rem;
	    position:absolute !important;
	    left: 50%;
	    margin-left: -2.5rem;
	}
	.fenmian_search {
	   	position: absolute !important;
	    left: 1.5rem;
	    top: 0.08rem !important;
	    z-index: 100;
	    font-size: 0.14rem;
	}
	.fenmian_inputBox .fenmian_input {
	    border-radius: 0.15rem !important;
	    height: 0.3rem;
	    background: #2285e2;
	    text-indent: 1.6rem;
	    color: #12528f;
	}
	.fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
	    font-size: 0.2rem;
      		margin-top: -0.06rem;
	}
	.fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
	    font-size: 0.2rem;
	    margin-top: -0.06rem;
	}
	.borderB > div {
		padding: 3px;
	    font-size: 0.15rem;
	}
	.btn-bg{
		margin-top: -0.05rem !important;
	}
	#fenmian_addBtn {
	    width: 0.6rem;
	    height: 0.8rem;
	    background: #c2a6fd;
	    position: absolute;
	    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.35rem !important;
	    height: 0.38rem;
	    line-height: 0.3rem !important;
    	margin-left: 0.18rem !important;
   	    margin-top: -0.03rem !important;
	}
	.searchBox {
	    height: 0.3rem;
	}
	.danganInput {
	    height: 0.3rem;
	}
	.input-group .form-control {
	    border-radius: 0.15rem !important;
	    height: 0.3rem !important;
	    background: #2285e2;
	    text-indent: 1.6rem;
	    color: #12528f;
	    font-size: 0.2rem !important;
	}
	.table1>tbody>tr>td:nth-of-type(2) {
	    text-align: center;
	}
	.table1>tbody>tr>td:nth-of-type(3) {
	    text-align: center;
	}
	.table1>tbody>tr:nth-of-type(1) {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    font-size: 0.16rem;
	}
	.fenmian_nextBtn>span{
		 margin-right: 0.05rem;
	}
	.group_row>.dropdown_btn>.btn-group>.btn{
	    font-size: 0;
	    margin-top: 0;
	}
	.group_iscroll>.iscroll_content>.group_hiddenMsgBox:nth-last-child(1) {
    	margin-top: 0;
	}
	.group_hiddenMsgBox .group_hiddenMsg .group_row {
	    margin-top: 0.02rem;
	}
	.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;
	    border-radius: 0.1rem;
	    animation: bottomTop .5s;
	    -moz-animation:	bottomTop .5s;	/*Firefox*/
		-webkit-animation: bottomTop .5s;	/*Safari 和 Chrome*/
		-o-animation: bottomTop .5s;
	}
	.cententUl>li {
		width: 4.15rem;
	    height: 0.3rem;
	    line-height: 0.3rem;
	    text-align: center;
	    font-size: 0.2rem;
	    margin: 0.1rem 0.1rem;
	}
	.borderB>div {
		font-size: 0.14rem !important;
	}
		
	/*公猪母猪信息*/
	.gZXXBox {
    	padding: 0 0.5rem;
    	background: #f1f1f1;
    	border-bottom: 1px solid #ccc;
	}
	.gZXXBox>.row {
	    display: -webkit-box;
	}
	.gZXXBox>.row>div {
	    padding-left: 0.1rem !important;
	    width: 0.7rem;
	    line-height: 0.25rem;
	    color: #000;
	    margin: 0.05rem 0;
	    font-size: 0.18rem;
	    text-align: left !important;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.gZdangan_iscroll {
	    width: 100%;
	    overflow: hidden;
	    background: #eeeeee;
	    position: absolute;
        top: 1.58rem;
	    bottom: 0;
	}
	.gZ{
		top: 2.12rem;
	}
	section>.gZcontainer {
	    width: 100%;
	    position: absolute;
	    padding-left: 0;
    	padding-right: 0;
	}
	.gZdangan_iscroll>.gZcontainer>.row {
	    display: -webkit-box;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group{
		height: 0.15rem;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll {
	    background: #fff;
	    padding-left: 0.4rem;
	    border-bottom: 1px solid #ccc;
	    background: #97cbff;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll div {
       	height: 0.25rem;
	    line-height: 0.25rem;
	    margin-bottom: 0.1rem;
	    margin-top: 0.1rem;
	    text-align: left;
	    padding: 0;
	    font-size: 0.2rem;
        background: #97cbff;
        font-weight: bold;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle{
		background: #F0F8FF !important;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle>.caret{
	    margin-bottom: 0.03rem;
	}
	.gZdangan_iscroll>.gZcontainer>.rowll>div:nth-last-child(1) {
	    margin-top: 0.1rem;
	}
	.gZXXhiddenMsg {
    	padding: 0 0.2rem;
    	background: #ecf5ff;
    	border-bottom: 1px solid #ccc;
	}
	.gZXXhiddenMsg>.row {
	    display: -webkit-box;
	}
	.gZXXhiddenMsg>.row>.col-md-6 {
		width:50%;
	}
	.gZXXhiddenMsg>.row>div {
	    line-height: 0.2rem;
	    color: #000;
	    margin: 0.05rem 0;
	    font-size: 0.18rem;
	    text-align: left !important;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    padding-left: 0.2rem !important;
	}
	.gZXXhiddenMsgBox>.rowll {
	    display: -webkit-box;
	}
	.gZXXhiddenMsgBox>.rowll{
		border-bottom: 1px solid #ccc;
		margin-top: 0;
		background: #97cbff;
	}
	.gZXXhiddenMsgBox>.rowll div {
	    height: 0.3rem;
	    line-height: 0.3rem;
	    text-align: center;
	    padding: 0;
	    font-size: 0.28rem;
	    background: #97cbff;
	}
	.gZXXhiddenMsgBox>.rowll>.col-md-2>.btn-group>.dropdown-toggle{
		background: #fdffff !important;
	}
	.gZXXhiddenMsg>.row>.col-md-3>img {
        width: 0.3rem;
    	height: 0.3rem;
	}
	.gZXXhiddenMsg>.row>.col-md-3 {
	    line-height: 0.3rem;
	}
	.gZcontainer>.rowll>.dropdownBtn{
		height:0.45rem !important;
		margin: 0 !important;
	}
	.sys{
		background: #c4e1ff !important;
	}
	.mzCentent{
		background: #ecf5ff;
	    position: relative;
	}
	.mzCentent>.group_rowll{
		margin-top: 0;
	}
	.mzCentent>.group_rowll>.col-md-1{
		margin-right: 0;
	}
	.mzCentent>.group_rowll>.col-md-1>.span1{
		display: block;
		position: absolute;
		left: 0.5rem;
		margin-right: 0;
		height: 0.3rem;
		width: 0.05rem;
		background: #e8e8e8;
	}
	.mzCentent>.group_rowll>.col-md-1>.span2{
		margin-left: 0;
		display: block;
		position: absolute;
		top: 0.02rem;
		left: -0.035rem;
	    height: 0.25rem;
	    width: 0.25rem;
		border-radius: 50%;
	}
	.mzCentent>.group_rowll>.col-md-1>.span3{
		display: block;
		position: absolute;
		left: -0.01rem;
		top: 0.048rem;
		margin-right: 0;
		height: 0.2rem;
		width: 0.2rem;
		border-radius: 50%;
	}
	.mzCentent>.group_rowll>.col-md-1>.span4{
		display: block;
		position: absolute;
		top: 0.05rem;
		left: -0.05rem;
		height: 0.35rem;
		line-height: 0.35rem;
		width: 1.2rem;
		border-radius: 0.15rem;
	}
	.mzCentent>.group_rowll>.col-md-1>.span5{
		display: block;
		position: absolute;
		top: 0.05rem;
		left: -0.05rem;
		height: 0.35rem;
		line-height: 0.35rem;
		width: 2rem;
		border-radius: 0.15rem;
	}
	.mzCentent>.group_rowll>div{
		font-size: 0.2rem;
	}
	.kongbai{
		background: #fff;
		height: 0.05rem;
	}
	.kongbai>span{
		display: block;
		position: absolute;
	    left: 0.465rem;
		margin-right: 0;
		height: 0.05rem;
		width: 0.05rem;
		background: #e8e8e8;
	}
}