.allparkrecords-input78{ width: 100%; height: 34px; line-height: 34px; } .allparkrecords-park-type{ border: 1px solid #1E95CD; padding: 2px 10px; text-align: center; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #featured-in,#featured-out { width: 600px; height: 400px; margin-top:20px; overflow: hidden; } #featured-in>img, #featured-in>div, #featured-in>a { display: none; width:600px;height: 400px;} #featured-out>img, #featured-out>div, #featured-out>a { display: none; width:600px;height: 400px;} /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; } /*span.rotator {*/ /*display: block;*/ /*width: 40px;*/ /*height: 40px;*/ /*position: absolute;*/ /*top: 0;*/ /*left: -20px;*/ /*background: url(../images/rotator-black.png) no-repeat;*/ /*z-index: 3; }*/ span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move { left: 0 } /*span.mask.move {*/ /*width: 40px;*/ /*left: 0;*/ /*background: url(../images/timer-black.png) repeat 0 0; }*/ /*span.pause {*/ /*display: block;*/ /*width: 40px;*/ /*height: 40px;*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*background: url(../images/pause-black.png) no-repeat;*/ /*z-index: 4;*/ /*opacity: 0; }*/ /*span.pause.active {*/ /*background: url(../images/pause-black.png) no-repeat 0 -40px }*/ div.timer:hover span.pause, span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.slider-nav { display: block } div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -25px; cursor: pointer; background-size: 100% 100%; } div.slider-nav span.right { background-image: url(../../img/right-arrow.png); right: 0; } div.slider-nav span.left { background-image: url(../../img/left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ .orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } .orbit-bullets li.active { color: #222; background-position: -8px 0; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /*支出明细 弹窗 sta*/ .handle_left{ width:228px; height:92px; background:rgba(255,255,255,1); box-shadow:0px 1px 6px 0px rgba(192,199,202,0.5); border-radius:4px !important; } .handle_lbg{ background: url("../../img/recordspaylico.png") no-repeat; width: 44px; height: 44px; margin-left: 19px; margin-top: 27px; } .handle_ltxt,.handle_rtxt{ width:25px; height:50px; font-size:12px; margin-top:27px; margin-left: 10px; font-family:MicrosoftYaHei; font-weight:400; color:rgba(0,0,0,.7); } .handle_ltop,.handle_rtop{ width:25px; height:13px; font-size:12px; margin-bottom: 15px; } .handle_lmoney{ width: 120px; margin-top: 22px; margin-left: 8px; height: 54px; font-size: 18px; font-family: MicrosoftYaHei; font-weight: 400; } .handle_lmoneytop,.handle_rmoneytop{ height: 22px; margin-bottom: 6px; } .handle_right{ width:329px; height:92px; background:rgba(255,255,255,1); box-shadow:0px 1px 6px 0px rgba(192,199,202,0.5); border-radius:4px !important; } .handle_rbg{ background: url("../../img/recordspayrico.png") no-repeat; width: 44px; height: 44px; margin-left: 19px; margin-top: 27px; } .handle_rmoney{ width: 90px; margin-top: 22px; margin-left: 8px; height: 54px; font-size: 18px; font-family: MicrosoftYaHei; font-weight: 400; color:rgba(0,0,0,.7); } /*住处明细 列表 sta*/ .records_detail{ max-height: 400px; overflow-y: auto; width: 520px; margin-left: 38px; } .detail_cont{ height: 96px; width: 100%; } /*成功 icon*/ .detail_trueIco{ background: url("../../img/recordsPassico.png") no-repeat; width: 20px; height: 20px; margin-top: 30px; } /*失败 icon*/ .detail_falseIco{ background: url("../../img/recordsdefeatico.png") no-repeat; width: 20px; height: 20px; margin-top: 30px; } /*上 线*/ .detail_linetop{ bottom: 20px; left: 9px; height: 30px; width: 1px; border: 1px dashed rgba(203,211,211,0.9); } /* 下 线*/ .detail_line{ top: 20px; left: 9px; height: 45px; width: 1px; border: 1px dashed rgba(203,211,211,0.9); } .detail_right{ /*width:464px;*/ width:100%; height:80px; background:rgba(250,250,250,1); box-shadow:0px 3px 1px 0px rgba(192,199,202,0.48); } .detail_righttime{ width: 110px; height: 80px; background: #DDF1F9; margin-right: 6px; padding: 24px 16px; font-size:14px; font-family:MicrosoftYaHei; font-weight:400; color:rgba(0,0,0,0.8); line-height:20px; position: relative; } .detail_righttime:after{ content:""; width:0; height:0; position:absolute; right:-6px; top:35px; border-top:solid 6px transparent; border-left:solid 6px #DDF1F9; /* 白色小三角形 */ border-bottom:solid 6px transparent; } .detail_rightmsg{ height: 80px; /*width: 345px;*/ width: 402px; } .detail_rightmsgtop{ height: 40px; } .detail_rightmsgbot{ height: 38px; display: flex; } .detail_rightmsgtop,.detail_rightmsgbot{ width: 100%; padding: 0 25px; } /*微信 icon*/ .msgwx-ico{ background: url("../../img/recordsWXico.png") no-repeat; width: 25px; height: 20px; margin-top: 9px; margin-right: 10px; } /*支付宝 icon*/ .msgalipay-ico{ background: url("../../img/recordsAlipayico.png") no-repeat; width: 24px; height: 24px; margin-top: 7px; margin-right: 11px; } /*现金 icon*/ .msgxj-ico{ background: url("../../img/recordsXJico.png") no-repeat; width: 23px; height: 16px; margin-top: 11px; margin-right: 12px; } /*余额 icon*/ .msgyy-ico{ background: url("../../img/recordsYYico.png") no-repeat; height: 22px; width: 22px; margin-top: 8px; margin-right: 13px; } .detail_rightmsgtopl,.detail_rightmsgtopr{ font-size: 14px; line-height: 40px; color:rgba(0,0,0,0.8); } .detail_rightmsgline{ /*margin-top: 2px;*/ height: 1px; width: 402px; /*width: 342px;*/ border:1px dashed rgba(203,211,211,.9); } .detail_rightmsgbot div{ height: 38px; line-height: 38px; font-size:12px; font-family:MicrosoftYaHei; font-weight:400; color:rgba(0,0,0,.6); flex: 1; } /*停车费 栏*/ .records_popMsg{ height: 80px; padding-top: 5px; } /*无支出明细字段样式*/ .detail_default{ height: 60px; line-height: 60px; text-align: center; }