zhujian_OA/tpl_意见时间带小时分钟/index/css/index-new.css

body {
    width: 100%;
    height: 100%;
    /*background-image: url("../img-new/background.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position:0 -30px;
}

.index-box {
    width: 88%;
    height: 85%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow:auto
}

.index-box-item {
    width: 50%;
    /*height: 50%;*/
    float: left;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.index-box-title {
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
}

.index-box-group {
    /*position: absolute;
    top: 60px;
    left: 30px;
    right: 30px;
    bottom: 0px;*/
    float:left;
    width:100%;
    /*margin:0 30px;*/
    cursor: pointer;
}

.group-item {
    width: 25%;
    height: 48%;
    min-height:140px;
    float: left;
    margin-left: 1%;
    margin-bottom: 1%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.group-item1 {
    background-image: url("../img-new/1.png");
}

.group-item2 {
    background-image: url("../img-new/2.png");
}

.group-item3 {
    background-image: url("../img-new/3.png");
}

.group-item4 {
    background-image: url("../img-new/4.png");
}

.group-item5 {
    background-image: url("../img-new/5.png");
}

.group-item6 {
    background-image: url("../img-new/6.png");
}

.group-item7 {
    width: 51% !important;
    background-image: url("../img-new/7.png");
}


.group-item8 {
    background-image: url("../img-new/8.png");
}

.group-item9 {
    background-image: url("../img-new/9.png");
}



.group-item10 {
    background-image: url("../img-new/10.png");
}

.group-item11{
    background-image: url("../img-new/11.png");
}
.group-item18{
    width: 41% !important;
    background-image: url("../img-new/18.png");
}
.group-item19{
    width: 28% !important;
    background-image: url("../img-new/19.png");
}
.group-item20{
    width: 28% !important;
    background-image: url("../img-new/20.png");
}
.group-item21{
    width: 41% !important;
    background-image: url("../img-new/21.png");
}
.group-item22{
    width: 28% !important;
    background-image: url("../img-new/22.png");
}
.group-item23{
    width: 28% !important;
    background-image: url("../img-new/23.png");
}




.group-item .content{
    width: 100%;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.group-item .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

.group-item .icon {
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    position:relative
}

.group-item .icon .tip{
    width:24px;
    height:24px;
    display:inline-block;
    position:absolute;
    right:20px;
    top:-10px;
    color:#fff;
    line-height:24px;
    background:#ff0000;
    text-align:center;
    border-radius:10px;
}

.group-item1 .icon {
    background-image: url("../img-new/1.1.png");
}

.group-item2 .icon {
    background-image: url("../img-new/2.1.png");
}


.group-item3 .icon {
    background-image: url("../img-new/3.1.png");
}

.group-item4 .icon {
    background-image: url("../img-new/4.1.png");
}


.group-item5 .icon {
    background-image: url("../img-new/5.1.png");
}

.group-item6 .icon {
    background-image: url("../img-new/6.1.png");
}

.group-item7 .icon {
    background-image: url("../img-new/hysq.png");
}


.group-item8 .icon {
    background-image: url("../img-new/8.1.png");
}

.group-item9 .icon {
    background-image: url("../img-new/9.1.png");
}

.group-item10 .icon {
    background-image: url("../img-new/10.1.png");
}

.group-item11 .icon {
    background-image: url("../img-new/txl.png");
}

.group-item18 .icon {
    background-image: url("../img-new/18.1.png");
}
.group-item19 .icon {
    background-image: url("../img-new/19.1.png");
}
.group-item20 .icon {
    background-image: url("../img-new/20.1.png");
}
.group-item21 .icon {
    background-image: url("../img-new/21.1.png");
}
.group-item22 .icon {
    background-image: url("../img-new/22.1.png");
}
.group-item23 .icon {
    background-image: url("../img-new/23.1.png");
}

.index-part-left{
    width: 74%;
    height: 100%;
    float: left;
}

.index-part-right{
    width: 25%;
    height: 100%;
    margin-left: 1%;
    float: left;
    overflow: hidden;
}


.index-part-left>div{
    float: left;
}


.part-40 {
    width: 40%;
    height: 98%;
}

.part-60 {
    width: 60%;
    height: 98%;
    background-color: rgba(0,120,215,0.6);
}

.content-bg{
    width: 100%;
    float:left;
    background: #62AFEB;
    color: #ffffff;
}

.date-table {
    width: 100%;
    table-layout:fixed;
    border-collapse: collapse;
    color: #ffffff;
}

.date-table tbody td {
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    padding:3px 0;
    cursor: pointer;
}
.date-table tbody tr:first-child td {
    padding:5px
}
.date-table tbody td  center{
    height:29px;
    padding-top:5px;
}

.date-table tbody tr:first-child td {
    font-size:14px;
}

.acTive {
   background-color: rgba(255,255,255,0.3);
}

.today {
    color: white;
    background: #3292F2 !important;
}

.meets{
    background:url(../img/red.png) no-repeat right top
}

.group-item-btn {
    width: 100%;
    height: 48%;
    min-height:140px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 3%;
    position: relative;
}

.group-item-btn .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

.group-item-btn .icon {
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75px 75px;
}

.group-item-btn1 .icon {
    background-image: url("../img-new/15.1.png");
}

.group-item-btn2 .icon {
    background-image: url("../img-new/16.1.png");
}


.group-item-btn1{
    background-image: url("../img-new/15.png");
}

.group-item-btn2{
    background-image: url("../img-new/16.png");
}

.group-item-btn .content{
    width: 100%;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



.badgeActive{
    background: #FF5859;
    color: white; 
}

.swiper {
    width: 40%;
    height: 98%;
    float:left;
}  
.swiper-title{
    width:60%;
    color:#fff;
    padding-left:8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}
.swiper-pagination-bullet{
    width:10px;
    height:11px;
    opacity:0.8;
    border:3px solid #ffd800;
    border-radius:5px;
    background-color:transparent;
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#ffd800
}

.sp-tab{
    color:#fff;
    background-color:transparent;
}
.sp-tab .sp-tab-menu{
    border-bottom:1px solid #fff
}
.sp-tab .sp-tab-menu li{
    color:#fff
}
.sp-tab .sp-tab-menu li.sp-tab-current{
    color:#ffd800;
    border-color:#ffd800
}

.newsList li{
    line-height:25px;

}
.newsList li .title{
    width:60%;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:relative;
    top:10px;
}
.newsList li .circle{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:5px;
    background-color:#ffd800;
    margin-right:10px;
    position:relative;
    top:2px;
}

/*隐藏滚动条*/
::-webkit-scrollbar{width:0;}