.navbar{margin-bottom: 0 !important;}
div.bdshare_popup_box{  margin-left: -190px !important;  }
select.sn-keyword{  display: none;  padding: 2px;  width: 200px;  height: 30px;  font-size: 14px;  position: absolute;  top: 56px;  left: 0px;  }
@media only screen  and (max-width: 1450px) {
    div#title{
        display: none;
    }
    select.sn-keyword{
        display: block;
    }
}
header nav ul li span{display: block!important;}
.body-calendar{ height: 902px;width: 100%;min-width: 1200px; position: relative;background: url(/img/calendar/calendar.jpg) no-repeat;background-size: 100% 100%; }
#calendar {width: 100%;height: auto;position: absolute;min-height: 100%;min-width: 1200px;}
#calendar>.header1{width: 960px;margin: 0 auto;height: 1px;position: relative;}
#calendar img[rel="calendar_bg"]{width: 100%;height: auto;position: absolute;z-index: -1;}
#calendar img[rel="calendar_line"]{position: absolute;z-index: 0;height: 800px;width: auto;left: 10%;}
#container_calendar{border-radius:50px;background-color:transparent;width: 960px;height: 576px;position:relative;margin:0 auto;margin-top:100px;}

#title{width: 218px;text-align: left;position: absolute;float: left;left: -240px;height: 636px;overflow-y: scroll;  }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#title::-webkit-scrollbar {width: 10px;height: 10px;background-color: transparent;  }
/*定义滚动条轨道 内阴影+圆角*/
#title::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #77cc32;  border-radius: 10px;  background-color: transparent;}
/*定义滑块 内阴影+圆角*/
#title::-webkit-scrollbar-thumb {border-radius:10px;background-color:#77cc32;}
#title a{color: #ffffff;font-size: 20px;width: auto;}
#title .sortkw{text-align: left;float: left;position: relative;top:0;left: 18px;max-width: 110px;}
#title .sortkw li{text-align: left;padding: 7px 0px;}
#title .sortkw li:nth-of-type(1){padding-top: 0px;}

#title .selectYear{text-decoration: none;top:37px;left: 40px;position: absolute;}
#title .selectMonth{text-decoration: none;top:37px;left: 110px;position: absolute;}
#title h1{top: 35px;left: 13%;color: #ffffff;position: absolute;font-size: 27px;}
#select_cate{position: absolute;top:65px;left: 300px;position: absolute;border: none;border-radius: 8px;height: 25px;}
#title .kwon{color: #77CC32;border-bottom: 1px solid #77CC32;}
#title li:nth-of-type(1) .kwon{color: #77CC32;}

/*每格，高87px，宽87px*/
#CalendarMain{background-color: #ffffff;height: 636px;width:660px;position: relative;border-top-left-radius: 10px;border-bottom-left-radius: 10px;/*border-right:2px solid #0A9D29;*/float: left;}
#CalendarMain #context{width: 660px;height: 636px;margin: 0;}
#context div[rel='box-header']{height: 60px;background-color: #77CC32;border-top-left-radius: 10px;width: 100%;text-align: center;position: relative;}
#context div[rel='box-header'] .selectBtn{font-size: 18px;line-height: 60px;color: white;}
#context div[rel='box-header'] .month{margin-top:10px;margin-left: 25px;background: url('/img/calendar/sn-webfx-icon_03.png') no-repeat center 9px;height: 40px;width: 40px;float: left;display: block;}
#context div[rel='box-header'] .nextMonth{margin-top:10px;margin-right: 25px; background: url('/img/calendar/sn-webfx-icon_03.png') no-repeat center -31px;height: 40px;width: 40px;float: right;display: block;}
#CalendarMain #context .week{margin: 0 25px;color: #77CC32;}
#CalendarMain #context #center{margin: 0 25px;}
#CalendarMain #context .week div{float: left;width: 86px;height: 50px;position: relative;/*border-left: solid 1px #CCCCCC;border-bottom: 1px solid #CCCCCC;*/font-size: 14px;line-height: 50px;text-align: center;}
#CalendarMain #context .week div em{width: 100%;height: 8px;position: absolute;bottom: 0;left: 0;}
#CalendarMain #context .item ul,#CalendarMain span{display: none;}
#Container .item{float: left;width: 86px;height: 86px;position: relative;/*border-left: solid 1px #CCCCCC;border-top: 1px solid #CCCCCC;*/font-size: 16px;line-height:86px;text-align: center;font-weight: 900;cursor: pointer;}
#Container .nowItem a{height: 40px;width: 40px;line-height:40px;border-radius: 20px;position:absolute;top:23px;left:23px;text-align:center;display:block;border: 1px solid #77CC32;}
#Container .item em[rel="total"]{font-size: 10px;position: absolute;bottom: -27px;left: 16px;font-style: normal;color: #ababab;font-weight: 100;}
#Container .item i{left:5px;bottom:11px;background-color: red;height: 10px;width: 10px; position: absolute;border-radius: 50%;}
#CalendarMain #Container .lastItem{background-color: #f4f4f4;}
#CalendarMain #Container .lastItem a{color: #ABABAB;}
#centerMain .showon a{height: 40px;width: 40px;line-height:40px;border-radius: 20px;position:absolute;top:23px;left:23px;text-align:center;display:block;background-color: #77CC32;}
.deal_container{width: 300px;height: auto;position: relative;background-color: #E5E5E5;float: left;overflow: hidden;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
#searchbox{margin-top: 30px;position: relative;height: 30px;line-height: 30px;}
#searchbox input[type="submit"]{
    top:3px;right: 15%;background-color: #ffffff;border: none; background-image: url('/img/map_search.png');position: absolute;background-size: 25px 25px;width: 25px;height: 25px;background-position: center;background-repeat: no-repeat;z-index: 110;
}
#searchbox input[type="search"]{left:10%;border:2px solid #ffffff;padding-left:10px;border-radius:13px;height: 30px;line-height: 30px;width: 80%;z-index: 100;position: absolute;background: #ffffff;color: #000000;}
.search_num{position:relative;padding-top: 3px;text-align: center;height: 20px;line-height: 20px;width: 100%;color: red;font-size: 14px;font-weight: bold;margin-top: 13px;}

