.main *{box-sizing: border-box;}
.main{background: url(../images/zjga/mainbg1.jpg) no-repeat top center,url(../images/zjga/mainbg2.jpg) no-repeat bottom center;}

.cswhrl{padding: 70px 0 60px;}
.whrltit{width: 420px;margin: 0 auto 70px;}
.zxfb{position: relative;width: 66%;padding: 25px 20px;background: #fff;box-shadow: 3px 5px 15px rgba(84, 151, 227, 0.18);border-radius: 10px;}
.zxfb .fbtit{font-size: 24px;font-weight: bold;color: #1B5ABA;border-bottom: 1px solid #5796D9;}
.zxfb .fbtit span{display: inline-block;padding-bottom: 20px;border-bottom: 3px solid #1B5ABA;}
.zxfb > .type{position: absolute;top: 25px;right: 20px;width: 125px;height: 40px;padding-left: 20px;font-size: 18px;line-height: 40px;outline: none;border: 1px solid #5796D9;border-radius: 2px;appearance:none;background: url(../images/zjga/slide.png) no-repeat 95% center;}

.zxfblist{margin-top: 28px;position: relative;}
.zxfblist::before{position: absolute;content: '';left: 8px;top:15px;width: 0;height: 100%;border-left: 1px dashed #2A82E4;}
.zxfblist li{padding-left: 30px;padding-right: 15px;}
.zxfblist li + li{margin-top: 20px;}
.zxfblist li .type{position: relative;padding: 3px 12px;background: #88BFFC;font-size: 18px;border-radius: 6px 6px 6px 0;display: inline-block;color: #fff;}
.zxfblist li .type::before{position: absolute;content: '';left: -30px;top: 7px;width: 16px;height: 16px;background: #88BFFC;border-radius: 50%;}
.zxfblist li h3{font-size: 18px;margin-top: 17px;line-height: 24px;}
.zxfblist li .memo{color: #808080;margin-top: 8px;line-height: 28px;}
.zxfblist li .memo a{float: right;color: #2354AF;}
.zxfblist li .time{line-height: 22px;color: #A6A6A6;margin-top: 18px;}
.zxfblist li .time i{display: inline-block;width: 16px;height: 22px;background: url(../images/zjga/time.png) no-repeat left center;margin-right: 10px;vertical-align: top;}

.whrl{position: relative;width: 32%;padding: 46px 25px 18px;background: #fff;box-shadow: 3px 5px 15px  rgba(84, 151, 227, 0.18);border-radius: 10px;}
.whrl::before,.whrl::after{position: absolute;width: 51px;height: 75px;content: '';background: url(../images/zjga/whrl_ico.png) no-repeat;background-size: 100% 100%;}
.whrl::before{left: 50px;top: -40px;}
.whrl::after{right: 50px;top: -40px;}
/* 日历 */
.sz-calendar-box{width:260px;background: #e6e6e6;text-align:center;}
.sz-calendar-box .bottom-line{border-bottom:1px solid #bbbbbb;}
.calendar div{margin-right:auto;margin-left:auto; } 
.calendar div,.calendar ul,.calendar ol,.calendar ul,.calendar li,.calendar ol,.calendar dl,.calendar dd,.calendar dt,.calendar form,.calendar span,.calendar p,.calendar textarea{margin:0;padding:0;list-style:none;}
.calendar address,.calendar caption,.calendar cite,.calendar code,.calendar dfn,.calendar th,.calendar var{font-style:normal;font-weight:normal;}
.calendar h1,.calendar h2,.calendar h3,.calendar h4,.calendar h5,.calendar h6{margin:0;padding:0;}
.calendar input{padding-top:0;padding-bottom:0;}
.calendar input::-moz-focus-inner{border:none;padding:0;}
.calendar select,.calendar input{vertical-align:middle;}
.calendar select,.calendar input,.calendar textarea{font-size:12px;margin:0;}
.calendar input[type="text"],.calendar input[type="password"],.calendar textarea{outline-style:none;-webkit-appearance:none;}
.calendar textarea{resize:none;}
.calendar table{border-collapse:collapse;border-spacing:0;}
.calendar th,.calendar td{font-size:16px;padding:0}
.calendar img,.calendar a img{border:0;margin:0;padding:0;}
.calendar img{border:none;}
.calendar a{outline-style:none;color:#000;text-decoration:none}
.calendar a:hover{color:#025194;text-decoration:none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}

.calendar {width:100%;position:relative;margin:0 auto;padding:5px}
.calendar table{width: 100%;}
.calendar table tr th{width:14.285714285714286;height:55px;font-size:16px;}
.calendar table tr th:nth-child(6){color:red}
.calendar table tr th:nth-child(7){color:red}
.calendar table tr td{text-align:center;height:50px;cursor:pointer;}

/*鼠标滑过*/
.bgHover,.bghover{background:rgba(27, 90, 186, 1);color:#fff !important;text-decoration:none !important;border-radius:17px;height:35px;line-height:35px;display:inline-block;width:60%;}
.riqi {position:relative;z-index:999;}
.riqi.jq{line-height: 45px;}
.jq{position:relative;}
.jq .xiu{color: red;position:absolute;top:5px;line-height:1;left:15px}
.riqi .piaofu{ position:absolute; width:212px; bottom:27px;left:-98px; background:#005293;  text-align:left; font-size:12px; line-height:18px; padding:10px;display:none; z-index:100;}
.riqi.current .piaofu{ display:block;}
.riqi .piaofu span{ display:block; width:19px; height:9px; background:url(../images/angle.png) no-repeat; position:absolute; bottom:-9px;_bottom:-12px;left:103px; z-index:100;}
.riqi .piaofu ul li{ padding:2px 0px 2px 8px; background:url(../images/szf/ldrl/ico_wxx.jpg) no-repeat 0px 9px; z-index:100;}
.riqi .piaofu ul li a{color:#fff; z-index:100; font-family:"宋体"; font-size:12px;}
.riqi .piaofu ul li a:hover{ text-decoration:underline; z-index:100;}

/*非本月日期*/
.calendar table tr td.current_day{ background:#cbcbcb}
.calendar table tr td.unselected_month{ color:#b5b5b5}

/*选择日期*/
.choice { font-size:20px; height:52px;background: rgba(245, 248, 252, 1);line-height:45px;text-align:center;color:rgba(35, 84, 175, 1);}
.choice *{vertical-align:middle;}
.choice p.year{background: url(../images/szf/ldrl/icon_sx.png) no-repeat right center;padding-right:10px}
.choice p{display:inline-block;height:100%;width:48%}
.choice .button{ cursor:pointer; display:inline-block;width:20px;height:100%;margin:0 8%;}
.choice .button.prev{background: url(../images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .button.next{background: url(../images/szf/ldrl/icon_r.png) no-repeat center center;}
.choice .month .prev{background: url(../images/szf/ldrl/icon_l.png) no-repeat center center;}
.choice .year .next{background: url(../images/szf/ldrl/icon_r.png) no-repeat center center;}

@media screen and (max-width: 1500px) {
    .zxfb{width: 64%;}
    .whrl{width: 34%;padding: 46px 0px 18px;}
}
@media screen and (max-width: 1200px){
    .zxfb{width: 100%;margin-top: 20px;}
    .whrl{width: 100%;}
}
@media screen and (max-width: 450px){
    .cswhrl{padding: 30px 0;}
    .whrltit{width: 80%;}
    .zxfb{padding: 20px 10px;}
    .zxfb .fbtit{font-size: 20px;}
    .zxfb .fbtit span{padding-bottom: 15px;}
    .zxfb > .type{font-size: 16px;height: 30px;line-height: 30px;}
    .zxfblist li .type,.zxfblist li h3{font-size: 16px;}
    .zxfblist li .memo,.zxfblist li .time{font-size: 14px;}
    .choice .button{margin: 0 6%;}
    .calendar th, .calendar td{font-size: 14px;}
    .bgHover, .bghover{height: 60%;line-height: 32px;}
}