/* 右键菜单 */
.dayRightClick {
    position: absolute;
    background-color: #f2f2f2;
    overflow: hidden;
    display: block;
    cursor: pointer;
    z-index: 3000;
    padding: 10px 20px;
}


/* 右键菜单-条目 */

.dayRightClick .menu-item {
    font-size: 16px;
    padding: 8px 0;
    overflow: hidden;
}

/*
.dayRightClick .menu-item:hover {
    border: 1px solid #979797;
    background-color: #f9f9f9;
}
*/


/* 右键菜单，条目左边的图标 */

.dayRightClick .menu-ico {
    float: left;
    height: 30px;
    width: 30px;
    overflow: hidden;
}


/* 右键菜单，条目左边的图标。我这里使用字体显示的 */

.dayRightClick .menu-ico .icoText {
    float: left;
    margin: 5px;
    line-height: 20px;
    overflow: hidden;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
}


/* 右键菜单，条目右边的字体 */

.dayRightClick .menu-text {
    float: left;
    overflow: hidden;
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
}


/* 右键菜单 下划线 */

.dayRightClick .menu-line {
    float: left;
    overflow: hidden;
    height: 1px;
    background-color: #949d97;
    margin-left: 5px;
    margin-right: 5px;
    width: 110px;
}

.calendar {
    border: 2px solid #8ec59b;
	margin:0 auto;
	/*background: url('../img/img183.png') center;*/
	background-size:100% 100%;
	margin-top:26px;
}


/* 日历左边区域 */

.calendar .leftArea {
    padding: 0px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: #fff;
	background-color:inherit;
}


/* 日历左边区域  头 */

.calendar .leftArea .head {
    display: block;
    float: left;
    overflow: hidden;
    margin-bottom: 4px;
    font-size: 16px;
}


/* 日历左边区域  头部的左右按钮 */

.calendar .leftArea .head .btn {
    float: left;
    height: 28px;
    width: 20px;
    border: 1px solid #999;
    background-color: #fafafa;
    text-align: center;
    line-height: 28px;
    color: #7a7a7a;
    cursor: pointer;
}

.calendar .leftArea .head .btn:nth-child(2) {
	border-right:none;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	background-color:#ffffff;
	margin-left:100px;
}
.calendar .leftArea .head .btn:nth-child(4) {
	border-left:none;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	background-color:#ffffff;
}

.calendar .leftArea .head .btn:hover {
    color: #388bff;
    border: 1px solid #388bff;
}

.calendar .leftArea .head .btn:active {
    color: #7a7a7a;
    border: 1px solid #999;
}


/* 日历左边区域  头部的返回今天按钮 */

.calendar .leftArea .head .btnreturn {
    float: left;
    padding: 0 14px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    text-align: center;
    background-color: #f9f9f9;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
	width:118px;
	background-color:#ffffff;
	border-radius:4px;
	margin-left:100px;
}


/* 日历左边区域  头部的字体样式 */

.calendar .leftArea .head .text {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-left: 4px;
    margin-right: 20px;
}


/* 日历左边区域  头部的选择框 */

.calendar .leftArea .head select {
    float: left;
    height: 26px;
    width: 75px;
}
.calendar .leftArea .head select:nth-child(1) {
    float: left;
    height: 30px;
    width: 118px;
	border-radius:4px;
	margin-left:58px;
}
.calendar .leftArea .head select:nth-child(3) {
    float: left;
    height: 30px;
    width: 80px;
}

.calendar .leftArea .head select:nth-child(5) {
    float: left;
    height: 30px;
    width: 118px;
	border-radius:4px;
	margin-left:100px;
}
.phone-calendar-text{ 
    display:none;
	line-height:24px;
	color: #333333;
	font-size:16px;
}
@media(max-width:480px){
.calendar .leftArea .head select:nth-child(1) {
    width: 20%;
	margin-left:2.1%;
}
.calendar .leftArea .head select:nth-child(3) {
    width: 13%;
}
.calendar .leftArea .head .btn:nth-child(2) {
	margin-left:2.1%;
}
.calendar .leftArea .head select:nth-child(5) {
    width: 22%;
	margin-left:2.1%;
}
.calendar .leftArea .head .btnreturn {
    padding:0;
	width:22%;
	margin-left:2.1%;
}
.phone-calendar-text{ 
    display: block;
}
}

/* 日历左边区域  头部的周 */

.calendar .leftArea .week {
    font-size: 20px;
    text-align: center;
    display: block;
    float: left;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #faca7c;
    overflow: hidden;
	line-height:60px;
}


/* 日历左边区域  日历的主体 */

