@media (min-device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad及更大屏幕 */ #selectUl{ min-width: 6.1rem !important; } .xxbox{ height: auto !important; } .xxright{ padding: 0.1rem 0 0 !important; } .biaoxx{ padding: 0 !important; } .didian { top: 0.5rem !important; } .gk { background-position-y: -0.99rem !important; } .yj { background-position-y: -1.02rem !important; } .sc { background-position-x: 0.1rem !important; background-position-y: -0.3rem !important; } #sjlr,#mc{ height: 8.2rem !important; } #scxx,#cbkz{ height: 10.5rem !important; } } *{ padding: 0; margin: 0; list-style: none; } body,html { width:100%; height:100%; overflow:hidden; } html { font-size: 100px; } body { background: #fff; } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 0; } p { padding: 0; margin: 0; font-size: 0.24rem; color: #4e768f; } ul,ol{ list-style: none; margin: 0; } li { text-align: center; } a,a.mui-navigate-right{ color: #fff; font-size: 0.24rem; padding: 0; text-decoration: none !important; margin-bottom: 0; } input { width: 100%; height: 100%; outline: none; border: none; } input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{ margin: 0 ; height: inherit; line-height: inherit; border: 1px solid rgba(0,0,0,0); } input, select, textarea { font-size: 0.24rem !important; color: #333; } .mui-search{ width: 100%; } .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{ top: 0; line-height: 0.54rem; color: #4e768f; z-index: 99; } .mui-search:before{ margin-top: -13px; } .mui-search .mui-placeholder{ height: 100%; line-height: 0.54rem; pointer-events: none; } .nav>li>a:focus, .nav>li>a:hover { background-color: initial; } .nav-justified>li { display: flex; flex-direction: column; align-items: center; width: auto; } .nav>li>a { margin-bottom: 0 ; padding: 0 ; } a:focus, a:hover { color: #4b738c; } .list-group { margin-bottom: 0; } table tr td{ font-size: 0.22rem; } .sjlrIscroll table tr td, .yzzkIscroll table tr td { display: table-cell; vertical-align: middle; text-align: center; border:1px solid #4e768f; } th { font-size: 0.22rem; color: #4e768f; text-align: center; border: 1px solid #4e768f; } /*复选框和单选框*/ .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{ color: #6C98B1; } .mui-checkbox.mui-left label, .mui-radio.mui-left label { padding-right: 0.15rem; padding-left: 0.7rem; white-space: nowrap; } .mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{ left: 0.2rem !important; } input[type=checkbox], input[type=radio]{ margin: 0; } label { margin-bottom: 0; } /*字体图标*/ @font-face { font-family: 'iconfont'; src: url('../fonts/ioc/iconfont.eot'); src: url('../fonts/ioc/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ioc/iconfont.woff') format('woff'), url('../fonts/ioc/iconfont.ttf') format('truetype'), url('../fonts/ioc/iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:0.39rem;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .iconff{ text-align: center; color: #fff; } /*轮播图*/ .swiper-button-next, .swiper-button-prev { height: 20px; } .swiper-pagination-bullet-active { background: #fff; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.23rem; } /*图表*/ .highcharts-container { width: 100% !important; } /*清除mui ul上下border*/ .mui-table-view:before{ height:0; } .mui-table-view:after{ height:0; } .mui-table-view-cell:after{ height:0; } /*mui-table-view-cell下border*/ .mui-table-view-cell:after { left:0; } /*滑块开关*/ .mui-table-view-cell>.mui-switch { width: 0.85rem; height: 0.34rem; } .mui-switch.mui-active { border-color: #BBCDE1; background-color: #BBCDE1; } .mui-switch.mui-active .mui-switch-handle { transform: translate(0.5rem,0) !important; -ms-transform: translate(0.5rem,0) !important; -moz-transform: translate(0.5rem,0) !important; -webkit-transform: translate(0.5rem,0) !important; -o-transform: translate(0.5rem,0) !important; } .mui-switch .mui-switch-handle { background-color: #4e768f; width: 0.3rem; height: 0.31rem; } .mui-switch.mui-active:before { left: 0.1rem; } .mui-switch:before { font-size: 0.2rem; top: 0px; right: 0.1rem; } .mui-content>.mui-table-view:first-child { margin-top: 0px; } .mui-table-view-cell { font-size: 0.22rem; border-radius: 0.1rem; padding: 4px 15px; } .mui-table-view-cell.mui-active { background: #4E758E; } .mui-table-view-cell.mui-collapse.mui-active { margin-top: 0px; } /*上拉加载下拉刷新css*/ #pullDown,#pullUp,.pulldown-tips{ height:40px; line-height:40px; text-align:center; font-size: 0.22rem; } /* 轮播样式 */ .swiper-container-horizontal>.swiper-scrollbar{ top: 0; left: 0; width: 100%; } .swiper-scrollbar-drag{ background: #4B748C; } #modal-1 .titlesb li { width: 50%; } #modal-1 .titlesb li span.xzslh,#modal-1 .titlesb li span.sbtb,#modal-1 .titlesb li span.xzdqzt{ z-index: 1; display: block; width: 0.64rem; height: 0.64rem; } /* X滚动条样式 */ .iScrollHorizontalScrollbar{ position: absolute; z-index: 9999; width: 100%; height: 2px; bottom: 2px; left: 2px; overflow: hidden; } .iScrollHorizontalScrollbar.iScrollLoneScrollbar{ bottom: 1px; } .iScrollIndicator { position: absolute; left: 0; background: rgba(0, 0, 0); border: 2px solid rgba(0, 0, 0, 0.5); border-radius: 8px; } /* Y滚动条样式 */ .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 3px; bottom: 2px; top: 2px; right: 2px; overflow: hidden; } .iScrollVerticalScrollbar.iScrollBothScrollbars { bottom: 18px; } .iScrollIndicator { position: absolute; right: 0; background: rgba(0, 0, 0); border: 2px solid rgba(0, 0, 0, 0.5); border-radius: 8px; } /* jroll滚动条样式 */ .jroll-xbar { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; overflow: hidden; border-radius: 12px; z-index: 999; } .jroll-xbtn { position: absolute; top: 0px; left: 0px; height: 2px; background: rgba(0, 0, 0, 0.5); border-radius: 12px; } /*搜索放大镜*/ .glyphicon-search { position: absolute; font-size: 0.26rem; left: 0.18rem; top: 0.15rem; color: #c3d3e2; } /*btn去除active.focus之类的默认样式*/ .btn-default.active.focus,.btn-default:hover, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ border-color: transparent; color: #333; background-color: #fff; } .mui-poppicker-body { height: 160px; } .align-itemscenter { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .space-between { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .space-around { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; } .column { display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .rowBox{ display: flex; -webkit-flex-direction: column; flex-direction: column; border-radius: 0.1rem; background: #fff; padding-top: 0.1rem; } .discenter{ display: flex; -webkit-align-items: center; align-items: center; } .flex-start { display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .flex-end { -webkit-align-items: flex-end; align-items: flex-end; } .rowflex { display: flex; -webkit-flex-direction: row; flex-direction: row; font-size: 0.22rem; } .justcenter{ -webkit-justify-content: flex-start; justify-content: flex-start; } .text_End{ display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; } /*数据录入页面图标样式*/ .dangan{ background-image: url(../img/sjrl/sy/da.png);background-position-x: -0.76rem;background-position-y: -0.77rem; } .caijing{ background-image: url(../img/sjrl/sy/cj.png);background-position-x: -0.725rem;background-position-y: -0.85rem; } .peizhong{ background-image: url(../img/sjrl/sy/pz.png);background-position-x: -0.75rem;background-position-y: -0.83rem; } .yujing{ background-image: url(../img/sjrl/sy/yj.png);background-position-x: -0.68rem;background-position-y: -0.72rem } .renshen{ background-image: url(../img/sjrl/sy/rs.png);background-position-x: -0.75rem;background-position-y: -0.848rem; } .fenmian{ background-image: url(../img/sjrl/sy/fm.png);background-position-x: -0.71rem;background-position-y: -0.95rem; } .duannai{ background-image: url(../img/sjrl/sy/dn.png);background-position-x: -0.76rem;background-position-y: -0.74rem; } /*mui遮罩层*/ .mui-backdrop{ z-index: 1210; } #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; } .d7dfeabackground { background: #d7dfea; } .btn { background: transparent; outline: none; border: none !important; padding: 0; } .sjok .mui-icon-checkmarkempty { font-size: 0.6rem; } .mui-btn { text-align: left; } .nav>li>span { width: 0.6rem; height: 0.55rem; display: block; background-size: 1145%; margin-top: 0.02rem; } .mc_footer .nav>li>span { background-size: 750% !important; } /*首页footer的样式*/ .mcsy { background: url(../img/ding.png) no-repeat -0.75rem -0.08rem; } .sjlr { background: url(../img/bai.png) no-repeat -3.1rem -0.08rem; } .jrmc { background: url(../img/bai.png) no-repeat -5.59rem -0.08rem; } .scxx { background: url(../img/scxx_an.jpg) no-repeat 0.15rem -0.18rem; width: 1.2rem !important; background-size: 73% !important; } .cbkz { background: url(../img/cbkz_an.jpg) no-repeat 0.15rem -0.18rem; width: 1.2rem !important; background-size: 73% !important; } /*mc_footer的样式*/ .footer_yzzk { background: url(../img/mc_img/mc_footer2.png) no-repeat -0.2rem 0.03rem; } .footer_qtsz { background: url(../img/mc_img/mc_footer1.png) no-repeat -1.05rem 0.03rem; } .footer_gtsz { background: url(../img/mc_img/mc_footer1.png) no-repeat -1.92rem 0.03rem; } .footer_slxh { background: url(../img/mc_img/mc_footer1.png) no-repeat -2.8rem 0.03rem; } .footer_snhj { background: url(../img/mc_img/mc_footer1.png) no-repeat -3.65rem 0.03rem; } /*选择耳标的小图标样式*/ .pl,.dqzt,.spts{ z-index: 1; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; padding: 0.05rem; background-repeat: no-repeat; } .pl{ background: url(../img/sjrl/pl.png); background-size: 540%; background-position-x: -0.68rem; background-position-y: -0.62rem; } .dqzt{ background: url(../img/sjrl/dqzt.png); background-size: 540%; background-position-x: -1.7rem; background-position-y: -0.78rem; } .spts{ background: url(../img/sjrl/spts.png); background-size: 540%; background-position-x: -1.11rem; background-position-y: -0.84rem; } /*选择耳标页面的遮罩*/ .xzxboverlay{ display:block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);border-radius: 50px; } .xzxboverlay div{ position: absolute;width: 100%;height: 100%;background-size: 75%;background-image: url(../img/sjrl/dui.png);background-repeat: no-repeat;background-position-x: center;background-position-y: center;border-radius: 50px; } .cjlistIscroll .mui-table-view-cell .column,.pzlistIscroll .mui-table-view-cell .column,.rslistIscroll .mui-table-view-cell .column,.fmlistIscroll .mui-table-view-cell .column,.dnlistIscroll .mui-table-view-cell .column,.zzttlistIscroll .mui-table-view-cell .column{ height: 1.1rem; -webkit-justify-content: flex-start; justify-content: flex-start; } .cjlistIscroll .mui-table-view-cell .column,.pzlistIscroll .mui-table-view-cell .column,.fmlistIscroll .mui-table-view-cell .column{ width: 33.33%; } .rslistIscroll .mui-table-view-cell .column,.dnlistIscroll .mui-table-view-cell .column,.zzttlistIscroll .mui-table-view-cell .column{ width: 50%; } .rslistIscroll .align-itemscenter div+div ,.dnlistIscroll .align-itemscenter div+div ,.zzttlistIscroll .align-itemscenter div+div { border-left: 1px solid #fff; } /*sjrl_xz的样式*/ .slk .title span.sl{ background: url(../img/sjrl/xz/sl.png); background-position-x: -1.45rem; background-position-y: -0.68rem; } .pzk .title span.pz{ background: url(../img/sjrl/xz/xzpz.png); background-position-x: -1.45rem; background-position-y: -0.85rem; } .ztk .title span.zt{ background: url(../img/sjrl/xz/zt.png); background-position-x: -0.8rem; background-position-y: -0.95rem; } .slk .title span.sl,.pzk .title span.pz,.ztk .title span.zt{ z-index: 1; display: block; width: 0.64rem; height: 0.64rem; border-radius: 50%; background-size: 450%; } .xzxb{ background-image: url(../img/sjrl/xz/xb.png);background-position-x: -1.35rem;background-position-y: -1.2rem; } .xzmcmz{ background-image: url(../img/sjrl/xz/mc.png);background-position-x: -1.39rem;background-position-y: -1.19rem; } .xzeb{ background-image: url(../img/sjrl/xz/ebh.png);background-position-x: -1.32rem;background-position-y: -0.86rem; } .xzslh{ background-image: url(../img/sjrl/xz/sl.png);background-position-x: -1.55rem;background-position-y: -0.78rem; } .xzpzh{ background-image: url(../img/sjrl/xz/xzpz.png);background-position-x: -1.58rem;background-position-y: -0.98rem; } .xzcsrq{ background-image: url(../img/sjrl/xz/csrq.png);background-position-x: -0.91rem;background-position-y: -0.9rem; } .xzdqzt{ background-image: url(../img/sjrl/xz/zt.png);background-position-x: -0.88rem;background-position-y: -1.05rem; } .xzly{ background-image: url(../img/sjrl/xz/ly.png);background-position-x: -1.32rem;background-position-y: -1.15rem } .xzbz{ background-image: url(../img/sjrl/xz/bz.png);background-position-x: -0.955rem;background-position-y: -0.74rem; } .xzsj{ background-image: url(../img/sjrl/xz/csrq.png);background-position-x: -0.9rem;background-position-y: -0.9rem; } /*mc_mcda小图标样式*/ .mcdazsmz{ background-image: url(../img/mc_img/mc_zsda/dazsmz.png); } .mcdazsmc{ background-image: url(../img/mc_img/mc_zsda/dazsmc.png); } .mcdazsqy{ background-image: url(../img/mc_img/mc_zsda/dazsqy.png); } .mcdazsqy1{ background-image: url(../img/mc_img/mc_zsda/dazsqy1.png); } .mcdazszl{ background-image: url(../img/mc_img/mc_zsda/dazszl.png); } .mcdazshk{ background-image: url(../img/mc_img/mc_zsda/dazshk.png); } .mcdazslc{ background-image: url(../img/mc_img/mc_zsda/dazslc.png); } .mcdazsph{ background-image: url(../img/mc_img/mc_zsda/dazsph.png); } .mcdazslq{ background-image: url(../img/mc_img/mc_zsda/dazslq.png); } .mcdazsjd{ background-image: url(../img/mc_img/mc_zsda/dazsjd.png); } .mcdazsms{ background-image: url(../img/mc_img/mc_zsda/dazsms.png); } .mcdazsms1{ background-image: url(../img/mc_img/mc_zsda/dazsms1.png); } .mcdazscs{ background-image: url(../img/mc_img/mc_zsda/dazscs.png); } .mcdazsgl{ background-image: url(../img/mc_img/mc_zsda/dazsgl.png); } .mcdazsgly{ background-image: url(../img/mc_img/mc_zsda/dazsgly.png); } .mcdazsxgr{ background-image: url(../img/mc_img/mc_zsda/dazsxgr.png); } .mcdazsxgsj{ background-image: url(../img/mc_img/mc_zsda/dazsxgsj.png); } .mcdazslqmc{ background-image: url(../img/mc_img/mc_zsda/dazslqmc.png); } .mcdazszrls{ background-image: url(../img/mc_img/mc_zsda/dazszrls.png); } .mcdazsrltz{ background-image: url(../img/mc_img/mc_zsda/dazsrltz.png); } .mcdazszls{ background-image: url(../img/mc_img/mc_zsda/dazszls.png); } .mcdazsscs{ background-image: url(../img/mc_img/mc_zsda/dazsscs.png); } .mcdazscls{ background-image: url(../img/mc_img/mc_zsda/dazscls.png); } .mcdazstt{ background-image: url(../img/mc_img/mc_zsda/dazstt.png); } .mcdazssw{ background-image: url(../img/mc_img/mc_zsda/dazssw.png); } .mcdazssj{ background-image: url(../img/mc_img/mc_zsda/dazssj.png); } .mcdazsrlrl{ background-image: url(../img/mc_img/mc_zsda/dazsrlrl.png); } .mcdazslqjs{ background-image: url(../img/mc_img/mc_zsda/dazslqjs.png); } .mcdazsflckm{ background-image: url(../img/mc_img/mc_zsda/dazsflckm.png); } .mcdazstdck{ background-image: url(../img/mc_img/mc_zsda/dazstdck.png); } .mcdazseb{ background-image: url(../img/mc_img/mc_zsda/dazseb.png); } .mcdazsclckm{ background-image: url(../img/mc_img/mc_zsda/dazsclckm.png); } .mcdazsclts1{ background-image: url(../img/mc_img/mc_zsda/dazsclts1.png); } .mcdazsclts2{ background-image: url(../img/mc_img/mc_zsda/dazsclts2.png); } .mcdazsclcl{ background-image: url(../img/mc_img/mc_zsda/dazsclcl.png); } /*牧场二级菜单*/ #wrap .suosou ul.nav.nav-pills li{ padding: 0 0.25rem; white-space: nowrap; } /*mc_yzzk小图片样式*/ .jbxx{ background-image: url(../img/mc_img/mc_jbxx.png);background-position-x: -0.15rem;background-position-y: -0.22rem; } .dwqx{ background-image: url(../img/mc_img/mc_dwqx.png);background-position-x: -0.22rem;background-position-y: -0.26rem; } .sczk{ background-image: url(../img/mc_img/mc_sczk.png);background-position-x: -0.24rem;background-position-y: -0.28rem; } .rjfw{ background-image: url(../img/mc_img/mc_rjfw.png);background-position-x: -0.2rem;background-position-y: -0.2rem; } .tzgk{ background-image: url(../img/mc_img/mc_tzgk.png);background-position-x: -0.2rem;background-position-y: -0.28rem; } .snhj{ background-image: url(../img/mc_img/mc_snhj.png);background-position-x: -0.15rem;background-position-y: -0.24rem; } /*牧场室内环境*/ .ff{ padding-top: 0.2rem !important; } .ff span+span{ margin-left: 0.15rem; } .ff span{ padding: 0.02rem 0.15rem;background: #fff;color: #6C98B1;border-radius: 0.1rem; } .ffcolor{ color: #fff !important;background-color: #6C98B1 !important; } .mceb{ background-size: 600%;background-repeat: no-repeat;background-image: url(../img/mc_img/mc_eb.PNG);background-position-x: -1.223rem;background-position-y: -0.8rem; } .mceb,.mui-table-view-cell span.rq{ border: 1px solid;width: 0.5rem;height: 0.5rem;border-radius: 0.1rem;margin: 0 0.1rem 0 0.25rem; } .overlay{ position: absolute;width: 100%;height: 100%;z-index: 99999;left: 1.35rem;top: 0; } /*sy_footer sjrl_footer mc_footer的字体颜色*/ .textColor { color: #2285e2 !important; } /*sy标记的字体大小*/ .badge { font-size: 0.2rem; } /*下拉菜单字体大小*/ .dropdown-menu li{ font-size:0.26rem; } /*主要布局*/ #wrap { flex:1; height: 100%; display: flex; display: -webkit-flex; flex-direction:column; -webkit-flex-direction:column; } .middle { position: relative; flex: auto; -webkit-flex: auto; } footer.row{ margin: 0; } footer.row a{ font-size: 0.2rem; color: #555; } .navbar-fixed-bottom, .navbar-fixed-top { position: inherit; border: 0; margin: 0 -0.02rem; } .navbar-fixed-bottom, .navbar-fixed-top{ background-color: #f6f6f6; } #wrap header,.navbar-fixed-bottom, .navbar-fixed-top{ display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; z-index: 990; } #wrap header { width: 100%; height: 0.7rem; line-height: 0.7rem; background-color: #2285e2; } #wrap header .glyphicon{ font-size: 0.36rem; color: #fff; margin: 0 0.25rem; } #wrap header p{ font-size: 0.3rem; color: #fff; font-weight: bold; } #wrap section{ width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background: #D7DFEA; z-index: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); } #wrap section>div:first-of-type{ overflow: hidden; } #wrap section .sectionTop{ width: 100%; overflow: hidden; padding: 5% 5% 3% 5%; } #wrap section .sectionBtm{ width: 100%; position: absolute; bottom: 0; } #wrap section .sectionTop .sectionData{ width: 100%; height: 100%; padding: 2% 5%; border-radius: 0.2rem; border: 2px solid #6F8FA3; -webkit-box-shadow: 0 0 10px #B3B7C0; box-shadow: 0 0 15px #B3B7C0; } #wrap section .sectionTop .sectionData h4{ text-align: center; font-weight: bold; color: #0B0B0C; font-size: 0.28rem; } .row{ display: flex; display: -webkit-flex; color: #4e7891; font-size: 0.22rem; } .row div{ white-space: nowrap; } .xxbox{ width: 100%; display: flex; } .xxleft{ width: 100%; height: 100%; display: flex; -webkit-flex-direction: column; flex-direction: column; } .xxleft h6{ font-size: 0.28rem; font-weight: normal; color: #4C768E; margin-top: 0.2rem; } .xxleft h6 span{ font-weight: bold; } .xxright{ width: 60%; height: 100%; padding: 0.2rem 0 0 0; } #hiddenBoxPig{ width: 100%; height: 100%; z-index: 99; } .suosou,.sskuang{ position: relative; width: 100%; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .suosou{ padding: 0.12rem 0.5rem; background:#fff; border-bottom: 2px solid #4e768f; } .suosou input{ background: #c3d4e6; color: #333; border-radius: 10px; font-size: 0.25rem; padding: 0.08rem 1rem 0.08rem 0; } /*档案下面的btn*/ .change{ position: absolute; color: #333; font-size: 0.24rem; flex: 1; text-align: center; border-radius: 3px; top: 8%; } .change i{ font-size: 0.45rem; } .changeBg1{ color: #1296db; transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .changeBg2{ color: #d4237a; transform: rotateY(0) !important; -ms-transform: rotateY(0) !important; -moz-transform: rotateY(0) !important; -webkit-transform: rotateY(0) !important; -o-transform: rotateY(0) !important; } /*首页tab切换小图标*/ .gk{ background-image: url(../img/sy_img/mcqk.png);background-size: 100%;background-repeat: no-repeat;background-position-x: -0.55rem;background-position-y: -0.78rem; } .yj{ background-image: url(../img/sy_img/jb.png);background-size: 100%;background-repeat: no-repeat;background-position-x: -0.68rem;background-position-y: -0.82rem; } .sc{ background-image: url(../img/mc_img/mc_zsda/dazsclts1.png);background-size: 38%;background-repeat: no-repeat;background-position-x: -0.05rem;background-position-y: -0.22rem; } /*sjrl_input日期小图标*/ .rq{ background: url(../img/rl.png);background-size: 650%;position: absolute;right: 0.2rem;top: 0.14rem;width: 0.5rem;height: 0.55rem;background-position-x: -1.16rem;background-position-y: -1.36rem;background-repeat: no-repeat; } /*sjrl_新增页面input右边的三角*/ .sec{ position: absolute; right: 0.2rem; height: 100%; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .sec .caret{ margin-left: 0 !important; } /*sjrl_新增页面弹出框*/ .ggys{ padding-right: 0; text-align: center; width: 70%; position: absolute; bottom: 2.5rem; left: 50%; margin-left: -35%; background: #fff; z-index: 99999; background: #d7dfea; height: 0; overflow: hidden; border: none; } .ggys .title{ position: relative; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; font-size: 0.4rem; color: #fff; background: #6c98b1; padding: 0.1rem 0; margin-top: 0.4rem; width: 106%; margin-left: -3%; } .ggys h5{ font-size: 0.32rem; } .mui-pciker-rule-ft { z-index: 2; border-top: solid 1px #6c98b1; border-bottom: solid 1px #6c98b1; } .mui-pciker-list li,.mui-pciker-list li.highlight{ color: #4E768F; } /*sjrl_新增页面弹出框title小图标*/ .mui-icon-list{ font-size: 0.5rem; margin-right: 0.3rem; } /*sjrl时间段查询弹出框时间样式*/ .kssjBox .row{ width: 100%; margin: 0; } .kssjBox .row div{ padding: 0.1rem; background: #fff; margin: 0.3rem 0.1rem; } /*sjrl_新增页面弹出框左右三角*/ .leftsanjiao,.rightsanjiao{ position: absolute; width: 0; height: 0; bottom: -0.2rem; border-top: 0.2rem solid #376c8b; } .leftsanjiao{ border-left: 0.16rem solid transparent; border-right: 0px solid transparent; left: 0; } .rightsanjiao{ border-left: 0px solid transparent; border-right: 0.16rem solid transparent; right: 0; } /*档位页面*/ .leftBtn,.rightBtn{ position: absolute; width: 0; height: 0; bottom: -0.15rem; border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; } .leftBtn{ border-right: 0.2rem solid #376c8b; border-left: 0.2rem solid transparent; left: 12%; } .rightBtn{ border-right: 0.2rem solid transparent; border-left: 0.2rem solid #376c8b; right: 12%; } .dwIscroll .wdxxbox .align-itemscenter input{ padding: 0;border: 1px solid #ccc;background: #EAEAEA;text-align: center; } .dwIscroll .md-trigger{ padding: 0 0rem 0 0.16rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;line-height: 0.8rem; } /*数据录入新增页面、数据录入模块index页面、档位备注页面、猪舍档案及修改档案页面弹出框勾小图标*/ .sjokbox{ width: 100%; height: 1rem; color: #fff; font-size: 0.4rem; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .sjok{ width: 0.6rem; height: 0.6rem; background: #6c98b1; color: #fff; font-size: 0.4rem; border-radius: 50%; -webkit-box-shadow: 0 0 10px #6c98b1; -moz-box-shadow: 0 0 10px #6c98b1; box-shadow: 0 0 10px #6c98b1; } /*生产管理首页*/ .suspendBox{ position: absolute; left: 50%; bottom: -0.4rem; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); padding: 0.2rem 0.5rem; background: #D7DFEA; border: 2px solid #fff; border-radius: 0.2rem; -webkit-box-shadow 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); color: #5784a1; font-size: 0.28rem; font-weight: bold; } .zqjl{ background: #7A9163 url(../img/sjrl/scgl/zqjl.png) no-repeat center 0.1rem; } .swjl{ background: #A78560 url(../img/sjrl/scgl/swjl.png) no-repeat center 0.1rem; } .ttjl{ background: #D9B612 url(../img/sjrl/scgl/ttjl.png) no-repeat center 0.1rem; } .wljl{ background: #F0DEAE url(../img/sjrl/scgl/wljl.png) no-repeat center 0.1rem; } .xsjl{ background: #187CB0 url(../img/sjrl/scgl/xsjl.png) no-repeat center 0.1rem; } .myjl{ background: #434A50 url(../img/sjrl/scgl/myjl.png) no-repeat center 0.1rem; } .zqjl,.swjl,.ttjl,.xsjl,.wljl,.myjl{ width: 1.2rem; height: 1.2rem; border-radius: 50%; background-size: 55%; } .zz span{ background: url(../img/sjrl/scgl/zhongzhu.png) no-repeat center -0.34rem; } .fz span{ background: url(../img/sjrl/scgl/feizhu.png) no-repeat center -0.33rem; } .pc span{ background: url(../img/sjrl/scgl/pici.png) no-repeat center -0.42rem; } .ds span{ background: url(../img/sjrl/scgl/weihu.png) no-repeat center -0.33rem; } .pm span{ background: url(../img/sjrl/scgl/pumian.png) no-repeat center -0.38rem; } .zz span,.fz span,.pc span,.ds span,.pm span{ width: 0.5rem; height: 0.5rem; background-size: 250%; } /*弹框css*/ .md-modal { position: fixed; top: 50%; left: 50%; bottom: initial; width: 5.5rem; height: auto; z-index: 1200; display: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-show { display: block !important; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0,0,0,0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } .md-content { color: #fff; background: #BBCDE1; position: relative; border-radius: 3px; margin: 0 auto; border-radius: 0.2rem; } .md-content .title { width: 100%; margin: 0; padding: 0 0.3rem; text-align: center; font-size: 0.36rem; font-weight: 300; background: #6C98B1; color: #fff; border-radius: 0.2rem 0.2rem 0 0; } .md-content > div { margin: 0; font-weight: 300; font-size: 1.8em; } .md-content > div p { margin: 0; padding: 10px 0; } .md-content > div ul { margin: 0; border-radius: 0 0 0.25rem 0.25rem; } .md-content > div ul li { padding: 5px 0; } .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .md-effect-1 .md-content{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*mc报警设置*/ .bjsz .wdxxbox .mui-checkbox.mui-left input[type=checkbox]{ width: 100%;left: 0.03rem;top: 0; } .bjsz .mui-checkbox input[type=checkbox]:before{ font-size: 0.34rem; } .bjsz .mui-checkbox .mui-btn+input,.bjsz .mui-checkbox label+input,.bjsz .mui-checkbox:last-child{ width: 0.35rem;position: absolute;right: 0.2rem;top: 0.1rem; } .bjsz .btn-default.active.focus,.bjsz .btn-default:hover,.bjsz .btn-default.active:focus,.bjsz .btn-default.active:hover,.bjsz .btn-default:active.focus,.bjsz .btn-default:active:focus,.bjsz .btn-default:active:hover,.bjsz .open>.dropdown-toggle.btn-default.focus,.bjsz .open>.dropdown-toggle.btn-default:focus,.bjsz .open>.dropdown-toggle.btn-default:hover{ background-color: #6C98B1; color: #fff; } .bjsz .btn-default.active,.bjsz .btn-default:active,.bjsz .open>.dropdown-toggle.btn-default{ background-color: transparent; } .bjoff .btn-default.focus,.bjoff .btn-default:focus{ background-color: #6C98B1; } .bjoff .btn.btn-default.btn-lg.dropdown-toggle{ color: #fff; font-size: 0.24rem; } .md-modal.dj,.md-modal.nr,.md-modal.xw{ bottom: inherit !important; position: absolute; border-radius: 30px; } .dropdDj>li>a{ font-size: 0.24rem !important; } .dropdDj>li>a,.dropdNr>li>a,.dropdXw>li>a{ padding: 3px 0; } .phoneNumber{ padding-left: 0; } .phoneNumber,.textT{ padding-right: 0; } .phoneNumber input,.textT input{ background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 5px; } .phone .mui-btn{ background: transparent; font-size: 0.38rem; border: 1px solid transparent; } /*mc报警设置同步*/ #kgtb,#cstb,#iphonetb,#tb,#dwtb{ z-index: 997;position: absolute;bottom: 6px;right: 6px;width: 0.8rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.22rem;border: 1px solid #6C98B1;text-align: center;box-shadow:0px 0px 2px rgba(0,0,0, .29), inset 0px 0px 5px rgba(255,255,255, .44);text-shadow: 1px 1px 1px rgba(255,255,255, .22);color: #fff;background : -webkit-linear-gradient( top , #6C98B1 0%, #6C98B1 100%);border-radius: 50%; } .xgmsgbox{ width: 70%; bottom: inherit !important; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .xgmsgbox>.footerBox{ display: flex; justify-content: center; align-items: center; border-top: 1px solid #e5e5e5; padding: 15px; margin-top: 186px; } .xgmsgbox>.footerBox>button{ padding: 6px 40px; background-color: #4E768F; border: none; margin:0 5px; color: #fff; } .xgmsgbox .iscrollCenter,.xgmsgbox .iscrollCenter1{ font-size: 0.26rem; padding: 0 40px; position: absolute; width: 100%; overflow: hidden; height: 100%; top: 0; } .xgmsgbox .iscrollCenter>.listcenter>li{ height: 0.6rem; display: flex; align-items: center; position: relative; } .xgmsgbox .iscrollCenter li:nth-child(odd){ background: #B9CEDF; } .xgmsgbox .iscrollCenter li:nth-child(even){ background: #B9CEDF; } .xgmsgbox .listcenter .checkBox>input{ visibility: hidden; } .xgmsgbox .checkBox { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; background: #ddd; display: inline-block; border-radius: 100%; position: absolute; -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); right: 0; top: 0.08rem; } .xgmsgbox .checkBox>label { display: block; width: 0.32rem; height: 0.32rem; 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.04rem; left: 0.04rem; 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); } .xgmsgbox .checkBox>input[type=checkbox]:checked + label { background: #6C98B1; } .xgmsgbox .chooseDweb>.checkBox+span{ text-indent: 0.2rem; } /* sjlr_scgl */ .zzttIscroll .stausBox{ width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; font-size: 0.24rem; } .zzttIscroll .ysbt{ display: flex; justify-content: space-around; width: 70%; } .zzttIscroll #ttSure,#ttNotSure{ padding: 0.2rem; }