body,html {
	font-family: Arial,'PingFang SC',"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    background: #e50403;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

b,body,div,h1,h2,h3,h4,h5,html,i,img,p,span,ul {
	margin: 0;
	padding: 0;
    border: none;
}

a {
	text-decoration: none
}

li {
	list-style: none
}

b,i {
	font-style: normal;
	font-weight: 400
}
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.marketingcalendar .header[data-v-56dcad59] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #E74333;
}
.marketingcalendar .header .logo[data-v-56dcad59] {
    height: 23px;
    position: absolute;
    left: 80px;
    top: 14px;
}
.marketingcalendar .header .progress-block[data-v-56dcad59] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    height: 50px;
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.marketingcalendar .header .progress-block .triangle[data-v-56dcad59] {
    position: absolute;
    right: -20px;
    top: 0;
    height: 50px;
    z-index: 1;
}
.marketingcalendar[data-v-56dcad59] {
    background-color: #E50403;
    font-family: MicrosoftYaHei;
    color: #fff;
}
.marketingcalendar section.main[data-v-56dcad59] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 750px;
    padding-top: 240px;
    padding-bottom: 50px;
    margin: 0 auto;
    background: url(https://img13.360buyimg.com/imagetools/jfs/t1/142223/27/9278/316577/5f6d556fEb4800e74/749be7a720ae1735.png) no-repeat center top/1920px;
    background-size: contain;
}
.calendar .events[data-v-0ba3598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    padding: 0 16px;
    color: #333333;
    width: 1190px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .calendar .events ul[data-v-0ba3598c] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow-x: scroll;
  }
  .calendar .events ul li[data-v-0ba3598c] {
        margin-right: 20px;
        position: relative;
  }
  .calendar .events ul li .title[data-v-0ba3598c] {
          margin-right: 10px;
  }
  .calendar .events ul li .hot-icon[data-v-0ba3598c] {
          width: 32px;
          height: 20px;
          position: absolute;
          top: 0;
          right: 0;
  }
  .calendar .events ul[data-v-0ba3598c]::-webkit-scrollbar {
        display: none;
  }
  .calendar .events .now-time[data-v-0ba3598c] {
      margin-right: 15px;
  }
  .calendar .count[data-v-0ba3598c] {
    margin-top: -25px;
    margin-bottom: 16px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .calendar .count .count-time[data-v-0ba3598c] {
      height: 88px;
      line-height: 88px;
      padding: 0 52px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 26px;
      color: #263A57;
      background: url("https://img10.360buyimg.com/imagetools/jfs/t1/120752/10/13657/19132/5f6d55c8E6994c813/289de99415e4ab0b.png") no-repeat;
      background-size: 100% 100%;
      border-radius: 36px;
  }
  .calendar .count .count-time .time[data-v-0ba3598c] {
        font-family: MicrosoftYaHei;
        font-size: 28px;
        color: #fff;
  }
  .calendar .count .count-time .time span[data-v-0ba3598c] {
          margin: 0 12px;
          background: -webkit-gradient(linear, left top, left bottom, from(#ffcb3e), color-stop(16%, #f69529), to(#ff2e11));
          background: linear-gradient(180deg, #ffcb3e 0%, #f69529 16%, #ff2e11 100%);
          border-radius: 8px;
          padding: 2px 14px;
  }
  .calendar .u-calendar[data-v-0ba3598c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1190px;
    background: white;
    -o-border-image: linear-gradient(180deg, #fa771e, #f3420d) 2 2;
       border-image: -webkit-gradient(linear, left top, left bottom, from(#fa771e), to(#f3420d)) 2 2;
       border-image: linear-gradient(180deg, #fa771e, #f3420d) 2 2;
    border-radius: 10px;
    margin-top: 20px;
  }
  .calendar .u-calendar .sider[data-v-0ba3598c] {
      width: 205px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }
  .calendar .u-calendar .sider .header[data-v-0ba3598c] {
        height: 56px;
        line-height: 56px;
        text-align: center;
        background-color: #E74333;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
  }
  .calendar .u-calendar .sider .content[data-v-0ba3598c] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff5f2), to(#ffe5df));
        background: linear-gradient(180deg, #fff5f2 0%, #ffe5df 100%);
        padding: 15px 0 15px 25px;
        font-size: 14px;
        color: #333333;
        line-height: 22px;
  }
  .calendar .u-calendar .sider .content .block[data-v-0ba3598c] {
          padding-bottom: 20px;
  }
  .calendar .u-calendar .sider .content .block .title[data-v-0ba3598c] {
            display: inline-block;
            line-height: 26px;
            font-size: 18px;
            color: #333333;
            margin-bottom: 12px;
            text-indent: -4px;
  }
  .calendar .u-calendar .sider .content .block[data-v-0ba3598c]::before {
            content: '';
            display: inline-block;
            width: 4px;
            height: 16px;
            background: #d8382e;
            border-radius: 0px 2px 2px 0px;
            -webkit-transform: translateX(-21px);
                    transform: translateX(-21px);
            vertical-align: middle;
            margin-left: -4px;
  }
  .calendar .u-calendar .sider .content .block .date[data-v-0ba3598c] {
            display: inline-block;
            width: 73px;
            height: 53px;
            line-height: 53px;
            margin: 5px 5px 0 0;
            text-align: center;
            background: linear-gradient(135deg, #cf3531 0%, #e03c2c 100%);
            border-radius: 10px;
            font-family: PingFangSC-Semibold;
            font-size: 40px;
            color: #ffffff;
  }
  .calendar .u-calendar .sider .content .block .suffix[data-v-0ba3598c] {
            font-family: MicrosoftYaHei;
            font-size: 14px;
            color: #333333;
  }
  .calendar .u-calendar .sider .content .block .time[data-v-0ba3598c] {
            line-height: 43px;
            font-family: PingFangSC-Semibold;
            font-size: 30px;
            color: #D8382E;
  }
  .calendar .u-calendar .sider .content .block .time span[data-v-0ba3598c] {
              display: inline-block;
              width: 45px;
              height: 43px;
              background: linear-gradient(135deg, #cf3531 0%, #e03c2c 100%);
              border-radius: 10px;
              text-align: center;
              color: #ffffff;
  }
  .calendar .u-calendar .sider .content .block ul > li[data-v-0ba3598c] {
            line-height: 16px;
            font-size: 12px;
            margin-bottom: 10px;
            height: 16px;
            overflow: hidden;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
  }
  .calendar .u-calendar .main[data-v-0ba3598c] {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
  }
  .calendar .u-calendar .main .day[data-v-0ba3598c] {
        display: inline-block;
        width: 150px;
        height: 100%;
        vertical-align: top;
  }
  .calendar .u-calendar .main .day + .day[data-v-0ba3598c] {
          border-left: 1px solid #eee;
  }
  .calendar .u-calendar .main .day.first[data-v-0ba3598c] {
          width: 216px;
  }
  .calendar .u-calendar .main .header[data-v-0ba3598c] {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .calendar .u-calendar .main .header .day-header[data-v-0ba3598c] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 56px;
          width: 150px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 8px 0;
  }
  .calendar .u-calendar .main .header .day-header.first[data-v-0ba3598c] {
            width: 216px;
  }
  .calendar .u-calendar .main .header .day-header .title[data-v-0ba3598c] {
            font-weight: bold;
            font-size: 14px;
            color: white;
            margin-bottom: 10px;
  }
  .calendar .u-calendar .main .header .day-header .title.isToday[data-v-0ba3598c] {
              margin-bottom: 5px;
  }
  .calendar .u-calendar .main .header .day-header .date[data-v-0ba3598c] {
            color: white;
            font-size: 12px;
  }
  .calendar .u-calendar .main .header .day-header .today[data-v-0ba3598c] {
            font-size: 14px;
            padding: 4px;
            -webkit-transform: translateY(4px);
                    transform: translateY(4px);
            border-radius: 50%;
            background-color: #fff;
            color: #DD3A2C;
  }
  .calendar .u-calendar .main .event-content[data-v-0ba3598c] {
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
  }
  .calendar .u-calendar .main .event-content .event[data-v-0ba3598c] {
          position: relative;
          min-height: 70px;
          padding-top: 2px;
          border-bottom: solid 1px #eee;
  }
  .calendar .u-calendar .main .event-content .event .evt-title[data-v-0ba3598c] {
            position: -webkit-sticky;
            position: sticky;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            min-height: 66px;
            width: 66px;
            padding: 12px;
            left: 0;
            border-left: 4px solid #fff;
            border-radius: 2px;
            line-height: 16px;
            font-size: 12px;
            white-space: normal;
            text-align: center;
            background-color: #fff;
  }
  .calendar .u-calendar .main .event-content .event .evt-body[data-v-0ba3598c] {
            position: absolute;
            top: 2px;
  }
  .calendar .u-calendar .main .event-content .event .evt-body .node[data-v-0ba3598c] {
              position: absolute;
              border-radius: 14px;
              height: 28px;
              line-height: 28px;
              text-indent: 10px;
              font-size: 12px;
              margin-top: 2px;
              overflow: hidden;
              width: 100%;
              text-overflow: ellipsis;
              white-space: nowrap;
  }
  .calendar .u-calendar .main .event-content .event .evt-body .node .icon-info[data-v-0ba3598c] {
                -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
  }
  .events a {
    text-decoration: none;
    color: #f60;
}
.events a:hover {
    text-decoration: none;
    color: #f60;
}