.calendar .leftArea .days {
    border: 1px solid #f1ebe4;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-right: -1px;
    margin-top: -1px;
}


/* 日历左边区域  加班和休假挂件 */

.calendar .leftArea .days .rest {
    position: relative;
    padding: 2px;
    margin: 2px;
    font-size: 12px;
    z-index: 2;
    color: #fff;
}


/* 日历左边区域  天 */

.calendar .leftArea .days1 {
    float: left;
    display: block;
    overflow: hidden;
	border:none;
	border-right:1px solid  rgba(200,200,200,0);
    border-left:1px solid  rgba(200,200,200,0);
    margin-right: -1px;
    margin-bottom: -1px;
}


/* 日历左边区域  天 上半部的数字 */

.calendar .leftArea .num {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: 57%;
}


/* 日历左边区域  天 下半部的农历 */

.calendar .leftArea .lunar {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    text-align: center;
    display: block;
    color: #333333;
    width: 100%;
    height: 50%;
}


/* 日历右边区域 */

.calendar .rightArea {
    padding: 10px 0px 10px 30px;
    float: left;
    overflow: hidden;
	border-left:solid #f8b551 2px;
}


/* 日历右边区域 第一条 */

.calendar .rightArea .ui {
    background-color: #42962e;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 10px 0px 10px 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	background-color:inherit;
	padding-top:30px;
}


/* 日历右边区域 第二条 */

.calendar .rightArea .ud {
    background-color: #fb0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 68px;
    font-weight: bold;
    color: #f8b551;
    padding: 10px 0px 10px 0;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
	background-color:inherit;
	font-size:100px;
}


/* 日历右边区域 第三条 */

.calendar .rightArea .uld {
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 10px 0px 10px 0;
}


/* 日历右边区域 第四条 */

.calendar .rightArea .ultd {
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 0px 0px 10px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #abd6b8;
	border:none;
}


/* 日历右边区域 节日一栏 */

.calendar .rightArea .djr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #abd6b8;
    padding-top: 8px;
    padding-bottom: 8px;
	border:none;
	display:none;
}


/* 日历右边区域 节日一栏 头部 */

.calendar .rightArea .djr .title {
    font-size: 14px;
    font-weight: bold;
    background-color: #0faad1;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 8px;
    color: #FFF;
	display:none;
	
}


/* 日历右边区域 节日一栏 内容 */

.calendar .rightArea .djr .content {
    font-size: 12px;
    line-height: 24px;
    color: #000;
	display:none;
}


/* 日历右边区域 保存 */

