* { -webkit-box-sizing: border-box; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.radius { border-radius: 50%; line-height: 30px; display: inline-block; width: 36px; }
.price_radius { border-radius: 5px;border:none!important; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.pt_36 { padding-top: 36px; }
.pt_48 { padding-top: 48px; }

.divDateBody { position: fixed; z-index: 999; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4); height: 100%; }
.divDate { z-index: 9999; position: absolute; width: 100%; top: 0; height: 100%; }
.bt_date { background: #fff; border-bottom: 1px solid #D2D2D2; padding: 5px; }
.week { border: none; position: fixed; width: 100%; }
.bt_date p { line-height: 20px; text-align: center; font-size: 15px; margin-top: -2px; font-weight: bold; color: #333; }
.bt_title { line-height: 35px; text-align: center; font-weight: bold; font-size: 17px; background-color: #fff; border-bottom: 1px solid #D2D2D2; position: fixed; width: 100%; }
.bt_date table { width: 100%; }
.bt_date th { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; line-height: 30px; color: #fff; background: #0ae; width: 14%; font-size: 15px; }
.bt_date td { height: 50px; text-align: center; color: #b4b4b4; width: 14%; font-size: 14px; }
.bt_date td span { display: block; font-family: Verdana,"Microsoft YaHei","SimHei","SimSun"; }
.bt_today, .bt_yes, .bt_no { margin: 2px 2px; padding: 3px 5px; }
.bt_today { color: #fff; background: #2FCA60; }
.bt_today .bt-day { color: #fff; }
.today div { border: 1px solid #2FCA60; border-radius: 50%; margin: 3px 5px; padding: 3px 5px; display: inline-block; line-height: 28px; width: 36px; }
.today span { color: #2FCA60; }
.today_price div{ border: 1px solid #2FCA60; border-radius: 5px;  padding: 2px 4px; display: inline-block; }
.bt-day { color: #333; font-size: 15px; }
.today_price span { color: #2FCA60; }
.radius .bt-day { font-size: 20px; }
.price_radius .bt-day { font-size: 17px; }
.price_radius .tb_price { color: #fff; }
.tb_price { color: #ff6000; margin-top: -3px; }
.bt_yes span { color: #329418; }
.bt_yes { background: #e6e6e6; }
.bt_no { color: #fff; background: #525252; }
.while { position: fixed; z-index: 9999; width: 100%; top: 0; background: #fff; height: 100%; background-color: rgba(0,0,0,0.4); }
.mpf-booking-datecard { overflow: hidden; }
.mpf-booking-datecard .mpf-datecard:first-child { margin-left: 0; }
.mpf-booking-datecard .mpf-datecard { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 23%; height: 50px; margin-left: 2.6%; }
.mpf-datecard-disabled { border-color: #ececec; background: #fff; }
.mpf-datecard { display: inline-block; min-width: 10px; min-height: 10px; border: 1px solid #bdbdbd; background: #fff; text-align: center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 2px; }
.mpf-datecard-disabled .mpf-datecard-name, .mpf-datecard-disabled .mpf-datecard-detail { color: #dedede; }
.mpf-datecard-name { padding-top: 3px; color: #212121; font-size: 16px; line-height: 21px; }
.mpf-datecard-name, .mpf-datecard-detail { display: block; width: 100%; }
user agent stylesheet i, cite, em, var, address, dfn { font-style: italic; }
.mpf-datecard-detail { padding-bottom: 5px; color: #888; font-size: 14px; line-height: 20px; }
.mpf-datecard-name, .mpf-datecard-detail { display: block; width: 100%; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }
user agent stylesheet strong, b { font-weight: bold; }
.mpf-datecard-actived { position: relative; border-color: #00bcd4; color: #fff; background: #00bcd4; }
address, cite, dfn, em, i, optgroup, var { font-style: normal; }
.mpf-datecard-actived .mpf-datecard-name, .mpf-datecard-actived .mpf-datecard-detail { color: #fff; }
.mpf-datecard-wait .mpf-datecard-name { line-height: 42px; }
.mpf-datecard-actived .mpf-datecard-detail { position: absolute; z-index: 100; }
.mpf-datecard-actived .mpf-datecard-name { position: relative; z-index: 1000; }
.mpf-datecard-actived .mp-playdate-corner { background-image: url('../../Images/bg1.png'); background-position: 71px -69px; border-bottom-right-radius: 3px; border-bottom-left-radius: -1px; border-top-left-radius: 1px; border-top-right-radius: 1px; border-top-color: #00bcd4; }
.mp-playdate-corner { position: absolute; right: 0; bottom: 0; width: 21px; height: 21px; }

.close { position: absolute; right: 10px; color: #f00; font-family: Verdana,"Microsoft YaHei", "SimHei", "SimSun"; }