/*comm*/
.step{}
.step h5{position:relative; color:#201716; font-weight:bold;  }
.step h5::after{position:absolute; left:0; bottom:0; width:100%; background: linear-gradient(to right, #0068b7, #16a693); content:'';}

.sel_class{font-size:0;}
.sel_class span{display:inline-block; text-align:center; vertical-align:middle; background-color:#f6f6f6; cursor:pointer;}
.sel_class span.on{color:#fff;  background: linear-gradient(to right, #0068b7, #16a693);}

.step_form{}

.sel_date{}
.sel_date .nice-select{display:inline-block; vertical-align:middle;}
.sel_yoil,.sel_app{text-align:center; background-color:#f6f6f6; font-size:0;float:left;}
.sel_yoil span,.sel_app span{display:inline-block; border-radius:50%; color:#201716; text-align:center;cursor:pointer;}
.sel_app span{width: 55%;margin: 0 -5%;}
.sel_yoil span.on,.sel_app span.on{color:#fff;  background: linear-gradient(to right, #0068b7, #16a693);}

.sel_text span{color:#201716;}
.sel_text textarea{color:#201716;  background-color:#f6f6f6; border:0;}

.sel_point{background-color:#f6f6f6; text-align:center;}
.sel_point span{color:#201716;}
.sel_point input{border:0; border-bottom:1px solid #201716; background-color:#f6f6f6}
 .sel_point input:focus{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.sel_point2{background-color:#f6f6f6; text-align:center;}
.sel_point2 span{color:#201716;}
.sel_point2 input{border:0; border-bottom:1px solid #201716; background-color:#f6f6f6}
.sel_point2 input:focus{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.sel_date2,.sel_time{float:left; position:relative; color:#201716;}
.sel_date2 i{position:absolute; background: linear-gradient(to right, #0068b7, #16a693); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sel_date2 input{background-color:#f6f6f6;color:#201716;border: 0;}

.sel_price,.sel_point{float:left;}
.sel_price>div{display:inline-block;width: 50%;}
.sel_price label{color:#201716;display: inline-block;}

.sel_price2,.sel_point{float:left;}
.sel_price2>div{display:inline-block;width: 50%;}
.sel_price2 label{color:#201716;display: inline-block;}


.sel_point2{float:left;}

.step5 p{background-color:#f6f6f6; text-align:center; font-weight:300}
.step5 button{display:block; border:0; color:#fff;} 

.step6 {position:relative;}
.step6>a{position:absolute;right:0;display:block;text-align:center;color:#fff;}
.step6>div{border-bottom:1px solid #dcdcdc}
.step table{width:100%;}
.step th{color:#201716; font-weight:400; text-align:right;}
.step td{}
.step td span{display:block; background-color:#f6f6f6; text-align:center; color:#201716;}
.step td.result span{background-color:#201716; color:#fff;}
.step button{display:block; border:0; color:#fff;} 

@media (min-width: 649px){
/*P T*/

 
}

@media (min-width:1358px){
/*pc*/ 
.step{padding-bottom:70px;}
.step h5{font-size:30px; padding-bottom:15px; margin-bottom:30px}
.step h5::after{height:2px;}

.sel_class{margin:0 -5px}
.sel_class span{width:220px; height:60px; line-height:60px; font-size:23px; border-radius:30px; margin:0 5px 30px; }

.sel_date{margin:0 -5px 30px;}
.sel_date .nice-select{width:295px; margin:0 5px;}

.sel_yoil {border-radius:30px;width:600px; margin-right:10px;}
.sel_yoil span{height:60px;width:60px;font-size:23px;margin:0 20px;line-height: 60px;}

.sel_app{border-radius:30px;width:295px;}
.sel_app span{height:60px;font-size:23px;border-radius:30px;line-height: 60px;}

.sel_date2,.sel_time{width:430px;font-size:23px;}
.sel_date2 i{font-size: 27px;right: 25px;height: 60px;line-height: 60px;}
.sel_date2 input{width:300px;padding:0 25px;font-size:23px;margin-left: 10px;height: 60px;border-radius: 30px;}

.sel_time {margin-left: 48px;}
.sel_time .nice-select{display:inline-block; width:150px;}
.sel1{margin-left: 7px;}

.sel_price{width:430px;font-size: 0;}
.sel_price label{font-size:23px;display: block;height: 60px;line-height: 60px;}
.sel_price label span{margin-top:-3px}


.sel_price2{width:430px;font-size: 0;}
.sel_price2 label{font-size:23px;display: block;height: 60px;line-height: 60px;}
.sel_price2 label span{margin-top:-3px}

.sel_text span{padding-top: 10px;font-size:23px;margin-right:30px;display: inline-block;}
.sel_text textarea{width:700px; height:100px; font-size:23px; padding:10px;}

.sel_point{width:470px;height:60px;border-radius:30px;font-size:23px;color:#201716;line-height: 60px;}
.sel_point input{width:120px}
.sel_point span{font-size:23px; margin-right:30px}
.step5 p{height:60px; line-height:60px; font-size:20px; margin-top:30px;}
.step5 button{margin:50px auto 0; width:300px; height:80px; font-size:30px;}

.sel_point2{float:left;}
.sel_point2{width:570px;height:60px;border-radius:30px;font-size:23px;color:#201716;line-height: 60px;margin-right:130px}
.sel_point2 input{width:120px;}
.sel_point2 span{font-size:23px; margin-right:168px}


.point_btn{margin: 0 0 0 1vw!important;width: 100px !important;display: inline-block!important;height: 60px !important;font-size: 23px !important;border-radius: 30px;}


.step_form{position:relative;width: 926px;margin:0;padding-right: 15px;border-right: 1px solid #dcdcdc;}
.step_form .step6{position:absolute;top:0;left:100%;width: 448px;margin-left: 30px;padding-bottom: 0;}


.step6 h5{margin-bottom:0;}
.step6>a{width:130px;height:50px;line-height:50px;font-size:20px;top: -7px;}
.step6>div{padding:10px 0;}
.step th{width:40%; padding-right:28px; font-size:23px;}
.step td {padding:10px 0;}
.step td span{height:60px; line-height:60px; font-size:23px; border-radius:30px}
.step button{margin:50px auto 0; width:300px; height:80px; font-size:30px;}

.pay_self {width:1000px; margin:0 auto;}
.pay_self th{width:15%; text-align:left;}
}
@media (min-width:650px) and (max-width:1357px){
/*T*/
  
 
.step{padding-bottom:5.5vw;}
.step h5{font-size:2.5vw; padding-bottom:1.5vw; margin-bottom:2vw}
.step h5::after{height:0.2vw;}

.sel_class{margin: 0 -1.9vw;}
.sel_class span{width: 20vw;height:5vw;line-height:5vw;font-size:2vw;border-radius:2.5vw;margin: 0 1.9vw 2.5vw;}

.sel_date{margin: 0 -1.9vw 2.5vw;}
.sel_date .nice-select{width: 27.9vw;margin: 0 1.9vw;}

.sel_yoil {border-radius:30px;width: 60vw;margin-right: 3.8vw;}
.sel_yoil span{height: 5vw;width: 5vw;font-size: 2vw;margin: 0 2.5vw;line-height: 5vw;}

.sel_app{border-radius:30px;width: 27.9vw;}
.sel_app span{height: 5vw;font-size: 2vw;border-radius: 2.5vw;line-height: 5vw;}

.sel_date2,.sel_time{width: 47%;font-size: 2vw;}
.sel_date2 i{font-size: 2.5vw;right: 3vw;height: 5vw;line-height: 5vw;}
.sel_date2 input{width: 30vw;padding:0 25px;font-size: 2vw;margin-left: 2vw;height: 5vw;border-radius: 30px;}

.sel_time {margin-left: 6%;}
.sel_time .nice-select{display:inline-block;width: 15.7vw;}
.sel1{margin-left: 1vw;}

.sel_price{width: 47%;font-size: 0;margin-right: 6%;}
.sel_price label{font-size: 2vw;display: block;height: 5vw;line-height: 5vw;}
.sel_price label span{margin-top:-3px}

.sel_price2{width: 47%;font-size: 0;margin-right: 6%;}
.sel_price2 label{font-size: 2vw;display: block;height: 5vw;line-height: 5vw;}
.sel_price2 label span{margin-top:-3px}

.sel_text span{font-size: 2vw;margin-right: 2vw;display: inline-block; padding-top:1vw;}
.sel_text textarea{width: 82%;height:12vw;font-size:2vw;padding:1vw;}


.sel_point{width: 47%;height: 5vw;border-radius: 2.5vw;font-size: 2vw;color:#201716;line-height: 5vw;}
.sel_point input{width: 11vw;}
.sel_point span{font-size: 2vw;margin-right: 2vw;}


.sel_point2{float:left;}
.sel_point2{width: 47%;height: 5vw;border-radius: 2.5vw;font-size: 2vw;color:#201716;line-height: 5vw;}
.sel_point2 input{width: 11vw;}
.sel_point2 span{font-size: 2vw;margin-right: 3.5vw;}


.step5 p{height: 5vw;line-height: 5vw;font-size: 2vw;margin-top: 3vw;}
.step5 button{margin: 4vw auto 0;width: 30vw;height: 7vw;font-size: 2.5vw;}
 .point_btn{margin: 0 0 0 1vw!important;width: 7vw !important;display: inline-block!important;height: 5vw !important;font-size: 2vw !important;border-radius:4vw}

.step6 h5{margin-bottom:0;}
.step6>a{width: 13vw;height: 5vw;line-height: 5vw;font-size: 2vw;top: -1vw;}
.step6>div{padding:10px 0;}
.step th{width: 30%;padding-right: 5vw;font-size: 2vw;}
.step td {padding:10px 0;}
.step td span{height: 5vw;line-height: 5vw;font-size: 2vw;border-radius: 2.5vw;}
.step button{margin: 4vw auto 0;width: 30vw;height: 7vw;font-size: 2.5vw;}

.pay_self th{width:15%; text-align:left;}
}
@media (max-width:649px){
/*mb*/
   
.step{padding-bottom:6.5vw;}
.step h5{font-size:5vw; padding-bottom:2.5vw; margin-bottom:2.5vw}
.step h5::after{height:0.3vw;}

.sel_class{margin: 0 -1vw;}
.sel_class span{width: 30vw;height:8vw;line-height:8vw;font-size:3.5vw;border-radius:4vw;margin: 0 1vw 3vw;}

.sel_date{margin: 0 -1vw 3vw;}
.sel_date .nice-select{width: 29.4vw;margin: 0 1vw;}

.sel_yoil {border-radius:4vw;width: 100%;margin-bottom: 3vw;}
.sel_yoil span{height:8vw;width:8vw;font-size:3.5vw;margin: 0 3.5vw;line-height:8vw;}

.sel_app{border-radius:4vw;width: 100%;}
.sel_app span{height: 8vw;font-size:3.5vw;border-radius:4vw;line-height:8vw;}

.sel_date2,.sel_time{width:100%;font-size:3.5vw;}
.sel_date2 i{font-size: 3.5vw;right: 3vw;height: 8vw;line-height: 8vw;}
.sel_date2 input{width:65vw;padding:0 3.5vw;font-size: 3.5vw;margin-left: 10vw;height:8vw;border-radius: 4vw;}

.sel_time {
    margin-top: 3vw;
}
.sel_time .nice-select{display:inline-block;width: 30.3vw;}
.sel1{margin-left:11vw; margin-right:3vw}


.sel_price{width: 100%;font-size: 0;}
.sel_price label{width:50%; font-size: 3.5vw;display: block;height:8vw;line-height: 8vw;}
.sel_price label span{margin-top: 0vw;}

.sel_price2{width: 100%;font-size: 0;}
.sel_price2 label{width:80%; font-size: 3.5vw;display: block;height:8vw;line-height: 8vw;}
.sel_price2 label span{margin-top: 0vw;}

.sel_text span{font-size: 3.5vw;margin-right: 6vw;display: inline-block;padding-top:1vw;}
.sel_text textarea{width: 67%;height:12vw;font-size: 3vw;padding:1vw;}


.sel_point{width: 100%;height:8vw;border-radius:4vw;font-size: 3.5vw;color:#201716;line-height: 8vw;margin-top: 2vw;}
.sel_point input{width: 26vw;height: 5vw;vertical-align: middle;font-size: 3.5vw;}
.sel_point span{font-size: 3.5vw;margin-right:10vw;}

.sel_point2{float:left;}
.sel_point2{width: 100%;height:8vw;border-radius:4vw;font-size: 3.5vw;color:#201716;line-height: 8vw;margin-top: 2vw;}
.sel_point2 input{width: 26vw;height: 5vw;vertical-align: middle;font-size: 3.5vw;}
.sel_point2 span{font-size: 3.5vw;margin-right:15vw;}

.step5 p{height:8vw;line-height: 8vw;font-size: 2.8vw;margin-top: 3vw;}
.step5 button{margin: 10vw auto 0;width: 34vw;height: 10vw;font-size: 4vw;}
.point_btn{margin: 0 0 0 1vw!important;width: 11vw !important;display: inline-block!important;height: 8vw !important;font-size: 3vw !important;border-radius:4vw}

.step6 h5{margin-bottom:0;}
.step6>a{width: 20vw;height: 6vw;line-height: 6vw;font-size: 3vw;top: 0;}
.step6>div{padding:10px 0;}
.step th{width: 30%;padding-right: 5vw;font-size: 3.5vw;}
.step td {padding: 1.5vw 0;}
.step td span{height: 8vw;line-height: 8vw;font-size: 3.5vw;border-radius: 4vw;}
.step button{margin: 10vw auto 0;width: 34vw;height: 10vw;font-size: 4vw;}
 
.pay_self th{width:20%; text-align:left;}
}