/*!
 * author: qiuyd
 * date: 2016/01/13 v1.0
 */
/*基础样式*/
/* background-color:#FFF; */
html{color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
body{ line-height:20px; font-size:14px; font-family:Arial; word-break:break-all;word-wrap:break-word; }
body.bg{ background-color:#F2F2F2; }
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;display:block;}
input, textarea, select{ font-size:14px; font-family:Arial; }
input:focus, textarea:focus, select:focus{ outline:none; }
ul{list-style-type:none;}
li{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
a,a:link{color:#333; text-decoration:none;}
a:hover,a:active{color:#333;text-decoration:none;}
.clea{ clear:both; }
.fl{ float:left; }

/**main**/
.main{ clear:both; width:100%; min-width:320px; max-width:750px; margin:0 auto; }
.mainmlr{ margin:0 3%; }

/*home.jsp*/
.hbanner{ width:100%; margin:0 auto; position:relative; overflow:hidden; }
.hbanner img{ width:100%; }
.hbanner .hd{ width:100%; height:11px; line-height:11px; position:absolute; z-index:1; bottom:10px; text-align:center;  }
.hbanner .hd ul{ display:inline-block; height:7px; font-size:0; }
.hbanner .hd ul li{ display:inline-block; margin:0 5px; width:7px; height:7px; border:1px #FFF solid; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; overflow:hidden; }
.hbanner .hd ul .on{ background-color:#FFF; }
.hbanner .bd{ position:relative; z-index:0; }
.hbanner .bd li{ position:relative; zoom:1; }
.hbanner .bd li img{ width:100%; background:url(../image/loading.gif) center center no-repeat;  }

.hnavd{ clear:both; margin:12px 0; font-size:16px; border-top:1px #E0E0E0 solid; background-color:#FFF; text-align:center; overflow:hidden; zoom:1; }
.hnavd a{ color:#555; }
.hnavd i{ width:100%; font-style:normal; display:inline-block; }
.hnavd .l{ float:left; width:50%; }
.hnavd .l p{ clear:both; border-right:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; }
.hnavd .l p a{ height:100px; display:block; }
.hnavd .l p a i.i1{ padding-top:55px; margin-top:12px; background:url(../image/ico2_1.png) center top no-repeat; background-size:auto 45px; }
.hnavd .l p a i.i2{ padding-top:50px; margin-top:15px; background:url(../image/ico2_2.png) center top no-repeat; background-size:auto 40px; }
/*duanzhipeng edit 2016-11-21*/
.hnavd .r{ float:left; width:50%; }
.hnavd .r p{ clear:both; border-right:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; }
.hnavd .r p a{ height:100px; display:block; }
.hnavd .r a i.i1{ padding-top:55px; margin-top:12px; background:url(../image/ico2_3.png) center top no-repeat; background-size:auto 50px; }
.hnavd .r a i.i2{ padding-top:50px; margin-top:15px; background:url(../image/ico2_4.png) center top no-repeat; background-size:auto 50px; }


.haddrd{ clear:both; padding:15px 3%; margin-bottom:12px; font-size:16px; color:#555; border-top:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; background-color:#FFF; }
.haddrd .infod{ clear:both; padding-left:22px; background:url(../image/ico3.png) 0 0 no-repeat; background-size:auto 20px; }
.haddrd .infod p{ clear:both; padding-top:8px; font-size:14px; color:#999; }

/*pspace.jsp*/
.pspaced{ clear:both; margin:20px 3% 15px 3%; font-size:16px; color:#666; background-color:#FFF; text-align:center; overflow:hidden; zoom:1; }
.pspaced .l, .pspaced .r{ float:left; width:50%; border-top:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; position:relative; }
.pspaced .infod{ padding:20px 0; }
.pspaced .l .infod{ border-right:1px #E0E0E0 solid; }
.pspaced p{ height:40px; display:block; }
.pspaced .l p{ background:url(../image/ico4_1.png) center top no-repeat; background-size:auto 40px; }
.pspaced .r p{ background:url(../image/ico4_2.png) center top no-repeat; background-size:auto 40px; }
.pspaced h3{ clear:both; padding:10px 0; font-size:40px; line-height:40px; }
.pspaced .l h3{ color:#ff593e; }
.pspaced .r h3{ color:#06c1ae; }
.pspaced i{ position:absolute; top:0; right:0; width:20px; height:20px; display:block; }
.pspaced .l i{ background:url(../image/ico5_1.png) center no-repeat; }
.pspaced .r i{ background:url(../image/ico5_2.png) center no-repeat; }

.pstimed{ clear:both; padding:16px 3%; margin-bottom:15px; font-size:15px; color:#555; border-top:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; background-color:#FFF; overflow:hidden; zoom:1; }
.pstimed h3{ float:left; padding-left:30px; background:url(../image/ico6.png) center left no-repeat; background-size:auto 20px; }
.pstimed p{ float:right; color:#999; }

/*carlock.jsp*/
.clockd1{ clear:both; padding:30px 3%; color:#999; background-color:#F2F2F2; text-align:center; }
.clockd1 h3{ clear:both; padding-top:55px; background:url(../image/ico7.png) center top no-repeat; background-size:auto 40px; }

.clockd2{ clear:both; padding:20px 8%; }
.clockd2 .row{ clear:both; padding:0 10px; margin-bottom:15px; background-color:#F2F2F2; position:relative; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.clockd2 .row i{ position:absolute; left:10px; top:50%; margin-top:-10px; width:20px; height:20px; display:block; }
.clockd2 .row i.i1{ background:url(../image/ico8_1.png) center no-repeat; background-size:auto 16px; }
.clockd2 .row i.i2{ background:url(../image/ico8_2.png) center no-repeat; background-size:auto 20px; }
.clockd2 .row p{ padding-left:30px; }
.clockd2 .row p .txt{ width:100%; padding:15px 0; line-height:20px; font-size:16px; color:#555; border:0; background:none; }

.clockd2 .btnd{ clear:both; padding:10px 0; }
.clockd2 .btnd p{ float:left; width:47%; }
.clockd2 .btnd p a{ height:50px; line-height:50px; font-size:18px; color:#FFF; text-align:center; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; display:block; }
.clockd2 .btnd p.l a{ background-color:#ff593e; }
.clockd2 .btnd p.r{ float:right; }
.clockd2 .btnd p.r a{ background-color:#06c1ae; }



/*parking.jsp-new*/
.parkd1{ clear:both; padding:5px 3%; color:#666; }
.parkd1 .c{ clear:both; padding-bottom:8px; border-bottom:1px #DCDCDC solid; }
.parkd1 .row{ clear:both; padding:3px 0; line-height:20px; position:relative; }
.parkd1 .row.t{ font-size:16px; padding-top:5px; }
.parkd1 .row .l{ position:absolute; top:3px; left:0; width:100px; }
.parkd1 .row .r{ padding-left:84px; }

.parkd2{ clear:both; padding:5px 3% 10px 3%; }
.parkd2 .titd{ clear:both; font-size:16px; padding-bottom:5px; overflow:hidden; zoom:1; }

.parkd3{ clear:both; padding:0 1.9% 10px 1.9%; overflow:hidden; zoom:1; }
.parkd3 p{ float:left; width:30.33%; padding:0 1.5%; }
.parkd3 p a{ width:100%; height:34px; line-height:34px; font-size:16px; border:1px #ddd solid; background-color:#fff; text-align:center; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }


/*输入车牌号*/
.plateipd{ clear:both; }
.plateipd ul{ clear:both; overflow:hidden; zoom:1; }
.plateipd li{ float:left; width:11.5%; padding:4px 0.5%; height:44px; line-height:44px; text-align:center; }
.plateipd li a{ border:0; width:100%; height:44px; font-size:22px; border:1px #D2D1D7 solid; display:inline-block; color:#000; background-color:#fff; }
.plateipd li a.on{ border:1px #08a108 solid; }

.plateipd li.newe a{ border:1px #D2D1D7 solid; font-size:10px; height:32px; line-height:16px; padding:6px 0; color:#666; }
.plateipd li.newe a i{ font-style:normal; font-size:14px; }

/*输入车牌键盘*/
.platekeyd{ position:fixed; bottom:0; left:0; right:0; width:100%; max-width:750px; margin:0 auto; background-color:#CBCED7; display:none; }
.platekeyd .linkd{ clear:both; height:36px; background-color:#FFF; border-top:1px #ddd solid; text-align:center; font-size:16px; position: relative; }
.platekeyd .linkd a{ position: absolute; right: 0; top: 50%; margin-top: -18px; width:60px; height:36px; line-height:36px; display:inline-block; color:#4785C2; }

.platekeyd .keyd{ font-size:20px; padding:3px 0; overflow:hidden; zoom:1; }
.platekeyd .keyd li{ float:left; width:9%; padding:2px 0.5%; height:44px; line-height:44px; text-align:center; }
.platekeyd .keyd li a{ border:0; width:100%; display:inline-block; color:#000; background-color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.platekeyd .keyd .lock li a{ background-color:#DCDFE4; color:#999; }
.platekeyd .keyd ul.mini li{ width:7%; }

.platekeyd .deld{ position:absolute; right:2px; bottom:5px; }
.platekeyd .deld a{ width:54px; height:44px; background:url(../image/del.png) center no-repeat; background-size:auto 24px; display:block; background-color:#EEE; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }

.iformbtnd{ clear:both; margin-bottom:20px; padding-top:5px; }
.iformbtnd .btna{ height:44px; line-height:44px; text-align:center; font-size:17px; color:#fff; background-color:#08a108; display:block; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.iformbtnd.back .btna{ width:60%; margin:0 auto; background-color:#EB9A05; }
.iformbtnd .btna.bg1{ background-color:#bbb; }

.iformbtnd p{ line-height:30px; padding-top:10px; font-size:26px; font-weight:bold; text-align:center; color:#08a108; display:block; }
.iformbtnd p.fs30{ font-size:30px; }

.iformtsd{ float:right; font-size:14px; }
.parktsd{ clear:both; padding:0 3% 150px 3%; color:#999; overflow:hidden; zoom:1; }
.parktsd p{ padding:3px 0; }

.indexd1{ clear:both; padding:10px 3%; margin-bottom:10px; background-color:#fcd384; color:#ff3600; }

/*parking.jsp*/
.iformd{ clear:both; padding:0 3%; margin-bottom:10px; font-size:15px; background-color:#fff; border-top:1px #c9c9c9 solid; border-bottom:1px #c9c9c9 solid; }
.iformd .row{ clear:both; padding:12px 0; line-height:22px; position:relative; }
.iformd.pt15 .row{ padding:15px 0; }
.iformd .row.bt{ border-top:1px #ddd solid; }
.iformd .row.inp{ padding:10px 0; }

.iformd .row .l{ position:absolute; top:50%; margin-top:-11px; left:0; width:100px; }
.iformd .row .r{ padding-left:100px; }
.iformd .rinpd{ position:relative; padding-right:5px; height:40px; border:1px #999 solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.iformd .rinpd .rseld{ position:absolute; top:0; left:0; width:60px; font-size:16px; }
.iformd .rinpd .rseld a{ width:38px; padding-right:22px; height:40px; line-height:40px; display:block; background-color:#fff; border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px; text-align:center; background:url(../image/ico1.png) 36px center no-repeat; background-size:auto 8px; }

.iformd .rinpd .rtxtd{ margin:5px 10px 5px 60px; padding:5px 0 5px 10px; height:20px; border-left:1px #999 solid; }
.iformd .rinpd .rtxtd .txt{ width:100%; display:block; height:20px; line-height:20px; border:0; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; }
.iformd .rinpd .rseld .sel, .iformd .rinpd .rtxtd .txt{ font-size:15px; }

.paytsd1{ clear:both; padding:10px 3% 5px 3%; text-align:center; font-size:18px; color:red; }

.inulld{ clear:both; padding:80px 0; text-align:center; color:#666; }
.inulld img{ display:inline; }
.inulld h3{ padding-top:10px; font-size:16px; line-height:24px; }
.inulld h4{ padding-top:10px; font-size:17px; line-height:24px; font-weight:bold; color:red; }

.payInfod{ clear:both; }
.payInfod .titd{ padding:3px 1% 5px 1%; font-size:16px; font-weight:bold; color:#08a108; }


/*扫码对讲*/
.scodecalld{ width: 100%; text-align: center; display: none; }
.scodecalld h2{ clear: both; padding-bottom: 10px; color: #666; }
.scodecalld p a{ display: inline-block; height: 38px; border-radius:18px; padding: 0 20px; font-size: 18px; background-color:#08a108; color: #FFF; }
.scodecalld p a span{ height: 38px; line-height: 38px; background: url(../image/kf1.png) center left no-repeat; background-size: auto 30px; padding-left: 36px; display: inline-block; }

/*provsel*/
.provselbg{ position:fixed; top:0; left:0; right:0; width:100%; max-width:750px; margin:0 auto; height:100%; background:rgba(0,0,0,0.5); display:none; }
.provseld{ position:fixed; bottom:0; left:0; right:0; width:100%; max-width:750px; margin:0 auto; background-color:#fff; display:none; }
.provseld .linkd{ clear:both; height:44px; background-color:#eee; text-align:center; font-size:16px; }
.provseld .linkd a{ float:right; width:60px; height:44px; line-height:44px; display:block; color:#333; }
.provseld ul{ clear:both; font-size:18px; border-top:1px #ddd solid; }
.provseld li{ float:left; width:16.66%; height:44px; line-height:44px; text-align:center; }
.provseld li a{ border-bottom:1px #eee solid; border-right:1px #eee solid; width:100%; display:inline-block; color:#333; }
.provseld li a.on{ background-color:#999; color:#fff; }


/*roadparking.jsp*/
.rparkd1{ clear:both; padding:5px 3%; overflow:hidden; zoom:1; }
.rparkd1 p{ float:left; width:48%; }
.rparkd1 p.l{ padding-right:2%; }
.rparkd1 p.r{ padding-left:2%; }
.rparkd1 p a{ height:34px; line-height:34px; border:1px #ddd solid; display:block; background-color:#fff; text-align:center; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; transition:none;-webkit-transition:none;-moz-transition:none; }
.rparkd1 p.on a{ color:#fff; background-color:#777; border-color:#777; }

.rpparklotd{ clear:both; padding:5px 3% 12px 3%; }
.rpparklotd .titd{ clear:both; font-size:16px; padding:0 0 9px 0; overflow:hidden; zoom:1; }
.rpparklotd .rtxtd{ clear:both; padding:7px 10px; height:30px; border:1px #08a108 solid; background-color:#fff; }
.rpparklotd .rtxtd .txt{ width:94%; padding:0 2%; display:block; height:28px; line-height:28px; font-size:26px; letter-spacing:5px; border:0; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; }
.rpparklotd .rtxtd ::-webkit-input-placeholder{ font-size:16px; letter-spacing:0; line-height:30px; }
.rpparklotd .rtxtd :-moz-placeholder{ font-size:16px; letter-spacing:0; line-height:30px; }
.rpparklotd .rtxtd ::-moz-placeholder{ font-size:16px; letter-spacing:0; line-height:30px; }
.rpparklotd .rtxtd :-ms-input-placeholder{ font-size:16px; letter-spacing:0; line-height:30px; }

/*home2*/
.navdicon {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;border-bottom:1px solid #e0e0e0;padding:10px 0;}
.navdicon a{width:25%;display: flex;justify-content: center;flex-direction: column;color:#999;font-size:12px;position:relative;padding:7px 0}
.navdicon a span{padding-top:5px}
.navdicon a i{display: block;height:50px}
.haddrd .homeadricon{background: url(../image/homeadr.png) 0 0 no-repeat;background-size: auto 20px;}
.homeicon1{background:url(../image/home1.png) center no-repeat; background-size:auto 50px;} 
.homeicon2{background:url(../image/home2.png) center no-repeat; background-size:auto 50px;} 
.homeicon3{background:url(../image/home3.png) center no-repeat; background-size:auto 50px;} 
.homeicon4{background:url(../image/home4.png) center no-repeat; background-size:auto 50px;} 
.homeicon5{background:url(../image/home5.png) center no-repeat; background-size:auto 50px;} 
.homeicon6{background:url(../image/home6.png) center no-repeat; background-size:auto 50px;} 
.homeicon7{background:url(../image/home7.png) center no-repeat; background-size:auto 50px;} 
.homeicon8{background:url(../image/home8.png) center no-repeat; background-size:auto 50px;} 
.homeicon9{background:url(../image/home9.png) center no-repeat; background-size:auto 50px;} 
.homeicon10{background:url(../image/home10.png) center no-repeat; background-size:auto 50px;} 
.homeicon11{background:url(../image/home11.png) center no-repeat; background-size:auto 50px;}