* { margin: 0; padding: 0; }
/*body { font-family: "Microsoft Yahei"; font-size: 12px; color: #888; }*/
a, a:hover { color: #888; text-decoration: none; }
ul, li { list-style: none; }

.calendar {
	font-family:Arial,Helvetica,sans-serif;
  /*width: 306px;*/
  background-color: #fff;
}
.calendar-title {
  position: relative;
 /* height: 30px;*/
  line-height: 30px;
  padding: 10px 0;
  text-align: center;
}
.calendar-title a.title {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
   text-indent: -2px;
}
#backToday {
position: absolute;
left: 70%;
top: 8px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: rgb(255, 128, 142);
font-size: 18px;

}
.calendar-title .arrow {
position: absolute;
top: 10px;
right: 0;
width: 50px;
}
.calendar-title  span {
  width: 50px;
  height: 32px;
font-size: 26px;
cursor: pointer;
  display: block;
  position: relative;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.calendar-title .arrow span:hover {
color: #888;
}
.calendar-title .arrow-prev {
float: left;
}

.calendar-title .arrow-next {
float: right;
}
.calendar-title .arrow-prev:before,
.calendar-title .arrow-prev:after{
  content: '';
  position: absolute;
  top: 11px;
  width: 11px;
  height: 2px;
  left: 15px;
  background: rgb(251, 51, 75);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.calendar-title .arrow-prev:after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 19px;
}
.calendar-title .arrow-next:before,
.calendar-title .arrow-next:after{
  content: '';
  position: absolute;
  top: 11px;
  width: 11px;
  height: 2px;
  left: 15px;
  background: rgb(251, 51, 75);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.calendar-title .arrow-next:after{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 19px;
}
.calendar-title .mm:before,
.calendar-title .mm:after{
	background:#bbb;
	}
.calendar-week,
.calendar-date {
overflow: hidden;
}
.calendar-week .item,
.calendar-date li{
float: left;
width: 14.2222%;
/*height: 42px;*/
line-height: 43px;
text-align: center;
  color: #7d8a93;
  font-size: 14px;
  font-weight:bold;
  padding-left:0;
}
.calendar-week {
  border-top: 1px solid #e5e5e5;
  width: 100%;
  font-size: 12px;
  padding-top: 10px;
 /* padding-bottom: 10px;*/
}
.calendar-date {padding:5px 0 10px 10px;}
.calendar-date .item {
float: left;
width: 14.2222%;
  line-height: 36px;
  border-radius: 50px;
  display: inline-block;
  height: 14.2222%;
  font-size: 12px;
  cursor: default;
}
.calendar .calendar-date .act{
	}
.calendar .calendar-date .act a{
	color:#fff;
	cursor:pointer;
	}
.calendar-date .on{
color:rgb(251, 51, 75) !important;
  cursor: pointer;
}
.calendar-date .on:hover{
  /*background-color: #eee;*/
}
.calendar-date .item-curMonth {
  color: #333;
  font-weight: bold;
}
.calendar-date .item-curMonth a {
  color:#e00;
}
.calendar-date .item-curDay,
.calendar-date .item-curDay:hover {
  color: #fff;
  font-weight:bold;
  background-color: rgb(251, 51, 75);
}
.calendar-date .item-selected,
.calendar-date .item-selected:hover {
  color: rgb(255, 128, 142);
  background: #cde9d9;
}
.calendar-today {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 90px;
  height: 48px;
  padding: 6px 10px;
  background-color: rgb(255, 128, 142);
  border-radius: 5px;
}
.calendar-today .triangle {
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent rgb(255, 128, 142) transparent transparent;
}
.calendar-today p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width:1280px){
  /*.calendar-week .item, .calendar-date .item{
    line-height: 40px;
  }*/
}
@media only screen and (max-width:1200px){
  .calendar-r{
    width: 30.5%;
  }
  .bricks-wrapper{
    width: 69%;
  }
  /*.calendar-week .item, .calendar-date .item{
    line-height: 38px;
  }*/
}
@media only screen and (max-width:1100px){

  /*.calendar-week .item, .calendar-date .item{
    line-height: 35px;
  }*/
}
@media only screen and (max-width:1024px){
  .calendar-r {
    width: 35.5%;
  }
  .bricks-wrapper{
    width: 64%;
  }
  /*.calendar-week .item, .calendar-date .item{
    line-height: 41px;

  }*/
}
@media only screen and (max-width:980px){

  /*.calendar-week .item, .calendar-date .item{
    line-height: 39px;

  }*/
}
@media only screen and (max-width:910px){

  .calendar-week .item, .calendar-date .item{
    line-height: 36px;

  }
}
@media only screen and (max-width:880px) {
  .bricks-wrapper{
    width: 100%;
  }
  .calendar-r{
    float: none;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 10px;
  }
  .calendar {
    width: 48.8%;
    float: left;
  }
  .box-wrap{
  float: right;
  width: 48.8%;
  }
  /*.calendar-week .item, .calendar-date .item {
    line-height: 55px;
  }*/
  .calendar-search-wrap{
    margin-top: 0px;
  }
  /*.calendar-event h2{
    padding: 30px 0;
  }*/
  /*.calendar-event ul {
    padding-bottom: 101px;
  }
  .calendar-event ul li{
    padding-top: 30px;
  }*/
}
@media only screen and (max-width:640px){
      .calendar {
        width: 100%;
         float: none;
      }
      .box-wrap{
        float: none;
        width: 100%;
      }
    .calendar-search-wrap{
        margin-top: 20px;
    }
}