.mydatepicker{width:300px;height:280px;z-index:2000;padding:12px 10px;position:absolute;background-color:#fff;overflow:hidden;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mydatepicker .mydatepicker_head{width:100%;height:26px}.mydatepicker .mydatepicker_head_div{width:100%;margin:0 auto;height:26px;position:relative}.mydatepicker .mydatepicker_head_left{height:20px;width:26px;float:left;cursor:pointer;margin-top:6px}.mydatepicker .year_pos{margin-left:calc(50% - 112px)}.mydatepicker .mydatepicker_head_txt{width:60px;line-height:26px;height:100%;border:0;text-align:center;font-size:13px;position:absolute}.mydatepicker .mydatepicker_head_right{height:20px;width:26px;float:right;cursor:pointer;margin-top:6px}.mydatepicker .mydatepicker_body{width:100%;margin:0 auto;height:calc(100% - 27px);overflow:hidden}.mydatepicker .body_table_2:nth-child(odd){width:calc(50% - 11px);height:100%;float:left;border-right:1px solid #e4e4e4;padding-right:10px}.mydatepicker .body_table_2:nth-child(2n){width:calc(50% - 11px);height:100%;float:left;padding-left:10px}.mydatepicker .body_table_1{width:100%;height:100%;float:left}.mydatepicker .mydatepicker_body table{border-collapse:collapse;width:100%;color:#606266;height:100%}.mydatepicker .mydatepicker_body table thead{background-color:#fff}.mydatepicker .mydatepicker_body table thead tr{border-bottom:1px solid #ebeef5;text-align:center;height:22px}.mydatepicker .mydatepicker_body table tbody td{text-align:center;cursor:pointer}.mydatepicker .mydatepicker_body table tbody td span{width:22px;height:22px;font-size:13px;display:block;margin:0 auto;text-align:center;line-height:22px}.mydatepicker .mydatepicker_dateselected_range span,.mydatepicker .mydatepicker_dateselected span{background-color:#409eff!important;color:#fff;border-radius:50%}.mydatepicker .mydatepicker_dateselected_range span{position:relative}.mydatepicker .mydatepicker_dateselected_range span:after{content:"";height:100%;width:20px;background-color:red;position:absolute;left:50%}.mydatepicker .mydatepicker_datedisabled{background-color:#e9f0f0!important;cursor:default!important;width:calc(100% + 2px)!important}.mydatepicker .mydatepicker_notcurrentmonth{color:#c0c4cc}.mydatepicker .mydatepicker_foot{width:100%;height:22px;display:none;margin-top:6px}.mydatepicker .mydatepicker_op{width:40px;height:20px;line-height:20px;float:right;border:1px solid #e4e7ed;text-align:center;font-size:12px;margin-left:5px;cursor:pointer;border-radius:4px}.mydatepicker .dp_arrow_left{position:relative;float:left}.mydatepicker .dp_arrow_left:before{border:6px solid transparent;border-right-color:#000}.mydatepicker .dp_arrow_left:after,.mydatepicker .dp_arrow_left:before{content:"";display:block;position:absolute;top:50%;right:0;width:0;height:0}.mydatepicker .dp_arrow_left:after{border:6px solid transparent;border-right-color:#fff}.mydatepicker .dp_arrow_right{position:relative;float:left}.mydatepicker .dp_arrow_right:before{border:6px solid transparent;border-left-color:#000}.mydatepicker .dp_arrow_right:after,.mydatepicker .dp_arrow_right:before{content:"";display:block;position:absolute;top:50%;right:0;width:0;height:0}.mydatepicker .dp_arrow_right:after{border:6px solid transparent;border-left-color:#fff}