*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
html{margin:0;padding:0;background:#fff;}
body{margin:0;background:#fff;}
.date_box{position:fixed;top:0;z-index:900;width:100%;background:#fff; padding-bottom: 12px;border-bottom: 1px solid #ccc;}
.cld-w{width:100%;border-collapse:collapse;text-align:center;}
.cld-hd em{font-style:initial; }
.change_month{ width: 3em; height: 1em; padding-top: 0.5em; color: #02a9f4;}
.cld-next{float:right;width: 3em; height: 2em;}
.cld-pre{float:left;width: 3em; height: 2em;}
.cld-hd .toggle_box{ color: #02a9f4;}
.cld-hd .toggle_box img{padding-left:5px;width:14px;height:12px;vertical-align:middle;cursor:pointer;}
.cld-w thead tr:last-child th{border-bottom:1px solid #ccc;}
.cld-w thead tr{height:40px;}
.cld-w tbody tr{height:30px;font-size:13px;border-spacing:0;}
.cld-w tbody tr:first-child{height:20px;}
.cld-w tbody tr:first-child th{border:0;border-bottom:1px solid #ccc;}
.cld-w tbody tr th{color:#8c8888;}
.cld-w tbody tr td{width:55px;color:#8c8888;position:relative;}
.cld-w tbody tr td.activited{color:#fff;}
.cld-w tbody tr td.activited:before{position: absolute; content: ''; background: #999; height: 20px; width: 20px; border-radius: 50%; top: 5px; z-index: -11111; left: 50%; margin-left: -10px;}

.content_box{margin-top:307px;width:100%;}
.content_box .day_group{position:relative;width:100%;min-height:80px;}
.content_box .day_group .day_title{box-sizing:border-box;padding-left:10px;width:100%;height:40px;line-height:40px; border-bottom:1px solid #ccc;background:#ebebeb;color:#6b6b6b; z-index: 11;}
.content_box .day_group .day_body{min-height:40px;color:#a79999;text-align:center;line-height:40px;}
.add_box{position: absolute; color: #03A9F4; right: 0px; width: 50px; text-align: center;    font-size: 22px;}
.add_btn{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;cursor:pointer;}
.day_body div:after{position:relative;position:absolute;top:-2px;top:50%;right:15px;display:inline-block;margin-top:15px;width:6px;height:6px;border-color:#C8C8CD;border-style:solid;border-width:2px 2px 0 0;content:" ";-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);}

.day_body .preferred{float:left; font-size:18px;margin-top:12px;margin-left:10px;color:#97dc97;}
.day_body .unavailable{float:left;font-size:18px; margin-top:12px;margin-left:10px;color:#ff9800;}

.day_body span{float:left;display:block;margin-left:5px;}
.mark1:after,.mark2:after{position:absolute;right:50%;bottom:0;margin-right:-2px;width:4px;height:4px;border-radius:50%;content:'';}
.mark1:after{background:#97dc97;}
.mark2:after{background:#ff9800;}