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