/*************** 课程详情页 ****************/
.course_tags span{border: 1px solid #ff911b;color: #ff911b;}

/* 分享 */
.share_btn{padding: 0 5px 0 8px;border-radius: 3px;display: block;float: right;position: absolute;right: 0;line-height: 22px;background-color: #f0f3f8;border-radius: 15px 0 0 15px;}

/* 选择参数 */
.kcdetail_box2 .item{padding: 15px 0;border-bottom: 1px solid #e9eaec;}
.kcdetail_box2 .item:last-child{border-bottom: 0;}
.kcdetail_box2 .item .left{width: 25%;font-size: 15px;}
.kcdetail_box2 .item .right{width: 75%;color: #696e80;}
.kcdetail_box2 .item .right .text{width: 90%;padding-right: 5px;text-align: right;}
.kcdetail_box2 .item .right .photo{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.kcdetail_box2 .item .right .photo img{width: 100%;height: 100%;display: block;}

.cous_mainbox .xqPic img{width: 100%; height: auto; display: block;margin-top: 10px;}

/* 科目时间安排 */
.activity_time_nav{width: 100%;white-space: nowrap;overflow-x: auto;}
.activity_time_nav .item{display: inline-block;padding: 10px 5px;width: 100px;text-align: center;position: relative;}
.activity_time_nav .item::after{content: '';width: 1px;height: 50px;background-color: #e1e4e8;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.activity_time_nav .item:last-child::after{display: none;}
.activity_time_nav .time{color: #696e80;font-size: 13px;padding-bottom: 3px;}
.activity_time_nav .item.on{color: #02B4A8;}
.activity_time_nav .item.on .time{color: #02B4A8;}
.activity_time_nav .item.on ::before{content: '';width: 100%;height:3px;background-color: #02B4A8;position: absolute;left: 0;right: 0;bottom: 0;}

.activity_time_cont .title{position: relative;padding-left: 15px;font-size: 15px;width: 80%;}
.activity_time_cont .title::before{content: '';width: 8px;height: 8px;background-color: #02B4A8;border-radius: 50%;position: absolute;top: 6px;left:0;}
.activity_time_cont .dian{width: 5px;height: 5px;border-radius: 50%;background-color: #02B4A8;}
.activity_time_cont .item{position: relative;}
.activity_time_cont .item .cont_pic{clear: both;width: 100%;}
.activity_time_cont .item .cont_pic img{width: 100%;height: auto;display: block;}

/* 科目切换 */
/* .kemu_swiper{width: 100%;height: 300px;} */
.kemu_swiper .swiper-container{width: 100%;height: 100%;}
.kemu_swiper .swiper-slide img{width: 100%; height: auto; display: block;}
.kemu_swiper .arrow.swiper-next{position: absolute;right: 0;top: 11px; z-index: 5;font-size: 12px;padding-left: 5px;background-color: #fff;}

/* 底部固定按钮 */
.xqbotomBar {width: 100%;height: 60px;box-sizing: border-box;background: #fff;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);position: fixed;bottom: 0;left: 0;right: 0; z-index: 30;}
.xqbotomBar .left{width: 55%;padding-right: 15px;}
.xqbotomBar .lis{width:33.33%;text-align: center;font-size: 12px;line-height: 18px;}
.xqbotomBar .lis .icon{font-size: 18px;margin-bottom: 3px;line-height: 20px;}

.xqbotomBar .payBtn{width: 45%;height: 60px;padding: 5px;}

/* 弹框内容 */
.modal_b_cont{position: fixed; bottom:0;left: 0;right: 0;z-index:50;width: 100%;background-color: #fff; display: none;}
.modal_b_cont .box{height: 300px;overflow-y: auto;}
/* 选择科目 */
.kemu_b_alert .box .item{padding: 15px 40px 15px 0;border-bottom: 1px solid #e9eaec;}
.kemu_b_alert .box .item .icon{color: #b3b9c7;}
.kemu_b_alert .box .item.on{position: relative;}
.kemu_b_alert .box .item.on::after{content: '\e648';font-size: 20px;color: #ff2810;position: absolute;right:5px;top: 50%;transform: translateY(-50%);}

/* 交通出行 */
.modal_b_cont .seltlable span{padding: 0 10px;line-height: 25px;height: 28px;display: block;float: left;border: 1px solid #C6CAD8;border-radius:5px;margin: 0 15px 15px 0;}
.modal_b_cont .seltlable span.on{border-color: #02B4A8;color: #02B4A8;position: relative;}
.modal_b_cont .seltlable span.on::after{content: '';width:16px;height: 16px;background: url(../images/set-icon1.png) no-repeat 0 0/100% 100%;position: absolute;right: 0;bottom: 0;}

.transport_alert .box .item{padding: 10px 15px 10px 30px;border-bottom: 1px solid #e9eaec;font-size: 13px;}
.transport_alert .box .numBox{width: auto;float: right;margin: initial;}
.transport_alert .box .item.on{background-color: #f8fbff;position: relative;}
.transport_alert .box .item.on::after{content: '\e648';font-size: 16px;color: #ff2810;position: absolute;left:5px;top: 50%;transform: translateY(-50%);}

.payok_alert{width: 80%;min-height: 200px;padding: 50px 20px;}

/* 档期显示 */
.modal_datacont{position: fixed;left: 0;top: 0;right: 0;height: 80%;overflow-y: auto;z-index: 55; display: none;}

/* 选择老师 */
.modal_seltperson{position: fixed;left: 0;top: 0;right: 0;bottom: 0;height: 100%;overflow-y: auto;z-index: 55; display: none;}
.seltperson .item{width: 48%;float: left;padding: 15px 10px;background-color: #fff;/* border: 1px solid #e9eaec; */border-radius: 5px;text-align: center;margin-bottom: 15px;border: 1px solid #fff;}
.seltperson .item:nth-child(2n){float: right;}
.seltperson .item .photo{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.seltperson .item .photo img{width: 100%; height: 100%; display: block;}
.seltperson .item .tit{margin: 10px 0;font-size: 15px;}
.seltperson .item .seltbtn{margin: 0 auto 5px auto;width: 80%;height: 32px;line-height: 32px;border-radius: 5px;background-color: #f5f5f5;}
.seltperson .item .seltbtn i{color: #cccfd6;margin-right: 5px;  vertical-align: middle;}
.seltperson .item.on{border: 1px solid #ff2810;}
.seltperson .item.on .seltbtn{color: #ff2810;background: #ffebe9;}
.seltperson .item.on .seltbtn i{color: #ff2810;}

/* 选择基地 */
.modal_seltbase{position: fixed;left: 0;top: 0;right: 0;bottom: 0;height: 100%;overflow-y: auto;z-index: 55; display: none;}

/* 选择增值服务 */
.addsevice_alert{height: 60%;}
.addsevice_alert .add_sevice_more{height:85%;overflow-y: auto;}
.add_sevice_more .selt_lis span{padding: 3px 15px 3px 10px; line-height: 20px;/* height: 26px; */display: block;float: left;border: 1px solid #C6CAD8;border-radius: 5px;margin: 0 10px 10px 0;font-size: 12px;}
.add_sevice_more .selt_lis span.on{border-color: #02B4A8;color: #02B4A8;position: relative;}
.add_sevice_more .selt_lis span.on::after{content: '';width:16px;height: 16px;background: url(../images/set-icon1.png) no-repeat 0 0/100% 100%;position: absolute;right: 0;bottom: 0;}

.othersevice_alert{height: 60%;}
.othersevice_alert .add_sevice_more{height:85%;overflow-y: auto;}