@charset "utf-8";
body{padding-bottom: 1rem; background: #fff; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
/* --------------index-start-------------- */
.orderEnter { padding: .3rem 0; width: 6.8rem; margin: 0 auto;}
.orderEnter li { padding: .5rem .3rem; position: relative; border-radius: .2rem; margin-bottom: .2rem; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.orderEnter li:nth-child(1) { background-image: linear-gradient(to right,rgb(67,112,231),rgb(107,200,252));}
.orderEnter li:nth-child(2) { background-image: linear-gradient(to right,rgb(251,136,43),rgb(248,200,100));}
.orderEnter li span { right: .2rem; top: 50%; transform: translateY(-50%); position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: #ffffff;}
.orderEnter li h2 { line-height:1.5; font-size: .42rem; color: #ffffff;}
.orderEnter li p { font-size: .26rem; line-height: 2; color: #ffffff;}
.orderEnter li span img { position: absolute; width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footer { border-top: 1px solid #eee; position: fixed; left: 0; bottom: 0; width: 100%; height: 1rem; background: #ffffff;}
.footer a { float: left; width: 50%; text-align: center;}
.footer a span { display: block; margin: 0 auto; width: .5rem; height: .6rem;}
.footer a:nth-child(1) span { background: url(../images/foot1.png) center no-repeat; background-size: auto .4rem;}
.footer a:nth-child(2) span { background: url(../images/foot2.png) center no-repeat; background-size: auto .4rem;}
.footer a.cur:nth-child(1) span { background: url(../images/foot1on.png) center no-repeat; background-size: auto .4rem;}
.footer a.cur:nth-child(2) span { background: url(../images/foot2on.png) center no-repeat; background-size: auto .4rem;}
.footer a p { font-size: .26rem; line-height: .4rem; color: rgb(204,204,204);}
.footer a.cur p { color: orange;}
.dataCont { display: flex; justify-content: space-between; white-space: nowrap;}
.dataCont span { position: relative; height: .84rem; align-items: center; display: flex; justify-content: center; font-size: .28rem; flex: 1; color: #ffffff; text-align: center; vertical-align: top; width: 1.58rem;}
.dataCont span.cur { color: #ffffff; background-image: linear-gradient( 315deg, #51C89D 0%, #009861 100%)}
.dataCont span.cur:nth-child(1) { background: url(http://yyticket.jinanaoti.com/Content/CD/images/tl.png) center no-repeat; background-size: 100% 100%;}
.dataCont span.cur:nth-child(2) { background: url(http://yyticket.jinanaoti.com/Content/CD/images/tc.png) center no-repeat; background-size: 100% 100%;}
.dataCont span.cur:last-child { background: url(/Content/CD/images/tr.png) center no-repeat; background-size: 100% 100%;}
/*.dataCont span::after { content: ''; background:#FFFFFF; width: 1px; height: .36rem; opacity: .5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}*/
.dataCont span.cur::after { display: none;}
.dataCont span:last-child::after { display: none;}
.dataCont::-webkit-scrollbar { display: none;}
.timeNotice { background: #ffffff; z-index: 10; position: sticky; left: 0; float: left; width: 1rem; text-indent: .1rem;}

.timeNotice p { height: .25rem; font-size: .25rem; line-height: 1; padding-bottom: .8rem; color: #999999;}
.timeNotice p:nth-child(1) {z-index: 2; background: #ffffff; color: #027748; height: .56rem; padding: 0; margin: 0 0 .2rem;}
.areaSlide { width: 2rem;}
.reltCont { position: relative;}
.timeNotice p:last-child { margin-bottom: 0;}

.areaSlide h2 { text-align: center; line-height: .56rem; margin-bottom: .2rem;}
.areaSlide li {
    border-radius: 4px;
    color: #999999;
    margin-bottom: .15rem;
    box-sizing: border-box;
    height: .9rem;
    position: relative;
    background-color: #E3FFF5;
    color: #666767;
    border: 1px solid #eee;
}
.choseTime { text-align: center; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.choseBar { position: relative;}
.areaSlide h2 { border-radius: 4px; background-image: none; color: #999; overflow:hidden;}
 
.areaSlide li.notime::after { content: '已预约'; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: #ebebeb; text-align: center; line-height: .88rem;}
.areaSlide li.notimeNo::after { content: '不可预约'; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: #ebebeb; text-align: center; line-height: .88rem;}
.areaSlide li.notime2::after { content: '锁场'; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: #ebebeb; text-align: center; line-height: .88rem;}
 
 .areaSlide li.cur { color: #ffffff; background:#069C66;}
.stateIntroduce ul {overflow: hidden; padding: .3rem;}
.stateIntroduce li {margin-right: .2rem; padding-left: .4rem; position: relative; float: left;}
.stateIntroduce li p { font-size: .28rem; color: #999999;}
.stateIntroduce li i { width: .28rem; height: .28rem; border-radius: 3px; position: absolute; display: block; left: 0; top: 50%; transform: translateY(-50%);}
    .stateIntroduce li:nth-child(1) i {
        border: 1px solid #eeeeee;
        background: #E3FFF5;
    }
.stateIntroduce li:nth-child(2) i {border: 1px solid #eeeeee; background: #dfdfdf;}
.stateIntroduce li:nth-child(3) i {border: 1px solid #eeeeee;background: #069C66;}
.payMoeny { background: #ffffff; border-top: 1px solid #eeeeee; padding: 0 .32rem; position: fixed; bottom: 0; width: 100%; height: 1rem;}
.payMoeny p { color: #0a9e68; float: left; line-height: 1rem; font-size: .28rem;}
.payMoeny p span {font-size: .4rem;}
.payMoeny a { float: right; margin-top: .2rem; height: .6rem; border-radius: .8rem; background-image: linear-gradient( 315deg, #51C89D 0%, #009861 100%);
 color: #ffffff; line-height: .6rem; font-size: .28rem; padding: 0 .2rem;}
.areaChose { background: #ffffff; width: 100%; white-space: nowrap;}
.areaBar { width: calc(100% - 1rem); float: left; white-space: nowrap;}
 .areaChose>div { display: inline-block!important; vertical-align: top; float: none; display: inline-block; vertical-align: top; padding-right: .1rem;}
 /**/
 .desc { max-height: calc(100vh - 8rem); overflow-y: auto; margin: 0 auto; width: 6.8rem; border: 1px solid #eee; border-radius: 6px; padding:.1rem .3rem .2rem;}
 .desc h2 { font-size: .32rem; line-height: 2;}
 #screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
 .noticeAlt { border-radius: 6px; overflow: hidden; margin-top: -3.92rem; background: #ffffff; z-index: 101; width: 6.8rem; position: fixed; left: .35rem; top: 50%;background-color: transparent;}
 .noticeAlt h2 { text-align: center; line-height:3; border-bottom: 1px solid #f1f0f0; color: #009861; font-size: .28rem;}
 .noticeText { max-height: 7.2rem; padding: .3rem; overflow-y: auto;}
 .noticeText p { font-size: .26rem; line-height: 1.5; color: #666666;}
 .sureBtn { background-image:linear-gradient( 315deg, #51C89D 0%, #009861 100%); color: #ffffff; font-size: .28rem; line-height: 3; text-align: center;}
 .sureBtn.noc { background: #eee; color: #999;}
.erroNotice {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    padding: .26rem;
    z-index: 100;
    max-width: 3.5rem;
    text-align: center;
    border-radius: .2rem;
}