.calendar .data.data-v-c1c4e03c{ box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 92rpx; padding: 0 22rpx; background-color: #0788ff; } .calendar .btn.data-v-c1c4e03c{ width: 42rpx; height: 42rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQzNTVEQkNGNzZDODExRURBREJDRTQ4QTVCN0I0NjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQzNTVEQkQwNzZDODExRURBREJDRTQ4QTVCN0I0NjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDM1NURCQ0Q3NkM4MTFFREFEQkNFNDhBNUI3QjQ2ODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDM1NURCQ0U3NkM4MTFFREFEQkNFNDhBNUI3QjQ2ODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HI42vAAADa0lEQVR42tyZW0gVURSG5wwWaWRkaibYRR9KC7rfKIiwkl7CgtCHLlBQRhRF9Bi9F11QrITKoh6EoMC3IJGowIoCCckCwy7WUStJOFBWnP4V/8h2mHPmzOw9PvTD9+A4s+c/+7LW3mtiyWTSCqnJoABsAItAHpgBCvn/AdAPvoFO0A4GQSLMy2IhjJaB9QoTM3xuBDxQ6InK6FKwFewA0yw9DYHboBW8MGW0BBwG2zjcJiXT4C5oAB90jK4A50GpFa3egmPgWaob7DQPbwbN42DS4jua+c5APboWXAL5hoz8BL+58Cakue8LOAgeZ9Kj8utOGzT5kAtwEzgH/qS5N5/vLvXr0angDig3ZPIpe+gz/17IlT7J57lXYDv4nqpHTxo0+RwcUEw677MzeLacXjyHfj6oNmhyHzOTI8lapwIkiGp6GmM0BmpBjqHh3ssU6qgYXANrArSTQ08x1WgJL+rqEYd7ULk2G1wBS0K0V0tvo0a3gFwDJo+4hnsOw9zikG3m0ts/o9kMHTrqAEdBXLk2FzRqmHQk3rKzOH+Wa87JQ67VLT15kds/XYm3YjFaGWAlpgpB7uG+ajDMibdKMVqhGYIGXFntBvesJlVhc2duIgTNA7ciMCnKE6NFBkKQjMp1DnsUKsriuSfI6q7jOUhNdzfBzAi3gQW2oYZsK2LZriH002pwmXlb3ensBh8j9Dlou4J0JloHmlxT5iXYAz5FZDRu80QYVCu5ySh09ezOiHp2yGZxIIyWMbCr06Ab7AK9ho122qxg/NAw2+Ra8a+ZCHoMmRRv7WK0z+swFXAaNHLPoE6DOh6DdSXe+myWWto1G5NocMGVPLp4Xnqn2bZ4G3Hi330wrNmgRIN615yVaLBfY4EN09tooJZySouBYTIdulqcUo9jNMmLCQNm04WuNwHrUi30Nib1dfPMbUKpQle9TwFCVSuf8czRZwzGQK/Q1ZFhKOyll5SbiTirav2GzMo0aOBedQqo4hktnfrpIZ5JkayKv8hU/WmYc03qq1k+RbIT4J5f7UmVVPTOglnW+Og9OJ4q+fgVcsu4rVsQsckuZrKesBteebCGZ6FEBAYTbLvGb2/wX31s8JoOG1kPWGWlryCr+gWegDamxcg+33jVhQpoWA540y3vD2JfmZnaeOwJtaf4K8AAa3DnDAcjBj4AAAAASUVORK5CYII=); background-size: cover; } .calendar .btn-next.data-v-c1c4e03c{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .calendar .week.data-v-c1c4e03c{ display: flex; align-items: center; background-color: #ececec; } .calendar .week .item.data-v-c1c4e03c{ width: calc(100%/7); line-height: 58rpx; text-align: center; } .calendar .days.data-v-c1c4e03c{ display: flex; flex-wrap: wrap; align-items: center; } .calendar .days .item.data-v-c1c4e03c{ box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: calc(100%/7); height: 86rpx; border-top: 2rpx solid #ececec; border-right: 2rpx solid #ececec; position: relative; } .calendar .days .item.active.data-v-c1c4e03c{ background-color: #ececec; } .calendar .days .item.data-v-c1c4e03c:nth-of-type(7n){ border-right: 0; } .calendar .days .item .txt.data-v-c1c4e03c{ display: flex; justify-content: center; align-items: center; width: 58rpx; height: 58rpx; border-radius: 100%; } .calendar .tips.data-v-c1c4e03c{ display: flex; justify-content: center; align-items: center; padding: 30rpx 0; } .calendar .tips .item.data-v-c1c4e03c{ display: flex; align-items: center; height: 30rpx; margin: 0 12rpx; } .calendar .tips .item.data-v-c1c4e03c:before{ content: ''; display: block; width: 12rpx; height: 12rpx; background-color: #ec7807; border-radius: 100%; margin-right: 9rpx; } .calendar .tips .item.data-v-c1c4e03c:first-child:before{ background-color: #25a63b; } .calendar .tips .item.data-v-c1c4e03c:last-child:before{ background-color: #ec0707; }