﻿.module{margin-bottom:25px}.module .bd{margin:0 20px}.mod-panel .bd{margin-bottom:20px}.mod-panel .calendar{position:relative;height:400px;border:2px solid #cb7a43}.mod-panel .calendar .panel-main{height:400px;margin:0 240px;border-left:1px solid #cb7a43;border-right:1px solid #cb7a43;background:#FCF8EF;box-sizing:border-box}.mod-panel .calendar .panel-main .date{position:relative;height:140px;line-height:140px;text-align:center;font-size:120px;font-weight:bold;color:#D3463D}.mod-panel .calendar .panel-main .prev,.mod-panel .calendar .panel-main .next{position:absolute;display:block;width:21px;height:36px}.mod-panel .calendar .panel-main .prev{top:52px;left:35px;background:url("../images/prev.png") no-repeat}.mod-panel .calendar .panel-main .next{top:52px;right:35px;background:url("../images/next.png") no-repeat}.mod-panel .calendar .panel-main .head{height:250px}.mod-panel .calendar .panel-main .head .time{padding-top:12px;height:48px;line-height:48px;text-align:center;font-weight:bold;font-size:16px;color:#444}.mod-panel .calendar .panel-main .head .time span{margin:0 5px}.mod-panel .calendar .panel-main .head .lunar{line-height:30px;text-align:center;font-size:16px;font-weight:bold;color:#444}.mod-panel .calendar .panel-main .body{width:320px;margin:15px auto;border:1px solid #F4C493;padding:7px 5px;background:rgba(255,255,255,0.8);border-radius:4px}.mod-panel .calendar .panel-main .body p{line-height:24px;text-align:center}.mod-panel .calendar .panel-main .foot{line-height:30px;text-align:center}.mod-panel .calendar .panel-main .foot span{margin:0 3px}.mod-panel .calendar .panel-side{width:240px;height:400px}.mod-panel .calendar .panel-side .head{position:relative;height:160px;overflow:hidden}.mod-panel .calendar .panel-side .head:after{position:absolute;left:50%;top:0;width:0;height:100%;content:'';border-right:1px solid #f0f0f0}.mod-panel .calendar .panel-side .head .item{float:left;width:50%;height:156px}.mod-panel .calendar .panel-side .head .item h4{height:50px;line-height:50px;text-align:center;font-weight:bold;font-size:18px;color:#BC2F3F}.mod-panel .calendar .panel-side .head .item ul{overflow:hidden}.mod-panel .calendar .panel-side .head .item ul li{text-align:center}.mod-panel .calendar .panel-side .head .item ul.list-2 li{float:left;width:50%}.mod-panel .calendar .panel-side .body{height:33px;background:#cb7a43;line-height:33px;text-align:center;color:#fff}.mod-panel .calendar .panel-side .foot{height:250px}.mod-panel .calendar .panel-side .foot .suitable{height:80px;overflow:hidden}.mod-panel .calendar .panel-side .foot .suitable span{display:block;width:48px;height:48px;margin:15px auto;background:#bc2f3f;border-radius:50%;text-align:center;line-height:48px;font-size:30px;color:#FFF;font-family:"SongTi";box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(212,71,61,0.25)}.mod-panel .calendar .panel-side .foot .suitable span.ji{background:#278338;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(39,131,56,0.25)}.mod-panel .calendar .panel-side .foot .suitable_con{height:136px;overflow:hidden}.mod-panel .calendar .panel-side .foot .suitable_con ul{overflow:hidden}.mod-panel .calendar .panel-side .foot .suitable_con ul li{float:left;font-size:14px;min-width:25%;text-align:center;height:22px;overflow:hidden;padding-top:1px;line-height:22px}.mod-panel .calendar .panel-side .foot .suitable_con ul li span{display:block;padding:0 5px}.mod-panel .calendar .panel-left{position:absolute;left:0px;top:0px}.mod-panel .calendar .panel-right{position:absolute;right:0px;top:0px}.mod-panel .date-picker a:hover{text-decoration:none}.mod-panel .date-picker .box{border:2px solid #cb7a43;background:#fff}.mod-panel .date-picker .selector{position:relative;padding:5px 15px;background:#cb7a43;vertical-align:middle;text-align:center;overflow:hidden}.mod-panel .date-picker .selector span{display:inline-block;vertical-align:middle;font-size:0}.mod-panel .date-picker .selector a{display:inline-block;position:relative;height:30px;padding:0 5px;background:rgba(255,255,255,0.75);line-height:30px;vertical-align:middle;font-size:14px}.mod-panel .date-picker .selector a:hover{background:#fc9000;color:#fff}.mod-panel .date-picker .selector .goback{margin-left:7px}.mod-panel .date-picker .selector .prev{left:1px}.mod-panel .date-picker .selector .next{margin-right:7px;right:1px}.mod-panel .date-picker .selector select{min-width:60px;height:30px;padding-left:4px;border:medium none;background:rgba(255,255,255,0.75);line-height:30px;vertical-align:middle;font-size:14px;color:#666;outline:none}.mod-panel .date-picker .selector button{height:26px;border:1px solid #ebebeb;line-height:24px;background:#fafafa}.mod-panel .date-picker table{width:100%;table-layout:fixed;color:#666}.mod-panel .date-picker table tr{border-top:1px solid #ebebeb}.mod-panel .date-picker table th,.mod-panel .date-picker table td{border:1px solid #ebebeb;text-align:center}.mod-panel .date-picker table th{line-height:30px;font-weight:normal}.mod-panel .date-picker table td{position:relative;line-height:22px}.mod-panel .date-picker table thead{background:#f8f8f8}.mod-panel .date-picker table tbody a{display:block;position:relative;margin:0 auto;padding:5px 0;border:1px solid transparent;cursor:pointer}.mod-panel .date-picker table tbody a.active,.mod-panel .date-picker table tbody a:hover{border:1px solid #fc9000}.mod-panel .date-picker table tbody span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mod-panel .date-picker table tbody i{position:absolute;right:2px;top:0;line-height:20px;font-style:normal;color:#fff}.mod-panel .date-picker table tbody .s1{font-size:20px;color:#212121}.mod-panel .date-picker table tbody .s2{color:#757575}.mod-panel .date-picker table tbody .holiday a{background:#f1f9f1}.mod-panel .date-picker table tbody .holiday i{color:#4bae4f}.mod-panel .date-picker table tbody .work a{background:#fef0ef}.mod-panel .date-picker table tbody .work i{color:#f44336}.mod-panel .date-picker table tbody .today a{background:#fc9000}.mod-panel .date-picker table tbody .today span{color:#fff}.mod-panel .date-picker table tbody .disabled a{background:#fff}.mod-panel .date-picker table tbody .disabled .s1,.mod-panel .date-picker table tbody .disabled .s2{color:#bdbdbd}.mod-panel .ft{margin:0 20px}.mod-panel .ft ul{overflow:hidden;margin-bottom:15px}.mod-panel .ft ul li{float:left;width:11.11%}.mod-panel .ft ul a{display:block;line-height:36px;text-align:center;background:#FCF8EF;border:1px solid #F4C493;border-radius:4px;margin:0 3px 6px}.mod-panel .ft ul a:hover{background:#cb7a43;border:1px solid #cb7a43;color:#fff}.mod-panel .ft .table-inner{margin-bottom:10px;overflow-x:auto}.mod-panel .ft table{width:100%;table-layout:fixed;color:#666}.mod-panel .ft table thead{background:#cb7a43}.mod-panel .ft table th,.mod-panel .ft table td{padding:7px 8px;line-height:18px;text-align:center}.mod-panel .ft table th.th,.mod-panel .ft table td.th{background:#FCF8EF}.mod-panel .ft table th{color:#fff}.mod-panel .ft table th span{display:block}.mod-panel .ft table th span.time{color:rgba(255,255,255,0.8)}.mod-panel .ft table tbody td{border:1px solid #EBD8A5}.mod-intro .hd{margin-bottom:12px;line-height:36px;text-align:center;font-weight:bold;font-size:18px}.mod-intro p{margin-bottom:12px;line-height:24px;text-indent:2em}@media screen and (max-width: 799px){.module{margin-bottom:15px}.module .bd{margin:0}.mod-panel .bd{margin-bottom:20px}.mod-panel .calendar{height:auto;overflow:hidden}.mod-panel .calendar .panel-main{height:auto;margin:0;border-left:none;border-right:none;padding-bottom:10px;border-bottom:1px solid #ff9f9f}.mod-panel .calendar .panel-main .head{height:auto}.mod-panel .calendar .panel-main .head h1{height:36px;line-height:36px;font-size:15px}.mod-panel .calendar .panel-main .date{height:90px;line-height:90px;font-size:60px}.mod-panel .calendar .panel-main .prev{top:25px}.mod-panel .calendar .panel-main .next{top:25px}.mod-panel .calendar .panel-main .week{line-height:30px;font-size:20px}.mod-panel .calendar .panel-main .lunar{font-size:14px}.mod-panel .calendar .panel-main .body{margin:12px auto}.mod-panel .calendar .panel-main .body p{line-height:20px}.mod-panel .calendar .panel-side{height:auto}.mod-panel .calendar .panel-side .head{height:auto}.mod-panel .calendar .panel-side .head .suitable{height:auto}.mod-panel .calendar .panel-side .head .suitable span{zoom:0.75}.mod-panel .calendar .panel-side .head .suitable_con ul li{font-size:12px}.mod-panel .calendar .panel-side .body{font-size:13px}.mod-panel .calendar .panel-side .foot .item h4{height:40px;line-height:40px;font-size:16px}.mod-panel .calendar .panel-side .foot li{font-size:12px}.mod-panel .calendar .panel-left,.mod-panel .calendar .panel-right{float:left;position:static;width:50%}.mod-panel .calendar .panel-left{box-sizing:border-box;border-right:1px solid #f0f0f0}.mod-panel .date-picker .selector{position:relative;padding:3px 10px 5px}.mod-panel .date-picker .selector select,.mod-panel .date-picker .selector a{height:28px;line-height:28px}.mod-panel .date-picker .selector .prev,.mod-panel .date-picker .selector .next{margin:0}.mod-panel .date-picker .selector .prev-year,.mod-panel .date-picker .selector .next-year{display:none}.mod-panel .date-picker .selector .prev-month{position:absolute;left:5px;top:3px}.mod-panel .date-picker .selector .next-month{position:absolute;right:5px;top:3px}.mod-panel .date-picker .selector .goback{padding:0 7px}.mod-panel .date-picker table tbody .s1{font-size:16px}.mod-panel .date-picker table tbody .s2{font-size:12px}.mod-panel .date-picker table td{line-height:18px}.mod-panel .ft{margin:0 auto}.mod-panel .ft ul li{width:33.33%}.mod-panel .ft table{width:720px}.mod-intro .hd{font-size:16px}.mod-intro p{line-height:22px}}
