/* 约球约课 */
.header-search{position: fixed;width: 100%;left: 0;top: 46px; background-color: #fff; z-index: 100;}
.appoint-tab-nav{background: #efeff4; border:none;}

.appoint-list{padding: 0 15px; padding-top:91px;}
.appoint-list .list-item{width: 100%;margin-top: 12px;background-color: #fbfcff;border-radius: 15px; display:block; padding: 12px; border:1px solid #eee;}
.appoint-list .list-item .top{position: relative; padding:0 0 12px;}
.appoint-list .list-item .top .pic{width: 2.4rem; border-radius: 10px; margin-right:10px;}
.appoint-list .list-item .top .pic-1{width:2rem; height: 2rem; border-radius:50%;}
.appoint-list .list-item .top .txt{flex:1; font-size: 15px; color:#444;}
.appoint-list .list-item .top .title{font-size: 16px; color:#111; padding:0 0 9px;}
.appoint-list .list-item .top .num{padding:10px 0 0;}
.appoint-list .list-item .top .num span{float: left; line-height: 26px; margin-right:15px;}
.appoint-list .list-item .top .num .avatar{width:26px; height: 26px; border-radius:50%; float: left; margin-left:-8px; border:1px solid #ddd;}
.appoint-list .list-item .top .label{position: absolute; top:5px; left:5px; border-radius:11px; line-height: 22px; padding:0 8px; background: #44a9f7; font-size: 12px; color:#fff;}
.appoint-list .list-item .top .end{background: #18a689;}
.appoint-list .list-item .bottom{padding:12px 0 0; border-top:1px solid #dedede;}
.appoint-list .list-item .bottom .text{font-size: 15px;}
.appoint-list .list-item .bottom .price{font-weight: bold; }
.appoint-list .list-item .bottom .status{background: #44a9f7; color:#fff; line-height: 38px; border-radius:5px; font-size: 15px; padding:0 20px;}
.appoint-list .list-item .bottom .status.red{background-color: #ff0000;}

/* 详情 */
.appoint-detail-con{padding:0.28rem 0.28rem 1.6rem;}
.appoint-detail-con .game-detail-banner{height:3.5rem; margin:0 0 15px; border-radius:15px;}
.appoint-detail-con .top-con .title{font-weight: bold; color:#333; padding:0 0 8px;}
.appoint-detail-con .top-con .i{font-size: 14px; padding:3px 0;}
.appoint-detail-con .top-con .i span{padding-right:12px;}
.appoint-detail-con .top-con .i em{font-size: 14px; color:#ccc; font-style: normal; padding:0 5px;}
.appoint-detail-con .top-con .price{font-weight: bold; padding:5px 0 0;}
.appoint-detail-con .coach-con{border-top:1px solid #eee; padding:15px 0 0; margin:15px 0 0;}
.appoint-detail-con .user-con{border-top:1px solid #eee; margin:15px 0; padding:15px 0 0;}
.appoint-detail-con .user-con .tips{font-size: 13px; color:#999; line-height: 1.4rem; text-align: center;}
.appoint-detail-con .user-con .item{font-size: 14px; margin:15px 0 0;}
.appoint-detail-con .user-con .item .avatar{width:38px; height: 38px; border-radius:50%; border:1px solid #eee; margin-right:10px;}
.appoint-detail-con .content-box{border-top:1px solid #eee; padding:15px 0 0;}
.appoint-detail-con .content-box .article_content{padding:5px 0 0;}
.appoint-detail-con .bottom-box{background-color: #fff; padding: 0.3rem;display: flex;justify-content: space-between;position: fixed;align-items: center;left: 0;bottom: 0;width: 100%; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.18); z-index: 10;}
.appoint-detail-con .bottom-box .btn{width: 100%;background-color: #44a9f7; border-radius:5px; height: 0.77rem;line-height: 0.77rem;text-align: center;color: #fff;margin-bottom: 0;}
.appoint-detail-con .bottom-box .end{background-color: #999;}

.coach-list-panel .item{margin-top:15px; padding:0;}
.coach-list-panel .info{flex: 1;}
.coach-list-panel .info .avatar{border-radius:50%; width: 64px; height: 64px; margin-right:10px;}
.coach-list-panel .info .txt{flex: 1; font-size: 14px;}
.coach-list-panel .info .tit{font-weight: bold;}
.coach-list-panel .info .i{color:#666; padding:5px 0 0;}
.coach-list-panel .weui-cell:before{border:none;}
.coach-list-panel .weui-cell__hd{margin-right:8px;}
.coach-list-panel .weui-icon-checked:before{color:#666;}

/* 活动报名 */
.appoint-sign{padding:0.28rem 0.28rem 1.5rem; color:#333;}
.appoint-sign .a-info{border-radius:15px; padding:12px; box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.appoint-sign .a-info .pic{width:1.8rem; border-radius:10px; margin-right:12px;}
.appoint-sign .a-info .txt{flex: 1;}
.appoint-sign .a-info .txt .tit{padding:0 0 8px; font-weight: bold;}
.appoint-sign .sign-item{border:1px solid #eee; margin-top:15px; border-radius:10px; padding:12px;}
.appoint-sign .sign-item .t{color:#666;}
.appoint-sign .sign-item .i{flex: 1; margin-left:15px; text-align: right;}
.appoint-sign .coach-con{margin-top:20px;}
.appoint-sign .coach-con .info{border:1px solid #eee; margin-top:12px; border-radius:10px; padding:10px 12px;}
.appoint-sign .coach-con .info .avatar{width:38px; height: 38px; border-radius:50%; margin-right:5px;}
.appoint-sign .pay-con{margin:20px 0 10px;}
.appoint-sign .pay-con .rows{border:1px solid #eee; margin-top:12px; border-radius:10px; padding:0 12px; background: #fbfcff;}
.appoint-sign .pay-con .rows .item{padding:15px 0;}
.appoint-sign .pay-con .rows .item:first-child{border-bottom:1px solid #eee;}
.appoint-sign .pay-con .rows .item .iconfont{font-size: 20px; color:#2AAF46; margin-right:10px;}
.appoint-sign .pay-con .rows .item .icon-yue{color:#FF9728;}
.appoint-sign .pay-con .rows .item .radio{width: 0.4rem; height: 0.4rem;}
.appoint-sign .total-con{border:1px solid #eee; margin:15px 0 0; border-radius:10px; padding:12px; background: #fbfcff;}
.appoint-sign .total-con .total{font-weight: bold;}
.appoint-sign .total-con .total span{color:#f60; font-size: 14px; padding-right:10px;}
.appoint-sign .tips-con{padding:8px 12px; border-radius:8px; background: #f9e5e6; font-size: 13px;}
.appoint-sign .tips-con i, .appoint-sign .tips-con span{color:#d9260f;}
.appoint-sign .bottom-box{background-color: #fff; padding: 0.2rem 0.3rem;display: flex;justify-content: space-between;position: fixed;align-items: center;left: 0;bottom: 0;width: 100%; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.18); z-index: 10;}
.appoint-sign .bottom-box .btn{width: 100%;background: #44a9f7; border-radius:0.4rem; height: 0.8rem;line-height: 0.8rem;text-align: center;color: #fff; font-size: 16px;}

.appoint-sign .pay_clock_time{font-size: 15px; margin-bottom:15px;}

/* 报名订单 */
.appoint-book-box .booking-item li, .appoint-book-box .booking-item li:nth-child(2n){width:100%;}
.appoint-book-box .booking-item .title .state{font-size: 14px; color:#666;}

.appoint-info-box{padding:0.2rem 0.2rem 1.2rem;}
.appoint-info-box .order-info-top, .appoint-info-box .order-info-warp{border-radius:10px;}
.appoint-info-box .item .avatar{width:1rem; height: 1rem; border-radius:50%;}

.appoint-sidebar{position: fixed; z-index: 101; bottom:50px; right:0; padding-right:10px; cursor: move;}
.appoint-sidebar a{height: 0.8rem; width: 0.8rem; border-radius:50%; background: #44a9f7; color:#fff;}
.appoint-sidebar a:first-child{margin-bottom:10px;}
.appoint-sidebar a i{font-size: 24px;}

/* 弹窗选择教练 */
.coach-popup{background: #fff;}
.coach-popup .header{background-color: #EEEEEE;height: 0.88rem;line-height: 0.88rem; text-align: center; font-size: 0.34rem; position: relative;}
.coach-popup .header .title{color: #3d4145;}
.coach-popup .header a{color: #04BE02; position: absolute;top:0; right: 0; padding:0 0.2rem;}
.coach-popup .content{height: 6rem;position: relative;overflow: hidden;}
.coach-popup .content .no{text-align: center; padding:1rem 0 0; color:#999;}
.coach-popup .coach-list-panel{overflow-y: auto;height: 6rem; padding:0 0.2rem;}
.coach-popup .coach-list-panel .item{border-top:1px solid #eee; margin:0; padding:15px 0;}
.coach-popup .coach-list-panel .item:first-child{border:none;}
.coach-popup .coach-list-panel .weui-cell__hd{padding-left:0.35rem; margin-left:8px;}
.coach-list-panel .select-coach-detail{padding-bottom:15px; border-bottom:1px solid #EDEDED;}
.edit-appoint .tips-box {background-color: #f9e5e6;padding: 10px 15px;border-radius: 10px;font-size: 14px; margin-top:5px;}
.edit-appoint .tips-box .iconfont {font-size: 20px;color: #d9260f;margin-right: 5px;}
.edit-appoint .tips-box span {color: #d9260f;font-weight: 700;}
.edit-appoint .tips-box .top {padding: 0 0 2px;}
.edit-appoint .tips-box .i{line-height: 22px;}

/* 我的发布列表 */
.user-appoint-list .list-item{padding:10px;}
.user-appoint-list .list-item .bottom{padding:10px 0 0; line-height: 30px;}
.user-appoint-list .list-item .bottom .btn{padding:5px 10px; border:1px solid #44a9f7;color:#44a9f7;border-radius:5px;font-size:14px;}
.user-appoint-list .list-item .bottom .edit{background-color: #44a9f7; color:#fff;}
.user-appoint-list .list-item .bottom .cancel{background-color: #97999B; border:1px solid #97999B; color:#fff;}
.user-appoint-list .list-item .bottom .pay{background-color: #f60; border:1px solid #f60; color:#fff;}

/* 挑战赛列表 */
.challenge-header{background-color: #fbfcff;border-radius: 15px; border:1px solid #eee; margin:12px 15px 0; padding:5px 10px 5px 5px;}
.challenge-header .left .text{line-height: 22px; padding-left:3px;}
.challenge-header .left .text span{display: block; color:#ccc; font-size: 12px;}
.challenge-header .right{color:#111; font-size: 24px;}
.challenge-header .right span{font-size: 14px; padding-right: 3px;}

.challenge-list{padding: 0 15px;}
.challenge-list .list-item{width: 100%;margin-top: 12px;background-color: #fbfcff;border-radius: 15px; display:block; padding: 12px 12px 10px; border:1px solid #eee;}
.challenge-list .list-item .top{position: relative; padding:0 0 12px;}
.challenge-list .list-item .top .pic{width: 1.6rem; height: 1.6rem; border-radius: 50%; margin-right:10px;}
.challenge-list .list-item .top .txt{flex:1; font-size: 15px; color:#444;}
.challenge-list .list-item .top .title{font-size: 16px; color:#111; padding:0 0 9px;}
.challenge-list .list-item .top .i{font-size: 14px; color:#666;}
.challenge-list .list-item .top .arrow{font-size: 14px; color:#333; margin:0 -5px 0 5px;}
.challenge-list .list-item .bottom{padding:10px 0 0; border-top:1px solid #dedede;}
.challenge-list .list-item .bottom .num span{padding-right:3px;}
.challenge-list .list-item .bottom .price{font-weight: bold; }
.challenge-list .list-item .bottom .status{background: #44a9f7; color:#fff; line-height: 38px; border-radius:5px; font-size: 15px; padding:0 20px;}

/* 挑战赛详情 */
.challenge-detail{margin: 12px 15px 0; }
.challenge-detail .info-item{background: #fff; border-radius:8px; padding: 12px 10px; margin-top:12px;}
.challenge-detail .info-item .title{padding:0 0 12px;}
.challenge-detail .top{padding: 10px;}
.challenge-detail .top .pic{width: 1.6rem; height: 1.6rem; border-radius: 50%; margin-right:10px;}
.challenge-detail .top .txt{flex:1; font-size: 15px; color:#444;}
.challenge-detail .top .title{font-size: 16px; color:#111; padding:0 0 9px;}
.challenge-detail .top .i{font-size: 14px; color:#666;}
.challenge-detail .history-num{ padding: 12px 10px; margin-top:12px;}
.challenge-detail .history-num .more{color:#f60; font-size: 14px;}

.challenge-detail .date-list{width: 100%; overflow: hidden; position: relative; }
.challenge-detail .date-list .item{width:65px; padding:3px 0; border:1px solid #ddd; border-radius:5px; text-align: center; font-weight: bold; line-height: 24px; margin-right:5px;}
.challenge-detail .date-list .item span{display:block; font-weight: normal; color:#666;}
.challenge-detail .date-list .active{background:#2a8ef1;border-color: #2a8ef1; color:#fff;}
.challenge-detail .date-list .active span{color:#fff;}
.challenge-detail .time-list .item{flex: 1 1 calc(16% - 6px); box-sizing: border-box; padding:5px 0; border:1px solid #4CC0EF; border-radius:5px; text-align: center; color:#666; margin:10px 3px 0;}
.challenge-detail .time-list .active{background:#4CC0EF; color:#fff;}
.challenge-detail .time-list .disabled{border-color:#ccc; background: #ddd;}

.challenge-detail .ground-con{margin:12px 0 0;}
.challenge-detail .ground-con .title{padding: 0;}
.challenge-detail .ground-list .item{margin:15px 0 0;}
.challenge-detail .ground-list .item .weui-cell{padding:0;}
.challenge-detail .ground-list .item .weui-cell__hd{margin-right:8px;}
.challenge-detail .ground-list .item .info{flex: 1;}
.challenge-detail .ground-list .item .info .img{width: 100px; height: 60px; margin-right: 10px; border-radius:5px;}
.challenge-detail .ground-list .item .info .txt{flex: 1; font-size: 14px;}
.challenge-detail .ground-list .item .info .name{font-weight: bold;}
.challenge-detail .ground-list .item .info .i{color:#666; padding-top:5px;}
.challenge-detail .site-wrap{display: none;}
.challenge-detail .site-list{font-size: 14px; display: grid; grid-column-gap:10px; grid-template-columns:repeat(2,calc((100% - 10px) / 2));}
.challenge-detail .site-list .itm{box-sizing: border-box; padding:6px 5px; border:1px solid #4CC0EF; border-radius:5px; text-align: center; margin:10px 0 0; color:#666;}
.challenge-detail .site-list .itm .price{color:#f60;}
.challenge-detail .site-list .active{background:#4CC0EF; color:#fff;}
.challenge-detail .site-list .active .price{color:#fff;}
.challenge-detail .bottom-box {background-color: #fff;padding: 0.3rem;position: fixed;left: 0;bottom: 0;width: 100%;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.18);z-index: 10;}
.challenge-detail .bottom-box .btn{width: 100%; background-color: #44a9f7; border-radius: 5px; height: 0.77rem; line-height: 0.77rem; text-align: center; color: #fff; margin-bottom: 0;}

.challenge-bottom-wrap{background: #fff;}
.challenge-bottom-wrap .title{background-color: #EEEEEE;height: 0.8rem;line-height: 0.8rem; font-size: 0.28rem; padding:0 0.2rem;}
.challenge-bottom-wrap .title span{color: #333;}
.challenge-bottom-wrap .title a{color: #F5862E;font-size: 0.28rem;}
.challenge-bottom-wrap .content{height: 10rem; position: relative; overflow: hidden; padding:0 10px;}
.challenge-bottom-wrap .article_content{overflow-y: auto; height: 100%; }

.challenge-sign .coach_info{padding: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); border-radius: 15px;}
.challenge-sign .coach_info .pic{width: 1.6rem; height: 1.6rem; border-radius: 50%; margin-right:10px;}
.challenge-sign .coach_info .txt{flex:1; font-size: 15px; color:#444;}
.challenge-sign .coach_info .title{font-size: 16px; color:#111; padding:0 0 9px;}
.challenge-sign .coach_info .i{font-size: 14px; color:#666;}
.challenge-sign .item-title{padding:18px 0 5px;}
.challenge-sign .a-info{box-shadow: none; border: 1px solid #eee;}
.challenge-sign .statement{padding:5px 0 15px;}
.challenge-sign .statement .weui-cell{padding:0;}

.challenge-coach-detail .coach-top{background: #fff; padding:12px 10px; margin-bottom:10px;}
.challenge-coach-detail .match-list-item{background: #fff; margin-bottom:10px;}
.challenge-coach-detail .number-box {width: 100%;background-color: #fff;padding: 0 10px;height: 54px;color: #999;text-align: center;font-size: 15px;}
.challenge-coach-detail .number-box .year {width: 20%;}
.challenge-coach-detail .number-box .num {color: #000;font-weight: 700;}
.challenge-coach-detail .number-box .iconfont {color: #000;font-size: 12px;}
.challenge-coach-detail .number-box .num-item {border-right: 1px solid #efefef;text-align: center;padding: 0 10px;}
.challenge-coach-detail .number-box .num-item:last-of-type {border-right: none;}

.challenge-coach-detail .score-line {padding:10px 0; border-top: 1px solid #eee;}
.challenge-coach-detail .score-line .name {flex: 1;text-align: center;color: #999;}
.challenge-coach-detail .score-line .name .avater{width:50px; height: 50px; border-radius: 50%;}
.challenge-coach-detail .score-line .name p{padding-top:5px; font-size: 14px;}
.challenge-coach-detail .score-line .win {color: #44a9f7;}
.challenge-coach-detail .score-line .score-box {width: 98px;height: 30px;background-color: #f3f5f7;color: #999;}
.challenge-coach-detail .score-line .score-box .score {color: #000;}
.challenge-coach-detail .score-line .score-box .score:first-of-type .status {margin-right: 5px;}
.challenge-coach-detail .score-line .score-box .score:last-of-type .status {margin-left: 5px;}
.challenge-coach-detail .score-line .score-box .score.win{color: #44a9f7;}
.challenge-coach-detail .score-line .score-box .score.win .status {display: block;}
.challenge-coach-detail .score-line .score-box .vs {width: 50px;text-align: center;text-transform: uppercase;}
.challenge-coach-detail .score-line .score-box .status {display: block;width: 18px;line-height: 18px;text-align: center;background-color: #44a9f7;color: #fff;border-radius: 50%;font-size: 12px;}
.challenge-coach-detail .score-line:last-of-type {border-bottom: none;}

/* 接送专享 */
.shuttle-wrap{position: relative; padding:2px 0 1.2rem;}
.shuttle-wrap .header-bg{position: absolute; width: 100%; height: 4.1rem;background: linear-gradient(to bottom, #44a9f7, #f2f2f2);z-index: -1; top:0; left: 0;}
.shuttle-wrap .shuttle-cell{background: #fff; border-radius: 10px; margin: 12px 10px 0;}
.shuttle-wrap .driver-box .top{border-bottom:1px solid #ddd; padding:15px 10px;}
.shuttle-wrap .driver-box .top .info{color:#777; padding-top:5px; font-size: 14px;}
.shuttle-wrap .driver-box .top .img{width:2.2rem;}
.shuttle-wrap .driver-box .bottom{padding:10px 0;}
.shuttle-wrap .driver-box .bottom .item{flex: 1; text-align: center; position: relative;}
.shuttle-wrap .driver-box .bottom .item i{font-size: 24px; vertical-align: middle; margin-right:5px; color:#44a9f7;}
.shuttle-wrap .driver-box .bottom .tel:before{content: ""; position: absolute; top:0; left: 0; height:100%; width:1px; background-color: #ddd;}
.shuttle-wrap .driver-box .bottom .tel i{color:#f60;}

.shuttle-wrap .pla-color{font-weight: 100; color:#666;}
.shuttle-wrap .type-con{border-bottom:1px solid #ddd;}
.shuttle-wrap .type-con .item{padding:0 30px; margin:0 20px; height: 42px; line-height: 42px; position: relative;}
.shuttle-wrap .type-con .active{color:#44a9f7;}
.shuttle-wrap .type-con .active:before{content: ""; position: absolute; left:0; bottom: 0; height:3px; width:100%; background: #44a9f7;}
.shuttle-wrap .addr-con{padding:10px 10px 12px;}
.shuttle-wrap .addr-con .item .tit{padding:15px 0 8px 12px;}
.shuttle-wrap .addr-con .item .address{line-height: 24px; padding:8px 0; font-weight: bold;}
.shuttle-wrap .addr-con .item .ico{width: 8px; height: 8px; border-radius:8px; background: #44a9f7; margin:8px 8px 0 10px;}
.shuttle-wrap .addr-con .item:first-child .ico{margin-left:12px;}
.shuttle-wrap .addr-con .item .txt{flex: 1; min-height: 24px;}
.shuttle-wrap .addr-con .come-place .address{border:2px solid #18bc9c; border-radius:5px;}
.shuttle-wrap .addr-con .come-place .ico{background: #18bc9c;}
.shuttle-wrap .addr-con .back-place .address{border:2px solid #ff6d00; border-radius:5px;}
.shuttle-wrap .addr-con .back-place .ico{background: #ff6d00;}

.shuttle-wrap .contacts-box{padding:8px 10px;}
.shuttle-wrap .contacts-box .ico{font-size: 24px; color: #44A9F7;}
.shuttle-wrap .contacts-box .contacts-name{flex: 1; margin:0 5px;}
.shuttle-wrap .contacts-box .select-btn {width: 2rem;height: 38px;color: #44A9F7;border: 1px solid #44A9F7;border-radius: 5px;font-size: 14px;}
.shuttle-wrap .contacts-box .select-btn .iconfont {font-size: 20px;margin-right: 5px;}

.shuttle-contacts-list .item-line{border-bottom: 1px solid #EDEDED;color: #000;font-size: 14px;background: #fff;margin-bottom: 10px; padding:10px;}
.shuttle-contacts-list .item-line .left{font-size: 42px; color:#44a9f7; margin-right:10px;}
.shuttle-contacts-list .item-line .right{flex: 1;}
.shuttle-contacts-list .item-line .mobile{color:#777;}
.shuttle-contacts-list .item-line .del{color:#f00; border:1px solid #f00; border-radius:3px; padding:2px 5px; font-size: 13px;}
.shuttle-contacts-list .item-line .del i{font-size: 14px; margin-right:3px;}

.come-back-addr{font-size: 16px;}
.come-back-addr .addr-item{line-height: 26px; padding: 15px 0; border-top:1px solid #eee;}
.come-back-addr .addr-item:first-child{border-top:none;}
.come-back-addr .addr-item .dot{width:8px; height: 8px; border-radius:8px; background: #18bc9c; margin: 8px 8px 0 0;}
.come-back-addr .addr-item .txt{flex: 1;}
.come-back-addr .addr-item .txt span{font-weight: bold;}
.come-back-addr .addr-item i{color:#18bc9c; font-size: 24px; margin-left:10px;}
.come-back-addr .back .dot{background: #ff6d00;}
.come-back-addr .back i{color:#ff6d00;}

.shuttle-sign .come-back-addr{padding:0 12px !important;}
.shuttle-sign .sign-item{margin-top:12px;}
.shuttle-sign .sign-item .text{border:none; text-align: right; font-size: 16px; flex: 1; margin-left:10px;}
.shuttle-sign .sign-item .content{border:none; font-size: 16px; flex: 1; margin-left:10px; background-color: #f6f6f6;
    border-radius: 8px; padding:6px 8px; font-family: "Microsoft yahei";}
.shuttle-sign .sign-input{margin-top: 12px;border-radius: 10px;padding:0 12px; border: 1px solid #eee;}
.shuttle-sign .sign-input .item{border-top:1px solid #eee; padding:3px 0;}
.shuttle-sign .sign-input .item:first-child{border:none;}
.shuttle-sign .sign-input .item .t{color:#666;}
.shuttle-sign .sign-input .item .text{border:none; height: 40px; text-align: right; font-size: 16px; flex: 1; margin-left:10px;}
.shuttle-sign .sign-input .item .i{padding:10px 0;}

.shuttle-book-box .booking-item .con{padding-bottom:8px;}
.shuttle-book-box .booking-item .title{font-size: 15px;}
.shuttle-book-box .booking-item .name span{background: #47A9F7; color:#fff; width:46px; text-align: center; padding:2px 0; border-radius:5px; margin-right:5px;}
.shuttle-book-box .booking-item .name span.bg-1{background: #18bc9c;}
.shuttle-book-box .booking-item .name span.bg-2{background: #f60;}
.shuttle-book-box .booking-item .time{font-size: 14px; color:#666;}
.shuttle-book-box .booking-item .time i{margin:0 3px 0 -2px; font-size: 14px;}
.shuttle-book-box .come-back-addr{font-size:14px; padding:5px 0;}
.shuttle-book-box .come-back-addr .addr-item{border:none; padding:3px 0;}
.shuttle-info-top .title{text-align: left;}
.shuttle-info-top .title span{background: #47A9F7; color:#fff; text-align: center; padding:2px 15px; border-radius:5px; margin-right:5px;}
.shuttle-info-top .title span.bg-1{background: #18bc9c;}
.shuttle-info-top .title span.bg-2{background: #f60;}

/* 约课 */
.book-detail-con{padding:0.28rem;}
.book-detail-con .coach-info{padding:0 0 15px; border-bottom:1px solid #eee;}
.book-detail-con .coach-info .pic{width: 1.6rem; height: 1.6rem; border-radius: 50%; margin-right:10px;}
.book-detail-con .coach-info .txt{flex:1; font-size: 15px; color:#444;}
.book-detail-con .coach-info .title{font-size: 16px; color:#111; padding:0 0 9px;}
.book-detail-con .coach-info .i{font-size: 14px; color:#666;}
.book-detail-con .book-course .list-tit{padding:15px 0;}
.book-detail-con .book-course .list-item{margin-bottom:15px; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); padding:10px; border-radius:10px;}
.book-detail-con .book-course .list-item .pic{width:2rem; border-radius:8px; margin-right:10px;}
.book-detail-con .book-course .list-item .txt{flex: 1;}
.book-detail-con .book-course .list-item .title{font-weight: bold;}
.book-detail-con .book-course .list-item .i{color:#666; padding:10px 0 0;}
.book-detail-con .book-course .list-item .arrow{color:#666; margin-left:10px;}


.book-course-info .pic{width:2rem; border-radius:8px; margin-right:10px;}
.book-course-info .txt{flex: 1; color:#666;}
.book-course-info .name{font-weight: bold; color:#333;}
.book-course-info .i{ padding:5px 0 0;}
.book-sign-con{padding-bottom:1.45rem;}
.book-sign-con .intro{padding:10px;}
.book-sign-con .intro .text{font-size: 14px; color:#666; padding:5px 0 0; line-height: 160%;}
.book-sign-con .time-list{margin:0 -5px;}
.book-sign-con .time-list .item{flex:0 0 calc(33.3% - 10px);  margin: 12px 5px 0; box-sizing: border-box; padding:5px 0; min-height: 48px; font-size: 14px; font-weight: bold;}
.book-sign-con .time-list .item .text{flex: 1; text-align: center;}
.book-order-con .book-course-info{box-shadow: 0 5px 10px rgba(0, 0, 0, .3); padding: 12px 10px; border-radius:10px;}