﻿*{margin:0;padding:0;font-family:微软雅黑;}
ul li{list-style:none;}
.clear{clear:both;}
.main{background:url(bg.jpg) no-repeat; width:725px;height:513px; overflow:hidden;  }
.calendar{width:650px;height:264px; margin:46px auto 0px auto; }
.calendar table{width:606px;/*border-collapse:collapse;border-spacing:0;*/ margin: 0px auto;}
.calendar table th,.calendar td{width:30px;height:30px;/*border:1px solid #e3e3e3;*/text-align:center;line-height:30px;color:#fff;}
.calendar table th{font-size:16px;height:40px;line-height:40px;}
.calendar table th div{height:27px;/*border-radius:2px;background:#fd513a;*/color:#000;line-height:27px;font-weight:bold;}
.calendar table td{position:relative;color:#404040;vertical-align:middle;}
.calendar .img_ion1{background:url(ion_1.png) no-repeat;width:36px;height:36px; display:block;line-height:36px;}
.calendar table td a.sign ,.calendar table td a.getgoods,.calendar table td a.collar,.calendar table td span.iconcollar{ position:absolute; top:0px;left:22px;font-size:16px;font-weight:bold;}
.calendar table td a.sign {background-position:0px -5px;  }
.calendar table td a.collar { background-position: -272px -5px; }
.calendar table td a.getgoods{background-position:-90px -5px;cursor:pointer;}
.calendar table td.on{background-color:red}
.calendar table td a.today{position:absolute;display:block;width:36px;height:36px; background:#f39d37; border-radius:18px;top:0px;left:22px;color:#fff;line-height:36px;}
.alreadycheckinnum,.showtoday{width:260px;height:30px;line-height:30px; float:left;color:#fff;margin: 30px 34px 0px 62px;}
.showtoday{text-align:right; }
.goodsinfo {width:680px; margin:0px auto;height:auto; overflow:hidden;}
.goodsinfo li{float:left; width:110px; height:125px; margin:0px 20px 0px 6px; position:relative;background:url(ion_2.png) no-repeat; }
.goodsinfo li[data-n="2"] { background-position:34px    30px;   }
.goodsinfo li[data-n="5"] { background-position:-102px  30px;   }
.goodsinfo li[data-n="10"] { background-position:-234px 30px;   }
.goodsinfo li[data-n="17"] { background-position:-372px 30px;   }
.goodsinfo li[data-n="26"] { background-position:-502px 30px;   }
.goodsinfo li h3{display: block; margin: 96px 0px 0px 0px;    width: 111px;  text-align: center; font-size: 16px;font-weight: bold;}
.goodsinfo li span.alreadycheckin{ position:absolute; top:44px;left:14px;background:url(ion_1.png) no-repeat -3px -58px ;width:98px;height:50px;}

.dark{position:fixed;top:0px;left:0px;z-index:5;background-color:#000;width:725px;height:513px;display:block;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.pop{width:344px;height:150px;background-color:#fff;position:fixed; top:170px; left:188px;z-index:10;border:3px solid #ffeeb4;border-radius:20px;}
.pop h3{display:block;width:280px;height:60px; margin:24px auto 5px auto; font-weight:100; font-size:16px;text-align:center;}
.pop a{display:block;width:140px;height:40px;background:#f39d37;border-radius:5px; margin:0px auto;text-align:center;color:#fff;line-height:40px;font-size:20px;cursor:pointer;}
.pop a:hover{background:#d66203;}