@import './cui/widget/cui_cell/cui_cell_global';
.vux-prev-icon, .vux-next-icon {
  position: absolute;
  left: 0;
  top: 30/@w2;
  display: inline-block;
  width: 24/@w2;
  height: 24/@w2;
  border: 1px solid #5890ff;
  border-radius: 0;
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  margin-left: 30/@w2;
  line-height: 80/@w2;
}
.vux-next-icon {
  transform: rotate(-135deg);
  left: auto;
  top: 28/@w2;
  right: 30/@w2;
}
.vux-prev-icon:before {
  display: block;
  width: 24/@w2;
  height: 24/@w2;
  border: 1px solid #04be02;
  border-width: 1px 0 0 1px;
  transform: rotate(315deg)
}
.is-weekend-highlight td.is-week-list-0,
.is-weekend-highlight td.is-week-list-6,
.is-weekend-highlight td.is-week-0,
.is-weekend-highlight td.is-week-6 {
  color: #E59313;
}
.inline-calendar a {
  text-decoration: none;
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.calendar-year, .calendar-month {
  position: relative;
}
.calendar-header {
  line-height: 80/@w2;
  font-size: 32/@w2;
  overflow: hidden;
}
.calendar-header > div {
  float: left;
  width: 50%;
  text-align: center;
  overflow: hidden;
}
.calendar-header a:last-of-type {
  float: right;
  vertical-align: bottom;
}
.switch-btn, .calendar-title {
  display: inline-block;
  border-radius: 4px;
  line-height: 60/@w2;
}
.switch-btn {
  width: 60/@w2;
  margin: 10/@w2;
  color: #39b5b8;
  font-family: "SimSun";
}
.calendar-title {
  padding: 0 6%;
  color: #333;
}
.switch-btn:active, .calendar-title:active, .calendar-header a.active {
  background-color: #39b5b8;
  color: #fff;
}
.calendar-week {
  overflow: hidden;
}
.calendar-week span {
  float: left;
  width: 14.28%;
  font-size: 40/@w2;
  line-height: 68/@w2;
  text-align: center;
}
.inline-calendar {
  width: 100%;
  background: #fff;
  border-radius: 2px;
  transition: all .5s ease;
}
.inline-calendar td.is-today, .inline-calendar td.is-today.is-disabled {
  color: #5890ff;
}
.calendar-enter, .calendar-leave {
  opacity: 0;
  transform: translate3d(0,-10px, 0);
}
.calendar:before {
  position: absolute;
  left:60/@w2;
  top: -20/@w2;
  content: "";
  border:5px solid rgba(0, 0, 0, 0);
  border-bottom-color: #DEDEDE;
}
.calendar:after {
  position: absolute;
  left:60/@w2;
  top: -18/@w2;
  content: "";
  border:5px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
}
.calendar-tools{
  height:64/@w2;
  font-size: 40/@w2;
  line-height: 64/@w2;
  color: #04be02;
}
.calendar-tools .float.left{
  float:left;
}
.calendar-tools .float.right{
  float:right;
}
.calendar-tools input{
  font-size: 40/@w2;
  line-height: 64/@w2;
  color: #04be02;
  width: 140/@w2;
  text-align: center;
  border:none;
  background-color: transparent;
}
.calendar-tools>i{
  margin:0 32/@w2;
  line-height: 64/@w2;
  cursor: pointer;
  color:#707070;
}
.calendar-tools>i:hover{
  color:#5e7a88;
}
.inline-calendar table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  color: #444444;
}
.inline-calendar td {
  padding: 10/@w2 0;
  text-align: center;
  vertical-align: middle;
  font-size: 30/@w2;
  position: relative;
}
.inline-calendar td.week{
  pointer-events:none !important;
  cursor: default !important;
}
.inline-calendar td.is-disabled {
  color: #c0c0c0;
  pointer-events:none !important;
  cursor: default !important;
}
.inline-calendar td > span {
  display: inline-block;
  width: 52/@w2;
  height: 52/@w2;
  line-height: 52/@w2;
  border-radius: 50%;
  text-align: center;
}
.inline-calendar td.placeholder {

}
.vux-calendar-range.inline-calendar td.current {
  background-color: #04be02;
}
.vux-calendar-range table {
  margin-bottom: 20/@w2;
}
.inline-calendar td.current > span {
  background-color: #5890ff;
  color: #fff;
}
.inline-calendar .timer{
  margin:20/@w2 0;
  text-align: center;
}
.inline-calendar .timer input{
  border-radius: 2px;
  padding: 10/@w2;
  font-size: 28/@w2;
  line-height: 36/@w2;
  color: #5e7a88;
  width: 100/@w2;
  text-align: center;
  border:1px solid #efefef;
}
.inline-calendar .timer input:focus{
  border:1px solid #5e7a88;
}
.calendar-button{
  text-align: center;
}
.calendar-button button{
  border:none;
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  min-width: 8em;
  vertical-align: baseline;
  background:#5e7a88;
  color:#fff;
  margin: 0 .25em 0 0;
  padding: .8em 2.5em;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  border-radius: .3em;
}
.calendar-button button.cancel{
  background:#efefef;
  color:#666;
}