*{padding:0;margin:0;}
.rel{position: relative;}
.pos{position: absolute;}
.fixed{position: fixed;}
.cf{*zoom:1;}
.cf:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.hide{display: none;}
body{font-family: "Microsoft YaHei"; background: #f8f8d8; padding-bottom: 2rem; max-width: 750px; margin:0 auto;}

ul,li{margin:0;padding:0;}
li{list-style:none;}
.w_100{width: 100%;vertical-align: top}
.imgbox img{width: 100%;height:100%;vertical-align: top}
.content{background: #FFFFFF;padding: .325rem 0;}

/*top*/
.top{background: url('./images/egg-bg.jpg') no-repeat;background-size: 100%;}
.top .egg-cartoon{z-index: 9;}
.top .bird-up{background: url('./images/egg-up.png') no-repeat;width: 7.48rem;height: 6.2rem;right: 0;bottom: 8.46rem;background-size: 7.48rem 6.2rem;}
.top .bird-down{background: url('./images/egg-hit.png') no-repeat;width: 7.9rem;height: 5.6rem;right: 0;bottom: 8.46rem;background-size: 7.9rem 5.6rem;}

.top .egg-1,.top .egg-2{width: 6.08rem;height: 8.15rem;background-size:contain;bottom: 2.325rem;left: 36%;}
.top .egg-3{width: 6.8rem;height: 8.05rem;background-size:contain;bottom: 2.325rem;left: 35.6%;}
.top .egg-4{width: 11.5rem;height: 7.1rem;background-size:contain;bottom: 2.325rem;left: 20%;}
.top .egg-5{width: 11.5rem;height: 5.25rem;background-size:contain;bottom: 2.325rem;left: 20%;}
.top:after{background: url('./images/grass.png') no-repeat;content: '';width: 3.24rem;height: 7.9rem;position: absolute;bottom: 0;right: 0;background-size: contain;}
.top .egg-shadow{background: url('./images/egg-shadow.png') no-repeat;content: '';background-size: 100%;background-position: 0 0;width: 6.63rem;height: 1.1rem;bottom: 1.9rem;position: absolute;left: 35%;z-index: 4;}
.top .egg3-shadow{left:36.5%;}
.top .egg4-shadow{background-position:center center;left:35%;}
.top .egg5-shadow{background-position:0 bottom;left:35%;}


ul.tickets{width: 85%;position: absolute;bottom: 16px;left: 50%;height:10.5rem;overflow:hidden;margin-left: -42.5%;z-index: 10;-webkit-animation:showTickets .2s linear;-moz-animation:showTickets .2s linear;-o-animation:showTickets .2s linear;}
ul.tickets li{width: 100%;height: 4.4rem;background: #fffee3;}
ul.tickets li{margin-bottom:1rem;}
ul.tickets p{font-size: 0.7rem;color: #757575;bottom: 1.025rem;left: 43%;position: absolute;width: 4.1rem;text-align: center;}
ul.tickets li a{position: absolute;width: 3.42rem;height: 4.4rem;top: 0;right: 0;cursor: pointer;}
ul.tickets li a span{position: absolute;top: 1rem;font-size: 0.7rem;color: #FFFFFF;line-height: 1rem;left: 1rem;text-align: center;}

.top-text{background: url('./images/price.png') no-repeat;background-size: 13.6rem 3.2rem;}
.t-price{background-position: center center;height: 3.3rem;width: 4.4rem;position: absolute;left: 5%;top:1rem;}
.t-price-3{background-position: top right;height: 3.3rem;width: 4.4rem;position: absolute;left: 5%;top: 1.12rem;}
.t-type{position: absolute;left: 50%;top: 1rem;color: #f9620e;border: 1px solid #f9620e;border-radius: 0.25rem;font-size: 0.5rem;padding: 0.15rem .375rem;vertical-align: middle;}
.top .egg-rock{-webkit-animation:shake .3s linear 2;-moz-animation:shake .3s linear 2;-o-animation:shake .3s linear 2;}
.top .tips{position: absolute;top: 43%;left: 10%;width: 6.656rem;height: 1.664REM;}
.top .tips-rock{-webkit-animation:eggShake .3s linear 2;-moz-animation:eggShake .3s linear 2;-o-animation:eggShake .3s linear 2;}

/*tab fix menu*/
.banner{border: 2px solid #ffb9ab;margin: 0 .3rem;max-width: 750px;padding-bottom: 1.45rem;}
.banner ul.ban-ul{    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;}
.banner ul{display: flex;justify-content: space-around;background: #FFFFFF;}
.banner li{width: 33.33%;text-align: center;color: #f5602c;height: 1.45rem;line-height:1.45rem;font-size: .6rem;border-top: 2px solid #ffb9ab;border-right: 2px solid #ffb9ab;}
.fix{position: fixed;top: 0;background: rgba(0,0,0,0.5);z-index: 99;margin: 0;border-left: 0;left: 0.3rem;right: 0.3rem;}
.banner ul li:last-child{border-right: 0;}
.banner li.active{background: #fff8dc;}
.banner li.active p{color: #FFFFFF;}
.space{height: 1.45rem;}
.banner ul.fix{border: 2px solid #ffb9ab;}
.banner ul.fix li{border-top: 0;}


/*list*/
.ylj_listWrap{padding: .325rem .3rem 0;}
.ylj_listWrap a{color: #000;}
.ylj_listWrap>img{width: 64%; margin:0.7rem 0 0.5rem 30%;}
.ylj_listWrap .ylj_item{padding:0.64rem 0.625rem; background: #fff;}
.ylj_item .imgbox{width:3.6rem; height: 3.6rem; position:relative; overflow:hidden; margin-right:0.625rem; border-radius:5px;}
.ylj_item.cur .t_top{min-height:2.75rem;}
.ylj_item .tag{position: absolute; left:0; top:0.9375rem; height: 1.2rem; line-height: 1.2rem; padding:0 4px; display: block; background: #bebebe; color:#fff; border-top-left-radius: 4px; border-bottom-right-radius: 4px;}
.ylj_item .imgbox>img{height:5.25rem;position:absolute;left:50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);margin: initial;}
.ylj_item>img{width:5.25rem; height: 3.7rem; align-self: center; margin-right: 0.625rem; margin-top:0.8rem;}
.ylj_item>.txtbox{flex:1; position: relative;}
.ylj_item .txt{line-height:0.8rem; display:-webkit-box!important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0;}
.ylj_item .t_bottom{position: absolute; bottom:0; width: 100%;}
.t_bottom>span{align-self: flex-end;}
.list_ptit{height: 3.375rem; line-height: 3.375rem; background: #fff; position: relative;}
.list_ptit>.fr{position: absolute; top:50%; transform:translate(0,-50%); right: 0.625rem;}
.size8,.size12{font-size: 12px;}.imgbox img{width: 100%; vertical-align: top}
.cf{*zoom: 1;}
.cf:after{display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: ".";}
.tc{text-align: center;}
.coupon-btn.css_dis{color: #c3c3c3;}
.couponbox1{position: absolute; top:0.8rem; left:8%; right:8%; /*max-width: 380px*/; bottom:0;}
.couponbox1.a2{top:3.6rem;}
.coupon-btn.a1.css_dis:after{
  content: "";
  display: block;
  overflow: hidden;
  width: 25%!important; 
  position: absolute; top: 3rem; right: -0.6rem;
  background: url(images/icons_02.png) 0 0 no-repeat;
  height: 4.1rem;
  background-size:cover;
}
.coupon-btn{text-indent: -9999px; display: block; background: url(images/icons_01.png) 0 0 no-repeat; background-size:100%; width: 100%; height: 7.5rem; /*max-height: 204px;*/}
.coupon-btn.a2{margin-top: 0.3rem;}
.coupon-btn.css_use{background: url(images/icons_01.png) 0 100% no-repeat; background-size:100%;}
.coupon-btn.css_dis{background: url(images/icons_01.png) 0 50% no-repeat; background-size:100%;}
.btn-more1{width: 100%; height: 2rem; display: block; margin-top:1.3rem;}
.couponimg1,.couponimg2,.couponimg3{width: 80%; top: 0.3rem; left: 10%; position: absolute; height: 3.5rem; background: url(images/icons_03.png) 0 0 no-repeat; background-size: 112%;}
.couponimg1_2{width: 56%!important; position: absolute; top: 6.8rem; left: 22%;}
.couponimg2{top: 0.9rem; background: url(images/icons_03.png) 47% 59% no-repeat; background-size: 114%; height: 3rem;}
.couponimg3{top: 0.7rem; background: url(images/icons_03.png) 38% 107% no-repeat; background-size: 101%; width: 86%; left: 8%; height: 3rem;}
.list_ptit{background: #009eba;}
.btn-more2{display: block; position: absolute; width: 2.4rem; height: 2.4rem; display: block; top: 5.5rem; right: 0.8rem;}
.btn-more3{display: block; position: absolute; width: 2.4rem; height: 2.4rem; display: block; top: 10.5rem; right: 0.8rem;}
.btn-more4{display: block; position: absolute; width: 2.4rem; height: 2.4rem; display: block; top: 15.5rem; right: 0.8rem;}
.btn-more5{background: url(images/more5.jpg) 0 0 no-repeat; width: 100%; height: 3.8rem; background-size: contain; position: relative;}
.btn-more5>.blnk{width: 80%; left: 10%; height: 2rem; top: 0.5rem; display: block; position: absolute;}
#carmkt_h5_receive_coupon{visibility: hidden;}

.oline-spec-label{margin-top:6px;}
.ylj_item.cur .oline-spec-label{padding-right: 2.7rem;}
.oline-spec-label .spec-item{position:relative; white-space: nowrap; padding: 2px 9px; border-radius: 100px; display: inline-block; color: #7B8998; font-size: 10px; margin-bottom:3px;}
.oline-spec-label .spec-item[c=colorO]{color: #f08439;}
.oline-spec-label .spec-item{margin-right: 4px; padding: 2px 3px;}
.oline-spec-label .spec-item:last-child{margin-right: 0;}
.oline-spec-label [tstyle~=line-through]{line-height:1rem;}
[brd=around]:after, [brd~=row]:after, [brk]:before{content: ''; display: block;}
[brd=around]:after{position: absolute; left: 0; top: 0; width: 200%; height: 200%; line-height: 200%; border: 1px solid currentColor; border-radius: 4px; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5); transform: scale(.5);}
[brd=around][c=colorO]:after{border-color: #f08439;}
[brd=around][c=colorg]:after{border-color: #BDC4CB;}

.ylj_listWrap .road-cont{border: 1px solid #ff7b42;margin-top: .375rem;}
.ylj_listWrap .road-cont .road-banner{height: 2rem;}
.price-bg{background: url('./images/price.png') no-repeat;background-size: 16rem 3.75rem;}
.ylj_listWrap p.road-title{color: #f5602c;line-height: 1.8rem;margin-left: 1.5rem;}
.ylj_listWrap p.road-title i{font-size: 0.9rem;font-style: normal;width: 3rem;display: inline-block;line-height: 1.9rem;}
.ylj_listWrap p.road-title em{font-size: .6rem;}
.ylj_listWrap .road-cont .location{position: absolute;top: 0.6rem;left:2%;background-position: bottom left;width: .675rem;height: .825rem;}
.ylj_listWrap .road-cont .price{position: absolute;top:.5rem;left:50%;background-position: 0 0;width: 2.6rem;height: 1rem;}
.ylj_listWrap .status{padding: 0.2rem .425rem;background: #ff772c;color: #FFFFFF;border-radius: 0.5rem;position: absolute;right: 1rem;font-size: .5rem;height: 0.5rem;overflow: hidden;top: 0.6rem;}
.ylj_listWrap .status.end{background: #b9b9b9;}
.ylj_listWrap .road-cont .price250{background-position:-2.8rem 0;}
.ylj_listWrap .road-cont .price300{background-position:0 0;}
#prdlist {overflow: hidden;height: auto;}
#prdlist .other-roads{height: 5rem;width: 100%;margin-top: 1rem;}
#prdlist .other-roads p{color: #f95e09;font-size: .5rem;text-align: center;}
#prdlist .other-roads a{background: #f95e09;color: #FFFFFF;font-size: .6rem;text-align: center;margin:.6rem auto 0;line-height: 1.6rem;width:9.32rem;height:1.6rem;display: block;border-radius: 1rem;}

#hwjj ul li{margin-bottom: .5rem;}
#hwjj .hwjj-hover{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 0 .8rem;height: 1.5rem;width: 100%;position: absolute;bottom: 0;background: rgba(0,0,0,0.4);display: flex;justify-content: space-between;}
#hwjj .hwjj-hover p{color: #FFFFFF;font-size: .7rem;line-height: 1.5rem;}
#hwjj .hwjj-hover p i{margin:0 .05rem 0 0.3rem;color: #feed20;vertical-align: top;font-size: .5rem;line-height: 1.4rem;}
#hwjj .hwjj-hover p em{color: #feed20;}
#hwjj .hwjj-more a{display:block;background: #f95e09;color: #FFFFFF;border-radius: .8rem;line-height: 1.6rem;width: 9.34rem;height: 1.58rem;text-align: center;font-size: .68rem;margin: 1.5rem auto 2rem;}

.hwjj-layer{background: url('./images/fLayer.png') no-repeat;position: fixed;right: 0.2rem;bottom: 8%;width: 2.84rem;height: 3.33rem;z-index: 9999;background-size: 2.84rem 3.33rem;}
.hwjj-layer-ani{-webkit-animation:hwjjHide .3s linear 1;-o-animation:hwjjHide .3s linear 1;-moz-animation:hwjjHide .3s linear 1;-webkit-animation-fill-mode:forwards;-webkit--webkit-animation-fill-mode:forwards;}
.layer-ani{right:-3rem;}
.hwjj-layer-show{-webkit-animation:hwjjShow .3s linear 1;-moz-animation:hwjjShow .3s linear 1;-o-animation:hwjjShow .3s linear 1;-webkit-animation-fill-mode:forwards;-webkit--webkit-animation-fill-mode:forwards;}

/**/
.footer img:nth-child(1){margin-bottom: -1px;}
.footer .rules{margin-top: 1rem;}
.footer .rules p{margin: 1rem 0 1.5rem;color: #f95e09;line-height: 1.1rem;font-size: 0.5rem;padding: 0 1.5rem;}

/**/
#j_container>ul::-webkit-scrollbar              { /* 1 */  width:1px; }
#j_container>ul::-webkit-scrollbar-button       { /* 2 */ }
#j_container>ul::-webkit-scrollbar-track        { /* 3 */ }
#j_container>ul::-webkit-scrollbar-track-piece  { /* 4 */ }
#j_container>ul::-webkit-scrollbar-thumb        { /* 5 */ border:solid 1px #ed683a; width:1px;  border-radius:4px; background-color:rgba(255,255,255,0.3);}
#j_container>ul::-webkit-scrollbar-corner       { /* 6 */ background-color:#ed683a;}
#j_container>ul::-webkit-resizer                { /* 7 */ }
#j_container>ul::-webkit-scrollbar:horizontal   { height:1px;}

.has-old:after{content: '已过期';position: absolute;width: 3rem;right: 2.2rem;bottom: 1.5rem;font-size: 0.6rem;color: #FFF;background: rgba(0,0,0,0.6);text-align: center;height: 1rem;line-height: 1rem;transform: rotate(30deg);}
.has-use:after{content: '已使用';position: absolute;width: 3rem;right: 2.2rem;bottom: 1.5rem;font-size: 0.6rem;color: #FFF;background: rgba(0,0,0,0.6);text-align: center;height: 1rem;line-height: 1rem;transform: rotate(30deg);}
.unable:after{content: '已废弃';position: absolute;width: 3rem;right: 2.2rem;bottom: 1.5rem;font-size: 0.6rem;color: #FFF;background: rgba(0,0,0,0.6);text-align: center;height: 1rem;line-height: 1rem;transform: rotate(30deg);}
#j_container ul.tickets.has-old li a span{line-height: 2.3rem;font-size: 0.7rem;}

.egg-flayer{background: url('./images/egg-flayer.png') no-repeat;background-size: cover;position: absolute;bottom: 0;left: 0;right: 0;z-index: 9;height: 13rem;}