body{font-size: 14px;}
.clearfix{overflow: hidden;clear: both;zoom: 1;}
.min-w{width:1200px;margin:0 auto}
.c_333{color:#333}
.c_666{color:#666}
.c_999{color:#999}
.c_red{color:#ed1c24}
.c_orange{color:#ffa937}
.c_green{color:#6bcc03}
.c_blue{color:#06b4fd}
.f_left{float:left;}
.f_right{float:right;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.m--20{margin: -20px -20px 0;}
.f_w_b{font-weight: bold;}
.t_a_r{text-align: right;}
.t_a_l{text-align: left;}

/*订单中心-------------------------------------------------------------*/
.c_p a{line-height: 60px;}
.ocbox{padding:20px;background: #fff;margin-bottom:60px;border-radius: 10px;box-sizing: border-box;}
.ocbox2{margin-bottom:24px;}
.ocbox .nav{overflow: hidden;}
.ocbox .nav li{float:left;font-size: 18px;margin:0 40px 28px 0}
.ocbox .nav li a{line-height: 1.6;color: #333;position: relative;display: block;padding-bottom: 8px;}
.ocbox .nav .thistab a{font-weight: bold;}
.ocbox .nav .thistab a::after{position: absolute;height:4px;width:36px;content: '';background: #ed1c24;left:50%;bottom:0;border-radius: 4px;transform: translateX(-50%);}
.spanbar{padding:0 20px;background: #ebebeb;overflow: hidden;border-radius: 10px;}
.spanbar span{display: block;float: left;text-align: center;padding:20px 0;color:#333}
.spanbar span:nth-of-type(1){width:40%;text-align: left;}
.spanbar span:nth-of-type(2),.spanbar span:nth-of-type(3),.spanbar span:nth-of-type(4){width:20%;}
.addTime{margin-right:20px}
.orderBox > li{margin-top:12px;padding:20px;border:1px solid #ebebeb;border-radius: 10px;}
.dis_f{display: flex;}
.orderCont{margin-top: 20px;padding-top: 20px;border-top: 1px solid #ebebeb;}
.orderCont .img_box{float:left;margin-right:20px}
.orderCont .c_name{font-size: 18px;}
.orderCont .c_info{overflow: hidden;margin: 3px 0;}
.orderCont .c_info span{display: block;float:left;padding:3px 7px;background: #ebf2ff;color:#2467f4;margin-right:4px}
.orderCont .tip{color:#ed1c24}
.orderCont li{text-align: center;align-self: center;}
.orderCont li:nth-of-type(1){width:40%;text-align: left;}
.orderCont li:nth-of-type(2),.orderCont li:nth-of-type(3),.orderCont li:nth-of-type(4){width:20%;}
/*选择状态*/
.sButton{display: none;}
.sButton + label{width:30px;height:30px;border-radius: 50%;border:1px solid #ebebeb;display: block;margin: 0 auto;}
.sButton:checked + label{background: url(../img/cbutton.jpg) no-repeat;}
/*订单中心底部 */
.c_b_box{margin: 28px 0 8px;overflow: hidden;}
.checkAllButton{padding-top:11px}
.checkAllButton > span{font-size: 18px;position: relative;top: -4px;}
.checkAll{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;cursor: pointer;}
.checkAll + label{width:20px;height:20px;border-radius: 50%;border:1px solid #ebebeb;display: block;float: left;margin-right: 10px;background: #fff;}
.checkAll:checked + label{background: url(../img/cbutton.jpg) no-repeat;background-size: contain;}
.buttonbox > a{display: block;float: left;width:160px;height:48px;text-align: center;font-size: 18px;line-height: 48px;border:1px solid #ebebeb;border-radius: 30px;background: #fff;}
.buttonbox > a.pay{background: #ED1C24;border:1px solid #ED1C24;font-weight: bold;color:#fff;margin-left:10px}
.buttonbox > a:hover{background: #507bfe;color:#fff}    
.buttonbox > a.pay:hover{background: #d61c23;}
/*订单中心end-------------------------------------------------------------*/
/*支付中心-------------------------------------------------------------*/
.orderbtn{width:104px;height:28px;border-radius: 20px;text-align: center;float:right;background: #fff;line-height: 28px !important;margin-top: 16px;}
.orderbtn:hover{background: #507bfe;color:#fff}    
.ocbox .nav li.f_right {float: right;margin-right: 0;font-size: 14px;}
.itembox li{line-height: 48px;border-bottom:1px solid #EBEBEB}
.itembox li:last-child{border-bottom:0;}
.itembox li > div{width:50%;}
.itembox li > div:last-child{text-align: right;}
.totalSum{font-size:18px;font-weight: bold;}
.NO{padding: 10px 20px;background: #ebebeb;border-radius: 10px 10px 0 0;}
.orderInfoBox{margin-bottom:30px}
.orderInfoBox > li{padding:20px 20px 0}
.accountNumber{overflow: hidden;    margin: 0 30px;}
.accountNumber ul li{position: relative;margin:12px 0px 20px 0;}
.accountNumber ul li:last-child{text-align: center;margin-bottom:0;}
.accountNumber ul li i{position: absolute;left:10px;top:50%;transform: translateY(-50%);}
.accountNumber input,.accountNumber select {color:#666;width: 100%;height:48px;line-height: 48px;border:1px solid #EBEBEB;border-radius: 5px;padding:0 20px;    box-sizing: border-box;}
.accountNumber input[type="submit"]{width:80%;background: #ED1C24;font-size: 18px;color:#fff;font-weight: bold;border:1px solid #ED1C24;border-radius: 40px;}

.codeButton{position: absolute;display: block;padding: 7px 15px;background: #2467f4;border-radius: 15px;line-height: 1;color:#fff;font-weight: bold;right:15px;top:50%;transform: translateY(-50%);}
.pay_way > li{float:left;line-height: 38px;border:1px solid #EBEBEB;padding:0 20px;margin:12px 10px 20px 0;border-radius: 5px;cursor:pointer;}
.pay_way > li.thistab{border:1px solid #2467f4;}
.pay_way > li i{margin-right:7px}
.pay_way_c{background: #f5f8fa;border-radius: 10px;margin-top:12px}
.pay_way_c li{padding:0 20px;overflow: hidden;position: relative;cursor: pointer;}
.pay_way_c li:hover{background: #ccc;cursor: pointer;}
.pay_way_c li div{float: left;width:50%;line-height: 60px;height:60px;}
.pay_way_c li div:nth-of-type(2){text-align: right;}
.pay_way_c .checkAll + label{float:right;margin-top: 19px;}
.pay_way1 div i{margin-right:7px;}
.pay_way2{padding:20px}
.pay_way2 dl dt{width: 70px;float:left;height: 80px;}
.pay_way2 dl dd{float:left}
.pay_way2 dl dd a{display: block;width:138px;height:34px;line-height: 34px;text-align: center;border:1px solid #EBEBEB;margin:0 8px 8px 0;color:#333}
.pay_way2 dl dd a i{margin-right:7px}

/* 支付二维码 */
.payCode{position: fixed;left:50%;top:50%;transform: translateX(-50%) translatey(-50%);z-index: 10;}
.payCodebox {width:340px;background: #fff;text-align: center;border-radius: 20px;padding: 30px 0;}
.layer{position: fixed;width:100%;height:100%;top:0;left:0;z-index: 1;background: #000;opacity: 0.4;}
.money{color:#ed1c24;font-size: 18px;font-weight: bold;}
.colseLayer {text-align: center; color:#fff}
.colseLayer i{font-size: 26px;cursor: pointer;}

/*支付中心end-------------------------------------------------------------*/

/*支付成功页面-------------------------------------------------------------*/
.ocboxok{text-align: center;padding:70px 0;}
.ocboxok .iconfont{font-size: 100px;line-height: 1;color:#52c41a}
.ocboxok h3{font-size: 24px;color: #333;}
.goodbox p{font-size: 18px;font-weight: bold;}
.goodbox .copybtn{display: block;border:1px solid #2467F4;color: #2467F4;width:62px;line-height: 26px;margin:0 auto;border-radius: 20px;}
.goodbox .copybtn:hover{background: #2467F4;color:#fff;}
/*支付成功页面end-------------------------------------------------------------*/

/*课程信息页面 -------------------------------------------------------------*/
/* 课程安排 */
.outlay{background: url(../img/bg1.jpg) no-repeat;}
.coueseinfo{padding-bottom:30px}
.coueseinfo .c_b_box{margin:48px 0 0;}
.coueseinfo > div:nth-of-type(1){width:40%}
.coueseinfo > div:nth-of-type(1) img{width: 100%;}
.coueseinfo > div:nth-of-type(2){width:60%;padding:20px 0px 20px 40px;}
.coueseinfo .c_name{font-size: 24px;}
.coueseinfo .c_info{margin: 10px 0 15px;}
.coueseinfo .c_info span{display: block;float: left;padding: 3px 7px;background: #ebf2ff;color: #2467f4;margin-right: 4px;}
.coueseinfo .c_info2 span{color:#666;margin-right:30px}
.coueseinfo .c_info2 span i{font-size: 18px;color:#333}
.coueseinfo .c_price_number{font-size: 40px;font-weight: bold;line-height: 1;}
.coueseinfo .buttonbox > a.pay{margin-right:10px}
.teachbox{margin-right: -30px;}
.teachbox > li{margin-right:30px}
.teach_cont{align-self: center;margin-left:12px}
.teach_cont h3{font-size: 18px;color:#333}
.teach_cont p{color:#666;}

.outbox{justify-content: space-between;}
.tjTitle{font-size: 18px;}
.tjbox li{margin-top:20px}
.tjbox .tjcont{padding-left:10px;width: calc(100% - 150px);}
.tjbox .c_name{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;}

.timetable{width:100%;border-top:1px solid #d2def1;border-left:1px solid #d2def1;}
.timetable th,.timetable td{text-align: center;border-bottom:1px solid #d2def1;border-right:1px solid #d2def1;padding:10px 0;}
.timetable th{background: #f8faff;}
.timetable th:first-child,.timetable td:first-child{background: #eef5ff;}
.timetable td i{font-style: italic ;}
.c_plan_text{font-size: 18px;margin:20px 0 10px}
.c_intro{margin-top:-20px}
.warm{margin-top:20px}

.confirmCard{margin-bottom:20px}
.orderCont2{padding:20px 0;margin-top:0;border:0;justify-content: space-between;}
.orderCont li .a_btnbox {width:80px;line-height: 26px;border:1px solid #2467f4;color:#2467f4;text-align: center;border-radius: 20px;    display: inline-block;}
.orderCont li .a_btnbox.a_btn_2{background:#2467f4;color:#fff}
.orderCont li .a_btnbox.a_btn_3{background:#ED1C24;color:#fff;border:1px solid #ED1C24;}