﻿@charset "utf-8";

/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle; width:100%;}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input, input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
input:disabled{ background:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{ background:#fff }
body{ font-family:"Microsoft Yahei"; font-size:.24rem; line-height:.36rem;color:#595757;margin:0 auto; background-attachment:fixed; background-size:cover; width:6.4rem; background-position:top center; background-repeat:no-repeat}
body a{color:#595757;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}


/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}



/*-----------------------------框架-------------------------------------*/
.container{ width:6.4rem; margin:0 auto}
.form_layer{  box-sizing:border-box; padding:0 .2rem; padding-top:.2rem;}
.form_layer dl{padding:.2rem 0; border-bottom:solid 1px #eaebed}
.form_layer dl:nth-last-of-type(1){ border:0}
.form_layer dl dt{ display:flex; color:#9d9d9d; font-size:.24rem; padding:0 0 .2rem 0}
.form_layer dl dt img{display:block; width:.4rem; height:.4rem}
.form_layer dl dt span{ display:inline-block; padding-left:.15rem}
.form_layer dl dd{  border-radius:.1rem; border:solid 1px #cccccc}
.form_layer dl dd input{ display:block; padding:0 .2rem; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:.24rem; background:#e0e0e0;border-radius:.08rem; height:.6rem; line-height:.6rem}
.form_layer dl dd input.select{ background:#e0e0e0 url(../images/select.png) no-repeat right .1rem center; background-size:.4rem auto; overflow:hidden}
input[type="date"]:before{color:#757575; content:attr(placeholder);}
input[type="date"].full:before {color:black; content:""!important;}
.form_layer dl dd input:disabled,.form_layer dl dd input[disabled]{color:rgba(0,0,0,1);opacity: 1;-webkit-opacity:1;}

.form_layer dl dd.persons{ border:0; display:flex; justify-content:space-between; }
.form_layer dl dd.persons .personsItem{ width:49%;border-radius:.1rem; border:solid 1px #c6c6c6; background:#f8f8f8; padding:.2rem}
.form_layer dl dd.persons .personsItem .i_box i{ display:inline-block; background:url(../images/user.png) no-repeat center; background-size:100% 100%; width:.4rem; height:.4rem;}
.form_layer dl dd.persons .personsItem .text{ padding-top:.2rem; text-align:center}
.form_layer dl dd.persons .personsItem .text h4{ font-size:.3rem}

.form_layer dl dd.persons .personsItem.active{ background:#cb6d52; border-color:#a35741; color:#fff}
.form_layer dl dd.persons .personsItem.active .i_box i{ background:url(../images/user2.png) no-repeat center; background-size:100% auto}

.button{ background:#d0deb6; padding:.1rem; color:#fff; text-align:center; }
.form_layer h1{ font-size:.34rem; padding:.3rem; text-align:center;font-weight:bold; line-height:.36rem;}

.slideUp{ width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display:none}
.slideUp .slideUpBg{width:100%; height: 100%; background:rgba(0,0,0,0.6);}
.slideBox{ width: 100%; background:#fff; padding-top:.2rem; position:absolute; bottom: 0; left: 0; display: none;}
.slideUp .slideBox ul{min-height:2rem; max-height:5rem; overflow: auto;}
.slideUp .title{font-size:.24rem; text-align:center; padding:0rem 0 .2rem; background:none; color: #72256f; position:relative}
.slideUp .title a.manage{display: inline-block; position:absolute; top: 0; right: .2rem; border:solid 1px #333; border-radius:.3rem; padding:0 .2rem; color:#000}
.slideUp ul li{ text-align: center; font-size:.24rem; padding:.16rem .1rem; border-top: solid 1px #eee; cursor: pointer;}
.slideUp ul li .img{width:.8rem; margin-right:.1rem; height: .8rem}
.slideUp ul li .img img{width:100%; height: 100%; border-radius: 50%}
.jbx{ display: inline-flex;  min-width:90%; justify-content:flex-start; align-items:center; }
.jbx p span{ display:block; font-size:.2rem; color: #333 }
.slideUp .slideBox ul#lstCourse li{ text-align: left; }
.slideItem{ display: none; }
.ktDateSpan{ display:inline-flex; width: 78%; margin: 0 auto;  font-size:.2rem; align-items: center; }
.ktDate { text-align:center; border-top: solid 1px #eee;padding:.2rem .1rem;}
.ktDateSpan span.date{ flex:1; text-align:left; }
.ktDateSpan span.xw{ text-align: center; width: 1.3rem; }
.slideUp ul li .ktDateSpan span.xw{color: #72256f; }
.slideUp ul li .ktDateSpan span b{ display:block; }

.slideItem[data-id='slideUp4'] ul li.disabled .ktDateSpan span.date b{color:#999;}
.slideItem[data-id='slideUp4'] ul li.disabled .ktDateSpan span.date{color:#999;}
.slideUp ul li.disabled .ktDateSpan span.xw{color:#999;}
.slideItem p.small{  margin:0;margin-bottom: .2rem;  font-size: .18rem; color: #72256f;text-align: center; text-shadow:none  }
.slideItem[data-id='slideUp4'] ul li .ktDateSpan span.date{font-size:.2rem; color:#333}
.slideItem[data-id='slideUp4'] ul li .ktDateSpan span.date b{font-size:.2rem; color:#333; display: inline-block; margin-right:.1rem;}
.subBtn{width: 90%;margin: .2rem auto;}
.subBtn a{ text-align:center; text-decoration:none; display:block;width:100%; border-radius:.2rem; background:#72256f; color:#fff; font-size:.24rem; border:0; padding:0rem 0;height: .6rem;line-height: .6rem;margin: .2rem auto;}
.subBtn p{ color:#606060; font-size:.2rem; opacity:0.5;}
.popup03{width: 2.4rem;height: auto;padding: .2rem;background: #fff;display: none}
.layermcont p{line-height: .4rem;}
.layermcont .ewm img{width: 3.44rem;height: 3.44rem;margin: 0 auto}
.popup03 h2{margin: .2rem 0;}

.select_event li{ background:url(../images/cheak.png) no-repeat 0 0; padding-left:.5rem; background-size:.4rem auto; margin-bottom:.1rem; font-size:.22rem; line-height:.28rem; min-height:.4rem}
.select_event li.curr{ background:url(../images/cheak_curr.png) no-repeat 0 0; background-size:.4rem auto}

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%);  filter: gray;}

.successPupop{width:6.4rem; height:100%; position:fixed; z-index:1000; background:#fff; top:0; left:0; right:0; bottom:0; margin:auto; display:none  }
.successPupop div{ display:flex; align-items:center; justify-content:center; height:100%}
.successPupop div p{width:6.4rem; height:3.25rem}

@media screen and (max-height:960px){


}