@charset "utf-8";

.radius{border-radius: 90px;color: #FFFFFF;padding: 10px 25px;}
.topmain{margin-bottom: 2rem;background: url(https://img9.tongzhuo100.com/m_index/img/promot/nine/bg1.png) no-repeat center top;padding-top: 10rem;background-size: 100% ;}
.topmain .text{margin-top:4rem;} 
.topmain .text p {color: #FFFFFF;font-size: 0.8rem;width: 80%;margin: 0 auto;margin-top: 1.5rem;}
.topmain .text p a{background: #ff7800;font-size: 0.75rem;margin-right: 0.5rem;}
.topmain .text p.a3 {text-align: center;}
.topmain .text p.a3 a{width: 100%;line-height: 3.1rem; display: block;color: #0036be;font-size: 1.1rem;background: url(https://img9.tongzhuo100.com/m_index/img/promot/nine/03.png) no-repeat center ;background-size: 100% ;}
.topmain .text p.a4{margin-top: 0px;text-align: center;height: 2.8rem;}
  
.topmain .good{width: 80%;margin: 0 auto;background: #FFFFFF;box-shadow: 0px 14px 15px 0px #EEEEEE;border-radius: 25px;}
.middle{background: #FFFFFF;box-shadow: 0px -8px 15px 0px #EEEEEE;padding-bottom: 5rem;}
.box-main{text-align: center;padding: 1.5rem  1rem;}
.box-main p.a1{font-size: 1.2rem;font-weight: bold;}
.box-main .radius{background: #bbbbbb;font-size: 0.75rem;margin:1rem auto;display: block;width: 11.5rem;}
.box-main a{color: #FFFFFF;}
.box-main p.a2{font-size: 0.75rem;color: #666666;}
.box-main img{width: 90%;margin-top: 0.5rem;}
.button{overflow: hidden;padding: 0.5rem;position: fixed;bottom: 0px;width: 100%;background: #FFFFFF;border-top: 1px solid #ddd;}
.button a.radius{display: block;background: #ff7800;width:6rem;line-height: 1rem;font-size: 0.85rem;text-align: center;float: left;}
.button a.radius:first-child{margin-right: 0.75rem;}
/*选择课程*/
.subjict_titel{text-align: center;font-size: 1rem;margin-top: 1rem;}
.sort .spot {margin-left: 0.7rem;font-size: 0.8rem;background: url(https://img9.tongzhuo100.com/m_index/img/promot/nine/07.png) no-repeat center left ;padding-left: 0.8rem;background-size: 0.5rem;}
.sort { /*display: table;text-align: center;*/}
.sort .oval_table{float: left;margin-left: 0.7rem;margin-top: 0.5rem;}
.subject_main .sort .oval{width: 8.3rem;height: 2.5rem;overflow: hidden;display: table-cell;vertical-align: middle;float: none;}
.subject .oval{cursor: pointer;border-radius: 6px;border: 1px solid #DDDDDD;width:5.25rem;margin-left: 0.7rem;margin-top: 1rem ;text-align: center;font-size:16px;line-height: 22px;float: left;padding: 0.5rem 0;display: block;}
.subject .ovalcur{background: #23a0f3;color: #FFFFFF;} 
.time .oval{display: none;}
/*.subject .oval:nth-child(3){margin-left: 0px;}*/
.enlist{display: block;position: fixed;bottom: 0px;width: 100%;padding: 0.5rem 0;color: #FFFFFF;font-size: 1rem;text-align: center;}
.enlist01{background: #23a0f3;}
.enlist02{background: #b2b2b2;}
.enlist03{background: #ff7800;}

.subject_con {background: #FFFFFF;overflow: auto;}
.subject_con .list{border-bottom: 1px solid #DDDDDD;padding: 0.5rem 1rem;margin-top: 1rem;}
.subject_con .list p{font-size: 0.8rem;}
.subject_con .list p b{float: right;}
.subject_con .list p span{font-size: 0.65rem;color: #777777;}
.subject_con .list a{display: block;color: #ff7800;border: 1px solid #ff7800;border-radius: 6px;font-size: 0.8rem;margin-top: 0.5rem;width: 5rem;height: 1.7rem;line-height: 1.7rem;text-align: center;}
.subject_con .list a.list_button{color: #FFFFFF;background: #ff7800;}
.order-button{overflow: hidden;font-size: 0.91rem;line-height: 2.5rem;height: 2.5rem;position: fixed;bottom: 0;width: 100%;}
.order-button p{width: 58%;background: #eeeeee;float: left;padding-left: 2%;}
.order-button p span{color: #ff7800;font-size: 0.9rem;}
.order-button a{display: block;background:#ff7800;color: #FFFFFF ;text-align: center;}

.empty{text-align: center;font-size: 0.85rem;padding-top: 2rem;background: #FAFAFA;}
.empty img{width: 40%;margin-bottom: 1rem;}

.select{width: 100%;font-size: 0.8rem;margin: 0.8rem 0;}
.select .drop{width:17.8rem;white-space: nowrap;margin-left: 0.5rem;overflow-x: auto;margin-bottom: 0.5rem;}
.select .drop a{display: inline-block;line-height: 1.4em;width:3rem;text-align: center;cursor: pointer;}
.select .drop a:nth-child(1){margin-right: 0.5rem;}
/* .select .kind a{width: 3rem;} */
.select .drop a.cur{border: 1px solid #535353;border-radius: 90px;}
.select .drop::-webkit-scrollbar {width: 0;}

.more { font-size: 0.7rem; text-align: center;  color: #B9B9B9;  margin-bottom: 30px;padding: 1rem 0;}