*{ padding: 0; margin: 0; } html{ font-size: 62.5%; font-size: 100px; overflow: hidden; } body{ background: #f4f2f3; } p{ margin-bottom: 0; } ul{ list-style: none; } a{ text-decoration: none; } input{ border: none; } select{ /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border:1px solid #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; direction: rtl; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } option { direction: ltr; } @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .ar_header{ height: 3rem !important; line-height: 3rem !important; } .zuo { font-size: 2.15rem !important; } .rowll{ padding-left: 0.5rem !important; } .hiddenMsg>.row>div { padding-left: 1.2rem !important; } .hiddenMsg>.row>.col-md-3{ padding-right: 0px !important; } #wrap section { bottom: 1.35rem !important; } .pzSearch{ width:26% !important; } .zzz{ margin-top:0.45rem; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.1rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.98rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.98rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.98rem !important; } .orangePuMian{ background-position: -0.56rem -11.85rem !important; } .orangePig{ background-position: -2.91rem -11.85rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.85rem !important; } .group_row div:nth-of-type(1) { margin-left: 0.4rem !important; } .table2>tbody>tr>td:nth-of-type(2){ width: 3.8rem !important; } .tr1_2 { width: 19rem !important; padding: 8px 0 0 4px !important; } .tr1_3{ width: 18rem !important; padding: 8px 0 !important; } .tr1_4{ width: 8rem; padding: 8px 0 0 4px !important; } #wrap footer { height: 1.35rem !important; line-height: 1.35rem !important; } #hiddenBoxPig { bottom: 14% !important; } .rowll { margin-left: 0.1rem !important; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .col-sm-6{ text-align: center !important; } .tabler>tbody>tr>td{ padding: 8px 8px 0 2px; font-size: 0.1rem; } #hiddenBox{ width: 23.5rem !important; margin-left: -11.75rem !important; margin-top: -12.7rem !important; } #hiddenBox .hiddenBoxTop { height: 4rem !important; line-height: 4rem !important; } .table tr td span { font-size: 1.2rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -4px !important; } #hiddenBox .hiddenBoxTop div { font-size: 2rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 4px !important; } } @media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */ .hiddenMsg>.row>div { padding-left: 1.2rem !important; } .ar_header>.btn-group>.zuo{ margin-top: 0 !important; font-size: 2rem !important; } .topBg .btn-group .fenmian_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .title .xinZengDuanNai_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .topBg .btn-group .record_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .header>.btn-group>.danganshuju_leftbtn{ font-size: 0.35rem !important; margin-top: 0 !important; } #wrap section .sectionTop { height: 61% !important; } #wrap section .sectionBtm { height: 39% !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 15px !important; } .yellowPig{ background-position: -0.56rem -2.48rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.28rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.15rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -7.92rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.75rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.75rem !important; } .cyanQuanPig{ background-position: -5.33rem -10.05rem !important; } .orangePuMian{ background-position: -0.56rem -11.6rem !important; } .orangePig{ background-position: -2.91rem -11.9rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.9rem !important; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .table2>tbody>tr>td:nth-of-type(2) { width: 2rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -5px !important; } .tr1_2 { width: 13rem !important; } .tr1_3 { width: 11rem !important; } .tabler>tbody>tr>td{ padding: 8px 8px 0 2px; font-size: 0.24rem; } .zhuanr { margin-left: -0.6rem !important; } #wrap footer { height: 1.2rem !important; line-height: 1.2rem !important; } } @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */ .hiddenMsg>.row>div { padding-left: 1.5rem !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.1rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.95rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.95rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.95rem !important; } .orangePuMian{ background-position: -0.56rem -11.83rem !important; } .orangePig{ background-position: -2.91rem -11.83rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.83rem !important; } .group_hiddenMsg .group_row .col-md-6{ padding-left: 15px !important; } .zzz{ margin-top:0.45rem; } .nbsp{ margin-top: 0.76rem !important; } .tabler>tbody>tr>td{ padding: 0 8px 0 4px; font-size: 0.25rem; } #hiddenBox{ width: 25.5rem !important; margin-left: -12.75rem !important; margin-top: -15.2rem !important; } #hiddenBox .hiddenBoxTop { height: 4rem !important; line-height: 4rem !important; } .table tr td span { font-size: 1.4rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -4px !important; } #hiddenBox .hiddenBoxTop div { font-size: 2rem !important; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .hbgzsbg { text-align: center; } .dayNumBox .prevBtn .btn-group button { font-size: 0.3rem !important; margin-left: 0 !important; margin-top: -0.1rem !important; } .dayNumBox .nextBtn .btn-group button { font-size: 0.3rem !important; margin-top: -0.1rem !important; } .topBg .btn-group .btn_l { font-size: 0.41rem !important; margin-top: -0.1rem !important; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { margin-top: -0.1rem !important; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { margin-top: -0.1rem !important; } #hiddenBox .submit { font-size: 2rem !important; } .iscroller { height: 9rem !important; } .iscroll>.container>.hiddenMsgBox:nth-last-child(1){ margin-bottom: 10px !important; } } @media (device-height:732px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Nexus 6P */ .hiddenMsg>.row>div { padding-left: 1.8rem !important; } .ar_header>.btn-group>.zuo{ margin-top: 0 !important; font-size: 2rem !important; } .topBg .btn-group .fenmian_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .title .xinZengDuanNai_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .topBg .btn-group .record_btn { font-size: 0.35rem !important; margin-top: 0 !important; } .header>.btn-group>.danganshuju_leftbtn{ font-size: 0.35rem !important; margin-top: 0 !important; } #wrap section { bottom: 1.5rem !important; } .pzSearch{ width:12% !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 15px !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.1rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.98rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.98rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.98rem !important; } .orangePuMian{ background-position: -0.56rem -11.85rem !important; } .orangePig{ background-position: -2.91rem -11.85rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.85rem !important; } .tabler>tbody>tr>td{ padding: 0 8px 0 4px; font-size: 0.25rem; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .tr1_2 { width: 7rem !important; } .zhuanr { margin-left: -0.6rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 4px !important; } #wrap footer { height: 1.15rem !important; line-height: 1.15rem !important; } } @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */ .hiddenMsg>.row>div { padding-left: 1.2rem !important; } .group_hiddenMsg .group_row .col-md-6 { padding-left: 15px !important; } .pzSearch{ width:12% !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.1rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.98rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.98rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.98rem !important; } .orangePuMian{ background-position: -0.56rem -11.85rem !important; } .orangePig{ background-position: -2.91rem -11.85rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.85rem !important; } .tabler>tbody>tr>td{ padding: 0 8px 0 4px; font-size: 0.25rem; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 4px !important; } .tr1_2{ width: 7rem !important; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .table>tbody>tr>.marginBottom:nth-of-type(4) { text-align: left !important; } .zzz{ margin-top:0.45rem; } #hiddenBox .hiddenBoxTop div { font-size: 2.5rem !important; } #hiddenBox { width: 25.5rem; margin-left: -12.75rem !important; margin-top: -14.2rem !important; } .table tr td span { font-size: 1.8rem !important; } #hiddenBox .hiddenBoxTop { height: 6rem !important; line-height: 6rem !important; } #hiddenBox .submit { font-weight: bold !important; } .option{ height: 18.37rem !important; } .swiper-container { height: 18.37rem !important; } .topBg .btn-group .btn_l { font-size: 0.41rem !important; margin-top: -0.1rem !important; } } @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */ .hiddenMsg>.row>div { padding-left: 1.2rem !important; } .col-md-2,.col-md-6{ padding-left: 0 !important; padding-right: 0 !important; } .col-md-2{ text-align: center; } .col-md-6{ text-align: left !important; } .yellowPig{ background-position: -0.56rem -2.52rem !important; } .yellowFeiPig{ background-position: -2.91rem -2.55rem !important; } .yellowQuanPig{ background-position: -5.33rem -2.55rem !important; } .bulePig{ background-position: -0.56rem -4.38rem !important; } .buleFeiPig{ background-position: -2.91rem -4.4rem !important; } .buleQuanPig{ background-position: -5.33rem -4.4rem !important; } .purplePig{ background-position: -0.56rem -6.28rem !important; } .purpleFeiPig{ background-position: -2.91rem -6.28rem !important; } .purpleQuanPig{ background-position: -5.33rem -6.28rem !important; } .pinkPig{ background-position: -0.56rem -8.1rem !important; } .pinkQuanPig{ background-position: -2.91rem -8.1rem !important; } .cyanPig{ background-position: -0.56rem -9.98rem !important; } .cyanFeiPig{ background-position: -2.91rem -9.98rem !important; } .cyanQuanPig{ background-position: -5.33rem -9.98rem !important; } .orangePuMian{ background-position: -0.56rem -11.85rem !important; } .orangePig{ background-position: -2.91rem -11.85rem !important; } .orangeFeiPig{ background-position: -5.33rem -11.85rem !important; } .zzz{ margin-top:0.45rem; } } .container{ width: 100%; padding-left:0 ; padding-right:0 ; } .header{ width: 100%; height: 0.71rem; line-height: 0.71rem; padding-left:0.3rem ; } .topBg{ position: relative; background: #2285e2; border: none; } .searchBox{ width: 100%; height: 0.58rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .glyphicon-search{ position: absolute; left: 1.5rem; top: 0.165rem; z-index: 100; } .danganInput{ width: 5rem; height: 0.58rem; position: absolute; left: 50%; top: 0; margin-left: -2.5rem; } .input-group .form-control{ border-radius: 0.15rem !important; height: 0.58rem; background: #2285e2; text-indent: 1.6rem; color: #12528f; } .finish{ height: 0.71rem; line-height: 0.71rem; position: absolute; top: 0; right: 0.5rem; color: #fff; font-size: 0.26rem; font-weight: bold; background: #2285e2; border: none; } .btn-group .btn{ border: none; background: #2285e2; color: #fff; margin-top: -0.1rem; margin-left: 0.02rem !important; font-size: 0.41rem; } .danganshuju_leftbtn{ margin-top: -0.1rem !important; } .scrollr{ width: 100%; z-index: 999; overflow: hidden; position: absolute; top:2.15rem; bottom:0; } .dangan_scrollr{ width: 100%; position: absolute; } .table1{ margin-bottom: 0; background: #fff; font-weight: bold; } .table2>tbody>tr>td:nth-of-type(1){ width: 1rem; } .table2>tbody>tr>td:nth-of-type(2){ width: 1.8rem;; } .table2>tbody>tr>td:nth-of-type(3){ width: 1rem; } .table>tbody>tr>td{ border-top: none; } .table1>tbody>tr:nth-of-type(1){ height: 0.4rem; line-height: 0.4rem; color: #9b9d9c; font-size: 0.25rem; } .table>tbody>tr:nth-of-type(2){ line-height: 1.07rem; } .table>tbody>tr>.marginBottom:nth-of-type(3){ width: 2rem; text-align: left; color:#2485e4; } .table1>tbody>tr>.marginBottom:nth-of-type(3){ text-align: right; color:#2485e4; } .table1>tbody>tr>td:nth-of-type(2){ text-align: right; } .table1>tbody>tr>td:nth-of-type(3){ text-align: right; text-indent: 0.2rem; } .table>tbody>tr>.marginBottom:nth-of-type(4){ width: 1rem; text-align: left; color:#2485e4; } .tr1_1{ width: 6rem; color: #9b9d9c !important; } .tr1_2{ width: 10rem; color: #9b9d9c !important; } .tr1_3{ width: 9rem; text-align: right; color: #9b9d9c !important; } .tr1_4{ width: 8rem; text-align: center; color: #9b9d9c !important; } .marginBottom{ vertical-align: middle !important; } /*archAdministration*/ #overlay{ background: #000; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.5; /* 透明度 */ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; /* 此处的图层要大于页面 */ display:none; } .ar_header{ width: 100%; height: 4rem; line-height: 4rem; padding-left:1.4rem; } .topBg .p{ position: absolute; left: 50%; top: 0; text-align: center; font-size: 2rem; color: #fff; font-weight: bold; margin-left: -10%; } .ar_header>.btn-group>.zuo{ margin-left: 0.31rem !important; font-size: 2.4rem; margin-top: -8px; } header .right{ margin-top: 1rem; font-size: 1.5rem !important; float: right !important; margin-right: 0.8rem; } .ar_seaech{ position: absolute; left: 0.5rem; z-index: 100; } nav{ width: 100%; height: 3.4rem; line-height: 3.4rem; display: -webkit-flex; background: #eeeeee; } nav .atPrePigHome{ color: #2285e2; font-size: 1.2rem; margin-left: 1.5rem; -webkit-box-flex: 1; } nav .atPrestaus{ font-size: 1.2rem; color: #2285e2; margin-left: 1.5rem; -webkit-box-flex: 1; } .val1{ border-radius:0.3rem ; color: #fff; background: #2285e2; font-size: 1.2rem; padding: 0.3rem; } .val2{ padding: 0.3rem; border-radius:0.3rem ; color: #fff; background: #2285e2; font-size: 1.2rem; } .zhushe{ display: none; } nav .right{ position: fixed; right: 0.5rem; margin-top: 0.6rem; -webkit-box-flex: 1; font-size: 1rem !important; float: right !important; } .dangan_iscroll{ width: 100%; overflow: hidden; background: #eeeeee; position: absolute; top:6.4rem; bottom:4rem; } section .container{ width: 100%; position: absolute; } .footerBox{ width: 100%; height: 4rem; line-height: 4rem; position: absolute; bottom: 0; border-top: 1px solid #ccc !important; display: -webkit-box; -webkit-box-pack: center; background: #fff; } .footerBox>div{ text-align: center; -webkit-box-flex: 1; font-size: 2.2rem; margin:0 1.8rem; } .footerBox span{ height: 4rem; border: 1px solid #ccc !important; display: inline-block; } .footerBox>div.active{ color: #2285e2; border-bottom:2px solid #2285e2 !important; } .btn-bg{ background: #fff !important; color: #ccc !important; } .dangan_iscroll>.container>.row{ display: -webkit-box; } .hiddenMsgBox .hiddenMsg .row{ display: -webkit-box; } .row div{ -webkit-box-flex: 1; } .rowll{ background: #fff; padding-left: 1rem; margin-top: 10px; } .iscroll>.container>.rowll:nth-last-child(2){ margin-bottom: 10px !important; } .iscroll>.container>.hiddenMsgBox:nth-last-child(1){ margin-bottom: 10px !important; margin-top: -10px; } .rowll div{ height: 2rem; line-height: 2rem; margin-bottom: 1rem; margin-top: 1rem; text-align: center; padding: 0; } .rowll>div:nth-last-child(1){ margin-top: 0; } .hiddenMsgBox{ display: none; } .hiddenMsg{ border-top: 1px solid #ccc; padding:0 1rem; background: #fff; } .hiddenMsg>.row>div{ width: 3rem; line-height: 3rem; color: #000; margin: 0.2rem 0; font-size: 1.2rem; text-align:left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropup .caret{ border-bottom:8px solid !important; } .caret{ border-top: 8px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; } .hiddenMsg>div:nth-last-child(1){ margin-bottom: 1.5rem; padding-bottom: 0.3rem; } .hiddenMsg>div>.dateleft{ margin-left: 5.5rem; } .hiddenMsg .row img{ width: 3rem; height: 3rem; } .hbgzsbg{ border-radius: 1rem; background: #eeeeee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 22% !important; } #hiddenBox{ display: none; width: 26.5rem; position: absolute; left: 50%; top: 50%; margin-left: -13.25rem; margin-top: -15.7rem; z-index: 9999; background: #fff; border-radius: 0.5rem; } .checkboxBox{ width: 100%; overflow: hidden; } .table{ margin-bottom: 0; } tr{ border: 0px solid transparent !important; } .table tr td span{ width:9rem; margin-left: 0.8rem; font-size: 1.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } #hiddenBox .hiddenBoxTop{ width: 100%; height: 4.5rem; text-align: center; line-height: 4.5rem; border: 1.5px solid #2285e2 !important; display: -webkit-box; -webkit-box-pack: center; } .swiper-container{ padding-bottom: 1rem; } .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0px; z-index: 99999999; } .swiper-pagination-bullet-active{ background: #c2a6fd; } #hiddenBox .hiddenBoxTop div{ width: 50%; -webkit-box-flex: 1; font-size: 1.6rem; color: #2285e2; } #hiddenBox .hiddenBoxTop .active{ background: #2285e2; color: #fff; } #hiddenBox .submit{ width: 100%; height: 4rem; border: none; border-top: 1px solid #ddcdfe !important; float: left; outline: none; font-size: 1.6rem; color: #000000; } /*dataEmployed*/ .activeFooter{ color: #2988e4; } #wrap{ width: 100%; } #wrap header{ width: 100%; height: 0.7rem; line-height: 0.7rem; background: #2285e2; } #wrap header p{ margin-bottom: 0; text-align: center; font-size: 0.34rem; color: #fff; font-weight: bold; } #wrap section{ width: 100%; overflow: hidden; position: absolute; bottom: 1.15rem; top: 0.7rem; } #wrap section .indexContent{ position: absolute; width: 100%; height: 100%; } #wrap section .sectionTop{ width: 100%; height: 62%; background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%); overflow: hidden; position: absolute; } #wrap section .sectionBtm{ width: 100%; height: 38%; background: #fff; padding: 0.05rem 0; position: absolute; bottom: 0; } #wrap section .sectionTop .sectionData{ width: 100%; } #wrap section .sectionTop .sectionData h2{ width: 80%; height: 1rem; line-height: 1.1rem; color: #fff; margin: 0; margin-left: 0.25rem !important; } #wrap section .sectionTop .sectionData h2 em{ font-size: 0.5rem; } #wrap section .sectionTop .sectionData h2 .sm{ font-size: 0.3rem; } #wrap section .sectionTop .sectionData h2 .du{ font-size: 0.3rem; } #wrap section .sectionTop .sectionData h2 .pigHome{ font-size: 0.38rem; } #wrap section .sectionTop .sectionData h3{ width: 80%; height: 0.4rem; line-height: 0.4rem; color: #fff; font-size: 0.28rem; margin: 0; margin-left: 0.25rem !important; } #wrap section .sectionTop .sectionData h4{ width: 80%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.28rem; margin: 0; margin-left: 0.25rem !important; } #hiddenBoxPig{ width: 90%; border-radius:0.12rem;; background: #fff; z-index: 99; padding: 0.15rem 0.15rem 0 0.15rem; } .hiddenBoxShuJu .hiddenBoxTopShuJu{ width: 100%; height: 1.5rem; display: -webkit-box; } .hiddenBoxShuJu .row{ margin-left: -4px; } .hiddenBoxShuJu .hiddenBoxTopShuJu div{ width: 25%; float: left; text-align: center; vertical-align: middle; } .hiddenBoxShuJu .hiddenBoxTopShuJu div p{ width: 100%; height: 0.5rem; line-height: 0.5rem; margin-bottom: 0; color: #bfbfbf; font-weight: bold; } .hiddenBoxShuJu .hiddenBoxBtm{ width: 100%; height: 1.5rem; } .hiddenBoxShuJu .hiddenBoxBtm div{ width: 25%; float: left; text-align: center; vertical-align: middle; } .hiddenBoxShuJu .hiddenBoxBtm div img{ width: 0.831rem; height: 0.831rem; } .hiddenBoxShuJu .hiddenBoxTopShuJu div img { width: 0.831rem; height: 0.831rem; } .hiddenBoxShuJu .hiddenBoxBtm div p{ width: 100%; height: 0.5rem; line-height: 0.5rem; margin-bottom: 0; color: #bfbfbf; font-weight: bold; } #wrap footer{ width: 100%; height:1.15rem;; line-height: 1.15rem;; border-top: 2px solid #e5e5e5; background: #f6f6f6; position: absolute; bottom: 0; } #wrap footer .container .row{ display: -webkit-box; margin-right: 0; margin-left: 0; } #wrap footer .container .row div{ width: 25%; position: relative; } #wrap footer .container .row div p{ height: 0.4rem; line-height: 0.1rem; text-align: center; margin-bottom: 0; margin-left: 0.3rem; } .imgPig{ width: 40px; height: 40px; background: url(../img/btnbg.png) no-repeat 0 0px; display: inline-block; margin-left: 0.2rem; background-size:400% ; margin-top: 0.05rem; } .imgdata{ width: 40px; height: 40px; background: url(../img/btnbg.png) no-repeat -40px -42px; display: inline-block; margin-left: 0.18rem; background-size:400% ; margin-top: 0.05rem; } .imgbiao{ width: 40px; height: 40px; background: url(../img/btnbg.png) no-repeat -85px 4px; display: inline-block; margin-left: 0.2rem; background-size:400% ; margin-top: 0.05rem; } .imgxun{ width: 40px; height: 40px; background: url(../img/btnbg.png) no-repeat -124px 0px; display: inline-block; margin-left: 0.2rem; background-size:400% ; margin-top: 0.05rem; } .pig{ position: absolute; bottom: 0; left: 0; } /*weaningRecord*/ .activetext{ color:#2285e2 ; } #fmsg{ display: none; width: 5.5rem; height: 3.22rem; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -2.75rem; margin-top: -1.66rem; z-index: 9999; border-radius: 0.1rem; } #fmsg .headerx{ padding: 0.1rem 0.61rem; } #fmsg .headerx .val{ height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; font-weight: bold; text-align: center; margin-top: 0.2rem; } #fmsg .headerx .text{ height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; text-align: center; margin-top: 0.2rem; margin-left: 0.13rem; } #fmsg .footerboxx{ width: 100%; height: 1rem; position: absolute; bottom: 0; border-top: 1px solid #ccc; } #fmsg .footerboxx .esc{ width: 50%; height: 1rem; border:0; border-right: 1px solid #ccc; float: left; outline: none; } #fmsg .footerboxx .sbm{ width: 50%; height: 1rem; border:0; float: left; outline: none; } .content_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; padding-left:0.3rem ; font-weight: bold; } .topBg .btn-group .btn_l{ font-size: 0.41rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.07rem; margin-left: 0.02rem !important; } .content_header p{ position: absolute; left: 50%; top: 0; margin-left: -10%; height: 0.7rem; line-height: 0.7rem; font-size: 0.32rem; display: inline-block; color: #fff; margin-bottom: 0; } .searchBoxx{ width: 100%; height: 0.58rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .search{ position: absolute; left: 1.5rem; top: 0.165rem; z-index: 100; } .inputBox{ width: 5rem; height: 0.58rem; position: absolute; left: 50%; top:0; margin-left: -2.5rem; } .inputBox .inputx{ border-radius: 0.15rem !important; height: 0.58rem; background: #2285e2; text-indent: 1.6rem; color: #12528f; } .dayNumBox{ width: 100%; height: 0.54rem; background: #fff; margin-top: 0.2rem; position: relative; background: #f4f2f3; margin-bottom: 0.22rem; } .prevBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; margin-left: 0.15rem; color: #2285e2; } .nextBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; position: absolute; right: 0.15rem; color: #2285e2; text-align: right; } .slflag>div{ font-size: 0.2rem; } .dayNumBox .prevBtn .btn-group button{ border: none; font-size: 0.3rem; background: #f4f2f3; color: #2285e2; margin-left: 0 !important; margin-top: -0.02rem; } .dayNumBox .nextBtn .btn-group button{ font-size: 0.3rem; color: #2285e2; border: none; background: #f4f2f3; margin-top: -0.02rem; } .dayNumBox #date, .dayNumBox .dateS, .dayNumBox .dateE{ width: 2.2rem; height: 0.54rem; text-align: center; position: absolute; left: 50%; margin-left: -1.1rem; border: none; outline: none; border-radius: 0.1rem; background: #fff; -moz-box-shadow:-0.05rem 0.05rem 0.05rem #cbd2dc; -webkit-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc; box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc; color: #2386e3; display: inline-block; font-size: 0.27rem; } .iscroller{ width: 100%; position: relative; background: #fff; overflow: hidden; height: 8.9rem; } .duannai_iscroll{ width: 100%; position: absolute; } .iscroller .tabler{ height: 9.1rem; } .nbsp{ margin-top: 0.84rem; } .hbgzsbgg{ padding-left: 0 !important; } #duannai_addBtn{ width: 0.94rem; height: 1.25rem; background: #c2a6fd; position: fixed; bottom: 0; left: 50%; margin-left: -0.47rem; border-radius: 0.47rem 0.47rem 0 0; } #duannai_addBtn span{ font-size: 0.5rem; color: #fff; margin-left: 0.2rem; margin-top: 0.2rem; } #duannai_addBtn p{ margin-left: 0.18rem; margin-top: 0.05rem; color: #fff; font-size: 0.3rem; } .lisBtn{ border-radius: 0.1rem; color: #fff; background: #2285E2; text-align: center; } .duannai_td{ padding: 8px 4px; border-top: none; border-bottom: 1px solid #ddd; } .duannai_td div:nth-of-type(1){ margin: 0.2rem 0; } /*parturition*/ #alert{ display: none; width: 5.5rem; height: 3.22rem; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -2.75rem; margin-top: -1.66rem; z-index: 9999; border-radius: 0.1rem; } #alert .headerx{ padding: 0.1rem 0.61rem; } #alert .headerx .val{ height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; font-weight: bold; text-align: center; margin-top: 0.4rem; } #alert .headerx .text{ height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; text-align: center; margin-top: 0.2rem; } #alert .footerboxx{ width: 100%; height: 1rem; position: absolute; bottom: 0; border-top: 1px solid #ccc; } #alert .footerboxx .esc{ width: 50%; height: 1rem; border:0; border-right: 1px solid #ccc; float: left; outline: none; } #alert .footerboxx .sbm{ width: 50%; height: 1rem; border:0; float: left; outline: none; } .fenmian_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; padding-left: 0.3rem; font-weight: bold; } .topBg .btn-group .fenmian_btn{ font-size: 0.41rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.1rem; margin-left: 0.02rem !important; } .fenmian_header p{ position: absolute; left: 50%; top: 0; margin-left: -10%; height: 0.71rem; line-height: 0.71rem; font-size: 0.32rem; display: inline-block; color: #fff; margin-bottom: 0; } .fenmian_searchBox{ width: 100%; height: 0.58rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .fenmian_search{ position: absolute; left: 1.5rem; top: 0.165rem; z-index: 100; } .fenmian_inputBox{ width: 5rem; height: 0.58rem; position: absolute; left: 50%; top: 0; margin-left: -2.5rem; } .fenmian_inputBox .fenmian_input{ border-radius: 0.15rem !important; height: 0.58rem; background: #2285e2; text-indent: 1.6rem; color: #12528f; } .fenmian_dayNumBox{ width: 100%; height: 0.54rem; background: #fff; margin-top: 0.2rem; position: relative; background: #f4f2f3; margin-bottom: 0.1rem; } .fenmian_prevBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; margin-left: 0.15rem; color: #2285e2; } .fenmian_nextBtn{ height: 0.54rem; line-height: 0.54rem; display: inline-block; position: absolute; right: 0.15rem; color: #2285e2; text-align: right; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button{ border: none; font-size: 0.3rem; background: #f4f2f3; color: #2285e2; margin-left: 0 !important; margin-top: 0; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button{ font-size: 0.3rem; color: #2285e2; border: none; background: #f4f2f3; margin-top: 0; } .fenmian_dayNumBox #date, .fenmian_dayNumBox .dateS, .fenmian_dayNumBox .dateE{ width: 2.2rem; height: 0.54rem; text-align: center; position: absolute; border: none; outline: none; border-radius: 0.1rem; background: #fff; -moz-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc; -webkit-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc; box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc; color: #2386e3; display: inline-block; font-size: 0.27rem; } .fenmian_dayNumBox #date { left: 50%; margin-left: -1.1rem; } .dateS{ left: 13%; } .dateE{ right: 13%; top: 0.1%; } .fenge{ line-height: 0.55rem; text-align: center; display: block; } .datetimepicker { font-size: 0.4rem; } #fenmian_addBtn{ width: 1rem; height: 1.5rem; background: #c2a6fd; position: fixed; bottom: 0; left: 50%; margin-left: -0.5rem; border-radius:1.5rem 1.5rem 0 0; } #fenmian_addBtn span{ font-size: 0.65rem; color: #fff; margin-left: 0.17rem; margin-top: 0.2rem; } #fenmian_addBtn p{ margin-left: 0.17rem; color: #fff; font-size: 0.35rem; } .fenmian_iscroll{ width: 100%; position: absolute; overflow: hidden; background: #fff; top:2.2rem; bottom:0; } .fenmian_iscroll .container-fluid{ width: 100%; position: absolute; } .fenmian_iscroll .container-fluid .row { display: -webkit-box; margin-top: 0.1rem; font-size: 0.25rem; } .chaochu{ width:0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .col-md-1{ padding-right: 0; padding-left: 10px; font-size: 0.22rem; } .col-md-2,.col-lg-2,.col-xs-1,.col-sm-2{ padding-right: 0; padding-left: 10px; } .col-xs-3,.col-sm-3,.col-lg-3{ padding-right: 0 !important; padding-left: 0 !important; } .col-md-12{ padding-left: 16px; margin: 0.2rem 0; } .borderB>.col-lg-2>span{ color: #2285e2; } .borderB>.col-sm-2>span{ color: #2285e2; } .borderB>.col-xs-1>span{ color: #2285e2; } .borderB>.col-md-2>span{ color: #2285e2; } .borderB{ padding-bottom: 0.2rem; border-bottom: 1px solid #ccc; } .col-md-6{ padding-right: 1.15rem; } .fenmian_lisBtn{ color: #fff; border-radius: 0.1rem; background: #2285e2; position: absolute; right: 0.25rem; padding: 0 0.1rem; font-size: 0.25rem; margin-top: 0.2rem; } /*addWeaning And addParturition*/ .title{ width: 100%; height: 0.71rem; line-height: 0.71rem; background-color: #2285e2; color: #fff; font-size: 0.32rem; font-weight: bold; } .title .xinZengDuanNai_btn{ font-size: 0.4rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.1rem; margin-left: 0.32rem !important; } .title p{ position: absolute; left: 50%; top: 0; margin-left: -18%; height: 0.7rem; line-height: 0.7rem; font-size: 0.32rem; display: inline-block; color: #fff; margin-bottom: 0; } .addFmWp_iscroll{ width: 100%; overflow: hidden; position: absolute; background: #fff; top:0.71rem; bottom:1.4rem; } .content{ width: 100%; position: absolute; } .inputtxt{ height:0.8rem; line-height: 0.8rem; color: #262626; border-bottom: 0.01rem solid #e2e2e2; font-size: 0.28rem; } .addWeanPartion_p{ margin-left: 0.4rem; font-weight: bold; } .addWeaning_input{ width: 3.4rem; height: 0.78rem; font-size: 0.28rem; display: inline-block; float: right; color:#aaaaaa; border: none; outline: none; background: #fff !important; text-align: right; margin-right: 0.18rem; font-weight: normal; } .mui-btn-block{ margin-bottom: 0; padding: 0; } .textIndent1{ text-indent: 0.5rem; } .textIndent2{ text-indent: 0.3rem; } .textIndent5{ width: 3rem !important; } .textIndent6{ text-indent: 0.3rem; } .textIndent7{ text-indent: 0.3rem; } .textIndent8{ width: 3rem !important; text-indent: 0.3rem; } #footer{ width: 100%; height: 1.4rem; padding: 0.3rem 0; background: #fff; position: fixed; bottom: 0; } .sub,.subAdd{ float: left; width: 2.4rem; height: 0.7rem; background-color: #29ce70; color: #fff; font-size: 0.35rem; border-radius: 0.05rem; border: none; outline: none; } .sub{ margin-left: 0.52rem; } .subAdd{ margin-left: 0.6rem; } /*groupOfRecord*/ .record_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; padding-left: 0.3rem; font-weight: bold; } .record_header p{ position: absolute; left: 50%; top: 0; margin-left: -15%; height: 0.7rem; line-height: 0.7rem; font-size: 0.32rem; display: inline-block; color: #fff; margin-bottom: 0; } .topBg .btn-group .record_btn{ font-size: 0.41rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.1rem; margin-left: 0.02rem !important; } .record_searchBox{ width: 100%; height: 0.58rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .record_search{ position: absolute; left: 1.5rem; top: 0.165rem; z-index: 100; } .record_inputBox{ width: 5rem; height: 0.58rem; position: absolute; left: 50%; top: 0; margin-left: -2.5rem; } .record_inputBox .record_input{ border-radius: 0.15rem !important; height: 0.58rem; background: #2285e2; text-indent: 1.6rem; color: #12528f; } .group_hiddenMsgBox .group_hiddenMsg .group_row{ margin-top: 0.1rem; } .group_iscroll{ width: 100%; overflow: hidden; background: #f4f2f3;; position: absolute; padding: 0 0.3rem; top:2.33rem; bottom:0; } .group_iscroll .iscroll_content{ width: 100%; position: absolute; } .group_iscroll>.iscroll_content>.group_row:nth-last-child(2){ margin-bottom: 10px; } .group_iscroll>.iscroll_content>.group_hiddenMsgBox:nth-last-child(1){ margin-top: -10px; margin-bottom: 25px; } .group_btn{ background: #fff !important; color: #ccc !important; border: none; } .group_row{ display: -webkit-box; height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; margin-top: 0.1rem; } .hiddenMsgBox_bom{ width: 91%; display: block; border: 0.05rem solid #fff; } .group_row div{ -webkit-box-flex: 1; color: #454545; } .group_row div:nth-of-type(1){ margin-left: 0.1rem; } .group_row div:nth-of-type(2){ margin-right: 0.2rem; color: #d1d1d1; } .group_row div:nth-of-type(6){ margin-right: 0.6rem; } .btn-group .group_btn{ font-size: 0; } .group_dr .group_caret{ border-bottom: 8px solid !important; border-right: 8px solid transparent; border-left: 8px solid transparent; } .group_caret{ border-top: 8px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; } .group_rowll>div:nth-last-child(1){ margin-top: 0; } .group_hiddenMsg{ width: 91%; padding:0.2rem 0.15rem 0 0; background: #fff; margin-top: 0.2rem; box-shadow:5px 5px 5px #ccc; border-radius: 0.1rem; } .group_hiddenMsg .group_row div{ line-height: 0.5rem; font-size: 0.2rem; color: #646464; } .stausBox{ padding-bottom: 0.1rem; margin-bottom: 0.1rem; } .xgmsgbox{ position: absolute; z-index: 999999; background: #fff; border-radius: 0.15rem; left: 50%; bottom: 1%; margin-left: -2.5rem; display: none; animation: bottomTop .5s; } .cententUl>li{ height: 0.66rem; line-height: 0.6rem; text-align: center; font-size: 0.32rem; margin: 0.2rem 1.8rem; color: #2285e2;; } .btmspan{ height: 0.02rem; line-height: 0.02rem; background: #ccc; display: block; } @keyframes bottomTop{ 0%{bottom: -5%;} 100%{bottom: 1%;} } .group_hiddenMsg .group_row .col-md-6{ padding-right: 0; display: flex; padding-left: 15px; } .group_hiddenMsg>.group_row>.col-md-6>span{ width:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .liuc{ margin-left: 0.6rem; } .zhuanr{ margin-left: -0.58rem; } .shenhe{ height: 0.5rem; line-height: 0.5rem; text-align: center; background: #2386e3; font-size: 0.3rem; color: #fff; border-radius: 0.15rem; margin-left: 0.8rem; float: left; padding: 0 0.1rem; } .ysbt{ height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.3rem; color: #575757; border-radius: 0.15rem; margin-left: 1rem; margin-top: 0.1rem; } /*productionControl*/ .productin_iscroll{ width: 100%; overflow: hidden; position: absolute; top: 0.71rem; bottom:0; } .productin_iscroll_content{ width: 100%; position: absolute; } #proControl_header{ width: 100%; height: 0.71rem; line-height: 0.71rem; background: #2285e2; font-weight: bold; } #proControl_header .proControl_btn_group{ float: left; height: 0.71rem; } #proControl_header .proControl_btn_group .proControl_btn{ margin-left: 0.4rem !important; margin-top: -0.04rem; font-size: 0.39rem; background: #2285e2; border: none; color: #fff; } #proControl_header p{ float: left; font-size: 0.32rem; color: #fff; position: absolute; left: 50%; margin-left: -10%; height: 0.71rem; line-height: 0.71rem; display: inline-block; } #proControl_content{ width: 100%; height: 100%; background: #fff; overflow: hidden; } #proControl_content div{ height:1.6rem; border-bottom: 1px solid #b1b1b1; padding-left: 0.4rem; padding-right: 0.4rem; } #proControl_content div p{ height: 0.8rem; line-height: 0.8rem; padding: 0 0 0.2rem 0; color: #8c8c8c; font-size: 0.32rem; font-weight: bold; } #proControl_content div span{ height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; display: inline-block; color: #171717; font-weight: 600; } #proControl_content div span i{ width: 0.6rem; height: 0.4rem; display: inline-block; vertical-align: middle; } .yellowPig{ background-position: -0.56rem -2.52rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .yellowFeiPig{ background-position: -2.91rem -2.55rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .yellowQuanPig{ background-position: -5.33rem -2.55rem; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .bulePig{ background-position: -0.56rem -4.34rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .buleFeiPig{ background-position: -2.91rem -4.4rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .buleQuanPig{ background-position: -5.33rem -4.4rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .purplePig{ background-position: -0.56rem -6.22rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .purpleFeiPig{ background-position: -2.91rem -6.28rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .purpleQuanPig{ background-position: -5.33rem -6.28rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .pinkPig{ background-position: -0.56rem -8rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .pinkQuanPig{ background-position: -2.91rem -8.1rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .cyanPig{ background-position: -0.56rem -9.9rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .cyanFeiPig{ background-position: -2.91rem -9.85rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .cyanQuanPig{ background-position: -5.33rem -10rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangePuMian{ background-position: -0.56rem -11.7rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangePig{ background-position: -2.91rem -11.92rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } .orangeFeiPig{ background-position: -5.33rem -11.92rem ; background-repeat: no-repeat; background-image: url(../img/zhuanqunpig.png); background-size:1200%; } #proControl_content>div>span:nth-of-type(2){ position:absolute; left: 40%; } #proControl_content>div>span:nth-of-type(3){ position:absolute; left: 68%; } .span2{ margin-left: 0.1rem; } .span4{ margin-left: 0; } .ios .dw .dwbc{ height: 40px; } @media screen and (orientation:landscape) { @media (device-height:360px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */ .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .zuo { font-size: 1rem !important; } } @media (device-height:412px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Nexus 6P */ .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .zuo { font-size: 1rem !important; } } @media (device-height:320px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ nav { height: 2.8rem !important; line-height: 2.8rem !important; } .dangan_iscroll { top: 5.6rem !important; bottom: 3rem !important; } .hiddenMsg>.row>div { margin: 0.5rem 0 !important; line-height: 1.4rem !important; } .hiddenMsg .row img { width: 1.4rem !important; height:1.4rem !important; } .rowll div { height: 3rem !important; line-height: 3rem !important; } .footerBox { height: 3rem !important; line-height: 3rem !important; } .footerBox>div { font-size: 1.5rem !important; } .footerBox span { height: 3rem !important; } #hiddenBox { margin-top: -20% !important; } #hiddenBox .hiddenBoxTop { height: 2.5rem !important; line-height: 2.5rem !important; } #hiddenBox .submit { height: 2.5rem !important; font-size: 0.8rem !important; } .ar_header { height: 2.8rem !important; line-height: 2.8rem !important; } .topBg .p { left: 50%; font-size: 2rem !important; margin-left: -6%; } .zuo { font-size: 1.8rem !important; } .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } } @media (device-height:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */ .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } .ar_header>.btn-group>.zuo{ margin-left: 0.31rem !important; font-size: 1rem !important; margin-top: -8px !important; } #hiddenBox .hiddenBoxTop { height: 1.5rem !important; line-height: 1.5rem !important; } #hiddenBox{ margin-top: -20% !important; } } @media (device-height:414px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */ .zuo { font-size: 1rem !important; } .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } #hiddenBox{ margin-top: -20% !important; } } @media (device-height:768px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */ .zuo { font-size: 1rem !important; } .col-xs-8,.col-sm-8,.col-md-8,.col-lg-8{ text-align: left !important; } .col-xs-6,.col-sm-6,.col-lg-6{ text-align: center !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; } #hiddenBox{ margin-top: -20% !important; } } #wrap header { width: 100%; height: 0.4rem; line-height: 0.4rem; background: #2285e2; } #wrap header p { margin-bottom: 0; text-align: center; font-size: 0.2rem; color: #fff; font-weight: bold; } #wrap section { width: 100%; overflow: hidden; position: absolute; bottom: 0.5rem; top: 0.4rem; } #hiddenBoxPig { padding: 0.08rem 0.15rem 0 0.15rem; } #wrap footer { width: 100%; height: 0.5rem; line-height: 0.5rem; border-top: 2px solid #e5e5e5; background: #f6f6f6; position: absolute; bottom: 0; } #wrap footer .container .row div p { height: 0.4rem; line-height: 0.5rem; text-align: center; margin-bottom: 0; margin-left: 0.3rem; } .imgPig { width:30px; height: 30px; background: url(../img/btnbg.png) no-repeat 0 0px; background-size: 430%; margin-left: 0.25rem; margin-top: 0.02rem; } .imgdata { width:30px; height: 30px; background: url(../img/btnbg.png) no-repeat -28px 4px ; background-size: 372%; margin-left: 0.27rem; margin-top: 0.02rem; } .imgbiao { width:30px; height: 30px; background: url(../img/btnbg.png) no-repeat -67px 2px; background-size: 426%; margin-left: 0.27rem; margin-top: 0.02rem; } .imgxun { width:30px; height: 30px; background: url(../img/btnbg.png) no-repeat -100px 0px; background-size: 430%; margin-left: 0.27rem; margin-top: 0.02rem; } #wrap section .sectionTop { height: 62%; position: absolute; } #wrap section .sectionTop .sectionData h2 { height: 0.3rem; line-height: 0.3rem; } #wrap section .sectionTop .sectionData h2 .pigHome { font-size: 0.2rem; } #wrap section .sectionTop .sectionData h2 em { font-size: 0.25rem; } #wrap section .sectionTop .sectionData h2 .sm { font-size: 0.2rem; } #wrap section .sectionTop .sectionData h2 .du { font-size: 0.2rem; } #wrap section .sectionTop .sectionData h3 { height: 0.3rem; line-height: 0.3rem; font-size: 0.16rem; } #wrap section .sectionTop .sectionData h4 { height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; } #wrap section { width: 100%; overflow: auto; position: absolute; } #wrap section .indexContent{ position: absolute; width: 100%; height: 200%; } #wrap section .sectionBtm { height: 38%; padding: 0rem 0; bottom: 0; position: absolute; } .hiddenBoxShuJu .hiddenBoxTopShuJu { width: 100%; height: 0.7rem; display: -webkit-box; } .hiddenBoxShuJu .hiddenBoxTopShuJu div img { width: 0.35rem; height: 0.35rem; } .hiddenBoxShuJu .hiddenBoxTopShuJu div p { height: 0.3rem; line-height: 0.3rem; } .hiddenBoxShuJu .hiddenBoxBtm { width: 100%; height: 0.7rem; } .hiddenBoxShuJu .hiddenBoxBtm div img { width: 0.35rem; height: 0.35rem; } .ar_header { width: 100%; height: 1.8rem; line-height: 1.8rem; padding-left: 1.4rem; } .ar_header>.btn-group>.zuo{ margin-left: 0.31rem !important; font-size: 1rem !important; margin-top: -8px !important; } .btn-group .btn { border: none; background: #2285e2; color: #fff; margin-top: -0.1rem; margin-left: 0.02rem !important; } .col-md-6{ text-align: left; } .topBg .p { position: absolute; left: 50%; top: 0; text-align: center; font-size: 1rem; color: #fff; font-weight: bold; margin-left: -6%; } header .right { margin-top: 0.5rem; font-size: 0.8rem !important; float: right !important; margin-right: 0.8rem; } #hiddenBox { margin-top: -22% !important; z-index: 9999; } #hiddenBox .hiddenBoxTop { width: 100%; height:1.5rem !important; text-align: center; line-height: 1.5rem !important; border: 1.5px solid #2285e2 !important; display: -webkit-box; -webkit-box-pack: center; } #hiddenBox .hiddenBoxTop div { width: 50%; -webkit-box-flex: 1; font-size: 0.7rem !important; color: #2285e2; } .swiper-container { padding-bottom: 0.5rem; } .table tr td span { margin-left: 0.8rem; font-size: 0.55rem !important; } #hiddenBox .submit { height: 1.5rem; font-size: 0.8rem !important; } nav { width: 100%; height: 1.8rem; line-height: 1.8rem; display: -webkit-flex; background: #eeeeee; } nav .atPrePigHome { color: #2285e2; font-size: 0.6rem; margin-left: 1.5rem; -webkit-box-flex: 1; } .val1 { border-radius: 0.3rem; color: #fff; background: #2285e2; font-size: 0.6rem; padding: 0.3rem; } nav .atPrestaus { font-size: 0.6rem; color: #2285e2; margin-left: 1.5rem; -webkit-box-flex: 1; } .val2 { padding: 0.3rem; border-radius: 0.3rem; color: #fff; background: #2285e2; font-size: 0.6rem; } nav .right { position: fixed; right: 0.5rem; margin-top: 0.35rem; -webkit-box-flex: 1; font-size: 0.5rem !important; float: right !important; } .dangan_iscroll { width: 100%; overflow: hidden; background: #eeeeee; position: absolute; top: 3.6rem; bottom: 2rem; } .rowll { background: #fff; padding-left: 1rem; margin-top: 5px; } .rowll div { height: 1.5rem; line-height: 1.5rem; margin-bottom: 0.3rem; margin-top: 0.3rem; text-align: center; padding: 0; } .hiddenMsg>.row>div { width: 3rem; line-height: 1.2rem; color: #000; margin: 0.2rem 0; font-size: 0.6rem; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hiddenMsg .row img { width: 1.2rem; height: 1.2rem; } .hiddenMsg>.row>.col-md-6 { padding-left: 2.8rem !important; } .hiddenMsg>.row>.col-md-3{ padding-left: 2.8rem !important; } .footerBox { width: 100%; height: 2rem; line-height: 2rem; position: absolute; bottom: 0; border-top: 1px solid #ccc !important; display: -webkit-box; -webkit-box-pack: center; background: #fff; } .footerBox>div { text-align: center; -webkit-box-flex: 1; font-size: 1rem; margin: 0 1.8rem; } .footerBox span { height: 2rem; border: 1px solid #ccc !important; display: inline-block; } .title { width: 100%; height: 0.38rem; line-height: 0.38rem; background-color: #2285e2; color: #fff; font-weight: bold; } .title p { position: absolute; left: 50%; top: 0; margin-left: -13%; height: 0.38rem; line-height: 0.38rem; font-size: 0.2rem; display: inline-block; color: #fff; margin-bottom: 0; } .title .xinZengDuanNai_btn { font-size: 0.2rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.1rem; margin-left: 0.32rem !important; } .addFmWp_iscroll { width: 100%; overflow: hidden; position: absolute; background: #fff; top: 0.38rem; bottom: 0.6rem; } .inputtxt { height: 0.5rem; line-height: 0.5rem; color: #262626; border-bottom: 0.01rem solid #e2e2e2; font-size: 0.2rem; } .addWeaning_input { width: 3.4rem; height: 0.48rem; font-size: 0.2rem; display: inline-block; float: right; color: #aaaaaa; border: none; outline: none; background: #fff !important; text-align: right; margin-right: 0.18rem; font-weight: normal; } #footer { width: 100%; height: 0.6rem; padding: 0.1rem 0; background: #fff; position: fixed; bottom: 0; } .sub, .subAdd { float: left; width: 2.4rem; height: 0.4rem; background-color: #29ce70; color: #fff; font-size: 0.2rem; border-radius: 0.05rem; border: none; outline: none; } .fenmian_header { width: 100%; height: 0.38rem; line-height: 0.35rem; padding-left: 0.3rem; font-weight: bold; } .topBg .btn-group .fenmian_btn { font-size: 0.2rem; color: #fff; border: none; background: #2285e2; outline: none; margin-top: -0.1rem; margin-left: 0.02rem !important; } .fenmian_header p { position: absolute; left: 50%; top: 0; margin-left: -8%; height: 0.38rem; line-height: 0.38rem; font-size: 0.2rem; display: inline-block; color: #fff; margin-bottom: 0; } .fenmian_searchBox { width: 100%; height: 0.3rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .fenmian_inputBox { width: 5rem; height: 0.3rem; position: absolute; left: 50%; top: 0; margin-left: -2.5rem; } .fenmian_search { position: absolute; left: 1.5rem; top: 0.08rem; z-index: 100; } .fenmian_inputBox .fenmian_input { border-radius: 0.15rem !important; height: 0.3rem; background: #2285e2; text-indent: 1.6rem; color: #12528f; } .fenmian_dayNumBox { height: 0.3rem; margin-top: 0.1rem; } .fenmian_prevBtn { height: 0.3rem; line-height: 0.3rem; } .fenmian_dayNumBox .fenmian_prevBtn .btn-group button { font-size: 0.2rem; } .fenmian_dayNumBox #date, .fenmian_dayNumBox .dateS, .fenmian_dayNumBox .dateE { width: 2.2rem; height: 0.3rem; font-size: 0.2rem; } .fenmian_nextBtn { height: 0.3rem; line-height: 0.3rem; } .fenmian_dayNumBox .fenmian_nextBtn .btn-group button { font-size: 0.2rem; } .fenmian_iscroll { top: 1.3rem; bottom: 0; } .fenmian_iscroll .container-fluid .row { font-size: 0.15rem; margin-top: 0rem; } .col-md-12 { margin: 0.1rem 0; } .borderB { padding-bottom: 0.1rem; } .borderB > div { font-size: 0.15rem !important; } .btn-bg{ margin-top: 0 !important; } #fenmian_addBtn { width: 0.6rem; height: 0.8rem; background: #c2a6fd; position: fixed; bottom: 0; left: 50%; margin-left: -0.3rem; border-radius: 1.5rem 1.5rem 0 0; } #fenmian_addBtn span { font-size: 0.4rem; color: #fff; margin-left: 0.1rem; margin-top: 0.1rem; } #fenmian_addBtn p { margin-left: 0.1rem; color: #fff; font-size: 0.2rem; } .slflag>div{ font-size: 0.15rem; } .header { height: 0.38rem; line-height: 0.38rem; } .danganshuju_leftbtn{ font-size: 0.2rem !important; } .searchBox { height: 0.3rem; } .danganInput { height: 0.3rem; } .glyphicon-search { top: 0.1rem; } .input-group .form-control { height: 0.3rem; } .table1>tbody>tr>td:nth-of-type(2) { text-align: center; } .table1>tbody>tr>td:nth-of-type(3) { text-align: center; text-indent: -0.2rem; } .table1>tbody>tr:nth-of-type(1) { height: 0.3rem; line-height: 0.3rem; font-size: 0.16rem; } .scrollr { top: 1.3rem; } #proControl_header { height: 0.38rem; line-height: 0.38rem; } #proControl_header .proControl_btn_group { height: 0.38rem; } #proControl_header .proControl_btn_group .proControl_btn { margin-left: 0.4rem !important; margin-top: -0.04rem; font-size: 0.2rem; } #proControl_header p { font-size: 0.2rem; margin-left: -8%; height: 0.38rem; line-height: 0.38rem; } .productin_iscroll { top: 0.38rem; } #proControl_content div { height: 0.8rem; } #proControl_content div p { height: 0.4rem; line-height: 0.4rem; padding: 0 0 0.05rem 0; font-size: 0.2rem; } #proControl_content div span { height: 0.3rem; line-height: 0.3rem; font-size: 0.2rem; } #proControl_content div span i { width: 0.6rem; height: 0.28rem; } .yellowPig { background-position: -0.4rem -2.12rem !important; background-size: 1000% !important; } .yellowFeiPig { background-position: -2.35rem -2.12rem !important; background-size: 1000% !important; } .bulePig { background-position: -0.4rem -3.67rem !important; background-size: 1000% !important; } .buleFeiPig { background-position: -2.35rem -3.67rem !important; background-size: 1000% !important; } .purplePig { background-position: -0.4rem -5.23rem !important; background-size: 1000% !important; } .purpleFeiPig { background-position: -2.35rem -5.23rem !important; background-size: 1000% !important; } .pinkPig { background-position: -0.4rem -6.76rem !important; background-size: 1000% !important; } .cyanPig { background-position: -0.4rem -8.32rem !important; background-size: 1000% !important; } .cyanFeiPig { background-position: -2.35rem -8.36rem !important; background-size: 1000% !important; } .cyanQuanPig { background-position: -4.38rem -8.32rem !important; background-size: 1000% !important; } .orangePuMian { background-position: -0.4rem -9.88rem !important; background-size: 1000% !important; } .orangePig { background-position: -2.35rem -9.92rem !important; background-size: 1000% !important; } .orangeFeiPig { background-position: -4.38rem -9.88rem !important; background-size: 1000% !important; } .record_header { height: 0.38rem; line-height: 0.38rem; } .record_header p { margin-left: -10%; height: 0.38rem; line-height: 0.38rem; font-size: 0.2rem; } .topBg .btn-group .record_btn { font-size: 0.2rem; } .record_searchBox { height: 0.3rem; position: relative; margin-top: 0.1rem; margin-bottom: 0.1rem; background: #f4f2f3; } .record_inputBox { height: 0.3rem; position: absolute; left: 50%; top: 0; margin-left: -2.5rem; } .fenge { line-height: 0.3rem; } .group_iscroll { padding: 0 0.3rem; top: 1.25rem; bottom: 0; } .group_row { height: 0.3rem; line-height: 0.3rem; font-size: 0.2rem; margin-top: 0.1rem; } .group_row>.dropdown_btn>.btn-group>.btn{ font-size: 0.1rem; margin-top: 0; } .group_hiddenMsg { width: 91%; padding: 0.1rem 0.1rem 0 0; background: #fff; margin-top: 0.1rem; box-shadow: 5px 5px 5px #ccc; } .group_iscroll>.iscroll_content>.group_hiddenMsgBox:nth-last-child(1) { margin-top: 0; margin-bottom: 25px; } .group_hiddenMsgBox .group_hiddenMsg .group_row { margin-top: 0.02rem; } .group_hiddenMsg .group_row div { line-height: 0.3rem; font-size: 0.15rem; } .shenhe { height: 0.3rem; line-height: 0.3rem; font-size: 0.2rem; margin-left: 0.8rem; padding: 0 0.1rem; } .ysbt { height: 0.3rem; line-height: 0.3rem; font-size: 0.2rem; margin-left: 1rem; margin-top: 0.1rem; } .xgmsgbox { z-index: 999999; left: 50%; bottom: 1%; margin-left: -2.2rem; display: none; animation: bottomTop .5s; border-radius: 0.1rem; } .cententUl>li { height: 0.3rem; line-height: 0.3rem; text-align: center; font-size: 0.2rem; margin: 0.1rem 1.8rem; } }