body{
    background:#f0f5fb;
}
.meeting-area{
    background: url(../images/meetingbg.png) no-repeat;
    width:192rem;
    height: 63.5rem;
    background-size: 100% 100%;
}
.meeting-area .page-center{
    margin-top:0;
}
.meetingLi{
    width:35.3rem;
    height: 35rem;
    padding-left: 4rem;
    box-sizing: border-box;
    float:left;
    margin-right:3rem;
}
.meetingLi:last-child{
    margin-right:0;
}
.daytop{
    margin-top:8rem;
}
.meetingLi1{
    background:url(../images/meeting1.png) no-repeat;
    background-size: contain;
}
.meetingLi2{
    background:url(../images/meeting2.png) no-repeat;
    background-size: contain;
}
.meetingLi3{
    background:url(../images/meeting1.png) no-repeat;
    background-size: contain;
}
.meeting-area ul{
    width: 111.8rem;
}
.meeting-box-left{
    background:url(../images/meeting-left.png) no-repeat;
    background-size: contain;
    width: 21.1rem;
    height: 21.8rem;
}
.meeting-box{
    width:150rem;
    height:63.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meeting-box .dayYear{
    font-size: 2rem;
}
.meeting-box .daytext{
    margin-top:8rem;
}
.meeting-box .details{
    margin-top:3rem;
}
.meeting-box .details a{
    color:#fff;
}
.calendar-tabs{
    margin-bottom:6rem;
}
.calendar-header{
    border-bottom: solid 0.2rem #00468c;
    display: inline-block;
    width:100%;
    margin-top: 6rem;
}
.calendar-item{
    background:#fff;
    width:20.6rem;
    height: 8rem;
    color:#00468c;
    line-height: 8rem;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    text-align: center;
    font-size: 2.4rem;
}
.calendar-header ul li {
    float: left;
    cursor:pointer;
}
.calendar-header li.calendar-item {
    float: left;
    margin-right: 1rem;
    color:#00468c;
}
.calendar-header li.calendar-item.on{
    background:#00468c;
    color:#fff 
}
a.calendar-more{
    width:10.7rem;
    height: 4rem;
    color:#fff;
    line-height: 4rem;
    text-align: center;
    border-radius: 2rem;
    margin-top:.8rem;
    float: right;
    cursor: pointer;
    font-size: 1.6rem;
    background:linear-gradient(to right,#1068bf,#3d3bbe) 
}
.page-area .module-header{
    margin-top:9rem;
}
.calendar-content ul li{
    width: 100%;
    height:30.8rem;
    font-size: 1.2rem;
    padding:4rem;
    box-sizing: border-box;
    background:#fff;
    border:1px solid #dfe2f5;
    margin-top:3.2rem;
}
.item-top-left{
    width:29.7rem;
    height: 22rem;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.2);
    display:flex;
    justify-content: center;
    align-items: center;
    margin-right: 4rem;
    float:left;
}
.item-top-left img{
    max-width: 100%;
    max-height:100%;
}
.item-top-right{
    width:108rem;
    height:22rem;
    float:left;
}
.item-top .title{
    width:100%;
    height:6.8rem;
    line-height:6.8rem;
    display:block;
    font-size: 3.2rem;
}
.item-top a{
    color:#002040;
    font-family: "serifcnMedium";
}
.item-top .theme{
    padding:0 2.5rem;
    height:3.6rem;
    line-height:3.6rem;
    font-size:1.8rem;
    display:inline-block;
    border-radius:1.8rem;
    color:#fff;
    background:linear-gradient(to right bottom, #1068bf, #3d3bbe);
}
.item-top .summary{
    width:100%;
    height:7.8rem;
    line-height:7.8rem;
    font-size:1.8rem;
    color:#002040;
}
.item-con{
    width:100%;
    height:4rem;
    font-size:1.8rem;
    color:#002040;
}
.item-con span{
    display:inline-block;
    margin-right:8rem;
}
.item-con span i{
    width:4rem;
    height:4rem;
    display:inline-block;
    vertical-align: middle;
    margin-right:2rem;
    background:#fff url(../images/itemIcon1.png) no-repeat center center;
    cursor:pointer;
    border-radius:50%;
    box-shadow:0 0 1rem rgba(0,70,140,.19);
}
.item-con span:nth-child(2) i{
    background:#fff url(../images/itemIcon2.png) no-repeat center center;
}