@media screen and (max-device-width: 800px){ @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-5{ margin-left: 0.1rem !important; } .group_hiddenMsg .group_row .col-md-6{ padding-left: 0rem !important; } .hIscroll>.group_rowll>.col-xs-1 { margin-left: 0.15rem !important; } .group_iscroll>.iscroll_content>.group_rowll>.col-md-5{ margin-left: 0.1rem !important; } .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody>.info>td{ padding: 0.15rem 0.05rem !important; } .title .xinZengDuanNai_btn { margin-top: -0.05rem !important; } .checkbox { height: 0.45rem !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.06rem !important; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { margin-top: -0.06rem !important; } .hiddenMsg>.row>.col-md-6 { padding-left: 0.32rem !important; } .hiddenMsg>.row>.col-md-3{ padding-right: 0px !important; } nav .right { margin-top: 0.03rem !important; right: 0.07rem !important; } .zzz{ margin-top:0.45rem; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -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; } .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; } #hiddenBoxPig { bottom: 14% !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; } } @media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */ .checkbox { height: 0.41rem !important; } .hiddenMsg>.row>.col-md-6 { padding-left: 0.32rem !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 0rem !important; } .yellowPig{ background-position: -0.56rem -2.48rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.28rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.15rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.05rem !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.8rem !important; } .orangePig{ background-position: -2.91rem -11.8rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.8rem !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !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; } } @media (device-height:732px) and (-webkit-min-device-pixel-ratio:2.6){/* 兼容Nexus X5 */ .title .xinZengDuanNai_btn { margin-top: -0.05rem !important; } .checkbox { height: 0.39rem !important; } .checkbox label { width: 0.35rem; height: 0.35rem; top: -1px; left: 0px; } #wrap section { bottom: 1.15rem !important; } } @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */ .ar_header>.btn-group>.zuo{ line-height: 0.5rem !important; } .title .xinZengDuanNai_btn{ line-height: 0.5rem !important; } .topBg .btn-group .fenmian_btn{ line-height: 0.5rem !important; } .btn-group>.danganshuju_leftbtn{ line-height: 0.5rem !important; } .checkbox { height: 0.39rem !important; } .hiddenMsg>.row>.col-md-6 { padding-left: 0.32rem !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.52rem !important; } .bulePig{ background-position: -0.56rem -4.34rem !important; } .buleFeiPig{ background-position: -2.91rem -4.34rem !important; } .purplePig{ background-position: -0.56rem -6.25rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.25rem !important; } .pinkPig{ background-position: -0.56rem -8.05rem !important; } .cyanPig{ background-position: -0.56rem -9.9rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.9rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.9rem !important; } .orangePuMian{ background-position: -0.56rem -11.8rem !important; } .orangePig{ background-position: -2.91rem -11.8rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.8rem !important; } .group_hiddenMsg .group_row .col-md-6{ padding-left: 0rem !important; } .zzz{ margin-top:0.45rem; } .tabler>tbody>tr>td{ padding: 0 8px 0 4px; font-size: 0.25rem; } #hiddenBox .hiddenBoxTop { height: 0.8rem !important; line-height: 0.8rem !important; } .table tr td span { font-size: 0.2rem !important; } #hiddenBox .hiddenBoxTop div { font-size: 0.35rem !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.06rem !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.06rem !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>.col-md-6 { padding-left: 0.32rem !important; } .title .xinZengDuanNai_btn { margin-top: 0 !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.06rem !important; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { margin-top: -0.06rem !important; } #wrap section { bottom: 1.15rem !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 0rem !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -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{ 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: -2px !important; } } @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */ .checkbox { height: 0.38rem !important; } .title .xinZengDuanNai_btn { margin-top: -0.05rem !important; } .hiddenMsg>.row>.col-md-6 { padding-left: 0.32rem !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 0rem !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.06rem !important; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { margin-top: -0.06rem !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -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; } .tr1_2{ width: 7rem !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; } .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 */ .ar_header>.btn-group>.zuo{ margin-top: 0 !important; } .title .xinZengDuanNai_btn { margin-top: -0.05rem !important; } .iscroll>.dangan_scrollr>.table2>tbody>tr { font-size: 0.25rem !important; } .fenmian_nextBtn>span{ margin-right: 0.08rem !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.06rem !important; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { margin-top: -0.06rem !important; } .hiddenMsg>.row>.col-md-6 { padding-left: 0.32rem !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; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -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; } } *{ padding: 0; margin: 0; } body,html{ height:100%; width:100%; overflow:hidden; } html{ font-size: 100px; } body{ background: #f4f2f3; } p{ margin-bottom: 0 !important; } ul{ list-style: none; } a{ text-decoration: none; } table tr td { border: none; } .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{ color: #999 !important; } input{ border: none; } input[type=radio], input[type=checkbox]{ margin: 0; margin-left: 0.32rem; } input[placeholder], [placeholder], *[placeholder]{ color: #aaaaaa !important; } .mui-search:before{ margin-top: -0.3rem; } .mui-search .mui-placeholder{ height: 0.58rem; line-height: 0.58rem; } ::-webkit-input-placeholder { color: #aaaaaa !important; } .header .btn-default:hover{ background-color: #2285e2 !important; color: #fff !important; } .right .btn-default:hover{ background: #c7e1f0 !important; color: #214579 !important; outline: none; } .lisBtn .btn-default:hover{ background-color: #2285e2 !important; color: #fff !important; } .title .btn-default:hover{ background-color: #2285e2 !important; color: #fff !important; } .ar_header .btn-default:hover{ background-color: #2285e2 !important; color: #fff !important; } .dangan_iscroll .btn-default:hover{ background-color: #fff !important; color: #ccc !important; } /*待售种猪复选框*/ #checkboxInput{ visibility: hidden; } .checkbox { width: 0.68rem; height: 0.39rem; background: #fff; margin: -2px 0.2rem; position: relative; border-radius: 0.3rem; border: 2px solid #ddd; } .checkbox label { display: block; width: 0.35rem; height: 0.35rem; 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: -1px; left: 0px; background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.4); -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.4); } .checkbox input[type=checkbox]:checked + label { left: 0.28rem; } /*档案管理复选框*/ .chooseDweb>.checkBox>input{ visibility: hidden; } .checkBox { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; background: #ddd; display: inline-block; 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.3rem; height: 0.3rem; 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.05rem; left: 0.05rem; 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; } .chooseDweb>.checkBox+span{ text-indent: 0.2rem; } /*下拉菜单*/ 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-slide>.table>tbody>tr>td{ width: 50%; display: flex; float: left; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .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-container-horizontal>.swiper-pagination-bullets { bottom: -4px !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: 2px !important; } .swiper-pagination-bullet{ width: 0.12rem !important; height: 0.12rem !important; } .container{ width: 100%; margin: 0; } .row{ margin: 0 -0.1rem; } .container-fluid{ margin: 0; } .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; line-height: 0.58rem; position: relative; background: #f0f0f0 !important; top: 0; margin: 0.2rem 0; left: 0; } .glyphicon-search{ position: absolute !important; left: 1.15rem; top: 0.165rem !important; z-index: 100; font-size: 0.24rem; color: #fff; } .danganInput{ width: 5rem; height: 0.58rem; position: absolute !important; left: 50%; top: 0; margin-left: -2.5rem; } .input-group .form-control{ border-radius: 0.15rem !important; height: 0.58rem!important; color: #12528f; font-size: 0.28rem!important; } .finishBtn{ height: 0.71rem; line-height: 0.71rem; position: absolute; top: 0; right: 0.4rem; color: #fff; font-size: 0.26rem; font-weight: bold; background: #2285e2; border: none; outline: none; } .btn-group .btn{ border: none; background: #2285e2; color: #fff; margin-top: -0.1rem; font-size: 0.25rem; } .btn-group>.danganshuju_leftbtn{ height: 0.71rem; line-height: 0.56rem; margin-left: 0.18rem !important; margin-top: -0.05rem !important; font-size: 0.55rem !important; } .header>.btn-group{ position: absolute; left: 0; } .scrollr{ width: 100%; z-index: 999; overflow: hidden; position: absolute; top: 0; bottom: 0; font-size: 0.22rem; background: #fff; left: 0; } .dangan_scrollr{ width: 100%; position: absolute; } .table1{ margin-bottom: 0; background: #fff; font-weight: bold; } .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; border: 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; } .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_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; display: flex; justify-content: space-between; align-items: center; } .topBg .p{ font-size:0.32rem; color: #fff; font-weight: bold; } .ar_header>.btn-group>.zuo{ height: 0.71rem; line-height: 0.56rem; font-size: 0.55rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.05rem; margin-left: 0.18rem !important; } header .right{ font-size: 0.3rem !important; } header>.right>.right{ margin-top: 0 !important; margin-right: 0.18rem; } .ar_seaech{ position: relative; z-index: 98; } nav{ width: 100%; height: 0.68rem; line-height: 0.58rem; display: -webkit-flex; background: #eeeeee; margin: 0.1rem 0 0.05rem 0; } nav .atPrePigHome{ color: #2285e2; margin-left: 0.2rem; -webkit-box-flex: 1; } nav .atPrestaus{ color: #2285e2; margin-left: 0.2rem; -webkit-box-flex: 1; } .val1{ border-radius:0.15rem ; color: #fff; background: #2285e2; font-size:0.25rem; padding: 0.12rem; } .val2{ padding: 0.12rem; border-radius:0.15rem ; color: #fff; background: #2285e2; font-size: 0.25rem; } .zhushe{ display: none; } nav .right{ position: absolute !important; right: 0.1rem; margin-top: 0.04rem !important; -webkit-box-flex: 1; font-size: 0.2rem !important; margin-right: -0.05rem; } .dangan_iscroll{ width: 100%; overflow: hidden; background: #eeeeee; position: absolute; top:0; bottom:0; left:0; } section .container{ position: absolute; } .hiddenBoxShuJu>.container{ height: 100%; } .hiddenBoxShuJu>.container>.row{ margin-right: 0; margin-left: 0; } .footerBox{ width: 100%; height: 0.9rem; line-height: 0.9rem; border-top: 1px solid #ccc !important; display: -webkit-box; -webkit-box-pack: center; background: #fff; z-index: 11; } .footerBox>div{ text-align: center; -webkit-box-flex: 1; font-size: 0.3rem; margin:0 0.4rem; } .footerBox span{ height: 0.9rem; border: 1px solid #ccc !important; display: inline-block; } .footerBox>div.active{ color: #4b738c; border-bottom:2px solid #4b738c !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; margin-top: 5px; color: #000; margin-left:-15px; margin-right:-15px; } .iscroll>.container>.hiddenMsgBox:nth-last-child(1){ margin-bottom: 10px !important; } .rowll div{ height: 0.4rem; line-height: 0.4rem; margin-bottom: 0.2rem; margin-top: 0.2rem; text-align: center; padding: 0; font-size: 0.22rem; } .rowll>div:nth-last-child(1){ margin-top: 0.2rem; } .rowll>.col-md-2>.btn-group{ margin-left: -0.28rem; height: 0.15rem; } .rowll>.col-md-2>.btn-group>.btn-default{ padding: 0; } .container>.rowll>.dropdownBtn{ height:0.8rem !important; margin: 0 !important; } .yjt{ border: none !important; outline: none !important; color: #ccc !important; font-size: 0.24rem !important; height: 0.8rem !important; line-height: 0.68rem !important; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px #fff; box-shadow: inset 0 3px 5px #fff; } .hiddenMsgBox{ display: none; } .hiddenMsg{ border-top: 1px solid #ccc; padding:0 0.2rem; background: #fff; } .hiddenMsg>.row>div{ width: 0.7rem; line-height: 0.5rem; color: #000; margin: 0.1rem 0; font-size: 0.21rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropup .caret{ border-bottom:0.15rem solid !important; border-top: 0rem solid transparent !important; } .caret{ border-top: 0.15rem solid !important; border-right: 0.15rem solid transparent !important; border-left: 0.15rem solid transparent !important; } .hiddenMsg>div:nth-last-child(1){ margin-bottom: 0rem; padding-bottom: 0rem; } .hiddenMsg>div>.dateleft{ margin-left: 5.5rem; } .hiddenMsg .row img{ width: 0.5rem; height: 0.5rem; } .hbgzsbg{ border-radius: 1rem; background: #eeeeee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 22% !important; padding-left: 0.1rem; padding-right: 0.1rem; text-align:center; } #hiddenBox{ display: none; width: 5.5rem; position: absolute; left: 50%; top: 50%; margin-left: -2.75rem; margin-top: -3.2rem; z-index: 9999; background: #fff; border-radius: 0.1rem; } .checkboxBox{ width: 100%; overflow: hidden; } .table{ margin-bottom: 0 !important; } tr{ border: 0px solid transparent !important; } .table tr td span{ width:2rem; margin-left: 0.3rem; font-size: 0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } #hiddenBox .hiddenBoxTop{ width: 100%; height: 0.8rem; text-align: center; line-height: 0.8rem; border-bottom: 1.5px solid #2285e2 !important; display: -webkit-box; -webkit-box-pack: center; } .swiper-container{ padding-bottom: 0.2rem; } .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: 0.35rem; color: #2285e2; } #hiddenBox .hiddenBoxTop .active{ background: #2285e2; color: #fff; } #hiddenBox .submit{ width: 100%; height: 0.8rem; border: none; border-top: 1px solid #ddcdfe !important; float: left; outline: none; font-size: 0.4rem; color: #000000; border-radius:0 0 0.1rem 0.1rem; } .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.3rem; color: #fff; font-weight: bold; } #wrap section{ width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background: #f0f0f0; } #wrap section .indexContent{ position: absolute; width: 100%; height: 100%; background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%); } #wrap section .sectionTop{ width: 100%; height: 66%; overflow: hidden; position: absolute; padding: 0; } #wrap section .sectionBtm{ width: 98%; height: 34%; position: absolute; bottom: 0; border-radius: 0.2rem 0.2rem 0 0; margin-left: 1%; } #wrap section .sectionTop .sectionData{ width: 100%; border: none; box-shadow: none; } .col-xs-6,.col-sm-6,.col-md-6,.col-lg-6{ width:50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #wrap section .sectionTop .sectionData h2{ width: 100%; height: 1rem; line-height: 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: 100%; 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: 100%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.24rem; margin: 0; margin-left: 0.25rem !important; } #hiddenBoxPig{ width: 100%; height: 100%; border-radius:0.12rem 0.12rem 0 0; background:#F2F6F9 !important; z-index: 99; } .hiddenBoxShuJu .hiddenBoxTopShuJu{ width: 100%; height: 50%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .hiddenBoxShuJu .hiddenBoxTopShuJu div{ width: 25%; float: left; text-align: center; vertical-align: middle; } .hiddenBoxShuJu .hiddenBoxTopShuJu div p{ width: 100%; margin-bottom: 0; color: darkgrey; font-weight: bold; font-size: 0.22rem; } .hiddenBoxShuJu .hiddenBoxBtm{ width: 100%; height: 50%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .hiddenBoxShuJu .hiddenBoxBtm div{ width: 25%; float: left; text-align: center; vertical-align: middle; } .hiddenBoxShuJu .hiddenBoxBtm div img{ width: 0.7rem; height: 0.7rem; } .hiddenBoxShuJu .hiddenBoxTopShuJu div img { width: 0.7rem; height: 0.7rem; } .hiddenBoxShuJu .hiddenBoxBtm div p{ width: 100%; margin-bottom: 0; color: #bfbfbf; font-weight: bold; font-size: 0.22rem; } .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; } .hbgzsbgg{ padding-left: 0 !important; } .lisBtn{ border-radius: 0.1rem; color: #fff; background: #2285E2; text-align: center; padding: 0.1rem 0.2rem; } .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_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; font-weight: bold; display: flex; justify-content: center; align-items: center; } .fenmian_header>.btn-group{ position: absolute; left: 0; } .topBg .btn-group .fenmian_btn{ height: 0.71rem; line-height: 0.56rem; font-size: 0.55rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.05rem; margin-left: 0.18rem !important; } .fenmian_header p{ font-size: 0.32rem; color: #fff; } .fenmian_searchBox{ width: 100%; height: 0.58rem; line-height: 0.58rem; margin: 0.15rem 0 0.1rem 0; background: transparent !important; display: -webkit-box; -webkit-box-pack: center; position: relative; } .fenmian_search{ position: absolute !important; left: 1.15rem; top: 0.165rem !important; z-index: 100; font-size: 0.24rem; color: #fff; } .fenmian_inputBox{ width: 5rem; height: 0.58rem; position: absolute!important; left: 50%; margin-left: -2.5rem; } .btn { padding: 6px 12px; } .fenmian_inputBox .fenmian_input{ border-radius: 0.15rem !important; height: 0.58rem !important; color: #12528f; font-size: 0.31rem; box-shadow: none; text-align: center; } .fenmian_dayNumBox{ width: 100%; height: 0.54rem; background: transparent !important; position: relative; margin-bottom: 0.1rem; } .fenmian_dayNumBox1{ left: 100%; } .searchBtn{ width:0.58rem; height: 0.58rem; line-height: 0.58rem !important; text-align: center; top: 0 !important; font-size: 0.4rem; background:#c7e1f0; color: #214579; border-radius: 0.1rem; 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_prevBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; margin-left: 0.15rem; color: #2285e2; font-size: 0.24rem; } .fenmian_nextBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; position: absolute; right: 0.15rem; color: #2285e2; text-align: right; font-size: 0.24rem; } .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.54rem; line-height: 0.54rem; text-align: center; position: absolute; top: 0; 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; font-size: 0.27rem; -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.55rem; text-align: center; display: block; } .datetimepicker { font-size: 0.4rem; } #fenmian_addBtn{ z-index: 1; width: 1rem; height: 1.5rem; background: #c2a6fd; position: absolute; 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: #f4f2f3; top:0; bottom:0; left:0; } .fenmian_iscroll .container-fluid{ width: 100%; position: absolute; padding: 0 0.3rem; } .fenmian_iscroll .container-fluid .row { display: -webkit-box; margin-top: 0.1rem; font-size: 0.25rem; } .hIscroll{ overflow: hidden; background: #c4e1ff; border-radius: 0 0 0.1rem 0.1rem; } .hIscroll>.group_rowll{ height: 0.3rem; line-height: 0.3rem; } .fenmian_iscroll>.container-fluid>.group_rowll{ margin-left: 0rem; width: 100%; background: #c4e1ff; } .fenmian_iscroll>.container-fluid>.group_rowll>.dropdown_btn>.btn-group{ margin-top: 0.065rem; } .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-1{ margin-right: 0; color: #2285e2; font-size: 0.21rem; } .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; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; } .group_iscroll>.iscroll_content>.group_rowll>.dropdown_btn>.btn-group{ margin-top: 0.065rem; } .group_iscroll>.iscroll_content>.group_rowll>.col-md-5{ padding-left: 0; font-size: 0.25rem; } .group_iscroll>.iscroll_content>.group_rowll>.col-md-1{ margin-right: 0; color: #2285e2; font-size: 0.21rem; } .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.21rem !important; margin-top: 0px !important; } .hIscroll>.group_rowll>.col-xs-1>span{ color: #646464; } .chaochu{ width:0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .col-md-1{ padding-right: 0 !important; padding-left: 10px !important; font-size: 0.22rem !important; } .col-md-2,.col-lg-2,.col-xs-1,.col-sm-2{ padding-right: 0 !important; padding-left: 15px; } .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.05rem 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; } .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{ width: 100%; height: 0.71rem; line-height: 0.71rem; background-color: #2285e2; color: #fff; font-size: 0.32rem; font-weight: bold; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .title>.btn-group{ position: absolute; left: 0; } .title .xinZengDuanNai_btn{ line-height: 0.56rem; height: 0.71rem; font-size: 0.55rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.05rem !important; margin-left: 0.18rem !important; } .title p{ font-size: 0.32rem; color: #fff; } .addFmWp_iscroll{ width: 100%; overflow: hidden; position: absolute; background: #fff; top:0; bottom:0; left:0; } .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 !important; } .inputtxt p{ font-size: 0.28rem !important; color: #262626 !important; } .addWeanPartion_p{ margin-left: 0.4rem; font-weight: bold; } .addWeaning_input{ width: 3.4rem !important; height: 0.78rem !important; line-height: 0.78rem !important; font-size: 0.28rem !important; display: inline-block !important; float: right !important; color:#aaaaaa !important; border: none !important; outline: none !important; background: #fff !important; text-align: right; font-weight: normal; padding:6px 12px; } .mui-btn-block{ margin-bottom: 0; padding: 0; } .textIndent1{ text-indent: 0.25rem; } .textIndent2{ text-indent: 0.25rem; } .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; } .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; } .record_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; font-weight: bold; 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{ font-size: 0.32rem; color: #fff; } .topBg .btn-group .record_btn{ height: 0.71rem; line-height: 0.5rem; font-size: 0.55rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.05rem; margin-left: -0.1rem !important; } .record_searchBox{ width: 100%; height: 0.58rem; line-height: 0.58rem; background: #f0f0f0 !important; margin: 0.15rem 0 0.15rem 0; display: -webkit-box; -webkit-box-pack: center; } .record_search{ position: absolute; left: 1.05rem; top: 0.165rem; z-index: 100; font-size: 0.24rem; } .record_inputBox{ width: 5rem; height: 0.58rem; } .record_inputBox .record_input{ border-radius: 0.15rem !important; height: 0.58rem; color: #12528f; font-size: 0.31rem; box-shadow: none; text-align: center; } .group_hiddenMsgBox .group_hiddenMsg .group_row{ margin-top: 0; } .group_iscroll{ width: 100%; overflow: hidden; background: #f0f0f0 !important; position: absolute; top:0; bottom:0; left: 0; } .group_iscroll .iscroll_content{ width: 100%; position: absolute; padding: 0 0.3rem; } .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: 100%; 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.25rem; } .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; } .group_hiddenMsg{ width: 100%; padding:0.05rem 0.1rem 0 0; background: #fff; margin-top: 0.1rem; -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; } .group_hiddenMsg .group_row div{ line-height: 0.5rem; font-size: 0.2rem; color: #646464; padding: 0; } .stausBox{ padding-bottom: 0.1rem; margin-bottom: 0.1rem; } .xgmsgbox{ width: auto; position: absolute; z-index: 999999; background: #fff; border-radius: 0.15rem; left: 50%; bottom: -9% !important; display: none; animation: bottomTop .5s; -moz-animation: bottomTop .5s; /* Firefox */ -webkit-animation: bottomTop .5s; /* Safari 和 Chrome */ -o-animation: bottomTop .5s; } @keyframes bottomTop{ 0%{bottom: -20%;} 100%{bottom: -9%;} } .cententUl>li{ width: 4.6rem; height: 0.66rem; line-height: 0.6rem; text-align: center; font-size: 0.32rem; margin: 0.2rem 0.2rem; color: #2285e2;; } .btmspan{ height: 0.02rem; line-height: 0.02rem; background: #ccc; display: block; } .group_hiddenMsg .group_row .col-md-6{ padding-right: 0; display: flex; padding-left: 0rem; 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; bottom: 0; left: 0; } .productin_iscroll_content{ width: 100%; position: absolute; } #proControl_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; background: #2285e2; font-weight: bold; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } #proControl_header .proControl_btn_group{ position: absolute; left: 0; } #proControl_header .proControl_btn_group .proControl_btn{ height: 0.71rem; line-height: 0.5rem; margin-left: 0.2rem !important; margin-top: -0.04rem; font-size: 0.55rem; background: #2285e2; border: none; color: #fff; } #proControl_header p{ font-size: 0.32rem; color: #fff; } #proControl_content{ width: 100%; height: 100%; background: #fff; overflow: hidden; } #proControl_content div{ height:1.4rem; border-bottom: 1px solid #b1b1b1; padding-left: 0.4rem; padding-right: 0.4rem; } #proControl_content div p{ height: 0.8rem; line-height: 0.8rem; color: #8c8c8c; font-size: 0.32rem; font-weight: bold; display: flex; align-items: center; } #proControl_content div span{ font-size: 0.26rem; 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.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%; } .bulePig{ background-position: -0.56rem -4.38rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .buleFeiPig{ background-position: -2.91rem -4.34rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .purplePig{ background-position: -0.56rem -6.3rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .purpleFeiPig{ background-position: -2.91rem -6.24rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .pinkPig{ background-position: -0.56rem -8.2rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .cyanPig{ background-position: -0.56rem -10.05rem ; 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 -9.9rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangePuMian{ background-position: -0.56rem -12rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangePig{ background-position: -2.91rem -11.7rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangeFeiPig{ background-position: -5.33rem -11.7rem ; 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; } .col-xs-6, .col-sm-6, .col-lg-6 { text-align: center !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.5rem; color: #2285e2; margin: 0.1rem 0; font-size: 0.26rem; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gZdangan_iscroll { width: 100%; overflow: hidden; background: #eeeeee; position: absolute; top: 0; bottom: 0; left: 0; } section>.gZcontainer { width: 100%; position: absolute; padding-left: 0; padding-right: 0; } .gZdangan_iscroll>.gZcontainer>.row { display: -webkit-box; } .gZdangan_iscroll>.gZcontainer>.rowll { display: -webkit-box; -webkit-box-align: center; height: 0.65rem; padding-left: 0.5rem; border-bottom: 1px solid #ccc; background: #97cbff; color: #000; } .gZdangan_iscroll>.gZcontainer>.rowll div { margin-bottom: 0 !important; margin-top: 0 !important; text-align: left; padding: 0; font-size: 0.26rem; font-weight: bold; } .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group{ height: 0.15rem; } .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle{ background: #F0F8FF !important; color: #ccc !important; } .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle>.caret{ margin-bottom: 0.03rem; margin-left: 0 !important; } .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.4rem; color: #000; margin: 0.1rem 0; font-size: 0.24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0.3rem !important; } .gZXXhiddenMsg>.row>.hbgzsbg{ text-align: center; padding-left:0 !important; } .gZXXhiddenMsgBox>.rowll { display: -webkit-box; } .gZXXhiddenMsgBox>.rowll{ border-bottom: 1px solid #ccc; padding-left: 0.5rem; margin-top: 0; background: #97cbff; } .gZXXhiddenMsgBox>.gZXXhiddenMsg>.row>.col-md-6{ padding-right: 0 !important; } .gZXXhiddenMsgBox>.rowll div { height: 0.3rem; line-height: 0.3rem; margin-bottom: 0.15rem; margin-top: 0.15rem; text-align: left; padding: 0; font-size: 0.26rem; background: #97cbff; font-weight: bold; } .gZXXhiddenMsgBox>.rowll>.col-md-2>.btn-group>.dropdown-toggle{ height: 0; } .gZXXhiddenMsg>.row>.col-md-3>img { width: 0.4rem; height: 0.4rem; } .gZcontainer>.rowll>.dropdownBtn{ margin: 0 !important; } .addColor{ background: #c4e1ff !important; } .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody{ font-size: 0.21rem; } .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody>.info>td{ padding: 0.15rem 0.1rem; } .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.5rem; width: 0.05rem; background: #e8e8e8; } .mzCentent>.group_rowll>.col-md-1>.span2{ margin-left: 0; display: block; position: absolute; top: 0.05rem; left: -0.1rem; height: 0.4rem; width: 0.4rem; border-radius: 50%; } .mzCentent>.group_rowll>.col-md-1>.span3{ display: block; position: absolute; left: -0.05rem; top: 0.1rem; margin-right: 0; height: 0.3rem; width: 0.3rem; 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; width: 1.5rem; height: 0.35rem; line-height: 0.35rem; border-radius: 0.15rem; } .mzCentent>.group_rowll>div{ font-size: 0.22rem; } .kongbai{ background: #fff; height: 0.05rem; } .kongbai>span{ display: block; position: absolute; left: 0.665rem; margin-right: 0; height: 0.05rem; width: 0.05rem; background: #e8e8e8; } }