.calendar-bg{background: #fff;overflow: hidden;}
.calendar-left{float: left;width:27%; text-align: center;background: #fafafa;padding-bottom:34px;}
.calendar-cont{float: left;width: 40%;margin-left: 3px;}
.calendar_leftt{float: left;width: 20%;margin-left: 3px;height: 430px;}
.calendar-contt{float: left;width: 35%;margin-left: 40px;margin-top:50px}
.cal-type li{margin-left: 54px;display: inline-block;font-size: 12px; color:#666666;position: relative;}
.cal-type li span{font-size: 72px;position: absolute;left: -18px;top: -44px;}
.cal-type li span.repayment-day{color: #ffd742;}
.cal-type li span.finan-day{color: #90d4e3;}
.cal-type li span.word{color: #e04e43;}
.cal-type li span.repayment{color: #80cb9e;}
.cal-type li span.bill-day{color: #d14d8b;}

.calendar-right{float: right;width:25%;}
.calendar-right .my-day{ margin: 15px 20px;}
.my-day p{ color:#666666; margin-bottom: 20px;}
.calendar-right .my-day li{position: relative; font-size: 14px;color: #000000; line-height: 32px; padding-left: 30px;}
.calendar-right .my-day span{ width:16px;position: absolute;font-size:54px;top: 0;left: 0; line-height:30px; display: inline-block;}
.calendar-right .my-day span.repayment-day{color: #ffd742;}
.calendar-right .my-day span.finan-day{color: #90d4e3;}
.calendar-right .my-day span.word{color: #e04e43;}
.calendar-right .my-day span.repayment{color: #80cb9e;}
.calendar-right .my-day span.bill-day{color: #d14d8b;}
.calendar-right .calendar-page{ float: right; color:#b6b6b6;}
.calendar-right .calendar-page span{background: #f6f6f6; font-size:26px; text-align:center;width: 30px; height: 30px; line-height: 30px; border: 1px solid #dddddd; display: inline-block; cursor: pointer; margin-right: 18px;}
.calendar {
  display: none;
  width:498px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.calendar-year{width: 174px;margin:0 auto;}
.calendar-title {
	position: relative;
  height: 30px;
  line-height: 30px;
  padding: 10px 0;
}
.calendar-title a.title {
  display:block;
  font-size: 14px;
text-align: center;
color: #000000;
}
#backToday {
  position: absolute;
  left: 74%;
  top: 12px;
  width:24px;
  height:24px;
  line-height:24px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color:#23ac38;
  font-size: 14px;
}
.calendar-title .arrow {
}
.calendar-title .arrow span {
  color: #ddd;
  font-size: 26px;
  cursor: pointer;

  -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 {
	position: absolute;left: 0;top: 10px;
}
.calendar-title .arrow-next {
		position: absolute;right: 0;top: 10px;
}
.calendar-week,
.calendar-date {width:498px;
  overflow: hidden;
}

.calendar-week .item{
	position: relative;
  float: left; text-align: center;display: block;
  width:65px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.calendar-week {
  padding-bottom: 6px;
  border-bottom: 1px solid #2bb46d;
  color: #2bb46d;
  font-weight: bold;
  font-size: 16px;
}
.calendar-date {border-left: 1px solid #f3f3f3;}
.calendar-date i{border-radius:50%;position: absolute;bottom:4px;width:8px;height:8px;display: inline-block; }
.calendar-date i.repayment-day{left:57px; background-color:#ffd742;}
.calendar-date i.finan-day{left: 57px; background-color: #90d4e3;}
.calendar-date i.word{left: 28px; background-color: #e04e43;}
.calendar-date i.repayment{left: 40px; background-color: #80cb9e;}
.calendar-date i.bill-day{left: 52px; background-color: #d14d8b;}
.calendar-date li{padding: 5px 0 0 5px; display: inline-block; width: 65px; height: 52px; border: 1px solid #eeeeee;border-top: 0; border-left:0;position: relative;}
.calendar-date .item{
  border-radius: 50%;
  cursor: pointer;
  font-size: 13px;line-height: 26px;
  width: 26px; height: 26px;color: #999999;display: block; text-align: center;
}
.calendar-date .item:hover,
.calendar-date .item-curMonth:hover {
  background-color: #f0f0f0;
}
.calendar-date .item-curMonth {
  color: #333;
  font-weight: bold;
}
.calendar-date .item-curDay,
.calendar-date .item-curDay:hover {
  color: #fff;
  background-color:#23ac38;
}
.calendar-date .item-selected,
.calendar-date .item-selected:hover {
  color:#000;
  background: #efefef;
}
.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;
}
.calendar-limit{ height: 12px; width: 100%;background: #f6f6f6;}
.my-notice{margin: 40px 0 40px 20px;width: 51%;}
.calendar-bg .sign{font-size:16px;color:#000;border-bottom:1px solid #23ac38;padding:7px 0;margin-top: :;px;}




.finance-calendar-bg{background: #fff;overflow: hidden;}
.finance-calendar-left{float: left;width:27%; text-align: center;background: #fafafa;padding-bottom:34px;}
.finance-calendar-cont{float: left;margin-left: 25px;}
.finance-cal{float: right;margin-right: 10px;}
.finance-cal-type{margin: 150px auto;width: 100%;}
.finance-cal-type li{margin-left: 54px;margin: 10px;font-size: 12px; color:#666666;position: relative;}
.finance-cal-type li span{font-size: 72px;position: absolute;left: -18px;top: -44px;z-index: 0px;}
.finance-cal-type li span.repayment-day{color: #ffd742;}
.finance-cal-type li span.finan-day{color: #90d4e3;}
.finance-cal-type li span.word{color: #e04e43;}
.finance-cal-type li span.repayment{color: #80cb9e;}
.finance-cal-type li span.bill-day{color: #d14d8b;}

.finance-calendar-right{float: right;width:25%;}
.finance-calendar-right .my-day{ margin: 15px 20px;}
.my-day p{ color:#666666; margin-bottom: 20px;}
.finance-calendar-right .my-day li{position: relative; font-size: 14px;color: #000000; line-height: 32px; padding-left: 30px;}
.finance-calendar-right .my-day span{ width:16px;position: absolute;font-size:54px;top: 0;left: 0; line-height:30px; display: inline-block;}
.finance-calendar-right .my-day span.repayment-day{color: #ffd742;}
.finance-calendar-right .my-day span.finan-day{color: #90d4e3;}
.finance-calendar-right .my-day span.word{color: #e04e43;}
.finance-calendar-right .my-day span.repayment{color: #80cb9e;}
.finance-calendar-right .my-day span.bill-day{color: #d14d8b;}
.finance-calendar-right .finance-calendar-page{ float: right; color:#b6b6b6;}
.finance-calendar-right .finance-calendar-page span{background: #f6f6f6; font-size:26px; text-align:center;width: 30px; height: 30px; line-height: 30px; border: 1px solid #dddddd; display: inline-block; cursor: pointer; margin-right: 18px;}
.calendar {
  display: none;
  width:498px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.finance-calendar-year{width: 330px;margin:0 auto;background: #4db35c;}
.finance-calendar-title {
	position: relative;
  height: 30px;
  line-height: 30px;
  padding: 5px 0;
}
.finance-calendar-title a.title {
  display:block;
  font-size: 14px;
text-align: center;
color: #fff;
}
#financeBackToday {
  position: absolute;
  left: 65%;
  top: 9px;
  width:24px;
  height:24px;
  line-height:24px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color:#23ac38;
  font-size: 14px;
}
.finance-calendar-title .arrow {
}
.finance-calendar-title .arrow span {
  color: #ddd;
  font-size: 26px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.finance-calendar-title .arrow span:hover {
  color: #888;
}
.finance-calendar-title .arrow-prev {
	position: absolute;left: 0;top: 5px;
}
.finance-calendar-title .arrow-next {
		position: absolute;right: 0;top: 5px;
}
.finance-calendar-week {width:328px;
  overflow: hidden;
}
.finance-calendar-date {width:330px;
  overflow: hidden;
}

.finance-calendar-week .item{
	position: relative;
  float: left; text-align: center;display: block;
  width: 46.7px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.finance-calendar-week {
  border: 1px solid #eeeeee;
  color: #2bb46d;
  font-weight: bold;
  font-size: 16px;
}
.finance-calendar-date {border-left: 1px solid #f3f3f3;}
.finance-calendar-date i{border-radius:50%;position: absolute;bottom:4px;width:8px;height:8px;display: inline-block; }
.finance-calendar-date i.repayment-day{left:57px; background-color:#ffd742;}
.finance-calendar-date i.finan-day{left: 57px; background-color: #90d4e3;}
.finance-calendar-date i.word{left: 28px; background-color: #e04e43;}
.finance-calendar-date i.repayment{left: 40px; background-color: #80cb9e;}
.finance-calendar-date i.bill-day{left: 52px; background-color: #d14d8b;}
.finance-calendar-date li{padding: 5px 0 0 5px; display: inline-block; width: 41px; height: 37px; border: 1px solid #eeeeee;border-top: 0; border-left:0;}
.finance-calendar-date .item{
  border-radius: 50%;
  cursor: pointer;
  font-size: 13px;line-height: 26px;margin-left: 7px;
  width: 26px; height: 26px;color: #999999;display: block; text-align: center;
}
.finance-calendar-date .item:hover,
.finance-calendar-date .item-curMonth:hover {
  background-color: #f0f0f0;
}
.finance-calendar-date .item-curMonth {
  color: #333;
  font-weight: bold;
}
.finance-calendar-date .item-curDay,
.finance-calendar-date .item-curDay:hover {
  color: #fff;
  background-color:#23ac38;
}
.finance-calendar-date .item-selected,
.finance-calendar-date .item-selected:hover {
  color:#000;
  background: #efefef;
}
.finance-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;
}
.finance-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;
}
.finance-calendar-today p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.finance-calendar-limit{ height: 12px; width: 100%;background: #f6f6f6;}
.my-notice{margin: 40px 0 40px 20px;width: 51%;}
.finance-calendar-bg .sign{font-size:16px;color:#000;border-bottom:1px solid #23ac38;padding:7px 0;margin-top: :;px;}

/**理财发行日历样式**/
.finance-sale-calendar-bg{background: #fff;overflow: hidden;}
.finance-sale-calendar-left{float: left;width:27%; text-align: center;background: #fafafa;padding-bottom:34px;}
.finance-sale-calendar-cont{float: left;margin-left: 25px;}
.finance-cal{float: right;margin-right: 10px;}
.finance-cal-type{margin: 150px auto;width: 100%;}
.finance-cal-type li{margin-left: 54px;margin: 10px;font-size: 12px; color:#666666;position: relative;}
.finance-cal-type li span{font-size: 72px;position: absolute;left: -18px;top: -44px;z-index: 0px;}
.finance-cal-type li span.repayment-day{color: #ffd742;}
.finance-cal-type li span.finan-day{color: #90d4e3;}
.finance-cal-type li span.word{color: #e04e43;}
.finance-cal-type li span.repayment{color: #80cb9e;}
.finance-cal-type li span.bill-day{color: #d14d8b;}

.finance-sale-calendar-right{float: right;width:25%;}
.finance-sale-calendar-right .my-day{ margin: 15px 20px;}
.my-day p{ color:#666666; margin-bottom: 20px;}
.finance-sale-calendar-right .my-day li{position: relative; font-size: 14px;color: #000000; line-height: 32px; padding-left: 30px;}
.finance-sale-calendar-right .my-day span{ width:16px;position: absolute;font-size:54px;top: 0;left: 0; line-height:30px; display: inline-block;}
.finance-sale-calendar-right .my-day span.repayment-day{color: #ffd742;}
.finance-sale-calendar-right .my-day span.finan-day{color: #90d4e3;}
.finance-sale-calendar-right .my-day span.word{color: #e04e43;}
.finance-sale-calendar-right .my-day span.repayment{color: #80cb9e;}
.finance-sale-calendar-right .my-day span.bill-day{color: #d14d8b;}
.finance-sale-calendar-right .finance-sale-calendar-page{ float: right; color:#b6b6b6;}
.finance-sale-calendar-right .finance-sale-calendar-page span{background: #f6f6f6; font-size:26px; text-align:center;width: 30px; height: 30px; line-height: 30px; border: 1px solid #dddddd; display: inline-block; cursor: pointer; margin-right: 18px;}
.calendar {
  display: none;
  width:498px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.finance-sale-calendar-year{width: 292px;margin:0 auto;background: #4db35c;}
.finance-sale-calendar-title {
	position: relative;
  height: 25px;
  line-height: 25px;
  padding: 5px 0;
}
.finance-sale-calendar-title a.title {
  display:block;
  font-size: 14px;
text-align: center;
color: #fff;
}
#financeSaleBackToday {
  position: absolute;
  left: 65%;
  top: 6px;
  width:24px;
  height:24px;
  line-height:24px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color:#23ac38;
  font-size: 14px;
}
.finance-sale-calendar-title .arrow {
}
.finance-sale-calendar-title .arrow span {
  color: #ddd;
  font-size: 26px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.finance-sale-calendar-title .arrow span:hover {
  color: #888;
}
.finance-sale-calendar-title .arrow-prev {
	position: absolute;left: 0;top: 5px;
}
.finance-sale-calendar-title .arrow-next {
		position: absolute;right: 0;top: 5px;
}
.finance-sale-calendar-week {width:290px;
  overflow: hidden;
}
.finance-sale-calendar-date {width:292px;
  overflow: hidden;
}

.finance-sale-calendar-week .item{
	position: relative;
  float: left; text-align: center;display: block;
  width: 41px;
  height: 30px;
  line-height: 35px;
  text-align: center;
}
.finance-sale-calendar-week {
  border: 1px solid #eeeeee;
  color: #2bb46d;
  font-weight: bold;
  font-size: 16px;
}
.finance-sale-calendar-date {border-left: 1px solid #f3f3f3;}
.finance-sale-calendar-date i{border-radius:50%;position: absolute;bottom:4px;width:8px;height:8px;display: inline-block; }
.finance-sale-calendar-date i.repayment-day{left:57px; background-color:#ffd742;}
.finance-sale-calendar-date i.finan-day{left: 57px; background-color: #90d4e3;}
.finance-sale-calendar-date i.word{left: 28px; background-color: #e04e43;}
.finance-sale-calendar-date i.repayment{left: 40px; background-color: #80cb9e;}
.finance-sale-calendar-date i.bill-day{left: 52px; background-color: #d14d8b;}
.finance-sale-calendar-date li{padding: 5px 0 0 5px; display: inline-block; width: 35.6px; height: 29px; border: 1px solid #eeeeee;border-top: 0; border-left:0;}
.finance-sale-calendar-date .item{
  border-radius: 50%;
  cursor: pointer;
  font-size: 13px;line-height: 26px;margin-left: 2px;
  width: 26px; height: 26px;color: #999999;display: block; text-align: center;
}
.finance-sale-calendar-date .item:hover,
.finance-sale-calendar-date .item-curMonth:hover {
  background-color: #f0f0f0;
}
.finance-sale-calendar-date .item-curMonth {
  color: #333;
  font-weight: bold;
}
.finance-sale-calendar-date .item-curDay,
.finance-sale-calendar-date .item-curDay:hover {
  color: #fff;
  background-color:#23ac38;
}
.finance-sale-calendar-date .item-selected,
.finance-sale-calendar-date .item-selected:hover {
  color:#000;
  background: #efefef;
}
.finance-sale-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;
}
.finance-sale-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;
}
.finance-sale-calendar-today p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.finance-sale-calendar-limit{ height: 12px; width: 100%;background: #f6f6f6;}
.my-notice{margin: 40px 0 40px 20px;width: 51%;}
.finance-sale-calendar-bg .sign{font-size:16px;color:#000;border-bottom:1px solid #23ac38;padding:7px 0;margin-top: :;px;}