/*comm*/
.lev_cate{text-align:center;  font-size:0; }
.lev_cate span{display:inline-block;border-radius:50%;color:#201716;text-align:center;cursor:pointer;background: #f6f6f6;}
.lev_cate span {}
.lev_cate span.on{color:#fff;background: linear-gradient(to right, #0068b7, #16a693);position: relative;z-index: 1;}

.level_form{}
.level_form p{position:relative; text-align:center}
.level_form p span{position:relative; color:#201716; font-weight:400; text-align:center}
.level_form p span::before{position:absolute; color:#0068b7; content:'★';}
.level_form p::after{position:absolute; bottom:0; left:0; width:100%;  background: linear-gradient(to right, #0068b7, #16a693); content:'';}


.lev_date{}
.date_box{position:relative; text-align:center; font-size:0;}
.date_box span{display:inline-block; width:33.33%;  text-align:center;}
.date_box span font{ color:#201716;  }
.date_box span.active{font-weight:bold;}
.date_box span.active font{background: linear-gradient(to right, #0068b7, #16a693); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.date_box button{position:absolute; top:50%; background: linear-gradient(to right, #0068b7, #16a693); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.d_left{left:0;}
.d_right{right:0;}

.time_box{background-color:#f6f6f6; overflow-y:scroll; text-align:center;}
.time_box span{display:inline-block;text-align:center;border-radius:50%;cursor: pointer;}
.time_box span font{color:#201716}
.time_box span.cancel font{text-decoration: line-through;}
.time_box span.selected {background: linear-gradient(to right, #0068b7, #16a693); }
.time_box span.selected font{color:#fff;}

.lf2 {border-bottom:1px solid #dcdcdc;}
.lev_info th{text-align:right; color:#201716; font-weight:400}
.lev_lang{}

.lev_lang div{background-color:#f6f6f6;font-size: 0;}
.lev_lang div span{display:inline-block;color:#201716;text-align: center; cursor:pointer}
.lev_lang div span:first-child{margin-left:0;}
.lev_lang div span.on{color:#fff; background: linear-gradient(to right, #0068b7, #16a693); }

.lev_info td input{width:100%; background-color:#f6f6f6; border:0}

.lev_send{display:block;color: #fff;}
@media (min-width: 649px){
/*P T*/

 
}

@media (min-width:1358px){
/*pc*/ 

.lev_cate{border-radius:30px; margin-bottom:50px; }
.lev_cate span{width:300px;height: 80px;font-size:23px;border-radius: 40px;line-height: 80px;margin:0 -40px}
.level_form{margin:0 auto;width: 1000px;}
.level_form p {padding-bottom:20px;}
.level_form p span{font-size:30px;}
.level_form p span::before{font-size:12px;top:-8px; left:-10px;}
.level_form p::after{height:3px;}

.date_box span{height:85px; line-height:100px}
.date_box span font{font-size:23px; }
.date_box span.active font{font-size:30px}
.date_box button{font-size: 47px;margin-top: -23px;}

.time_box{padding: 40px 0 10px;height:330px}
.time_box span{width:80px;height:80px;line-height: 89px;margin-top:-30px;margin: -15px 35px 0;}
.time_box span font{font-size:23px;}

.lf1{margin-bottom:50px}



.lev_info{width:810px; margin:0 auto; padding:20px 0;}
.lev_info th{font-size:23px; padding-right:25px; }
.lev_info td{width:695px;padding:10px 0;}
.lev_lang div{border-radius:30px;/* margin: 0 -14px; */}
.lev_lang div span{width:200px;font-size:23px;height:60px;line-height:60px;margin-left: -36px;border-radius:30px}
.lev_info td input{height:60px;border-radius:60px; padding:0 25px; font-size:23px}

.lev_send{width:300px;height:80px;font-size:30px;margin: 50px auto 0;}
}
@media (min-width:650px) and (max-width:1357px){
/*T*/


.lev_cate{border-radius:3.5vw; margin-bottom:5vw; }
.lev_cate span{width: 25vw;height: 7vw;font-size: 2.5vw;border-radius: 3.5vw;line-height: 7vw;margin: 0 -3vw;}
.level_form{margin:0 auto;}
.level_form p {padding-bottom: 1.5vw;}
.level_form p span{font-size: 2.8vw;}
.level_form p span::before{font-size:12px;top:-8px; left:-10px;}
.level_form p::after{height: 0.3vw;}

.date_box span{height: 7vw;line-height: 8.7vw;}
.date_box span font{font-size: 2.3vw;}
.date_box span.active font{font-size: 2.7vw;}
.date_box button{font-size: 4vw;margin-top: -2vw;}

.time_box{padding: 4vw 2vw 2vw;height: 33vw;}
.time_box span{width: 6.6vw;height: 6.6vw;line-height: 7.4vw;margin-top:-30px;margin: -1.2vw 3vw 0;}
.time_box span font{font-size: 2.3vw;}

.lf1{margin-bottom: 4vw;}



.lev_info{width: 84.7vw;margin:0 auto;padding:20px 0;}
.lev_info th{font-size: 2.5vw;padding-right: 2vw;}
.lev_info td{width: 78%;padding: 1vw 0;}
.lev_lang div{border-radius:30px;/* margin: 0 -14px; */}
.lev_lang div span{width: 16.7vw;font-size: 2.3vw;height: 6vw;line-height: 6vw;margin-left: -0.4vw;border-radius: 3vw;}
.lev_info td input{height: 6vw;border-radius: 3vw;padding: 0px 2vw;font-size: 2.3vw;}

.lev_send{width: 25vw;height: 6vw;font-size: 2.5vw;margin: 4vw auto 0;}
 
}
@media (max-width:649px){
/*mb*/


.lev_cate{border-radius: 5vw;margin: 0 -3vw 10vw;}
.lev_cate span{width: 50%;height: 10vw;font-size: 4vw;border-radius: 5vw;line-height: 10vw;margin: 0 -3vw;}
.level_form{margin:0 auto;}
.level_form p {padding-bottom: 3vw;}
.level_form p span{font-size: 5vw;}
.level_form p span::before{font-size: 2vw;top: -1.5vw;left: -2vw;}
.level_form p::after{height: 0.5vw;}

.date_box span{height: 11vw;line-height: 13.5vw;}
.date_box span font{font-size: 3vw;}
.date_box span.active font{font-size: 4vw;}
.date_box button{font-size: 6vw;margin-top: -3vw;}

.time_box{padding: 5vw 3vw 3vw;height: 40vw;}
.time_box span{width: 10vw;height: 10vw;line-height: 10.2vw;margin-top:-30px;margin: -2vw 2vw 0;}
.time_box span font{font-size: 3vw;}

.lf1{margin-bottom: 9vw;}



.lev_info{margin:0 auto;padding: 2.5vw 0;}
.lev_info th{width: 20vw;font-size: 3.5vw;padding-right: 6vw;}
.lev_info td{width: 88vw;padding: 1.5vw 0;}
.lev_lang div{border-radius:30px;/* margin: 0 -14px; */}
.lev_lang div span{width: 20.7vw;font-size: 3.5vw;height: 8vw;line-height: 8vw;margin-left: -2.6vw;border-radius: 4vw;}
.lev_info td input{height: 8vw;border-radius: 4vw;padding: 0px 3vw;font-size: 3.5vw;}

.lev_send{width: 35vw;height: 10vw;font-size: 4vw;margin: 8vw auto 0;} 
}