@charset "gb2312";

/* ========== 来自 css23.css ========== */

BODY {FONT-SIZE:14px;margin: 0px;}
a:link{color:#69c;text-decoration:none}
a:visited{COLOR:#69c;TEXT-DECORATION:none}
a:active{color:#69c;text-decoration:none}
a:hover{color:#69c;text-decoration:none}
.mod-header{height:48px;background:#69c;line-height:48px;margin-bottom: 5px;width:100%;}
#xuan{background-color:#ffffff;height:40px;line-height:40px;width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tnb{height:30px;line-height:30px;text-align:center;border:1px solid #C0C0C0;padding:5px;}
.tn{background:#003CB7 url('../btn.jpg');height:30px;line-height:30px;padding:5px;text-align:center;color:#fff;}
.tnjt{background:#003CB7 url('../btn2.jpg');height:30px;line-height:30px;padding:5px;text-align:center;color:#fff;}
select{font-size:16px;}
.dqrq{border:1px solid #ff6600;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tn a:link,.tn a:visited,.tn a:link,.tn a:visited{color:#ffffff;}
.txrq{cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ctjr{color:red;}
.jieqi{color:red;}
.gz{color:green;}
.box00{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tts{font-size:13px;color:#585858;padding:12px 0px;}
.nrss{border:1px solid #E8E8E8;padding:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;margin-top:20px;text-align:left;}
.nrsstc{border:0px solid #E8E8E8;padding:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;margin-top:20px;}
.nrsstc1{border:1px solid #E8E8E8;padding:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;margin-top:20px;}
.box04{float:left;width:288px; height:90px;line-height:28px;border:#E8E8E8 1px solid;padding:12px;margin:8px;position:relative;cursor: pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tits{font-size:17px;}
.cxjs{font-size:13px;color:#000;}
.box04:hover{ box-shadow: 0px 0px 3px 2px #D9F2FD;border:#D9F2FD 1px solid; -webkit-transition: all .25s ease-out; transition: all .25s ease-out;}
.table2023{width:100%;border-collapse:collapse;margin-top:30px;}
.table2023 td,th {border:1px solid #C0C0C0;text-align:center;width:14%;padding:3px;}
.table2023 th{text-align:center;background-color:#F2F2F2;color:#000;height:10%;}
.table2023 td{font-size:10px;}
.tijiao{border: 1px solid #ccc; text-align:center;border-radius: 3px;padding:0px 30px;margin-top:0px 0px;color:#FFFFFF;height:40px;line-height:40px;font-size:14px;background-color:#0075DF;}
.input{padding:8px;margin-bottom:10px;}
.tabled{width:100%;border-collapse:collapse;}
.tabled th{font-size:1em;border:1px solid #E8E8E8;padding:3px 5px;word-break:break-all;font-size:14px;background:#F6F6F6;color:#000;}
.tabled td{font-size:1em;border:1px solid #E8E8E8;padding:3px 5px;word-break:break-all;font-size:14px;}
.yuec_0{background:#FF3300;color:#FFF;}
.yuec_1{background:#00A9E1;color:#FFF;}
.yuec_2{background:#6AD500;color:#FFF;}
.yuec_3{background:#99CC00;color:#FFF;}
.yuec_4{background:#00CC66;color:#FFF;}
.yuec_5{background:#D9D900;color:#FFF;}
.yuec_6{background:#0099FF;color:#FFF;}
.yuec_7{background:#9900FF;color:#FFF;}
.yuec_8{background:#FF9900;color:#FFF;}
.yuec_9{background:#99CC00;color:#FFF;}
.yuec_10{background:#00CC66;color:#FFF;}
.yuec_11{background:#2FCB01;color:#FFF;}
.col1{background:#FFD1C1;color:#000;}
.col2{background:#FF3909;color:#000;}
.col3{background:#CC0000;color:#FFF;}
.col4{background:#800000;color:#FFF;}
.col5{background:#FFFF99;color:#000;}
.col6{background:#FFCC00;color:#000;}
.col7{background:#ECA31C;color:#FFF;}
.col8{background:#785005;color:#FFF;}
.col9{background:#CCFF99;color:#000;}
.col10{background:#66FF33;color:#000;}
.col11{background:#339933;color:#FFF;}
.col12{background:#003300;color:#FFF;}
.col13{background:#D8E6FE;color:#000;}
.col14{background:#99CCFF;color:#000;}
.col15{background:#0099CC;color:#FFF;}
.col16{background:#003366;color:#FFF;}
.col17{background:#F5DAED;color:#000;}
.col18{background:#D988FF;color:#000;}
.col19{background:#CC3399;color:#FFF;}
.col20{background:#660066;color:#FFF;}
.col21{background:#F0F0F0;color:#000;}
.col22{background:#CCCCCC;color:#000;}
.col23{background:#666666;color:#FFF;}
.col24{background:#0A0A0A;color:#FFF;}
.col1b{border:1px solid #FFD1C1;}
.col2b{border:1px solid #FF3909;}
.col3b{border:1px solid #CC0000;}
.col4b{border:1px solid #800000;}
.col5b{border:1px solid #FFFF99;}
.col6b{border:1px solid #FFCC00;}
.col7b{border:1px solid #ECA31C;}
.col8b{border:1px solid #785005;}
.col9b{border:1px solid #CCFF99;}
.col10b{border:1px solid #66FF33;}
.col11b{border:1px solid #339933;}
.col12b{border:1px solid #003300;}
.col13b{border:1px solid #D8E6FE;}
.col14b{border:1px solid #99CCFF;}
.col15b{border:1px solid #0099CC;}
.col16b{border:1px solid #003366;}
.col17b{border:1px solid #F5DAED;}
.col18b{border:1px solid #D988FF;}
.col19b{border:1px solid #CC3399;}
.col20b{border:1px solid #660066;}
.col21b{border:1px solid #F0F0F0;}
.col22b{border:1px solid #CCCCCC;}
.col23b{border:1px solid #666666;}
.col24b{border:1px solid #0A0A0A;}
.col00b{border:1px solid transparent;}
#bianji{padding:5px 5px 3px 5px;margin-top:0px;margin-bottom:0px;}
.tsdiv{background:#F6F6F6;}
.lc{border-bottom:0px solid #dedede;background:url('../sj.gif') no-repeat;padding-left:20px;line-height:24px; padding-right:8px; padding-top:8px; padding-bottom:8px; background-repeat:no-repeat}
.gda{color:#ffffff;height:40px;line-height:40px;}
.gda a:link,.gda a:visited,.gda a:link,.gda a:visited{color:#ffffff;}
.gda h1{FONT-SIZE:14px;margin: 0px;font-weight:normal;display:inline-block; *display: inline; *zoom: 1;}
.dow{clear:both;width:100%;text-align:center;font-size:14px;MARGIN:0px 0px 8px 0px;padding:10px 0px 3px 0px;border-top:0px solid #0B75B5;}
.tablea{width:100%;border-collapse:collapse;}
.tablea th {font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#C7DAED;color:#ffffff;}
.kong{height:30px;}
.bgs{width:150px;height:100px;text-align:center;padding:5px;margin:6px 6px 10px 6px;float:left;}
.clear{ zoom:1;clear:both; float:none; margin:0px;}
.tb4{border-bottom:1px solid #F5F5F5;padding:8px 15px 8px 15px;font-size:13px;background:#FFF;line-height:28px;margin-bottom:8px;}
.fb{font-size:14px;color:#69c;}
.tables{width:100%;border-collapse:collapse;margin-top:30px;}
.tables td,th {border:1px solid #C0C0C0;text-align:center;width:14%;padding:3px;background-color:#FFF;}
.tables th{text-align:center;background-color:#E7F5F5;color:#000;height:10%;}
.tablenl{width:100%;border-collapse:collapse;margin-top:5px;}
.tablenl td,th {border:1px solid #C0C0C0;text-align:center;width:14%;padding:3px;background-color:#FFF;}
.tablenl th{text-align:center;background-color:#E7F5F5;color:#000;height:10%;}
.sd2{font-family:"Arial";font-size:16px;}
.zm2{font-family:"Arial";font-size:16px;color:red;}
.drts{width:100%;background:#D5E9D1;color:#000;margin-top:0px;font-size:13px;text-align:center;height:28px;line-height:28px;}
.yuec{font-size:20px;line-height:36px;height:36px;}
.zhouf{background:#D3C5E4;}
.gdlink{margin-bottom:30px;}
.gdlink .linkm{text-decoration:none;border:1px solid #dedede;width:180px;padding:6px 15px;;height:30px;margin:0px 20px 6px 20px;text-align:center;background:#136697;line-height:30px;}
.gdlink a{color:#ffffff;}
.cols a{width:100%;height:100%;display:block;}
.black_overlay{
 display: none;
 position: absolute;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index:1001;
 -moz-opacity: 0.8;
 opacity:.80;
 filter: alpha(opacity=80);
}
.white_content {
 display: none;
 position: absolute;
 background-color: white;
 z-index:1002;
 overflow: auto;
}
.white_content_small {
 display: none;
 position: absolute;
 top: 20%;
 left: 30%;
 width: 40%;
 height: 50%;
 border: 10px solid lightblue;
 background-color: white;
 z-index:1002;
 overflow: auto;
}
.white_content{
padding:20px;
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.white_content{font-size:13px;}
#customers20 td, #customers20 th {border-bottom:1px solid #C0C0C0;border-right:1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;text-align:center;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#customers20{border-collapse:collapse;}
#customers20 th{text-align:center;padding-top:3px;padding-bottom:3px;color:#000;}
#customers20 a {display:block;text-decoration:none;width:100%;height:100%;color:#000;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#customers20 a:hover {text-decoration:none;width:100%;height:100%;border:1px solid #FF6600;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ttdiv{margin-top:0px;background:#383A45;height:40px;line-height:40px;background-repeat:no-repeat;text-align:left;border:0px solid red;}
.dtd3{margin-top:0px;height:140px;background-repeat:no-repeat;text-align:left;border:0px solid red;}
.dtd70{margin-top:0px;height:90px;background-repeat:no-repeat;text-align:left;}
.beits{color:#fff;margin-top:0px;height:30px;text-align:left;padding-left:10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.rilia{border-bottom:0px solid #ccc;width:100%;padding:0px 7px 0px 7px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.rilib{border:1px solid #C7DAED;width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.shangban{display:block;height:11px;font-size:10px;width:100%;text-align:right;margin-top:10px;margin-bottom:2px;}
.xiujia{display:block;height:11px;font-size:10px;width:100%;text-align:right;margin-top:10px;margin-bottom:2px;}
.wu{display:block;height:11px;font-size:10px;width:100%;margin-top:14px;}
.fban{background-color:red;color:#FFF;}
.fxiu{background-color:green;color:#FFF;}
.pad{padding:10px;}
.yuefen a{text-decoration:none;border:1px solid #dedede;float:left;display:block;width:60px;height:30px;margin:0px 10px 6px 0px;text-align:center;background:#ffffff;line-height:30px;}
.yuefen .dnian{text-decoration:none;border:1px solid #dedede;float:left;display:block;width:100px;height:30px;margin:0px 10px 6px 0px;text-align:center;background:#3399FF;line-height:30px;color:#fff;}
.fu{font-size:13px;border:0px solid #FFCC66;padding:3px;color:green;}
.gengduo{border:1px solid #CCC;font-size:16px;background:#EEEEEE;text-align:center;padding:8px;margin-top:30px;}
li{list-style: none;margin: 0;padding: 0;}
#show {width: 70px;height:40px;line-height:40px;margin: 0;padding: 0;text-align:center;}
#menu{z-index: 9999 !important; margin: 0;width:70px;padding: 0;position: absolute;top:30px;text-align:right;line-height:26px;background:#383A45;text-align:center;display:none;}
#menu a{text-decoration: none;}
.wode{width:70px;float:right;text-align:center;margin-left:4px;position: relative;z-index: 9010;}
.my{vertical-align:middle;}
.beizhu{text-align:left;margin-top:30px;border:1px solid #F7F7F7;padding:15px 10px;background-color:#F7F7F7;line-height:26px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.guang{margin-top:10px;padding:10px;background-color:#F7F7F7;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.biaojq span{display:block;text-align:center;width:100%;}
.white_contentb{padding:20px;margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.white_contentb{display: none; position: absolute; background-color: white; z-index:1002; overflow: auto;}
#t,.btn_wr{margin:0 0 0 0}
.btn_wl{background:#ffffff;height:50px;}
.moresy a{text-decoration:none;border-radius:4px;border:0px solid #dedede;padding:8px 30px;margin:0px 8px 6px 0px;text-align:center;background:#00CC99;color:#FFFFFF;}
.event-link {
    display: inline-block;
    background: #f1f5f9;
    border-radius: 8px;
    color: #3b82f6;
    text-decoration: none;
    transition: all 0.3s;
}
#eventBei {
    margin-top: 15px;
    background: transparent;
    border-radius: 0px;
    color: #3b82f6;
    text-decoration: none;
    transition: all 0.3s;
}
.zjda a{color:#3B82F6}

/* ========== 来自原页面内嵌样式 ========== */

/* 密码区域样式 */
.password-area {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 12px;
    border-radius: 48px;
    backdrop-filter: blur(4px);
    transition: all 0.2s;
    width: auto;
    max-width: 100%;
}
.password-input {
    background: rgba(255,255,255,0.9);
    border: none;
    padding: 6px 14px;
    border-radius: 40px;
    font-size: 14px;
    width: auto;
    min-width: 140px;
    max-width: 180px;
    outline: none;
    transition: all 0.2s;
    color: #000;
    box-sizing: border-box;
}
.password-input:focus {
    background: white;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}
.password-btn {
    background: #FFD013;
    border: none;
    padding: 6px 16px;
    border-radius: 40px;
    color: #1e293b;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    display: inline-block;
}
.password-btn:hover {
    background: #ffd700;
    transform: scale(1.02);
}

/* 标记容器 */
.marker-container {
    position: absolute;
    bottom: 2px;
    left: 8px;
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    z-index: 5;
}

/* 备忘标记样式 */
.event-bei-marker {
    font-size: 11px;
    color: #AEE8A8;
    display: inline-block;
}

/* 提醒标记样式 */
.reminder-marker {
    display: inline-block;
    font-size: 14px;
    line-height: 12px;
}
.reminder-active {
    color: #3B82F6;
}
.reminder-expired {
    color: #9CA3AF;
}

/* 弹窗样式 */
.share-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}
.share-modal {
    background: #fff;
    border-radius: 16px;
    width: 380px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    position: relative;
}
.share-modal .close-share {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 20px;
    cursor: pointer;
    color: #999;
}
.share-modal .close-share:hover {
    color: #333;
}
.share-modal h4 {
    margin: 0 0 16px 0;
    font-size: 18px;
    color: #1e293b;
}
.share-modal .password-input {
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #FFD013;
    background: #fff;
}
.share-modal .password-btn {
    display: inline-block;
    margin-top: 8px;
}

/* 开关样式 */
.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 34px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #FFD013;
}
input:checked + .slider:before {
    transform: translateX(26px);
}

/* 分享码行 */
.share-code-row {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}
.share-code-input {
    flex: 1;
    background: #ffffff;
    border: 1px solid #FFD013;
    border-radius: 40px;
    padding: 0 14px;
    font-size: 14px;
    font-family: monospace;
    color: #333;
    text-align: center;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    outline: none;
}
.share-code-input:focus {
    border-color: #FFD013;
    background: #fff;
}
.share-regenerate-btn {
    background: #FFD013;
    border: none;
    border-radius: 40px;
    padding: 0 16px;
    font-size: 14px;
    color: #1e293b;
    cursor: pointer;
    white-space: nowrap;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    transition: all 0.2s;
}
.share-regenerate-btn:hover {
    background: #ffd700;
    transform: scale(1.02);
}

/* 分享链接区域样式 */
#shareLinkArea {
    margin-top: 12px;
    padding: 8px;
    background: #f8f9fa;
    border-radius: 8px;
}
#shareLinkArea input {
    font-size: 11px !important;
    background: #fff !important;
}
#shareLinkArea button {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 12px !important;
}

/* 成功提示动画 */
.share-success-msg {
    color: #4CAF50;
    font-size: 13px;
    text-align: center;
    margin-top: 12px;
    padding: 6px;
    background: #e8f5e9;
    border-radius: 20px;
    animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 日历分享文字样式 */
.calendar-share-link {
    cursor: pointer;
    color: #ffd700;
}
.calendar-share-link:hover {
    color: #ffd700;
}

/* ========== 列表模式样式 ========== */
#days.list-mode {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: none;
    outline: none;
    background: transparent;
}
.list-day-row {
    background: white;
    border-radius: 12px;
    padding: 6px 12px 8px 12px;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}
.list-day-row:hover {
    background: #f8f9fa;
}
.list-day-row.drag-over {
    background: #e8f0fe;
    border: 2px dashed #FFD013;
}
.today-row {
    background: #fff8e1;
    border-left: 4px solid #FFD013;
}
.weekend-row {
    background: #fafafa;
}
.list-day-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 6px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F4F4F4;
}
.list-day-number {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.list-gregorian-day {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.list-week-day {
    font-size: 12px;
    color: #999;
}
.list-lunar-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #888;
}
.list-lunar-day.festival {
    color: #e74c3c;
    font-weight: bold;
}
.list-lunar-day.solar-term {
    color: #3498db;
}
.list-day-row .list-gregorian-day.weekend-red {
    color: #E74C3C !important;
}

.list-day-row .list-week-day.weekend-red {
    color: #E74C3C !important;
}

/* 列表模式事件容器 */
.list-events-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
}

/* 列表模式事件样式 */
.list-event {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    max-width: 100%;
    width: auto;
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
}
.list-event-text {
    font-size: 13px;
    display: inline;
    word-break: break-word;
    white-space: normal;
}

/* 当天有多个事件时的样式优化 */
.list-day-row .list-events-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* 列表模式中的放假调休标记 */
.list-day-row .vacation-marker {
    position: absolute;
    bottom: 8px;
    right: 12px;
    z-index: 10;
    font-size: 10px;
    padding:1px 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    pointer-events: none;
}

/* 放假标记（休）- 绿色 */
.vacation-marker.holiday {
    background: #4CAF50 !important;
}

/* 调休标记（班）- 红色 */
.vacation-marker.workday {
    background: #F44336 !important;
}

/* 网格模式放假调休标记 */
.day .vacation-marker {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 10;
    font-size: 9px;
    padding: 1px 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
    pointer-events: none;
}

/* 确保网格模式日期格子有相对定位 */
.day {
    position: relative;
}

/* 总结区域样式 */
.summary-loading {
    color: #999;
    text-align: center;
    padding: 20px;
}
.summary-text {
    line-height: 1.6;
    color: #333;
}
.summary-empty {
    color: #999;
    text-align: center;
    padding: 20px;
}
.summary-error {
    color: #e74c3c;
    text-align: center;
    padding: 20px;
}

/* 事件工具提示样式 */
.event-tooltip {
    position: absolute;
    background: rgba(255,255,255,0.95);
    color: #000;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    max-width: 250px;
    word-wrap: break-word;
    z-index: 1000;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* 拖拽中的样式 */
.event.dragging, .list-event.dragging {
    opacity: 0.5;
    cursor: grabbing;
}
.day.drag-over, .list-day-row.drag-over {
    background: #e8f0fe;
    border: 2px dashed #FFD013;
}

/* EventBeiwang 样式 */
.EventBeiwang {
    font-size: 11px;
    color: #AEE8A8;
    display: inline-block;
}

/* 响应式适配 */
@media (max-width: 768px) {
.password-input {
    padding: 3px 12px;
    min-width: 100px;
    max-width: 120px;
    font-size: 13px;
}

.password-btn {
    padding: 3px 12px;
    border-radius: 40px;
    font-size: 13px;
}

    .list-gregorian-day {
        font-size: 16px;
    }
    .list-event-text {
        font-size: 12px;
    }
    .list-day-row {
        padding: 5px 12px 7px 12px;
    }
    .list-event {
        padding: 4px 10px;
        border-radius: 16px;
    }
    .share-modal {
        width: 90%;
        padding: 20px;
        margin: 0 10px;
    }
}

/* 网格模式节假日样式 */
.lunar-day.festival {
    color: #e74c3c;
    font-weight: bold;
}
.lunar-day.solar-term {
    color: #3498db;
}
.lunar-day.first-day {
    color: #9b59b6;
}

/* 周末样式 */
.weekend .gregorian-day {
    color: #e74c3c;
}
.saturday .gregorian-day {
    color: #f39c12;
}

/* 放假日期单元格背景色 */
.day.holiday {
    background-color: #EEFFF7 !important;
}
.day.workday {
    background-color: #ffebee !important;
}
.day.today {
    background: rgba(255,208,19,0.15);
    border: 1px solid #FFD013;
}

/* 通用按钮样式 */
.btn-primary, .password-btn, .share-regenerate-btn, .mode-toggle-btn {
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn-primary:hover, .password-btn:hover, .share-regenerate-btn:hover, .mode-toggle-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.mode-toggle-btn {
    background: #FFD013;
    border: none;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    margin-left: 8px;
}

/* ========== 来自 styles4.css ========== */

/* 日历容器 */
#calendar {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0px;
    border-radius: 0;
    box-shadow: none;
}

/* 日历头部 */
#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}

/* 导航按钮容器 */
.nav-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
}

/* 选择器容器 */
.selectors-container {
    display: flex;
    gap: 10px;
}

/* 放假安排下拉菜单 */
#holidaySelect {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
    min-width: 120px;
    cursor: pointer;
}

/* 下拉菜单选项样式 */
#holidaySelect option {
    padding: 5px;
}

/* 按钮样式 */
#header button, 
#saveEvent, 
#deleteEvent {
    padding: 8px 16px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}

#header button {
    background-color: #4CAF50;
    color: white;
}

#header button:hover {
    background-color: #45a049;
}

/* 年份和月份选择器 */
#yearInput, #monthSelect {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
}

/* 日历网格容器 */
#days {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border: 1px solid #e0e0e0;
    border-right: none;
    border-bottom: none;
}

/* 星期标题 */
.day-header {
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    font-size: 12px;
    background-color: #f5f5f5;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* 星期一至星期五样式 */
.day-header:not(.saturday):not(.sunday) {
    color: #000000;
}

/* 星期六样式 */
.day-header.saturday {
    color: #ff0000;
}

/* 星期日样式 */
.day-header.sunday {
    color: #ff0000;
}

/* 日期单元格基础样式 */
.day, .empty-day {
    min-height: 100px;
    padding: 8px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    position: relative;
}

/* 空白单元格样式 */
.empty-day {
    background-color: #FFFFFF;
}

/* 周末日期样式 */
.day.weekend .gregorian-day {
    color: #e74c3c;
}

/* 日期数字容器 */
.day-date-container {
    display: flex;
    justify-content: space-between;
    padding: 0 3px;
}

/* 公历日期样式 */
.gregorian-day {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

/* 农历日期样式 */
.lunar-day {
    font-size: 11px;
    color: #888;
    text-align: right;
    margin-top: 4px;
}

/* 节气特殊样式 */
.lunar-day.festival {
    color: #008000;
}

/* 节气特殊样式 */
.lunar-day.solar-term {
    color: #e74c3c;
}

/* 农历初一特殊样式 */
.lunar-day.first-day {
    color: #3498db;
}

/* 今天日期的特殊样式 */
.day.today {
    border: 1px solid #FFCC99;
    background-color: #fff5e6;
}

.day.today .gregorian-day {
    color: #e74c3c;
    font-weight: bold;
}

/* 备忘标记 */
.vacation-bei {
    position: absolute;
    bottom: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* 事件容器 */
.events-container {
    margin-top: 3px;
}

/* 事件项 */
.event {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 3px 0;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
    transition: opacity 0.2s;
}

.event:hover {
    opacity: 0.9;
}

/* 模态框 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow: auto;
    text-align: left;
}

.modal-content {
    background-color: #fff;
    margin: 50px auto;
    padding: 20px 20px 40px 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: relative;
}

/* 关闭按钮 */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    transition: color 0.2s;
}

.close:hover {
    color: #333;
}

/* 文本输入框 */
#eventText {
    width: 100%;
    height: 100px;
    padding: 10px;
    margin: 0px 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.5;
}

/* 颜色选择器 */
#colorPicker {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.color-option {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s;
    position: relative;
}

.color-option.selected {
    border-color: #333;
    transform: scale(1.1);
}

.recent-color {
    position: relative;
}

.recent-color::after {
    content: "最近";
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff6b6b;
    color: white;
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 3px;
    line-height: 1;
}

/* 自定义颜色选择器 */
.custom-color {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 50%;
}

.custom-color input[type="color"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

/* 操作按钮 */
#saveEvent, #deleteEvent {
    padding: 8px 16px;
    margin-right: 10px;
    font-size: 14px;
}

#saveEvent {
    background-color: #4CAF50;
    color: white;
}

#saveEvent:hover {
    background-color: #45a049;
}

#deleteEvent {
    background-color: #f44336;
    color: white;
}

#deleteEvent:hover {
    background-color: #e53935;
}

/* 常用语区域 */
.common-phrases {
    margin: 0px 0px 15px 0;
    border-top: 0px solid #eee;
    padding-top: 0px;
}

.common-phrases h4 {
    margin: 0 0 10px 0;
    color: #666;
    font-size: 14px;
}

.phrases-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.phrase-btn {
    padding: 5px 10px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 15px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.phrase-btn:hover {
    background-color: #e0e0e0;
    border-color: #ccc;
}

/* 拖拽相关样式 */
.event[draggable="true"] {
    cursor: grab;
    transition: transform 0.1s, opacity 0.1s;
}

.event.dragging {
    opacity: 0.5;
    transform: scale(0.95);
}

.day.drag-over {
    background-color: #e3f2fd;
    box-shadow: inset 0 0 0 2px #3B82F6;
    transition: all 0.2s;
}

/* 拖拽时的视觉反馈 */
.event:active {
    cursor: grabbing;
}

/* 提高拖放区域的响应性 */
.events-container {
    min-height: 20px;
}
.login-hint {
    background: #fef9e6;
    padding: 10px 12px;
    margin: 10px 0;
    font-size: 12px;
    color: #666;
    border-radius: 6px;
}
.login-hint a {
    color: #FFD013;
    font-weight: bold;
    text-decoration: underline;
}
.login-hint a:hover {
    color: #e6b800;
}

/* 统计数字展示 */
.stats-badge {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 12px 15px;
    text-align: center;
    margin: 10px 0 15px 0;
    border: 1px solid #eee;
}
.stats-badge .stats-number {
    font-size: 18px;
    font-weight: bold;
    color: #FFD013;
}
.stats-badge .stats-text {
    font-size: 12px;
    color: #888;
}

@media (hover: hover) and (pointer: fine) {
    .event-tooltip {
        position: absolute;
        background: white;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        z-index: 1001;
        max-width: 300px;
        white-space: pre-line;
        font-size: 13px;
        line-height: 1.5;
        pointer-events: none;
        animation: fadeIn 0.2s ease-out;
    }

    .event-tooltip::after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent white transparent;
    }

    .event-tooltip.top-tooltip::after {
        bottom: auto;
        top: 100%;
        border-color: white transparent transparent transparent;
    }

    .event {
        position: relative;
    }
}

/* 本月总结区域 */
#month-summary {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.summary-header h3 {
    margin: 0;
    color: #444;
    padding-left: 3px;
}

#addSummary {
    padding: 6px 12px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

#addSummary:hover {
    background-color: #45a049;
}

.summary-content {
    min-height: 50px;
    padding: 5px;
    white-space: pre-line;
    line-height: 1.6;
}

.EventBeiwang {
    font-size: 9px;
    margin-top: 5px;
    color: #AEE8A8;
}

.summary-edit {
    margin-top: 15px;
}

#summary-text {
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.5;
}

.summary-buttons {
    margin-top: 10px;
    text-align: right;
}

.summary-buttons button {
    padding: 6px 12px;
    margin-left: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

#save-summary {
    background-color: #4CAF50;
    color: white;
}

#save-summary:hover {
    background-color: #45a049;
}

#cancel-summary {
    background-color: #f44336;
    color: white;
}

#cancel-summary:hover {
    background-color: #e53935;
}

/* 批量记事模态框样式 */
#batchEventModal .form-group {
    margin-bottom: 15px;
}

#batchEventModal label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#batchEventModal .form-control {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

#batchEventModal .color-picker {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

.btn-primary {
    background-color: #3B82F6;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-secondary {
    background-color: #6B7280;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.btn-primary:hover {
    background-color: #2563EB;
}

.btn-secondary:hover {
    background-color: #4B5563;
}

/* 响应式设计 - 移动端 */
@media (max-width: 768px) {
    
    /* 头部整体布局 */
    #header {
        flex-direction: column;
        gap: 15px;
        margin-top: 9px;
    }
    
    .event-tooltip {
        display: none !important;
    }
    
    /* 导航按钮居中显示 */
    .nav-buttons {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 3px;
        gap: 8px;
    }
    
    /* 选择器容器布局 */
    .selectors-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }
    
    .color-option {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid transparent;
        transition: all 0.2s;
        position: relative;
    }
    
    /* 调整下拉框和按钮样式 */
    #holidaySelect, 
    #header button,
    #header input, 
    #header select {
        padding: 8px 12px;
        font-size: 14px;
        flex: 1;
        min-width: 0;
        text-align: center;
    }
    
    /* 导航按钮固定宽度 */
    .nav-buttons button {
        width: 80px;
    }
    
    /* 日历单元格调整 */
    .day, .empty-day {
        min-height: 90px;
        padding: 1px;
    }
    
    .vacation-marker {
        border-radius: 50%;
        width: 12px;
        height: 12px;
        text-align: center;
        line-height: 12px;
        font-size: 10px;
        margin-left: 3px;
        margin-top: 4px;
    }
    
    .gregorian-day {
        font-size: 16px;
    }
    
    .lunar-day {
        font-size: 9px;
    }
    
    .event {
        margin: 2px 0;
        padding: 2px 3px;
        border-radius: 0px;
        font-size: 9px;
    }
}

/* 小屏幕手机优化 */
@media (max-width: 480px) {
    
    /* 导航按钮调整 */
    .nav-buttons {
        gap: 5px;
    }
    
    .nav-buttons button {
        width: 70px;
        padding: 6px 8px;
        font-size: 13px;
    }
    
    /* 选择器调整 */
    .selectors-container {
        gap: 5px;
    }
    
    #holidaySelect, 
    #yearInput, 
    #monthSelect {
        padding: 6px 8px;
        font-size: 13px;
    }
    
    /* 日历单元格调整 */
    #days {
        grid-template-columns: repeat(7, 1fr);
    }
    
    .day, .empty-day {
        min-height: 90px;
    }
    
    .gregorian-day {
        font-size: 16px;
    }
    
    .lunar-day {
        font-size: 9px;
    }
    
    .event {
        margin: 2px 0;
        padding: 1px 3px;
        border-radius: 0px;
        font-size: 9px;
    }
    
    .vacation-marker {
        border-radius: 50%;
        width: 12px;
        height: 12px;
        text-align: center;
        line-height: 12px;
        font-size: 10px;
        margin-left: 3px;
        margin-top: 4px;
    }
    
    /* 常用语调整 */
    .phrases-container {
        gap: 6px;
    }
    
    .phrase-btn {
        padding: 4px 8px;
        font-size: 11px;
    }
}

@media only screen and (max-width:639px) {
    #customers20 td {font-size:0.625em;height:3.75em;}
    .kuan{width:100%;}
    .beits{width:100%;}
    .guang{width:100%;}
    .segaodu{height:50px;}
    .m0{display:none;}
    .senian{margin-left:6px;}
    .zrilik{width:100%;text-align:center;}
    #table2{width:100%}
    .beizhu{width:100%;}
    .nrss,.nrsstc{line-height:36px;}
    .yue12{float:left;width:100%;margin:4px;}
    input[type=datetime-local]{-webkit-appearance:none;outline:none;border:none;}
    .segaodu select{-webkit-appearance: none;font-size:0.9em;outline:none;margin-left:6px;}
    .segaodu select{height:26px;-webkit-appearance:none;border:none;padding:3px 6px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:4px;}
    .zjda{float:left;margin-bottom:14px;margin-top:0px;width:100%;font-size:14px;padding:2px 10px;text-align:left;}
    .ztd4{height:20px;font-size:20px;color:#fff;width:240px;float:left;margin-top:16px;margin-left:5px;text-align:left;border:0px solid #ccc;}
    .ztd4b{height:36px;font-size:24px;color:#fff;width:240px;float:left;margin-top:6px;margin-left:5px;text-align:left;border:0px solid #ccc;}
    .ztd4d{height:60px;font-size:28px;line-height:60px;color:#fff;text-align:left;margin-left:10px;}
    .white_content{width:90%;height:86%;margin:20px;border:4px solid lightblue;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .txttx{padding:3px;width:95%;margin-bottom:3px;}
    #customers20 th {font-size:13px;height:40px;}
    .sd{font-family:"Arial";font-size:20px;}
    .sdnl{font-size:14px;}
    .zmnl{font-size:14px;color:red;}
    .zm{font-family:"Arial";font-size:20px;color:red;}
    .jt{font-family:"Arial";font-size:20px;color:#000;}
    .jtnl{font-family:"Arial";font-size:14px;color:#000;}
    .tx{display:block;font-size:0.8em;min-height:1.25em;_height:1.25em;line-height:1.25em;margin-bottom:0px;opacity:0.9;filter:Alpha(opacity=90);}
    .tx2{display:block;font-size:1.25em;line-height:1.25em;margin-top:8px;}
    .txb{display:block;font-size:0.8em;min-height:1.25em;_height:1.25em;line-height:1.25em;margin-top:0px;margin-bottom:6px;}
    .jia{background-image:url(../xiu3.jpg);background-repeat:no-repeat;background-position:100% 100%;}
    .ban{background-image:url(../ban3.jpg);background-repeat:no-repeat;background-position:100% 100%;}
    .bwlnr{border:1px #EFEFEF solid;width:100%;float:left;text-align:center;padding-top:5px;padding-bottom:5px;margin:3px 6px 3px 0px;background:#EFEFEF;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .bwlk{width:96%;height:100px;border:1px #EFEFEF solid;}
    .cyue{margin:0px 12px;padding:3px 6px;background-color:#fff;border-radius:4px;}
    .xglrq{font-size:10px;}
    .setd{width:93px;}
    .cols{width:17px;height:17px;float:left;margin:4px 2px 4px 2px;text-align:center;line-height:18px;font-size:9px;border-radius:2px;}
    #endtime{text-align:center;margin-top:10px;margin-bottom:10px;line-height:32px;font-size:24px;}
    #endtime span{background:#C71C60;color:#fff;line-height:36px;font-size:24px;font-family:Arial;padding:0 5px;margin:5px;border-radius:5px;}
    .beg{font-size:16px;text-align:center;}
    .beg2{font-size:16px;text-align:center;display:none;}
    .inputbnt2{font-size:18px;padding:0px;width:40px;text-align:center;}
    #miaobiao_k{line-height:36px;text-align:center}
    #splitbutton,#startstopbutton,#resetbutton,#split{font-size:16px;vertical-align:middle;text-align:center;}
    #disp{font-size:22px;vertical-align:middle;text-align:center;background-color:#000;color:red;font-weight:900;border:0 none}
    .djs_item{float:left;width:97%;height:130px;border-radius:5px;border:1px solid #0EA9B1;margin:6px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .djshd{padding:0 12px;background:#0EA9B1;line-height:28px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djs_item2{float:left;width:97%;height:130px;border-radius:5px;border:1px solid #FF9900;margin:6px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .djshd2{padding:0 12px;background:#FF9900;line-height:28px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djs_item3{float:left;width:97%;height:130px;border-radius:5px;border:1px solid #00C462;margin:6px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .djshd3{padding:0 12px;background:#00C462;line-height:28px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djshd a,.djshd2 a,.djshd3 a{color:#fff;}
    .djsrq{line-height:24px;text-align:center;font-size:15px;padding:7px 0px;}
    .djssj{line-height:24px;text-align:center;font-size:15px;}
    .djssj .sfm{padding:0 5px;background:#333;height:32px;line-height:32px;text-align:center;font-size:16px;font-weight:bold;color:#fff;border-radius:3px}
    .djsbg{background:#E6F1F7 url('../l-Bg.png');border:5px solid #dedede;margin-top:10px;padding:20px;height:400px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;}
    #cTime{font-size:42px;color:#0000FF;line-height:42px;font-family:Arial;margin-top:24px;margin-bottom:15px;}
    #cTime0{font-size:22px;color:#0000FF;line-height:24px;font-family:Arial;}
    #showtime{font-size:16px;color:#000;line-height:16px;font-family:Arial;}
    .imgm{max-width: 100%;height: auto;width:auto\9;}
    .djsdx{font-size:26px;letter-spacing:2px;}
    #edtime{width:50%;}
    .t_info{height:30px;line-height:30px;margin-bottom:10px;}
    .time-item strong{background:#C71C60;color:#fff;line-height:36px;font-size:22px;font-family:Arial;padding:0 6px;margin-right:8px;margin-top:15px;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
    .bzc{line-height:22px;border:1px solid #FF0000;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background-image:url(../xuanm.png);background-repeat:no-repeat;background-position:0% 0%;}
    .tbdow{display:block;height:11px;font-size:10px;width:100%;text-align:center;margin-top:6px;padding-bottom:0px;}
    .xiao{width:100%;}
    .biaojq{float:left;margin:3px 3px 6px 3px;text-align:center;width:100%;background-color:#F8F8F8;}
    .biaojq img{max-width: 100%;height: auto;width:auto\9;}
    .white_contentb{font-size:13px;width:90%;height:70%;margin:20px;border:4px solid lightblue;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    #t{border:1px solid #0075DF;width:56%;height:50px;background:#ffffff url('0t.png') no-repeat;vertical-align:top; font-style:normal; font-variant:normal; font-size:20px; line-height:50px;font-family:arial; padding-left:13px; padding-right:7px; padding-top:0px; padding-bottom:0px}
    .btn_wr{width:90px;height:50px;background:url('i.png') no-repeat -202px bottom;}
    .btn{width:90px;height:52px;padding-top:2px\9;border:0 none;background:#0075DF;cursor:pointer;font-size:16px; padding:0px;color:#fff;}
    #eventBei {padding: 8px 6px;}
    .event-link {padding: 8px 6px;margin-right:6px;}
    .tts{font-size:13px;color:#585858;padding:0px;}
}

@media only screen and (min-width:639px) {
    #customers20 td {font-size:14px;height:90px;}
    .kuan{width:92%;}
    .guang{width:92%;}
    .zjda,.zjdar{float:left;text-align:left;background: rgba(255, 255, 255, 0.9);;border-radius:4px;}
    .segaodu{height:60px;}
    .beits{width:966px;}
    .nrss,.nrsstc{line-height:24px;}
    .ztd4{height:160px;}
    .ztd4d{height:90px;}
    .ztd4b{height:160px;}
    .p0{display:none;}
    .zrilik{1024px;text-align:center;}
    .yue12{float:left;width:290px;margin:4px;height:360px;}
    #table2{1024px;}
    .zjda{color: #000;margin-top:34px;padding:3px 15px;}
    .zjdar{color:red;margin-top:34px;padding:3px 8px;}
    .ztd4{font-size:42px;color:#fff;width:240px;float:left;margin-top:20px;text-align:left;border:0px solid #ccc;}
    .ztd4d{font-size:36px;color:#fff;width:360px;float:left;margin-top:20px;text-align:left;border:0px solid #ccc;}
    .ztd4b{font-size:42px;color:#fff;width:330px;float:left;margin-top:20px;text-align:left;border:0px solid #ccc;}
    .white_content{width:600px;height:430px;left:50%;top:40%;margin-left:-300px!important;margin-top:-205px!important; border: 5px solid lightblue;}
    .txttx{padding:3px;width:96%;margin-bottom:3px;}
    #customers20 th {font-size:14px;height:50px;}
    .sd{font-family:"Arial";font-size:28px;}
    .sdnl{font-size:24px;}
    .beizhu{width:92%;}
    .zmnl{font-size:24px;color:red;}
    .zm{font-family:"Arial";font-size:28px;color:red;}
    .jt{font-family:"Arial";font-size:28px;color:#000;}
    .jtnl{font-family:"Arial";font-size:24px;color:#000;}
    .tx{display:block;font-size:13px;min-height:16px;_height:16px;line-height:16px;margin-bottom:0px;opacity:0.9;filter:Alpha(opacity=90);}
    .tx2{display:block;font-size:13px;height:16px;line-height:16px;margin-top:5px;}
    .txb{display:block;font-size:13px;min-height:16px;_height:16px;line-height:16px;margin-top:0px;margin-bottom:5px;}
    .jia{background-image:url(../xiu.jpg);background-repeat:no-repeat;background-position:98% 99%;}
    .ban{background-image:url(../ban.jpg);background-repeat:no-repeat;background-position:98% 99%;}
    select{margin-top:16px;margin-bottom:15px;}
    .bwlnr{border:1px #EFEFEF solid;width:31%;float:left;text-align:center;padding-top:5px;padding-bottom:5px;margin:3px;background:#EFEFEF;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .bwlk{width:96%;height:300px;border:1px #EFEFEF solid;}
    .xglrq{font-family:Arial;font-size:16px;margin-top:8px;}
    .setd{width:210px;}
    .cols{width:24px;height:24px;float:left;margin:4px 2px 4px 2px;text-align:center;line-height:24px;font-size:9px;}
    #endtime{text-align:center;margin-top:20px;margin-bottom:20px;line-height:49px;font-size:36px;}
    #endtime span{background:#C71C60;color:#fff;line-height:49px;font-size:32px;font-family:Arial;padding:0 5px;margin:5px;border-radius:5px;}
    .beg{font-size:22px;text-align:center;font-weight:bold;}
    .beg2{font-size:22px;text-align:center;font-weight:bold;display:none;}
    .inputbnt2{font-size:24px;padding:0px;width:70px;text-align:center;}
    #miaobiao_k{line-height:50px;text-align:center}
    #splitbutton,#startstopbutton,#resetbutton,#split{font-size:22px;vertical-align:middle;text-align:center;font-weight:bold}
    #disp{font-size:28px;vertical-align:middle;text-align:center;background-color:#000;color:red;font-weight:900;border:0 none}
    .djs_item{float:left;width:280px;height:160px;border-radius:5px;border:1px solid #0EA9B1;margin:6px;}
    .djshd{padding:0 12px;background:#0EA9B1;line-height:32px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djs_item2{float:left;width:280px;height:160px;border-radius:5px;border:1px solid #FF9900;margin:6px;}
    .djshd2{padding:0 12px;background:#FF9900;line-height:32px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djs_item3{float:left;width:280px;height:160px;border-radius:5px;border:1px solid #00C462;margin:6px;}
    .djshd3{padding:0 12px;background:#00C462;line-height:32px;text-align:center;font-weight:bold;font-size:15px;color:#fff;}
    .djshd a,.djshd2 a,.djshd3 a{color:#fff;}
    .djsrq{line-height:32px;text-align:center;font-size:15px;padding:7px 0px;}
    .djssj{line-height:32px;text-align:center;font-size:15px;}
    .djssj .sfm{padding:0 5px;background:#333;height:32px;line-height:32px;text-align:center;font-size:16px;font-weight:bold;color:#fff;border-radius:3px}
    .djsbg{background:#E6F1F7 url('../l-Bg.png');border:5px solid #dedede;margin-top:10px;padding:20px;height:350px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;}
    #cTime{font-size:80px;color:#0000FF;line-height:48px;font-family:Arial;margin-top:45px;margin-bottom:30px;}
    #cTime0{font-size:36px;color:#0000FF;line-height:48px;font-family:Arial;}
    #showtime{font-size:32px;color:#000;line-height:32px;font-family:Arial;}
    .djsdx{font-size:32px;letter-spacing:8px;}
    #edtime{width:180px;}
    .t_info{height:30px;line-height:30px;margin:10px;}
    .time-item strong{background:#C71C60;color:#fff;line-height:49px;font-size:36px;font-family:Arial;padding:0 10px;margin-right:10px;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
    .bzc{line-height:22px;border:2px solid #FF0000;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background-image:url(../xuan.png);background-repeat:no-repeat;background-position:0% 0%;}
    .tbdow{display:block;height:11px;font-size:11px;width:100%;text-align:center;margin-top:5px;padding-bottom:8px;font-family:Arial;color:#00CC00;}
    .xiao{width:750px;}
    .white_contentb{font-size:13px;width:450px;height:550px;left:50%;top:50%;margin-left:-300px!important;margin-top:-305px!important; border: 5px solid lightblue;}
    .biaojq{float:left;width:23%;margin:3px 10px 6px 10px;text-align:center;}
    .biaojq img{width:248px;height:290px;}
    #t{border:1px solid #0075DF;width:40%;height:50px;background:#ffffff url('0t.png') no-repeat;vertical-align:top; font-style:normal; font-variant:normal; font-size:20px; line-height:50px;font-family:arial; padding-left:13px; padding-right:7px; padding-top:0px; padding-bottom:0px}
    .btn{width:150px;height:52px;padding-top:2px\9;border:0 none;background:#0075DF;cursor:pointer;font-size:16px; padding:0px;color:#fff;}
    .btn_wr{width:97px;height:50px;background:url('i.png') no-repeat -202px bottom;}
    #eventBei {padding: 8px 15px;}
    .event-link {padding: 8px 15px;margin-right:10px;}
}