.calendar .rightArea .yi {
    float: left;
    background-color: #4cae4c;
    color: #fff;
    padding: 6px 15px;
	padding-right:0;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 10px;
	width:100%;
	background-color:inherit;
	color:#4cae4c;
}
.zodiac-yi-text{ color:#4cae4c;}
.calendar .rightArea .yi table{ width:90%;}
.calendar .rightArea .yi table tr td:nth-child(1){ width: 48px !important; height: 80px !important;}
.calendar .rightArea .yi table tr td:nth-child(1) img{vertical-align: middle;}
.calendar .rightArea .yi table tr td:nth-child(2){ padding-left:5%; width: 158px !important; text-align: left;}
.calendar .rightArea .yi table tr td:nth-child(2) span{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }

.calendar .rightArea .saveChange:hover {
    background-color: #449d44;
}

.calendar .rightArea .saveChange:active {
    background-color: #4cae4c;
}


/* 日历右边区域 重置 */

.calendar .rightArea .ji {
    float: left;
    background-color: #4cae4c;
    color: #fff;
    padding: 6px 15px;
	padding-right:0;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 0px;
	width:100%;
	background-color:inherit;
	color:red;
	margin-top:20px;
}
.zodiac-ji-text{ color:red;}
.calendar .rightArea .ji table tr td:nth-child(1){ width: 48px !important;  height: 80px !important;}
.calendar .rightArea .ji table tr td:nth-child(1) img{ vertical-align: middle;}
.calendar .rightArea .ji table tr td:nth-child(2){ padding-left:5%; width: 158px !important; text-align: left;}
.calendar .rightArea .ji table tr td:nth-child(2) span{ overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }

.calendar .rightArea .resetData:hover {
    background-color: #d58512;
}

.calendar .rightArea .resetData:active {
    background-color: #ec971f;
}







/* 20221114历法工具手机版增 str */
.query_the_calendar{
    display: none;
}
.calendar,.leftArea,.head{
    max-width: 418px;
}
.calendar .rightArea{
    display: none;
}
.dayRightClick{
    display: none;
}
.calendar{
    margin-top: 4px;
    background: none;
    border: none !important;
}
.calendar .leftArea .days{
    box-sizing: border-box;
    width: 14.5% !important;
    border: none !important;
    height: 60px !important;
}
.calendar .leftArea .days1{
    border-left: none !important;
    box-sizing: border-box;
    width: 14.5% !important;
}
.calendar .leftArea .active{
    width: 60px;
    background: #E95352;
    border-radius: 50%;
}
.calendar .leftArea .lunar{
    color: #B3B3B3;
}
.calendar .leftArea .active .num{
    color: #FFFFFF !important;
}
.calendar .leftArea .active .lunar{
    color: #FFFFFF !important;
}
.calendar .leftArea div:nth-child(7n+14) .num{
    color: #E95352 !important;
}
.calendar .leftArea div:nth-child(7n+15) .num{
    color: #E95352 !important;
}
/*
.calendar .leftArea div:nth-child(7n+14).active .num{
    color: #FFFFFF !important;
}
.calendar .leftArea div:nth-child(7n+15).active .num{
    color: #FFFFFF !important;
}
*/
.calendar .leftArea div:nth-child(7n+14) .lunar{
    color: #E95352 !important;
}
.calendar .leftArea div:nth-child(7n+15) .lunar{
    color: #E95352 !important;
}
/*
.calendar .leftArea div:nth-child(7n+14).active .lunar{
    color: #FFFFFF !important;
}
.calendar .leftArea div:nth-child(7n+15).active .lunar{
    color: #FFFFFF !important;
}
*/
.calendar .leftArea .week:nth-child(7){
    color: #E95352 !important;
}
.calendar .leftArea .week:nth-child(8){
    color: #E95352 !important;
}
.calendar .leftArea .week{
    background-color: #F7F8F9;
    font-size: 17px;
    font-weight: 500;
    color: #4D4D4D;
    padding: 0;
    margin: 0;
    line-height: 38px;
    margin-bottom: 10px;
}
.calendar .leftArea .head{
    background-color: #C14A47;
    height: 44px !important;
    padding: 0 !important;
    line-height: 44px !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar .leftArea .head select:nth-child(5){
    display: none;
}
.calendar .leftArea .head .btnreturn{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: 0;
    height: 44px;
    border: none;
    background-color: #F7F7F7;
    font-size: 18px;
    font-weight: 500;
    color: #C14A47;
}
#form1{
    position: relative;
    max-width: 418px;
    padding: 0;
    margin: 0;
}
.calendar_head_years{
    font-size: 17px;
    font-weight: 500;
}
.calendar .leftArea .head select:nth-child(1){
    position: absolute;
    left: -100000px;
    margin-bottom: -1071px;
    width: 81px;
    height: 28px;
    background: #FFFFFF;
    border: 1px solid #E95352;
    border-radius: 0;
    z-index: 100;
    margin-left: 10%;
}
.calendar .leftArea .head select:nth-child(3){
    position: absolute;
    left: -100000px;
    margin-bottom: -1071px;
    width: 81px;
    height: 28px;
    background: #FFFFFF;
    border: 1px solid #C14A47;
    border-radius: 0;
    z-index: 100;
    margin-left: 40%;
}
.calendar .leftArea .head .btn:nth-child(2){
    background-color: #C14A47;
    border: none;
    color: #FFFFFF;
    position: absolute;
    z-index: 101;
    left: 10px;
    width: 30px;
    margin-left: 0;
}
.calendar .leftArea .head .btn:nth-child(3){
    background-color: #C14A47;
    border: none;
    color: #FFFFFF;
    margin-right: 160px;
    position: absolute;
    z-index: 101;
}
.calendar .leftArea .head .btn:nth-child(5){
    background-color: #C14A47;
    border: none;
    color: #FFFFFF;
    margin-left: 160px;
    position: absolute;
    z-index: 101;
}
.calendar .leftArea .head .btn:nth-child(6){
    background-color: #C14A47;
    border: none;
    color: #FFFFFF;
    position: absolute;
    z-index: 101;
    right: 10px;
    width: 30px;
    margin-right: 0;
}
.calendar .leftArea .head select{
    display: none;
}
.calendar_head_years{
    position: absolute;
    z-index: 100;
    font-size: 17px;
    height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}
.query_the_calendar{
    display: block;
    height: 74px;
    margin-top: 10px;
}
.query_the_calendar ul{
    display: flex;
    position: absolute;
    left: 0;
    width: 100vw;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    height: 65px;
    align-items: center;
    justify-content: space-between;
    border-top: solid #FAFAFA 8px;
    box-sizing: border-box;
    padding: 0 10%;
    padding-top: 5px;
}
.query_the_calendar ul .li5{
    width: auto;
}
.query_the_calendar ul select{
    width: 81px;
    height: 28px;
    background: #FFFFFF;
    border: 1px solid #E95352;
    outline: none;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    box-sizing: border-box;
}
.query_the_calendar ul a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 30px;
    background: #E95352;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
.phone-calendar-text{
    background-color: #FAFAFA;
    position: relative;
    height: 160px;
}
.phone-calendar-text .nday{
    font-size: 24px;
    font-weight: 500;
    color: #E95352;
    display: block;
    width: 40.61%;
    text-align: center;
    padding-top: 37px;
}
.phone-calendar-text .nmonth{
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    display: block;
    width: 40.61%;
    text-align: center;
    padding-top: 14px;
}
.phone-calendar-text .nyears{
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    display: block;
    width: 40.61%;
    text-align: center;
}
.phone-calendar-text .select-date-text{
    position: absolute;
    left: 44.81%;
    top: 36px;
    font-size: 17px;
    font-weight: 500;
    color: #E95352;
    border-left: solid 3px #E95352;
    padding-left: 17px;
    height: 19px;
    line-height: 19px;
}
.phone-calendar-text .zodiac-yi-text{
    position: absolute;
    left: 41.73%;
    width: 58.27%;
    top: 75px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-right: 25px;
    box-sizing: border-box;
}
.phone-calendar-text .zodiac-yi-text img{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}
.phone-calendar-text .zodiac-ji-text{
    position: absolute;
    left: 41.73%;
    width: 58.27%;
    top: 107px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-right: 25px;
    box-sizing: border-box;
}
.phone-calendar-text .zodiac-ji-text img{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}
.phone-gruy-line{
    height: 8px;
    background-color: #FAFAFA;
    font-size: 15px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 22px;
}
/* 20221114历法工具手机版增 end */


#form1{
    max-width: 820px;
    margin: 0 auto;
    margin-top: 30px;
}
.calendar{
    width: 100% !important;
    margin-top: 0;
}
.calendar .leftArea{
    border: solid #F2CA8F 2px;
    background-color: #FFFFFF;
}
.calendar, .leftArea, .head{
    max-width: 820px;
}
.calendar .leftArea .head{
    background-color: #FFFFFF;
    height: 77px !important;
}
.calendar_head_years{
    width: 212px;
    height: 44px;
    margin-left: calc(50% - 106px);
    margin-top: 16px;
    border: solid #E0E0E0 1px;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    border-radius: 6px;
}
.calendar .leftArea .head #YL,.calendar .leftArea .head #YR{
    display: none;
}
.calendar .leftArea .head #ML{
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/arrow_left.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}
.calendar .leftArea .head #MR{
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/arrow_right.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0;
}
.calendar .leftArea .head .btnreturn{
    display: none;
}
.calendar .leftArea .days{
    width: 14.4% !important;
    border: solid #EFEFEF 1px !important;
}
.calendar .leftArea .days1{
    width: 14.4% !important;
    height: 60px !important;
}
.calendar .leftArea .week{
    margin-bottom: 0;
    height: 56px !important;
    line-height: 56px !important;
    background-color: #FFFFFF;
}
.calendar .leftArea .week:nth-child(6){
    margin-right: 1px;
}
.calendar .leftArea .week:nth-child(7){
    border-left: solid #EFEFEF 1px !important;
    border-right: solid #EFEFEF 1px !important;
    width: calc(14.25% - 1px) !important;
}
.calendar .leftArea .active{
    background-color: #FFFFFF;
    border-radius: 0;
}
.calendar .leftArea .active .num{
    color: #666666 !important;
}
.calendar .leftArea .active .lunar {
    color: #666666 !important;
}
.calendar .leftArea div:nth-child(7n+14) .num {
    color: #666666 !important;
}
.calendar .leftArea div:nth-child(7n+14) .lunar {
    color: #666666 !important;
}
.calendar .leftArea div:nth-child(7n+15) .num {
    color: #666666 !important;
}
.calendar .leftArea div:nth-child(7n+15) .lunar {
    color: #666666 !important;
}
.calendar .leftArea .week:nth-child(7) {
    color: #666666 !important;
}
.calendar .leftArea .week:nth-child(8) {
    color: #666666 !important;
}
@media only screen and (max-width: 900px) {
    #form1{
        max-width: calc(100% - 14px);
        margin: 0 auto;
        margin-top: 18px;
    }
    .calendar .leftArea{
        border-radius: 3px;
    }
}
.form-datetime .calendar{
    display: none;
}