html, body {
	            width: 100%;
	            height: auto;
	            padding: 0;
	            margin: 0;
	        }
	
	        ul, li {
	            padding: 0;
	            margin: 0;
	            list-style: none;
	        }
			.calendar-wra{
				width: 100%;
				min-height: 520px;
				background: #fff;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				border: 1px #eff0f1 solid;
				position: relative;
			}
.calendar-event-dot{
display: block;
    width: 5px;
    height: 5px;
    background: #007cc0;
    border-radius: 50%;
  position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: 0;
}
	
	        #calendar {
		width: 100%;
		
	        }
	        .calendar {
	            position: relative;
	            font-family: "Chinese Quote", "Microsoft YaHei";
	            font-size: 14px;
	        }
	
	
	        .calendar-header {
	            padding: 15px;
	            text-align: right;
	        }
			.calendar-tit{
				width: 100%;
  text-align:left;
  padding-left: 35px;
				height: 35px;
				float: left;
				font-size: 16px;
				color: #717171;
				background: url(../images/common-title-bg.png)no-repeat;
				padding-top: 8px;
				margin-right: 58px;
				position: relative;
			}
.more{
  display: inline-block;
    float: right;
}
.calendar-tit a:hover{
	color: #1677cb;
	text-decoration: underline;
}
	        .calendar-select {
	            line-height: 1.5;
	            color: rgba(0, 0, 0, 0.65);
	            -webkit-box-sizing: border-box;
	            box-sizing: border-box;
	            margin: 0;
	            padding: 0;
	            list-style: none;
	            display: inline-block;
	            position: relative;
	            outline: 0;
	        }
	
	        .calendar-table {
	            width: 100%;
	            height: 100%;
	        }
	
	        .calendar-column-header,
	        .calendar-cell {
	            width: 14%
	        }
	
	        .calendar-column-header {
	            text-align: center;
				height: 40px;
				color: #333;
				line-height: 40px ;
				font-size: 15px;
				background: #f4f4f4;
				font-weight: 500;
	        }
	
	        .calendar-table {
	            table-layout: fixed;
	        }
			.active-today{
				display: block;
				width: 30px;
				height: 30px;
				line-height: 30px;
				border-radius: 30px;
				margin: 3px auto;
			}
			.calendar-tbody{
				border-top: none;
				border-left: none;
			}
	        .calendar-cell {
	            color: rgba(0, 0, 0, 0.65);
	        }
	
	
	
	            .calendar-cell.calendar-last-month-cell,
	            .calendar-cell.calendar-next-month-cell {
	                color: rgba(0, 0, 0, 0.25);
	            }
	
	        .calendar-date { 
	            border-right: none;
				border-bottom: none;
	        }
	
	        .calendar-cell.calendar-thisMonth .calendar-date,
	        .calendar-cell.calendar-today .calendar-date .active-today{
	            border-top-color: #1890ff;
	            color: #007cc0;
				background: #eef2f7;
				font-size: 17px;
				cursor: pointer;
	        }
	
	        .calendar-date:hover .active-today{
	            color: #fff;
	            background: #067cc4;
	        }
	
	
	        .calendar-value {
	            text-align: center;
  position: relative;
	        }
	
	        .calendar-content {
	            height: 120px;
	            overflow-x: hidden;
	            overflow-y: auto;
	            position: static;
	            width: auto;
	            left: auto;
	            bottom: auto;
	        }
	
	
	
	
	        .calendar-select {
	            font-size: 13px;
	            vertical-align: middle;
	        }
	
	        .btn.calendar-select-active {
	            border-color: #40a9ff;
	            z-index: 2;
	        }
	
	        .calendar-select:first-child {
	            margin-right: 10px;
	        }
	
	        .calendar-year-select,
			.goto-today,
			.calendar-day-select{
				height: 36px;
				line-height: 36px;
	            border-radius: 6px;
	            border: 1px solid #dddddd;
				float: left;
				background: #fafafa;
				margin-top: 10px;
				margin-left: 29px;
	        }
			.calendar-year-select,
			.calendar-day-select{
				width: 98px;
			}
			.calendar-day-select{
				display: none;
			}
	            .calendar-year-select:hover,
	            .calendar-month-select:hover {
	                border-color: #40a9ff;
	            }
	
	        .calendar-year-text,
	        .calendar-month-text,
			.calendar-day-text{
	            margin: 0 10px;
	            line-height: 28px;
	        }
			.calendar-year-text,
			.calendar-day-text{
				margin: 0 23px;
			}
			.arrow-group{
				width: 140px;
				height: 36px;
				float: left;
				margin-left: 29px;
				border-radius: 6px;
				overflow: hidden;
				border: 1px solid #ddd;
				margin-top: 10px;
			}
	        .calendar-icon {
	            margin: 0 10px 0 0;
				color: #333;
	        }
			.arrow-left,.arrow-right{
				float: left;
				width: 36px;
				height: 36px;
				text-align: center;
				line-height: 36px;
				background: #007cc0;
				border: 1px solid #ddd;
				margin-top: 10px;
				border-radius: 6px;
				color: #fff;
			}
			.calendar-month-select{
				width: 66px;
				height: 36px;
				line-height: 36px;
				float: left;
				background: #fafafa;
				margin-top: 10px;
				border: 1px solid #ddd;
				padding-right: 4px;
			}
			.arrow-left{
			}
			.arrow-right{
				float: right;
			}
			.goto-today{
				width: 100px;
				height: 36px;
				cursor: pointer;
				float: left;
				color: #007cc0;
				background: #fafafa;
				border: 1px solid #dddddd;
				border-radius: 6px;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-left: none;
				text-align: center;
				font-size: 14px;
			}
	
	            .calendar-icon * {
	                color: #333;
	            }
	
	        .btn {
	            float: left;
	            padding: 5px 10px;
	            border: 1px solid #d9d9d9;
	            border-radius: 4px;
	        }
	
	        .btn-group {
	            float:left;
	            display: inline;
	            padding: 0 8px;
				display: none;
	        }
	
	            .btn-group > .btn {
	                position: relative;
	                float: left;
	            }
	
	                .btn-group > .btn:hover {
	                    z-index: 2;
	                    border-color: #40a9ff;
	                }
	
	            .btn-group .btn + .btn {
	                margin-left: -1px;
	            }
	
	            .btn-group > .btn:first-child {
	                border-top-right-radius: 0;
	                border-bottom-right-radius: 0;
	            }
	
	            .btn-group > .btn:last-child:not(:first-child) {
	                border-top-left-radius: 0;
	                border-bottom-left-radius: 0;
	            }
	
	
	        /*dropdown-menu*/
	        ul.dropdown-month, .dropdown-month li,
	        ul.dropdown-year, .dropdown-year li,
			ul.dropdown-day, .dropdown-day li{
	            list-style: none;
	            text-align: center;
	            padding: 0;
	            margin: 0;
	        }
	
	        .dropdown-month.open,
	        .dropdown-year.open,
			.dropdown-day.open{
	            display: inline-block;
	            margin-top: 1px;
	            width: 100%;
	        }
	
	        .dropdown-month,
	        .dropdown-year,
			.dropdown-day{
	            height: 250px;
	            overflow-y: auto;
	            overflow-x: hidden;
	            display: none;
	            position: absolute;
	            left: 0;
	            top: 100%;
	            background: #fff;
	            width: 50px;
	            border: 1px solid #eee;
	            box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
	            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
	        }
	
	            .dropdown-month .month-item,
	            .dropdown-year .year-item,
				.dropdown-day .day-item{
	                font-size: 12px;
	                position: relative;
	                display: block;
	                padding: 5px 2px;
	                line-height: 20px;
	                font-weight: normal;
	                color: rgba(0, 0, 0, 0.65);
	                white-space: nowrap;
	                cursor: pointer;
	                overflow: hidden;
	                text-overflow: ellipsis;
	                -webkit-transition: background 0.3s ease;
	                transition: background 0.3s ease;
	            }
	
	        .month-item:hover,
	        .year-item:hover {
	            background: #e6f7ff;
	        }
	
	        .year-item.active {
	            background-color: #fafafa;
	            font-weight: 600;
	            color: rgba(0, 0, 0, 0.65);
	        }
			.day-item.active {
				background-color: #fafafa;
				font-weight: 600;
				color: rgba(0, 0, 0, 0.65);
			}
	        /*自定义事件样式*/
	
	        ul.events .total {
	            font-size: 14px;
	            font-weight: 600;
	        }
	
	        ul.events li span {
	            margin-left: 5px;
	        }
			ul.events li .licontit{
				display: block;
				width: 100%;
				height: 50px;
				position: relative;
				background: #f4f4f4;
				line-height: 50px;
				font-size: 14px;
				color: #333;
				padding-left: 25px;
				padding-right: 14px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				cursor: pointer;
				background-image: url(../images/tit-down.png);
				background-repeat: no-repeat;
				background-position: right 7px top 20px;
				margin-top: 1px;
			}
			ul.events li .licontit::before{
				content: "";
				display: inline-block;
				width: 8px;
				height: 8px;
				background: #007cc0;
				border-radius: 4px;
				margin-right: 13px;
			}
			ul.events li .bg1{background-image: url(../images/tit-down.png);
				background-repeat: no-repeat;
				background-position: right 7px top 20px;}
			ul.events li .bg2{background-image: url(../images/tit-up.png);
				background-repeat: no-repeat;
				background-position: right 7px top 20px;}
			ul.events li .licon{
				display: none;
				width: 100%;
				height: auto;
				color: #333;
				line-height: 22px;
				padding: 16px 45px;
				font-size: 14px;
			}
	        /*scrollbar*/
	        *::-webkit-scrollbar {
	            width: 8px;
	            background-color: #fff;
	        }
	
	        *::-webkit-scrollbar-thumb {
	            background-color: #e5e5e5;
	            border-radius: 8px;
	            -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3);
	        }
			.calendar-column-header2{
				position: absolute;
				left: 0;
				z-index: -99;
			}
			 .condate{
				 display: none;
			 }
			 /* 767 */
				.calendar-day-select{
					display: block;
				}
				ul.events li span {
					margin-left: 0px;
				}
				.condate{
					display: none;
					width: 24px;
					height: 24px;
					line-height: 24px;
					font-size: 14px;
					color: #fff;
					text-align: center;
					background: #067cc4;
					border-radius: 24px;
					margin: 10px 0;
				}
			.calendar-content{
				width: 100%;
				height: 353px;
				position: absolute;
				left: 0;
				bottom: -350px;
				display: none !important;}
				.active-today {
				   font-size: 17px;
				}
				.clickday{
					    border-top-color: #1890ff;
						color: #fff;
						background: #007cc0;
						font-size: 14px;
						cursor: pointer;
				}
				.seletody{
					width: 100%;
					height: 40px;
					line-height: 40px;
					padding-left: 21px;
				}
				.seletody .seletody-today{
					margin-right: 22px;
				}
				.seletody .seletody-today::before,.seletody .seletody-seledate::before{
					content: "";
					display: inline-block;
					width: 10px;
					height: 10px;
					background: #cce5f2;
					margin-right: 10px;
  border-radius: 50%;
				}
				.seletody .seletody-seledate{
					
				}
				.seletody .seletody-seledate::before{
					background: #007cc0;
				}
			.calendar-tit{float: none;}
			.act{
				display: block;
			}
			.active-today{
				position: relative;
				cursor: pointer;
			}
			.calendar-year-select, .goto-today {
				margin-top: 10px;
				margin-left: 0;
			}
			.goto-today .gototoday-span{
				display: block;
				width: 100%;
				height: 20px;
				line-height: 20px;
				margin-top: 7px;
				border-left: 1px solid #ddd;
			}
			.calendar-year-select,.calendar-month-select,.calendar-day-select {
				width: 10%;
				pointer-events: none;
			}
			.calendar-year-select{
				width: 14%;
				border-right: none;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				margin-left: 8px;
			}
			.calendar-month-select{
				width: 7%;
				text-align: left;
				margin-top: 10px;
				margin-left: 0px;
				border-radius: 6px;
				padding-left: 1px;
				pointer-events: none;
				border-radius: 0;
				border-left: none;
				border-right: none;
			}
			.calendar-day-select{
				float: left;
				text-align: left;
				margin-top: 10px;
				margin-left: 0px;
				border-left: none;
				border-right: none;
				border-radius: 0;
				padding-right: 73px;
			}
			.calendar-year-text{
				margin: 0;
			}
			.calendar-month-text {
				margin: 0;
			}
			.calendar-day-text {
				margin: 0;
			}
			.calendarlist-wra{
				margin-top: 27px;
				min-height: auto;
			}
			.calendarlist-con{
				padding: 0px 12px 70px;
			}
			.calendarlist-con li{
				border-bottom: 1px solid #eee;
				padding: 2px 0px;
				font-size: 14px;
				line-height: 24px;
			}
			.conmonth{
				display: none;
			}
			.conyear{
				display: none;
			}
			.calenar-share{
				display: inline-block;
				width: 13px;
				height: 12px;
				background: url(../images/calenar-share-bg.png)no-repeat;
				cursor: pointer;
				margin-left: 8px;
			}
			@media only screen and (max-width: 320px) {
				.calendar-year-select, .calendar-month-select, .calendar-day-select {
					width: 17%;
					text-align: center;
				}
				.calendar-year-text{
					margin: 0 5px 0 5px;
				}
				.calendar-month-text {
					margin: 0 5px 0 5px;
				}
				.calendar-day-text {
					margin: 0 5px 0 5px;
				}
			}