*{
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;
}
}