*, ::after, ::before {
     box-sizing: inherit;
     -webkit-tap-highlight-color: transparent;
     padding: 0;
     margin: 0;
     outline: 0;
     list-style: none;
     font-weight: 400;
     text-decoration: none
 }

 html {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-font-smoothing: antialiased;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     text-size-adjust: none;
     box-sizing: border-box;
     background-color: #f5f5f5;
     line-height: 1.2;
     color: #000;
     font-family: youai, helvetica neue, Tahoma, Arial, PingFangSC-Regular, hiragino sans gb, microsoft yahei, sans-serif
 }

 html {
     font-size: 16px
 }

 .bd_w {
     background-color:#E6E6E6;
 }

 .flex_i {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     -ms-flex-align:center;
     align-items: center
 }

 .flex_auto {
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1 1 0%;
     flex: 1
 }

 .calendar_header {
     padding: .25rem .5rem 0
 }

 .switch_month {
     border: 0;
     background-color: transparent;
     padding: .5rem 1rem;
     cursor:pointer;
 }

 .switch_month:active {
     background-color: #eee
 }

 .calendar_info {
     text-align: center;
     padding: .5rem
 }

 .calendar_tr {
     font-size: .75rem
 }

 .calendar_tr:after {
     content: "";
     display: block;
     clear: both;
     padding: 0 1%
 }

 .calendar_tr>li {
     float: left;
     width: 14%;
     text-align: center;
     padding: .5rem 0;
     position: relative
 }


 .calendar_week>li {
     padding: 1rem 0
 }

 .notnowmonth {
     color: #aaa
 }

 .calendar_day_bar {
     padding: .5rem 0
 }

 .calendar_day_i {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     line-height: 2rem;
     background-color: #FFF;
     border-radius: 50%;
     cursor:pointer;
 }

 .calendar_day_act .calendar_day_i {
     background-color: #000;
     color: #fff;
     border-radius: 50%
 }

 .calendar_today {
     position: relative
 }

 .today_i {
     display: block;
     position: absolute;
     bottom: -webkit-calc(100% - 0.875rem);
     bottom: calc(100% - 0.5rem);
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     width: 2rem;
     line-height: 1rem;
     background-color: #333;
     color: #fff;
     font-size: .5rem
 }

 .today_i:before {
     content: "";
     display: block;
     border: solid .15rem transparent;
     border-bottom: 0;
     border-top-color: #333;
     border-left-width: .25rem;
     border-right-width: .25rem;
     width: 0;
     height: 0;
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     margin: auto
 }

 .br_b_ccc {
     border-bottom: solid 1px #ccc
 }

 .ric_calendar .calendar_header {
     padding: 0 1.5rem
 }

 .ric_calendar .calendar_day_bar>li {
     padding: 0
 }

 .ric_calendar .today_i {
     display: none
 }

 .ric_calendar .notnowmonth {
     color: #eee
 }

 .ric_calendar .calendar_day_bar {
     padding-bottom: 1rem
 }

 .calendarday_bz1:after, .calendarday_bz2:after {
     content: "";
     display: block;
     width: .375rem;
     height: .375rem;
     border-radius: 50%;
     background-color: #1da8fc;
     position: absolute;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%)
 }

 .calendarday_bz2:after {
     background-color: #ec612a
 }

 .jcalendar_week .calendar_week>li, .jcalendar_week .calendar_tr>li {
     padding: 0
 }

 .jcalendar_week .calendar_header {
     padding-bottom: .25rem
 }

 .jcalendar_week .calendar_day_bar {
     padding: .75rem 0 2rem;
     border-bottom: solid 1px #ddd;
 }

 .jcalendar_week .calendar_week {
     padding-bottom: 1rem;
     font-size: .625rem
 }
 .jc_week_act .calendar_day_i {
     background-image: url(../img/day_bd.png);
     background-size: 80% 80%;
     background-repeat: no-repeat;
     background-position: center
 }

 .pop_bd {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5);
     display: none
 }

 .pop_con {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     max-width: 500px;
     width: 75%;
     background-color: #fff;
     border-radius: 1rem;
     padding: 1.5rem
 }

 .pop_close {
     position: absolute;
     right: .5rem;
     top: .5rem;
     display: block;
     width: 1.5rem;
     text-align: center;
     height: 1.5rem;
     line-height: 1.5rem;
     font-size: 1.5rem;
     color: #666;
     font-family: -webkit-body;
     font-family: body;
     border-radius: .25rem
 }

 .pop_close:active {
     background-color: #eee
 }

 .control {
     text-align: center;
     padding: 1rem 0
 }

 .control>button {
     width: 2rem;
     height: 2rem;
     font-size: 1.25rem;
     border: solid 1px #aaa;
     background-color: transparent
 }

 .control_val {
     height: 2rem;
     border: 0;
     background-color: #f5f5f5;
     text-align: center
 }

 .setjc_st, .setjc_btn {
     height: 2.25rem;
     padding: 0 1rem;
     margin: .5rem 0;
     border-radius: .25rem
 }

 .setjc_btn {
     background-color: #1da8fc;
     color: #fff;
     border: 0
 }

 .nowweek_btn {
     margin-right: .5rem;
     flex: .5 1 0%;
 }