#deal{width: 300px;height: 543px;position: relative;background-color: #e5e5e5;float: left;overflow-y: scroll;}
#deal ul{padding: 10px;}
#deal ul li{padding-bottom: 10px;cursor: pointer;padding-left: 10px;position: relative;}
#deal ul li em{position: absolute;background-color: #68ae51;border-radius: 50%; width: 10px;height: 10px;top:7px;left: 0;}
#deal ul li p{font-size: 14px;padding: 2px 0 2px 10px;letter-spacing: 1px;}
#deal ul li:hover {color: #77CC32;}

.calendar-mask{display: none;z-index: 115;position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.4);}
#centerMain{position: relative;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
#selectYearDiv::-webkit-scrollbar,#selectMonthDiv::-webkit-scrollbar {  width: 10px;  height: 10px;  background-color: #F5F5F5;  }
/*定义滚动条轨道 内阴影+圆角*/
#selectYearDiv::-webkit-scrollbar-track,#selectMonthDiv::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px #77cc32;  border-radius: 10px;  background-color: #F5F5F5;  }
/*定义滑块 内阴影+圆角*/
#selectYearDiv::-webkit-scrollbar-thumb,#selectMonthDiv::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #77cc32;  }
#center{height: 576px;}
#selectYearDiv{display:none;position: absolute;left: 50%;margin-left: -65px;top: 0;background-color: #e5e5e5;width: 80px;height: 200px;overflow-y: scroll;z-index: 120;}
#selectMonthDiv{display:none;position: absolute;left: 50%;margin-left: -10px;top: 0;background-color: #e5e5e5;width: 80px;height: 200px;overflow-y: scroll;z-index: 120;}
#selectYearDiv>div,#selectMonthDiv>div{float: left; width: 70px;height: 30px;line-height: 30px; text-align: center;box-sizing: border-box;border: 1px solid #e5e5e5;font-size: 14px;}
#selectYearDiv>div:hover,#selectMonthDiv>div:hover{cursor: pointer;}
.currentYearSd,.currentMontSd{background-color: #77cc32;color: white;}

#calendar .share_font{position: absolute;top: 60px;right: 114px;color:#ffffff;font-size: 20px;}
#share{position: absolute;top: 50px;right: 0px;}
#share a{width: 30px;height: 30px;display: block;float: left;}
#share .bds_more{background: url("/img/baidushare/wcal_more.png") no-repeat;background-size: 30px 30px;}
#share .bds_qzone{background: url("/img/baidushare/wcal_qq.png") no-repeat ;background-size: 30px 30px;}
#share .bds_weixin{background: url("/img/baidushare/wcal_weixin.png") no-repeat ;background-size: 30px 30px;}
/*deal_item类时间地点的颜色*/
.p2{color: #848484;}

.add_project{display: none!important;}
.sn-Wpopup-contianer{width: 120px;position: fixed;z-index:1010;top: 50%;left: 50%;margin-left: -60px;margin-top: -60px;background: rgba(0,0,0,0.5);padding: 10px; padding-top: 15px; box-sizing: border-box;border-radius: 5px;}
.sn-mask{position: fixed;z-index:1000;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.loading{font-size: 16px;line-height:24px;text-align: center;color: #ffffff;}