.calendar{padding:12px 30px 150px;min-height: 500px;}
.calendar>h2{font-size: 2.4em;line-height: 3;color:#7c1e76}
.calendar_title{background:#e8e8f4;height:48px;padding:0 18px;}
.calendar_title h3{font-size: 16px;line-height: 48px;font-weight:bold;}
.calendar_control .year{position:relative;text-align: center;margin:13px 0 0 0}
.calendar_control .year>p{font-size: 13px;width:85px;line-height: 22px;color:#FFF;border-radius: 3px;background:#666;-webkit-transition: .3s;transition: .3s;cursor:pointer;}
.calendar_control .year>p:hover{background:#852d7f;}
.calendar_control .year_wrap{position:absolute;width:290px;top:40px;left:50%;margin-left:-145px;background:#FFF;z-index: 2;text-align: center;border:1px solid #eee;display:none;}
.calendar_control .year_wrap li{float:left;-webkit-transition: .3s;transition: .3s;cursor:pointer;}
.calendar_control .year_title{background:#8aaecc;padding:8px 0}
.calendar_control .year_title ul{display:inline-block;}
.calendar_control .year_title li{width:60px;border:1px solid #FFF;border-radius: 2px;line-height: 22px;margin:0 6px;color:#FFF;font-size: 13px;}
.calendar_control .year_title li.active,.calendar_control .year_title li:hover{background:#FFF;color:#8aaecc}
.calendar_control .year_list{padding:0 10px 15px;}
.calendar_control .year_item{display:none}
.calendar_control .year_item.active{display:block;}
.calendar_control .year_item li{float:left;width:20%;margin:15px 2.5% 0;font-size: 12px;color:#666;border:1px solid #d2d2d2;border-radius: 3px;line-height: 26px;}
.calendar_control .year_item li.active,.calendar_control .year_item li:hover{background:#d2d2d2;color:#852d7f}


.calendar_control .to_today{font-size: 13px;width:60px;line-height: 22px;color:#FFF;border-radius: 3px;background:#852d7f;text-align: center;margin:13px 0 0 18px;-webkit-transition: .3s;transition: .3s;cursor:pointer;display:none;}
.calendar_control .to_today:hover{background:#6e1e68}
.calendar_control .switch{margin:13px 0 0 16px;}
.calendar_control .switch>div{-webkit-transition: .3s;transition: .3s;cursor:pointer;width:22px;height:22px;margin-left:10px;background-position: center;background-size:86%;background-repeat: no-repeat;opacity:0.8}
.calendar_control .switch>div.prev{background-image:url(/html/img/icon_calendar_left.png);}
.calendar_control .switch>div.next{background-image:url(/html/img/icon_calendar_right.png);}
.calendar_control .switch>div:hover{opacity:1}
.calendar_list{position:relative;width:100%;height:450px;}
.calendar_item{position:absolute;top:0;left:0;width:100%;}
.calendar_item_title{font-size: 20px;line-height: 50px;margin: 5px 0 0 18px;}
.calendar_item_wrap{border:1px solid #dcdcdc;}
.calendar_item_event{width:40%;}
.calendar_item_event_title{font-size: 14px;color:#666;background:#f7f7f7;line-height: 50px;padding:0 18px;border-bottom:1px solid #dcdcdc;}
.calendar_item_event_list{padding:10px 18px 20px;overflow-y:auto;max-height: 260px;}
.calendar_item_event_list dd{padding:8px 0 8px 15px;background:url(/html/img/dian.png) no-repeat left 15px;line-height: 1.5;font-size: 13px;color:#666;}
.calendar_item_event_list dd span{margin-right: 8px;padding:0 5px;}
.calendar_item_event_list dd span.tagging{color:#852d7f}
.calendar_item_event_list dd span.range{background:#f4f2f7}
.calendar_item_event_list dd span.strong{font-weight:bold;}
.calendar_item_box{width:60%;border-left:1px solid #dcdcdc;text-align: center;}
.calendar_item_box table{width:100%}
.calendar_item_box_week{font-size:14px;line-height:50px;height:51px;background:#f7f7f7;border-bottom:1px solid #dcdcdc;padding:0 12px;}
.calendar_item_box_week span{width:14.2857%;float:left;cursor:default;color:#666;}
.calendar_item_box_date{padding:5px 12px}
.calendar_item_box td{font-size: 14px;color:#666;height:50px;width:14.2857%!important;border-bottom:1px solid #FFF;cursor:default;position:relative}
.calendar_item_box td>div.day{width:100%;height:40px;line-height:40px;margin:0 auto;}
.calendar_item_box td>div.day .tip{position:absolute;width:auto;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#852d7f;color:#FFF;padding:4px 8px;display:none;min-width: 100%;text-align: center;font-size: 12px;line-height:16px;border-radius:12px;font-weight:normal;white-space: nowrap}
.calendar_item_box td>div.day .tip:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #852d7f transparent transparent transparent;}
/*.calendar_item_box tr td:first-child>div,.calendar_item_box tr td:last-child>div{font-weight:bold;}*/
.calendar_item_box td.today>div.day{border:2px solid #852d7f;border-radius: 3px;}
.calendar_item_box td.strong{font-weight:bold;}
.calendar_item_box td.tagging{color:#852d7f;font-weight:bold;}
.calendar_item_box td.range{background:#f4f2f7;}

.calendar_item_box td:nth-of-type(1),.calendar_item_box td:nth-of-type(7){color:#852d7f;}
.calendar_item_box td.range{background:none;color:#852d7f;font-weight: bold;}

.flex-row{
			    display: flex;
			    flex-direction: row;
		}

.calendar_item_box td.range>.day{background: #99660042;}

.user_wrap form div.clearfix .input_eye {
    font-size: 18px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    color: #FFF;
    background: url(/html/img/yanjing.png) no-repeat;
	background-size: 100%;
    text-align: center;
    line-height: 16px;
    position: absolute;
    top: 6px;
    right: 62px;
    cursor: default;
    display: none;
}