/****************************************** * Commone CSS * Date : 2018 * Author : XiangYun * Net : http://www.tingyunkeji.com *****************************************/ /********************************** * 样式标准初始化 *********************************/ @charset "utf-8"; html, body, div, dl, dd, dt, ul, ol, li, a, i, font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:'微软雅黑'} html { width:100%; height:100%; font-size:14px; display:flex; justify-content:center; background:#f7f7f7} body { color:#333; background:#f7f7f7; overflow:auto; overflow-x:hidden; width:100%; height:auto; min-height:100%} a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-decoration:none; cursor:pointer; color:#333; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } i { display:-moz-inline-stack; display:inline-block; font-style:normal} table {max-width: 100%; border-collapse: collapse; border-spacing: 0;} tr {display: table-row; vertical-align: inherit; border-color: inherit} ol, ul, li { list-style:none} img {max-width: 100%; border:0 none;vertical-align: middle;} input[type=text], input[type=button], input[type=submit], input[type=reset] ,input[type=file]{ -webkit-appearance:none; font-size:100%; outline:none 0;} select { padding:0px} textarea { resize:none} :focus { outline:none 0} ::-webkit-input-placeholder { color:#aaa} ::-moz-placeholder { color:#aaa} :-ms-input-placeholder { color:#aaa} .upfile{position: absolute;height: 100%;width: 100%;opacity: 0;} /********************************** * 工具样式 *********************************/ .fl { float: left} .fr { float: right} .clear { clear: both} .hide { display: none} .ha { height: auto; overflow: hidden} .oh { overflow:hidden} .oxs { overflow:hidden; overflow-x:scroll} .oys { overflow:hidden; overflow-y:scroll} .vat { vertical-align:top} .vam { vertical-align:middle} .vab { vertical-align:bottom} .psa { position:absolute} .psr { position:relative} .psf { position:fixed} .b { font-weight: bold} .tac { text-align:center} .tal { text-align:left} .zIn999{ z-index: 999;} .inline { display:inline-block} .sl { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis} .editorDetail { position:relative; overflow: hidden; padding:1rem;height:auto;background:#fff} .editorDetail p { line-height:1.75rem; margin-bottom:0px;} .editorDetail p:first-child { margin-top:0px} .editorDetail img { max-width:100%} .active:active { opacity: .9; background-color: rgba(0,0,0,0.1)} .flex { display: flex; flex-direction: row} .flex .flex-0{ flex-shrink: 0} .flex.flex-column { flex-direction: column} .flex.flex-center { justify-content: center; align-items: center} .flex.flex-xcenter { justify-content: center} .flex.flex-ycenter { align-items: center} .YPMsg { position:fixed; padding:.8rem 1.4rem; background:rgba(0,0,0,0.65); z-index:-1; border-radius:.4rem; color:#f1f5f7; font-size:1.0714rem; max-width:80%; text-align:center; cursor:default} .loading { display:none; width:0px; height:0px} .loading > div { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:999; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; z-index:9990} .loading > div > div { background:rgba(0,0,0,0.8); padding:20px; border-radius:10px;} .ldi,.ldi>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.ldi{display:block;font-size:0;color:#fff}.ldi.la-dark{color:#fff}.ldi>div{display:inline-block;float:none;background-color:currentColor;border:0 solid #ddd}.ldi{width:32px;height:32px}.ldi>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 1s linear infinite;animation:ball-clip-rotate 1s linear infinite}.ldi.la-sm{width:16px;height:16px}.ldi.la-sm>div{width:16px;height:16px;border-width:1px}.ldi.la-2x{width:48px;height:48px}.ldi.la-2x>div{width:48px;height:48px;border-width:4px}.ldi.la-3x{width:96px;height:96px}.ldi.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} div.img { position:relative; overflow:hidden; background:no-repeat center; background-size:40% auto;} .emptyTip { clear:both; font-size:12px; color:#888; padding:30px 0; margin:0px; text-align:center; overflow:hidden} /* 项目标准 */ .bgfff { background:#fff} /* 颜色类 */ .cfff { color:#fff} .c666 { color:#666} .c999 { color:#999} .cm { color:#617ffb} /*主色调*/ .cred{color:#fd1a1a} .cfe{color:#fe8d41} /* 字体大小类 */ .s12 { font-size:0.8571rem} .s13 { font-size:0.9286rem} .s15 { font-size:1.0714rem} .s16 { font-size:1.1428rem} .s18 { font-size:1.2857rem} .s20 { font-size:1.4286rem} .s22 { font-size:1.5714rem} /* 行高类 */ .lh1_5 { line-height:1.6rem} .lh1_3 { line-height:1.45rem} .lh2 { line-height:2.2rem} .lh3 { line-height:3.2rem} .hh3 { height:3.4rem; line-height:3.4rem} .wd{font-weight:bold;} /* 外边距类 */ .mt_5 { margin-top:.5rem} .mt_8{ margin-top:.8rem} .mt1 { margin-top:1rem} .mt2 { margin-top:2rem} .mt3 { margin-top:3rem} .mt4 { margin-top:4rem} .mt5 { margin-top:5rem} .mb5 { margin-bottom:5rem} .mlr1 { margin-left:1rem; margin-right:1rem} .mr1 { margin-right:1rem} .mb1{margin-bottom:1rem} .mb2{margin-bottom:2rem} .mb3{margin-bottom:3rem} .ml2{margin-left:2rem} .ml2_5{margin-left:2.5rem} .ml1{margin-left:1em} /* 内边距类 */ .plr0{ padding-left:0rem; padding-right:0rem} .p1 { padding:1rem} .plr1 { padding-left:1rem; padding-right:1rem} .ptb1 { padding-top:1rem; padding-bottom:1rem} .ptb2 { padding-top:2rem; padding-bottom:2rem} .ptb_7 { padding-top:0.7rem; padding-bottom:0.7rem} .bte { border-top:1px solid #eee} .btb{ border:none} .section.plr0{padding-left:0rem; padding-right:0rem} .bd{border-bottom:1px #ddd dashed;} .pt1{padding-top:1rem} .ptb0{padding-bottom:0rem} .pb_5{padding-bottom:.5rem} .pb_7{padding-bottom:.7rem} .pb1{padding-bottom:1rem} .pb2{padding-bottom:2rem} .pb1{padding-bottom:1rem} .pb3{padding-bottom:3rem} .pb4{padding-bottom:4rem} .pb5{padding-bottom:5rem} .pb8{padding-bottom:8rem} .bb{border-bottom:1px solid #ddd} /* 高度类 */ .h3 { height:3rem} .h4 { height:4rem} .h5 { height:5rem} .h6 { height:6rem} .h8 { height:8rem} .fullw { width:100%} /********************************** * 全局通用样式 *********************************/ /* 版块容器 */ .section { position:relative; clear:both; background:#fff; padding-left:1rem; padding-right:1rem; } .section > div.title, .section > a.title { border-bottom:1px solid #ddd; line-height:3.2rem; height:3.2rem; font-size:1.0714rem} .section > div.title a.more { float:right; padding-right:1rem;background:url(/static/index/com/img/gd8.png) no-repeat right;background-size:auto 0.9rem} .section > div.title.bceee, .section > a.title.bceee { border-color:#eee} .section > div.wrap { position:relative; clear:both; overflow:hidden} .section > a.title { width:100%; background:url(/static/index/com/img/gd8.png) no-repeat right;background-size:auto 1rem} .example { width:1.14rem; height:1.14rem; vertical-align:middle; margin-left:.3rem; background:url(/static/index/com/img/tsb.png) no-repeat center; background-size:contain} /* DIV表格【默认3列】 */ .tableList { width:100%} .tableList dl { width:auto; padding:0 1rem; margin:0px; height:auto; overflow:hidden} .tableList dl dd { float:left; width:33.333%; height:3rem; line-height:3rem; text-align:center; border-bottom:1px dashed #e3e3e3; color:#888; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .tableList dl.th { border-bottom:1px solid #e3e3e3} .tableList dl.th dd { height:3rem; line-height:3rem; border-bottom:0 none; color:#5e5e5e; font-weight: bold;} .tableList dl:last-child dd { border: 0 none;} .tableList.column4 dl dd { width:25%} /* 4列表 */ /* 列表顶部筛选 【链接类型】 */ .filterLink { height: 3rem; padding-bottom: 1px; background: #fff; border-bottom:1px solid #ddd} .filterLink > a, .filterLink > i { float:left; width:25%; height:3rem; line-height:3rem; text-align:center} .filterLink > a:active, .filterLink > a.active { color:#617ffb; border-bottom:2px solid #617ffb;} .filterLink.column3 > a { width:33.33%} .filterLink.column5 > a { width:20%} .filterLink.column2 > a { width:50%} /* 全屏提交按钮 */ .fullSubmit { border:0 none; background:#617ffb; color:#fff; border-radius:3px; height:3rem; line-height:3rem; width:100%; font-size:1.1428rem} .fullSubmit.bg666{background:#ccc} .footerfullSubmit{position:fixed;bottom:0;left:0;width:100%} .footerfullSubmit .Submit{width:100%;height:3rem;line-height:3rem;color:#fff;font-size:1.1428rem;text-align:center;background:#617ffb; z-index: 999;} .footerfullSubmit .Submit.bg666{background:#ccc} /* 普通版列表 */ .baserList { background:#fff; overflow:hidden; margin-top:1rem} .baserList dd { position:relative; margin:0 1rem; border-top:1px solid #e8e8e8; margin-top:-1px} .baserList dd a { width:100%; height:3.4rem; line-height:3.4rem; color:#555; background:url(/com/img/more.png) no-repeat right center; background-size:auto 35%} /* 导航基础样式 */ .navList a { float:left; text-align:center; width:33.3%; padding-top:1rem; padding-bottom:1rem} .navList a img { height:1.5rem; } .navList a i { display:block; padding-top:.4rem} /* 浮动底部 */ .fixedBottom { position:fixed; bottom:0px; height:4rem; width:100%; background:#fff; left:0px; border-top:1px solid #ddd; box-shadow:0 0 10px #ddd;z-index: 999;} .fixedBottom a { float:left; width:20%; height:4rem; text-align:center; padding-top:0.65rem;color:#666} .fixedBottom a i {font-size:0.9286rem;margin-top:0.2rem;font-weight:normal;padding-left:.1rem} .fixedBottom a:first-child.active{ color:#617ffb;background-size:1.55rem auto;} .fixedBottom a:last-child { } .fixedBottom a:last-child.active, .fixedBottom a:last-child:active{ color:#617ffb} span.iconfont{ display: block; } /* .fixedBottom a.weizhang {background-image:url(/static/index/com/img/weizhang.png);} .fixedBottom a.fadan {background-image:url(/static/index/com/img/fadan.png);} .fixedBottom a.chejian {background-image:url(/static/index/com/img/chejian.png);} .fixedBottom a.baoxian {background-image:url(/static/index/com/img/baoxian.png);} .fixedBottom a.vip {background-image:url(/static/index/com/img/vip.png);} .fixedBottom a.yonghu {background-image:url(/static/index/com/img/yonghu.png);} */ .fixedBottom a{color: #6381fb; } .fixedBottom a.weizhang1 {color: #6381fb; } .fixedBottom a.fadan1 {color: #6381fb;} .fixedBottom a.chejian1 {color: #6381fb;} .fixedBottom a.baoxian1 {color: #6381fb;} .fixedBottom a.vip1 {color: #6381fb;} .fixedBottom a.yonghu1 {color: #6381fb;} /* 页面底部-版权提示 */ .copyRight { position:relative;color:#c2c2c2; text-align:center; font-size:0.8571rem; line-height:1.4rem; margin-top:2.5rem;} .copyRight a { color:#617ffb} .copyRight.showImg img { height:3rem; margin-bottom:.4rem;border-radius: 50%} /* 页面底部-我们的优势 */ .myAdvantage {position:relative;margin-top:10rem;width:100%;} .myAdvantage.sfzh {position:relative;margin-top:4rem;width:100%;} .myAdvantage .model{width:33%;height:3.6rem;float:left;text-align:center;border-right:1px solid #ddd} .myAdvantage .model:last-child{border-right:none} .myAdvantage .model img{height:3rem;width:3rem;margin-bottom:0.5rem; margin-top:-1.1rem} .myAdvantage .model i{width:100%;line-height:1.2rem;color:#999;font-size:0.7rem} /* 底部结算样式 */ .footerPay{ position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #ddd;height:3.6rem;line-height:3.6rem;background:#FFF;} .footerPay .fl{position:relative;width:65%;font-size:1.1471rem;padding-left:1rem} .footerPay .fl .xiao{font-size:0.85rem} .footerPay .fr{color:#fff;background:#617ffb;width:30%;text-align:center; height:3.6rem; line-height:3.6rem; border:0 none; border-bottom:1px solid #617ffb; border-radius:0;} .footerPay .bgcc{background:#ddd ;color:#999; position:relative; border-bottom:1px solid #ddd} /* 底部条款 */ .FooterClause{position:fixed;bottom:3.65rem;height:3rem;background:#fff;left:0;z-index:6;width:100%} .FooterClause input[type=checkbox]{border:1px solid #ddd; border-radius:2px; background:#fff; margin-right:.5rem; -webkit-appearance:none; appearance:none; width:1.15rem; height:1.15rem; vertical-align:bottom; line-height:100%;margin-left:1rem;margin-top:1rem} .FooterClause input[type=checkbox]:checked { border:1px solid #617ffb;background:#617ffb url(/static/index/com/img/dh10.png) no-repeat center ;background-size:auto 0.65rem } /* 资料编辑 */ .infoEdit { clear:both} .infoEdit dl { position:relative; overflow:hidden; background:#fff; z-index:1} .infoEdit dl dd { position:relative; height:3.2rem; line-height:3.2rem; border-top:1px solid #eee; margin:-1px 1rem 0 1rem} .infoEdit dl dd label { position:absolute; height:3.2rem; background:#fff; padding-right:.5rem} .infoEdit dl dd div { text-align:right; height:3.2rem; line-height:3.2rem} .infoEdit dl dd input { border:0 none; text-align:right; width:100%; color:#555;line-height:100%} .infoEdit dl dd input[type=date] { width:10rem} .infoEdit dl dd .example { width:1.14rem; height:1.14rem; vertical-align:middle; margin-left:.3rem; background:url(/static/index/com/img/tsb.png) no-repeat center; background-size:contain} .infoEdit dl dd .hp { float:right; width:2rem; height:2rem; margin-top:0.6rem; background:url(/static/index/com/img/tx.png) no-repeat center; background-size:cover; border:1px solid #ddd; border-radius:50%} .infoEdit dl dd.more { padding-right:1rem; background:url(/static/index/com/img/gd3.png) no-repeat right center; background-size:auto 1rem} .infoEdit.reado dl { z-index:-1} .infoEdit.reado dd.nick { padding-right:0} .infoEdit.reado input[type=submit] { display:none} /* 编辑车辆 省份选择 */ .infoEdit dl dd div.plateNo {float:right;height:1.8rem;width:3.6rem;line-height:1.8rem;border-radius:3px;background:#dae5fa;text-align: center;margin-top:0.7rem} .infoEdit dl dd div.plateNo input { width:2.3rem; border:0 none;background:url(/static/index/com/img/more.png) right no-repeat;background-size:auto 0.4rem ;color:#617ffb;text-align:left;line-height:1.8rem} .infoEdit dl dd.more2 { padding-right:1.5rem; background:url(/static/index/com/img/more.png) no-repeat right center; background-size:1rem auto} .infoEdit dl dd.more3 { padding-right:1.5rem; background:url(/static/index/com/img/gd2.png) no-repeat right center; background-size:1rem auto} /* 字段类信息展示 */ .infoView { margin-left:1rem; margin-right:1rem; overflow:hidden;} .infoView:last-child{border:none} .infoView dd { position:relative; display:flex; flex-direction:row} .infoView dd > label { flex-shrink:0; padding-right:.5rem} .infoView dd > div { width:100%; text-align:right} .infoView.bte { border:0 none; line-height:3rem} .infoView.bte dd { border-top:1px solid #eee} .infoView.bte dd:first-child { border:0 none} .infoView.s12_l dd > label { font-size:0.8571rem} .infoView.s15_l dd > label { font-size:1.0714rem} .infoView.s16_l dd > label { font-size:1.1428rem} .infoView.s12_r dd > div { font-size:0.8571rem} .infoEdit .infoView { margin-left:0; margin-right:0} /*开关按钮*/ .changeBar{position:absolute; right:0;top:0.55rem; width: 4rem; height:2rem; border-radius: 32px; background: #999;line-height:2rem;white-space: nowrap;} .changeBar i.bar { width:24px; height:24px; line-height:24px; margin-top:2px; background:#fff; border-radius:24px; padding:0; margin-right:3px} .changeBar i:last-child { display:none; padding-left:0px; padding-right:0px} .changeBar.sec i:first-child { display:none} .changeBar.sec i.bar { margin-left:3px; margin-right:0px} .changeBar.sec i:last-child { display:inline-block; text-align:center} /*单选按钮*/ input[type=radio]:checked{ border:1px solid #617ffb;background:#617ffb url(/static/index/com/img/dh10.png) no-repeat center ;background-size:auto 0.8rem } input[type=radio] {position:absolute; right:0;top:1.1rem;width:1.6rem; height:1.6rem; border:1px solid #e3e3e3; border-radius:50%; background:#fff;-webkit-appearance:none } /*选中按钮*/ input[type=checkbox] { border:1px solid #ddd; border-radius:2px; background:#fff; margin-top:3rem; margin-right:.5rem; -webkit-appearance:none; appearance:none; width:1.15rem; height:1.15rem; vertical-align:bottom; line-height:100%} input[type=checkbox]:checked { border:1px solid #617ffb;background:#617ffb url(/static/index/com/img/dh10.png) no-repeat center ;background-size:auto 0.65rem } /* 支付方式选择*/ .selectPayType img {height:1.8rem;width:1.8rem;margin-right:0.5rem;padding:1rem 0} /* 栏目图片 */ .pageBanner{ height:10rem;width:100%; background:no-repeat center; background-size: cover; clear: both;} /* 年检顶部流程 */ .topriver{width:100%;height:auto;padding:1.3rem 0;overflow:hidden} .topriver .model{position:relative; float:left;width:25%;text-align:center} .topriver .model .muber{position:relative;background:#fff;height:2rem;width:2rem;line-height:2rem;font-size:1.1428rem; border-radius:50%;border:1px #ddd solid;color:#666;margin:0 auto} .topriver .model .biaoti{width:100%;margin-top:0.4rem} .topriver .model img{position:absolute; right:0;top:0.6rem;height:0.8rem;width:0.6rem} .topriver .model .muber.active{background:#617ffb;color:#fff;border:1px #617ffb solid;} /* 订单列表-查询支付按钮*/ .orderpay dd .xqck{position:relative;margin-left:1rem;float:right;margin-right:0;background:#617ffb;color:#fff;padding:0.3rem 0.8rem;border-radius:3px;margin-top:-0.3rem} /*车牌号选择窗口*/ .carKeyboard { position:fixed;opacity: 0; bottom:0; left:0; width:100%; border-top:1px solid #ccc; box-shadow:0 0 1rem rgba(0,0,0,.2); background:#d1d4d9; padding-bottom:.4rem; z-index:-1} .carKeyboard .title { text-align:right; background:#eee} .carKeyboard .title i { padding:.8rem 1rem; color:#617ffb} .carKeyboard .flex { clear:both} .carKeyboard .flex a { width:10%; height:2.5rem; line-height:2.5rem; text-align:center; background:#fff; border-radius:.3rem; margin:.4rem 0 0 .4rem; border-bottom:1px solid #bbb} .carKeyboard .flex a:first-child { margin-left:0} .carKeyboard .flex a:active { border-bottom:0 none; border-top:1px solid #bbb; background:#ccc} .carKeyboard .flex.thr { margin-left:4.5%; position:relative; width:100%} .carKeyboard .flex i { width:10%} .carKeyboard .flex a.change, .carKeyboard .flex a.del { background:#acb3bd; padding:0 1.25%} .carKeyboard .flex a.del { background:url(/static/index/com/img/ckb_del.png) center no-repeat #acb3bd; background-size:auto 42%} .carKeyboard .flex.four { width:109%} .carKeyboard.show { z-index:9999;opacity: 1} /* 底部选择框 */ .selectBox { position:fixed; bottom:0px; width:100%; height:auto; z-index:99; border-top:1px solid #ccc; box-shadow:0 0 1rem #666} .selectBox .bg { position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:1; background:rgba(0,0,0,.3)} .selectBox .bar { position:relative; width:100%; height:3.2rem; line-height:3.2rem; z-index:3; background:#fff; border-bottom:1px solid #ddd; background:#f8f8f8} .selectBox .bar > a { position:absolute; height:3rem; padding:0 1rem; color:#888; top:0} .selectBox .bar > a.ok { color:#555; right:0px} .selectBox .bar > div { font-size:1.1428rem; text-align:center} .selectBox .list { position:relative; width:auto; height:auto; overflow:hidden; background:#fff; z-index:2} .selectBox .list a { width:100%; height:3rem; line-height:3rem; text-align:center; border-top:1px solid #e8e8e8; margin-top:-1px; color:#555} .selectBox .list a.active { font-weight:bold; background:#f0f0f0} /*信息提示窗口*/ .msgBox { width:100%; height:100%; position:fixed; top:0px; left:0px; display:flex; flex-direction:row; justify-content:center; align-items:center; z-index:499} .msgBox > div.wrap { position:relative; width:80%; z-index:3; border-radius:0.3rem; max-height:100%; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; border:1px solid #e5e5e5; box-shadow:0 0 1rem rgba(0,0,0,0.3)} .msgBox > div.wrap .title { font-size:1.0714rem; line-height:2.8rem; text-align:center; background:#fff} .msgBox > div.wrap .title > div { margin:0 1rem; border-bottom:1px solid #e5e5e5} .msgBox > div.wrap .title.tal > div { background:url(/static/index/com/img/blxz1.png) no-repeat left center #fff; background-size:auto 1.1428rem; padding-left:1.5rem; text-align:left} .msgBox > div.wrap .title.nob > div { border-bottom:none; padding-top:1.14rem; line-height:normal} .msgBox > div.wrap .title.nop { padding:0px} .msgBox > div.wrap .content { min-height:5rem; padding:0.5rem 1rem; line-height:1.6rem; color:#555; background:#fff; } .msgBox > div.wrap .content.nop { padding:0px} .msgBox > div.wrap .content.nob { background:none} .msgBox > div.wrap .content.nomin { min-height:1rem} .msgBox > div.wrap .button { text-align:center; font-size:1.0714rem; line-height:2.8rem; border-top:1px solid #e5e5e5; color:#617ffb; background:#fff} .msgBox > div.wrap .twoButton { border-top:1px solid #e5e5e5; margin-top:1.5rem} .msgBox > div.wrap .twoButton a { font-size:1.0714rem; width:50%; height:3rem; line-height:3rem; border-left:1px solid #e5e5e5; margin-left:-1px; position:relative; color:#617ffb} .msgBox > div.wrap .twoButton a:first-child { color:#999} .msgBox > div.wrap.nob { border:0 none; box-shadow:none} .msgBox > div.bg { position:absolute; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.6);left:0;right:0;bottom:0;top:0} /*全屏弹出窗*/ .FullPage { position:fixed; top:0; left:0; width:100%; height:100%; z-index:888; -webkit-overflow-scrolling: touch; overflow:hidden; overflow-y:auto; background:#fff; display:none} .FullPage.loading { background:url(/com/tingyun/img/loading3.gif) center no-repeat #fff} .FullPage iframe { width:100%; height:100%; opacity:0} .FullPage iframe.loaded { opacity:1} /*上传类型弹出窗 - 按钮*/ .checkFixedUpload { margin-top:1rem} .checkFixedUpload .upload { border-radius:0.3rem; background:#617ffb; color:#fff; position:relative; height:3rem; line-height:3rem; text-align:center} .checkFixedUpload .upload input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:33} .checkFixedUpload .cancle { color:#fff; padding:.6rem 0; text-align:center; width:100%; clear:both} /********************************** * 模块样式 *********************************/ /* 首页 */ .home .banner { position:relative; height:12rem; min-width:100%;z-index:2} .home .banner .flexslider { width:100%; height:100%; margin:0 auto; overflow:hidden;z-index:3 } .home .banner .flexslider > div { position:relative; width:100%; height:100%} .home .banner .flexslider ul.slides, .home .banner .flexslider ul.slides li { width:100%; height:100%} .home .banner .flexslider ul.slides li a { width:100%; height:100%; background:no-repeat center; background-size:cover} .home .banner .flex-control-nav { width:100%; position:absolute; bottom:8px; text-align:center; z-index:6} .home .banner .flex-control-nav li { margin:0 5px; display:inline-block; zoom:1; *display:inline; } .home .banner .flex-control-paging li { height:2px; line-height:2px; overflow:hidden} .home .banner .flex-control-paging li a { width:20px; height:2px; vertical-align:bottom; overflow:hidden; text-indent:99em; cursor:pointer; background:#fff; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;} .home .banner .flex-control-paging li a.flex-active { height:2px; background:#0c8dff} .home .nav .big a img { height:4rem} .home .nav .small a { width:20%;font-size:0.928rem;} .home .nav .small a img { height:3rem} .homeTip { clear:both; margin:.5rem auto; color:#fe8d41; font-size:0.8571rem; text-align:center} .homeTip i { padding-left:1.35rem; background:url(/static/index/com/img/xx.png) no-repeat center left; background-size:auto 0.97rem} .home .addCarBtn { border:0 none; background:#617ffb; color:#fff; border-radius:3px; height:3rem; line-height:3rem; width:100%; font-size:1.1428rem; text-align:center;margin-top:2.5rem} .home .addCarBtn i { padding-left:1.9rem; background:url(/static/index/com/img/tj2.png) no-repeat left;background-size:auto 1.4rem} .home .homeCarList {padding:1rem 0;z-index:99;} .home .homeCarList .cph{font-size:1.4286rem} .home .homeCarList i{color:#666;margin-top:0.3rem;margin-right:1rem;font-size:0.9286rem} .home .banner.Carlist { height:6.5rem; min-width:100%;z-index:2; overflow:hidden} .home .banner.Carlist .flex-control-paging li a { width:20px; height:2px; vertical-align:bottom; overflow:hidden; text-indent:99em; cursor:pointer; background:#ccc; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;} .home .banner.Carlist .flex-control-paging li a.flex-active { height:2px; background:#0c8dff} /* 会员中心首页 */ .memberIndex .myOrderNav {position:relative; border-radius:5px;box-shadow:0 0 10px #ddd} .memberIndex .myOrderNav .navList{padding:0.5rem 0} .memberIndex .myOrderNav .navList a i{padding-top:0.8rem} .memberIndex .myMoreNav{border-radius:5px;box-shadow:0 0 10px #ddd} .memberIndex .myMoreNav .wrap{ padding:0.5rem 0} .memberIndex .myMoreNav .navList a i{padding-top:0.8rem} .memberIndex .myInfo { position:relative;float:left;background:url(/static/index/com/img/grzxbg.jpg) no-repeat center;background-size:cover; height:10rem;padding-top:1.5rem;width:100%;margin-bottom:4rem} .memberIndex .nocar{position:relative;float:left;background:url(/static/index/com/img/grzxbg.jpg) no-repeat center;background-size:cover; height:6.5rem;padding-top:1.5rem;width:100%} .memberIndex .myInfo .info {margin-left:1rem;margin-right:1rem; background:#6381fb;border-radius:5px;overflow:hidden;height:auto;} .memberIndex .myInfo .info .first{padding:1rem ;width:100%} .memberIndex .myInfo .info .first img{height:4rem;width:4rem;border-radius:50%;border:2px solid #fff;} .memberIndex .myInfo .info .first .hyxx{margin-top:1rem;margin-left:0.8rem;float:left;} .memberIndex .myInfo .info .first .hyxx .nick{font-size:1.2rem;color:#FFF} .memberIndex .myInfo .info .first .hyxx .vipBox{position:relative;float:left;margin-top:0.4rem;} .memberIndex .myInfo .info .first .hyxx .vipBox .vipIco{position:relative;float:left;background:url(/static/index/com/img/vip1.png) no-repeat center;background-size: 3.5rem auto;height:1.3rem;width:3.8rem;} .memberIndex .myInfo .info .first .hyxx .vipBox >a{font-size:0.8571rem;color:#fff;margin-left:0.4rem;} .memberIndex .myInfo .info .first .hyxx .vipBox2{position:relative;float:left;margin-top:0.4rem;} .memberIndex .myInfo .info .first .hyxx .vipBox2 .vipIco{position:relative;float:left;background:url(/static/index/com/img/vip2.png) no-repeat center;background-size: 3.5rem auto;height:1.3rem;width:3.8rem;} .memberIndex .myInfo .info .myCarPlate{margin-left:5.8rem;margin-top:0.1rem;float:left;width:80%} .memberIndex .myInfo .info .first .hyxx .vipBox2 >a{font-size:0.8571rem;color:#fff;margin-left:0.4rem;background:url(/static/index/com/img/gd5.png) right no-repeat;padding-right:0.8rem;} .memberIndex .myInfo .info .myCarPlate .xzcp{float:left;border:1px solid #cfe1ff;color:#cfe1ff;width:5.1rem;height:1.2rem;line-height:1.2rem;border-radius:2px;text-align:center;margin-right:0.5rem;font-size:0.8571rem;margin-bottom:0.6rem} .memberIndex .myInfo .info .myCarPlate .xzcp.active{border:1px solid #f7f7f7;color:#6381fb;background:#f7f7f7} .memberIndex .myInfo .info .myCarPlate .add i{font-size:0.8571rem;color:#fff;padding-left:1.2rem;background:url(/static/index/com/img/tj2.png) no-repeat left ;background-size:auto 1rem;margin-bottom:0.6rem;} .memberIndex .myInfo .info .myCarList{padding-top:1rem;width:100%;} .memberIndex .myInfo .info .myCarList .wrap{position:relative;width:100%;float:left;} .memberIndex .myInfo .info .myCarList .wrap .base{width:33%;color:#fff;text-align:center;font-size:0.9286rem;line-height:1.5rem;border-right:1px #fff solid;float:left;height:3rem;margin-top:1rem;margin-bottom:1.5rem} .memberIndex .myInfo .info .myCarList .wrap .base:last-child{border:none} .memberIndex .myInfo .info .myCarList .wrap .base .score{position:relative;margin-top:-1rem} .memberIndex .myInfo .info .myCarList .wrap .base .score i{font-size:1.2rem;} .memberIndex .myInfo .info .myCarList .wrap .base .score i.small{font-size:0.8rem} .memberIndex .myInfo .info .myCarList .wrap .base .fine i{font-size:0.9286rem} .memberIndex .nocar{position:relative;background:url(/static/index/com/img/grzxbg.jpg) no-repeat center;background-size:cover; height:6.5rem;margin-bottom:2.3rem;padding-top:1.5rem} .memberIndex .nocar .info {position:relative;margin:0 1rem; background:#6381fb;border-radius:5px;padding-bottom:1rem;overflow:hidden} .memberIndex .nocar .info .first{padding:1rem } .memberIndex .nocar .info .first img{height:4rem;width:4rem;border-radius:50%;border:2px solid #fff} .memberIndex .nocar .info .first .hyxx{margin-top:0.3rem;margin-left:0.7rem;float:left} .memberIndex .nocar .info .first .hyxx .nick{font-size:1.2rem;color:#FFF} .memberIndex .nocar .info .first .hyxx .vipBox{position:relative;float:left;margin-top:0.5rem;} .memberIndex .nocar .info .first .hyxx .vipBox .vipIco{position:relative;float:left;background:url(/static/index/com/img/vip1.png) no-repeat center;background-size: 3.5rem auto;height:1.3rem;width:3.8rem;} .memberIndex .nocar .info .first .hyxx .vipBox >a{font-size:0.8571rem;color:#fff;margin-left:0.4rem;} .memberIndex .nocar .info .first .hyxx .vipBox2{position:relative;float:left;margin-top:0.5rem;} .memberIndex .nocar.info .first .hyxx .vipBox2 .vipIco{position:relative;float:left;background:url(/static/index/com/img/vip2.png) no-repeat center;background-size: 3.5rem auto;height:1.3rem;width:3.8rem;} .memberIndex .nocar .info .first .hyxx .vipBox2 >a{font-size:0.8571rem;color:#fff;margin-left:0.4rem;background:url(/static/index/com/img/gd5.png) right no-repeat;padding-right:0.8rem;} .memberIndex .nocar .info .add{position:relative;float:left;width:100%;} .memberIndex .nocar .info .add i{position:relative;font-size:0.8571rem;color:#fff;padding-left:1.3rem;background:url(/static/index/com/img/tj2.png) no-repeat left ;background-size:auto 1rem;margin-left:6.2rem;} /* 反馈建议 */ .FeedBack {width:100%} .FeedBack .wrap { height:auto; border:1px solid #ddd; border-radius:5px; box-shadow:0 0 10px #ddd; overflow:hidden; padding:1rem; background:#fff} .FeedBack textarea { float:left; width:100%; height:9rem; line-height:1.5rem; color:#555; border:0 none;width:100%} /************************************************** * - * 驾照记分 * - *************************************************/ /* 驾照编辑 */ .LicenseEdit .editHeader .fl { font-weight:bold} .LicenseEdit .editHeader .fr { padding-left:3.5rem; background:url(/static/index/com/img/sc.png) no-repeat center ; background-size:1rem auto} /* 驾照扣分详情 */ .LicenseList {padding:1rem} .LicenseList .license{padding:1rem;background:#fff;border:1px #ddd solid;border-radius:5px; box-shadow:0 0 10px #ddd;overflow:hidden;margin-bottom:1rem} .LicenseList .license .title{font-size:1.14rem;color:#999;background:url(/static/index/com/img/bj3.png) right no-repeat;background-size:1.3rem auto} .LicenseList .license .licensexinxi{float:left;color:#666;font-size:0.9271rem;margin-top:1rem;width:70%;} .LicenseList .license .licensexinxi i{color:#666;font-size:0.9271rem;line-height:2rem;display:block} .LicenseList .license .Points{float:right;margin-top:1.3rem} .LicenseList .license .Points .fenzhi{height:3.6rem ;width:3.6rem;border-radius:50%;border:1px solid #c0ccfd; text-align: center} .LicenseList .license .Points .fenzhi i{font-size:1.6rem;color:#555;line-height:3.6rem} .LicenseList .license .Points i{font-size:0.8571rem;color:#999;line-height:1.8rem} .LicenseList .addCarBtn { position: absolute;bottom:2rem;left:1rem ;right:1rem;border:0 none; background:#617ffb; color:#fff; border-radius:3px; height:3rem; line-height:3rem; font-size:1.1428rem; text-align:center;margin-top:3rem} /************************************************** * - * 车辆 * - *************************************************/ /*车辆模块*/ .CarModule .fixedLink {position:fixed;bottom:0;left:0;padding:0.5rem 0;background:#fff;border-top:1px solid #ddd;right:0} .CarModule .fixedLink a.tjcl{float:left;width:49.6%;border-right:1px solid #ddd;height:2.4rem;line-height:2.4rem;text-align:center;} .CarModule .fixedLink a.tjcl i{background:url(/static/index/com/img/tj3.png) no-repeat 0 0.5rem;background-size:auto 1.3rem;padding-left:1.7rem} .CarModule .fixedLink a.bjcl{width:49.6%;height:2.4rem;line-height:2.4rem;text-align:center;} .CarModule .fixedLink a.bjcl i{background:url(/static/index/com/img/bj2.png) no-repeat 0 0.6rem;background-size:auto 1.2rem;padding-left:1.6rem} /*车辆列表*/ .CarList .car .carbg{background:url(/static/index/com/img/carbg.png) no-repeat right;margin-right:6rem;z-index:1;background-size:auto 5.5rem ;} .CarList .car .carbg .query{position:absolute;float:right;right:1rem;top:2.5rem;padding:0.3rem 0.8rem;border-radius:3px;border:1px solid #617ffb;color:#617ffb;} .CarList .car .carbg .bianji{position:absolute;float:right;right:1rem;top:1.1rem;padding:0.3rem 0.8rem;border-radius:3px;border:1px solid #617ffb;} .CarList .car .carbg .bianji{position:absolute;float:right;right:1rem;top:1.1rem;padding:0.3rem 0.8rem;border-radius:3px;border:1px solid #617ffb;} .CarList .car .carbg .hykclbj{position:absolute;float:right;right:1rem;top:2.4rem;padding:0.3rem 0.8rem;border-radius:3px;border:1px solid #617ffb;} .CarList .car .carbg .hykclbj i{background:url(/static/index/com/img/bj4.png) no-repeat 0.2rem;padding-left:1.7rem;color:#617ffb;background-size:auto 1rem;} .CarList .car .carbg .info i{margin-right:1rem} .CarList .car .carbg .bianji i{background:url(/static/index/com/img/bj4.png) no-repeat 0.2rem;padding-left:1.7rem;color:#617ffb;background-size:auto 1rem;} .CarList .car .carbg .shanchu{position:absolute;float:right;right:1rem;top:3.7rem;padding:0.3rem 0.8rem;border-radius:3px;border:1px solid #617ffb} .CarList .car .carbg .shanchu i{background:url(/static/index/com/img/shc.png) no-repeat 0.2rem;padding-left:1.7rem;color:#617ffb;background-size:auto 1rem} /*添加车辆*/ .CarAdd .Addcar{margin:2rem 1rem;border:1px solid #ddd;border-radius:3px;} .CarAdd .mtop{margin-top:15rem} /*车辆-违章详情*/ .CarDetail .infoEdit dd .blxz{color:#333;background:url(/static/index/com/img/blxz.png) no-repeat left;padding-left:1.5rem;background-size:1.2rem auto } .CarDetail .infoEdit .clwzxq{position:relative;width:100%;background:#fff;padding:1rem 0;overflow:hidden} .CarDetail .infoEdit .clwzxq .wzmde{position:relative;width:33.3%;float:left;text-align:center;} .CarDetail .info dd { line-height:1.2rem; padding:0.2rem 2rem 0.2rem 0} .CarDetail .infoView .blzt{position:relative;float:right;color:#617ffb;border:1px solid #617ffb;border-radius:3px;padding:0 0.3rem} .CarDetail .infoView .bnblzt{position:relative;float:right;color:#999;border:1px solid #ddd;border-radius:3px;padding:0 0.3rem} .CarDetail .infoView input[type=checkbox] {position:absolute; border:1px solid #ddd; border-radius:50%; background:#fff;right:1rem; top:1rem; -webkit-appearance:none; appearance:none; width:1.5rem; height:1.5rem; vertical-align:bottom; line-height:100%} .CarDetail .infoView input[type=checkbox]:checked { border:1px solid #617ffb;background:#617ffb url(/static/index/com/img/dh10.png) no-repeat center ;background-size:auto 0.65rem } .CarDetail .footerPay .fl input[type=checkbox] { border:1px solid #ddd; border-radius:50%; background:#fff;float:left;margin-top:1rem; -webkit-appearance:none; appearance:none; width:1.5rem; height:1.5rem; vertical-align:bottom; line-height:100%} .CarDetail .footerPay .fl input[type=checkbox]:checked { border:1px solid #617ffb;background:#617ffb url(/static/index/com/img/dh10.png) no-repeat center ;background-size:auto 0.65rem } .CarDetail .footerPay .fl .cfhe{font-size:1.07rem;border-right:1px solid #ddd;line-height:1.2rem;padding:0 0.5rem} .CarDetail .footerPay .fl .cfhe:last-child{border:none;} /************************************************** * - * 油卡 * - *************************************************/ /*新增油卡*/ .FuelCardAdd .jysxz{position:relative;float:right;} .FuelCardAdd .jysxz i{height:2rem;width:5.5rem;line-height:2rem; text-align:center;border:1px solid #ddd;border-radius:3px;margin-left:1rem} .FuelCardAdd .jysxz i.active{border:1px solid #ff9600;background:url(/static/index/com/img/ykxz.png) no-repeat right 1rem;background-size:1rem auto} /*油卡订单*/ .FuelCardOrder p{color:#666;font-size:0.92rem} .FuelCardOrder .Oilcar{height:5rem;width:100%;background:url(/static/index/com/img/jykbg.jpg) no-repeat center;margin:1rem 0;padding:1rem 0;background-size:cover} .FuelCardOrder .Oilcar .fl{margin-left:1rem;color:#fff;width:60%;} .FuelCardOrder .Oilcar .fl i{margin-top:0.3rem} .FuelCardOrder .Oilcar img{height:4rem;float:right;margin-right:2rem;margin-top:0.5rem} /*油卡订单确认*/ .FuelCardPay .Cardbanner{margin:1rem 1rem 0 1rem;background:url(/static/index/com/img/jykbg.jpg) center no-repeat;background-size:cover;border-radius:5px;padding-bottom:1rem;overflow:hidden} .FuelCardPay .Cardbanner img{margin: 0rem 0.2rem 0 1rem;height:2.3rem;width:2.3rem;border-radius:50%;} .FuelCardPay .Cardbanner i{margin-top:1.5rem} /*我的油卡*/ .FuelCardlists .Cardbanner img{ height:3.5rem ;width:3.5rem;margin-top:1.5rem;position:relative;float:left} .FuelCardlists .Cardbanner .cardxx{position:relative;float:left;margin-top:1rem ;margin-left:0.5rem} .FuelCardlists .Cardbanner .bj{float:right;margin-right:1.5rem;background:url(/static/index/com/img/bj1.png) no-repeat center;height:1.5rem ;width:1.5rem;background-size:auto 1.5rem;margin-top:2.5rem} .FuelCardlists .Cardbanner .xzyk{display:none;background:url(/static/index/com/img/xzxg.png) no-repeat ;position:relative;float:right;margin-right:-3rem;height:2rem;width:2rem;background-size:auto 2rem ;} .FuelCardlists .Cardbanner .xzyk.active,.FuelCardlists .Cardbanner .xzyk:active{display:block;} /*油卡首页*/ .FuelCardIndex .wrap { padding:0.5rem} .FuelCardIndex .chongzhijinebg{position:relative;width:50%;float:left} .FuelCardIndex .section .title{border-bottom:none} .FuelCardIndex .chongzhijinebg .bg{position:relative;margin:0.5rem;height:5rem;border:1px solid #ddd;overflow:hidden;border-radius:6px;color:#666} .FuelCardIndex .chongzhijinebg .bg .zhekou{background:url(/static/index/com/img/hykzk.png) no-repeat;position:absolute;top:0px;right:0;height:3.6rem;width:3.5rem;} .FuelCardIndex .chongzhijinebg .bg .zhekou i{transform:rotate(45deg);margin-left:0.9rem;margin-top:0.5rem;font-size:0.8571rem;color:#fff;word-break:keep-all; white-space:nowrap} .FuelCardIndex .chongzhijinebg.active .bg{border:1px solid #ed4e39;color:#ed4e39;} .FuelCardIndex .chongzhijinebg.active .bg .zhekou{background:url(/static/index/com/img/hykzxz.png) no-repeat;position:absolute;top:0px;right:0;height:3.6rem;width:3.5rem;word-break:keep-all; white-space:nowrap} .FuelCardIndex .youshi{width:33.3% ;float:left} .FuelCardIndex .youshi img{height:2rem} .FuelCardIndex .youshi i{width:100%} .FuelCardIndex .cjwt{background:url(/static/index/com/img/cjwt.png) no-repeat right;padding-right:1.4rem;background-size:auto 0.95rem;line-height:1.3rem} .FuelCardIndex input{margin-top:0} /************************************************** * - * 罚单代缴 * - *************************************************/ /*罚款代缴首页*/ .TicketIndex .ptb1 a.more{background:url(/static/index/com/img/gd1.png) no-repeat right;background-size:auto 1rem;float:right;padding-right:1rem} .TicketIndex .step {float:left;background:#fff;height:auto;width:100%;margin-bottom:1rem} .TicketIndex .step dd {position:relative; width:25%; text-align: center;float:left} .TicketIndex .step dd .lctp{height:3.6rem ;width:3.6rem} .TicketIndex .step dd i{position:relative;font-size:0.8571rem;color:#666;margin-top:0.6rem;width:100%} .TicketIndex .step dd i.cfjds{position:relative;width:6rem} .TicketIndex .step dd .jiantou{position:absolute;top:1.3rem ;right:0;width:1.1rem;height:1rem} .TicketIndex .step dd div .cfs{margin-left:-23px;width:140px} .TicketIndex .bgfff .cfjdsbh input{width:100%;line-height:100%;border:none;color:#555; padding:1.2rem 0} /*罚款代缴-完善信息*/ .TicketConfirm dd.fdpz{height:8rem;line-height:8rem ;} .TicketConfirm dd.fdpz .file-box{position:relative;height:5rem;width:7rem;border:1px dashed #ddd;float:right;margin-top:1.5rem;overflow: hidden; text-align: center} .TicketConfirm dd.fdpz .file-box .file-btn{position: absolute;width: 100%;top:0;left: 0;height: 100%;outline: none;background-color: transparent; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;} .TicketConfirm dd.fdpz .file-box i{font-size:0.8rem;color:#666;background:url(/static/index/com/img/zxj.jpg) no-repeat center 0.8rem;background-size:2.4rem auto;padding-top:2.2rem;width:6rem;height:3rem} /*罚款代缴-常见问题*/ .TicketProblem{position:relative;overflow:hidden;padding:0 1rem;} .TicketProblem a{padding:1rem 0 ;background:url(/static/index/com/img/gd2.png) no-repeat right;width:100%;background-size:1rem auto; font-size:1.07rem;border-bottom:1px solid #ddd;} .TicketProblem:last-child{border-bottom:none} /*.TicketProblem a.active,.TicketProblem a:active{background:url(/static/index/com/img/gd9.png) no-repeat right;background-size:1rem auto;}*/ .TicketProblem div{line-height:1.7rem;border-bottom:1px solid #ddd;font-size:0.92rem} /*罚款代缴-支付*/ .TicketPay .yqts{border:1px solid #fd1929;color:#fd1929;padding:0 0.2rem;border-radius:2px;} .TicketPay .infoView .cfsbh{background:#afcbfd;color:#2662cc;border-radius:3px;padding:0 0.5rem;line-height:1.6rem;height:1.6rem} .TicketPay .infoView .cftx{padding-top:0.6rem} .TicketPay .infoView .cfxq{position:absolute;right:1rem;height:1.1rem;width:1rem;background:url(/static/index/com/img/gd3.png) no-repeat right;background-size:0.8rem auto} .TicketPay .infoView .cjje{margin-top:0.8rem;padding-top:0.8rem;} /*罚款代缴-订单详情*/ .TicketDetail .infoView .pt1{padding-top:0.5rem} .TicketDetail .infoView .fdpz{height:8rem ;line-height:8rem} .TicketDetail .infoView .fdpz .img{position:absolute; right:0;height:6rem;width:5rem;top:0.5rem;overflow:hidden} .TicketDetail dl dd .example { width:1.14rem; height:1.14rem; vertical-align:middle; margin-left:.3rem; background:url(/static/index/com/img/tsb.png) no-repeat center; background-size:contain} /************************************************** * - * 违章代缴 * - *************************************************/ /*违章代缴-代办信息完善*/ .ViolationPay dd.pzsc .file-box {float:right;position:relative;height:2rem;width:2rem;overflow: hidden; text-align: center;margin-top:0.5rem} .ViolationPay dd.pzsc .file-box .file-btn{position: absolute;width: 100%;top:0;left: 0;height: 100%;outline: none;background-color: transparent; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;} .ViolationPay dd.pzsc .file-box i{background:url(/static/index/com/img/zxj.png) no-repeat center;background-size:1.8rem auto ;height:2rem;width:2rem;} .ViolationPay dd .jszts{height:1.6rem;width:1.6rem;background:url(/static/index/com/img/cjwt.png) no-repeat center ;background-size:1.2rem auto;float:right;margin-top:0.8rem;margin-left:0.3rem} .ViolationPay dd .cred .small{font-size:0.6rem} .ViolationPay dd select.coupon { width:8rem; position:absolute; height:100%; right:0; opacity:0; z-index:3} .ViolationPay dd i.couponLabel { position:absolute; height:100%; line-height:3.3rem; right:0; top:0; color:#555; width:10rem; text-align:right; padding-right:1rem} /*违章代缴-订单详情*/ .ViolationDetail .infoView .scdtp{position:absolute;height:2rem ;width:1.7rem;right:0;overflow: hidden;top:0.4rem} .ViolationDetail .infoView .scdtp img{max-height: 100%;border: 0 none;vertical-align: initial;max-width: 100%;} .ViolationDetail .infoView .blzt.clzt{border:none;font-size:1.07rem;position:relative;float:right;color:#617ffb} /************************************************** * - * 会员卡 * - *************************************************/ /* 会员卡首页 */ .VipIndex{padding-bottom:4rem} .VipIndex .list dd { float:left; border-right:1px solid #eee; border-top:1px solid #eee; width:33.3%; padding:1.5rem 0; position:relative; margin-right:-1px; margin-top:-1px; text-align:center; line-height:1.4rem; font-size:0.8571rem} .VipIndex .list dd img{height:1.4rem;} .VipIndex .viptop { float:left; height:12rem;width:100%;background:#3d3d44;margin-bottom:5rem} .VipIndex .viptop .vipcar{position:relative; margin:1.5rem; height:13rem;background:url(/static/index/com/img/vipcard.png) no-repeat center;background-size:100% 100% ; border-radius:.4rem;} .VipIndex .viptop .vipcar .carcenter{position:relative;color:#eee;text-align:center;font-size:0.92rem;width:100%;} .VipIndex .viptop .vipcar .name{position:absolute;top:1rem;left:1rem;color:#c3d9fb;border:1px solid #fff;width:3rem;height:1.6rem;line-height:1.6rem;text-align:center; border-radius:3px} .VipIndex .viptop .vipcar .tubiao{position:absolute;top:2rem;right:1rem;width:3.5rem} .VipIndex .viptop .vipcar .carcenter .cardlogo {text-align:center;width:100%; padding-top:.5rem; clear:both} .VipIndex .viptop .vipcar .carcenter .cardlogo .cardname{background:url(/static/index/com/img/cardimg.png) no-repeat center; background-size:auto 2.3rem; margin:0 auto; padding-top:3.5rem} .VipIndex .viptop .vipcar .carfooter{position:absolute;bottom:0;left:0;width:100%;color:#f7f7f7;font-size:0.8571rem;line-height:2.5rem; height:2.5rem; background:#4c85e5; border-bottom-left-radius:.4rem; border-bottom-right-radius:.4rem} .VipIndex .viptop .vipcar .carfooter i.pay{color:#a6ccf4;margin-left:0.8rem;float:right} /* 会员卡详情介绍 */ .VipDetail .Detaillist{position:relative;overflow:hidden;width:100%;border-top:1px solid #ddd} .VipDetail .Detaillist img{position:absolute;height:1.6rem;width:1.6rem;top:1.8rem} .VipDetail .Detaillist .Detailcenter{position:relative;margin-left:1rem;float:left;margin-left:2.5rem} .VipDetail .Detaillist .jiage{position:absolute;top:1rem;right:0rem;} .VipDetail .Vipxxjs .wrap { height:18rem; overflow:hidden} .VipDetail .Vipxxjs .wrap.show { height:auto} .VipDetail .Vipxxjs .shouqi{width:100%;border-top:1px solid #ddd} .VipDetail .Vipxxjs .shouqi i{background:url(/static/index/com/img/gd9.png) no-repeat right;padding-right:1.4rem;background-size:auto 0.6rem} .VipDetail .Vipxxjs .zhankai{width:100%;} .VipDetail .Vipxxjs .zhankai i{background:url(/static/index/com/img/gd2.png) no-repeat right ;padding-right:1.4rem;background-size:auto 0.6rem} .VipDetail .cjwt{width:100%} .VipDetail .cjwt{background:url(/static/index/com/img/gd1.png) right no-repeat;background-size:auto 1rem;} .VipDetail .viptop.bgfff{background:#fff;margin-bottom:1rem;} .VipDetail .ured{position:absolute;right:0;top:2.6rem;color:#617ffb;font-size:0.8571rem;background:url(/static/index/com/img/gd1.png) right no-repeat;background-size:auto 0.8rem;padding-right:0.8rem; } .VipDetail .cardxin .time{background:url(/static/index/com/img/hyb.png) left no-repeat;background-size:auto 1.2rem;padding-left:1.7rem } .VipDetail .viptop .vipcar{margin-top:1rem} .VipDetail .copyRight{margin-top:1rem} /*会员卡-确认开通*/ .VipPay .VIPxx{padding:1rem 0;line-height:normal} .VipPay .VIPxx img{width:5rem;height:3rem;float:left;} .VipPay .VIPxx .cardxx{float:left;margin-left:1rem;line-height:1.5rem} /*会员卡-列表*/ .Viplists .viptop{background:none;margin-bottom:3rem} /*会员卡-开通成功提示*/ .VipOpenTip .section .more{position:relative;background:url(/static/index/com/img/gd3.png) no-repeat right;background-size: auto 1rem;width:100%;overflow:hidden;} /************************************************** * - * 6年免检 * - *************************************************/ /*年检首页 */ .CheckOLIndex .topbg{position:relative;height:14rem;width:100%;background:url(/static/index/com/img/njbg.png) center no-repeat;clear:both;background-size: cover; } .CheckOLIndex .topbg .title{color:#fff;padding-top:1.5rem} .CheckOLIndex .topbg .njys i.yx{background:url(/static/index/com/img/bg.png) no-repeat 0 -0.7rem;background-size:1.5rem auto ;padding-left:1.5rem;line-height:1.4rem} .CheckOLIndex .topbg .njys i.pd{background:url(/static/index/com/img/bg.png) no-repeat 0 -9.4rem;background-size:1.5rem auto ;padding-left:1.5rem;line-height:1.4rem} .CheckOLIndex .topbg .njys i.yj{background:url(/static/index/com/img/bg.png) no-repeat 0 -4.7rem;background-size:1.5rem auto ;padding-left:1.5rem;line-height:1.4rem} .CheckOLIndex .topbg .wddd{position:absolute;top:0rem;right:0;background:url(/static/index/com/img/wddd3.png) no-repeat right 1.5rem;background-size: auto 1.8rem;width:8rem;height:8.5rem} .CheckOLIndex .topbg .wddd .warp{position:relative;width:6rem;height:6.4rem; border-radius:3px;margin-top:3.6rem;background:url(/static/index/com/img/sanjiao2.png) no-repeat right;background-size:100% 100%;text-align: left;padding:0 0.8rem;z-index:66} .CheckOLIndex .topbg .wddd .warp a{padding:0.9rem 0;border-bottom:1px solid #ddd;width:100%} .CheckOLIndex .topbg .wddd .warp a:last-child{border-bottom:none} .CheckOLIndex .topbg .wddd .warp a i.dd {background:url(/static/index/com/img/wddd1.png) left no-repeat;background-size:auto 1rem;padding-left:1.3rem} .CheckOLIndex .topbg .wddd .warp a i.yhq {background:url(/static/index/com/img/wsthq1.png) left no-repeat;background-size:auto 1rem;padding-left:1.3rem;} .CheckOLIndex .sixyearbox .more{background:url(/static/index/com/img/gd2.png) no-repeat right;background-size:auto 0.6rem;padding-right:1.2rem;background-size:auto 0.5rem} .CheckOLIndex .sixyearbox .more.active,.CheckOLIndex .sixyearbox .more:active{background:url(/static/index/com/img/gd9.png) no-repeat right;background-size:auto 0.55rem;padding-right:1.2rem;} .CheckOLIndex .lcbox{margin:1rem 2rem 0 3.5rem;border-left:1px solid #ddd;position:relative;float:left;} .CheckOLIndex .lcbox .zxys{width:100%} .CheckOLIndex .lcbox .zxys .imgbg{height:4rem;width:3rem;background:#fff;position:relative;float:left;position:absolute;left:-1.5rem} .CheckOLIndex .lcbox .zxys .imgbg img{height:3rem ;width:3rem ;margin-top:0.5rem;} .CheckOLIndex .lcbox .zxys .lcts i{background:url(/static/index/com/img/gd2.png) no-repeat right;padding-right:1.3rem;background-size:auto 0.6rem} /*.CheckOLIndex .lcbox .zxys .lcts i.active,.lcbox .zxys .lcts i:active{background:url(/static/index/com/img/gd9.png) no-repeat right;background-size:auto 0.6rem}*/ .CheckOLIndex .information{position:relative;float:left;} .CheckOLIndex .clxxbanner{margin-top:-1rem; } .CheckOLIndex .flexsliders { width:100%; height:100%; margin:0 auto; overflow:hidden;z-index:3 } .CheckOLIndex .flexsliders > div { position:relative; width:100%; height:100%} .CheckOLIndex .flexsliders ul.slides, .home .banner .flexslider ul.slides li { width:100%; height:100%} /*.CheckOLIndex .flexsliders ul.slides li a { width:100%; height:100%; background:no-repeat center; background-size:cover}*/ .CheckOLIndex .flex-control-nav { posi.home .banner.Carlisttion:absolute;width:100%; text-align:center; z-index:666;bottom:-0.7rem} .CheckOLIndex .flex-control-nav li { margin:0 5px; display:inline-block; zoom:1; *display:inline; } .CheckOLIndex .flex-control-paging li { height:2px; line-height:2px; overflow:hidden;} .CheckOLIndex .flex-control-paging li a { width:20px; height:2px; vertical-align:bottom; overflow:hidden; text-indent:99em; cursor:pointer; background:#ccc; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;} .CheckOLIndex .flex-control-paging li a.flex-active { height:2px; background:#0c8dff} .CheckOLIndex .banner.Carlist { height:6.5rem; min-width:100%;z-index:2; overflow:hidden} .CheckOLIndex .banner.Carlist .flex-control-paging li a { width:20px; height:2px; vertical-align:bottom; overflow:hidden; text-indent:99em; cursor:pointer; background:#ccc; transition:all .3s ease-out; -webkit-transition:all .3s ease-out;} .CheckOLIndex .banner.Carlist .flex-control-paging li a.flex-active { height:2px; background:#0c8dff} /*年检首页顶部车辆办理详情 */ .CheckOLIndex .tjclbg{position:relative;margin:0 1.5rem;height:9rem;border-radius:5px;background:url(/static/index/com/img/njbg2.png) no-repeat center;border-bottom:2px solid #f7f7f7;background-size:cover;} .CheckOLIndex .tjclbg i.addcar{width:100%;font-size:1.14rem;margin-top:0.6rem;float:left} .CheckOLIndex .tjclbg .Car{float:left;margin-left:1.5rem;margin-top:1rem;background:url(/static/index/com/img/bj2.png) no-repeat right;background-size:auto 1rem;padding-right:1.5rem;margin-bottom:0.8rem} .CheckOLIndex .tjclbg .Carlist .Cardetail dl{ width:auto; margin:0px; height:auto; overflow:hidden;width:100%;float:left;} .CheckOLIndex .tjclbg .Carlist .Cardetail dl dd{float:left; width:33.333%; height:1.6rem; line-height:1.6rem; text-align:center; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .CheckOLIndex .tjclbg.overdue{background:url(/static/index/com/img/njbg3.png) center repeat;background-size:cover;border:none;margin:0 1.5rem;position:relative} .CheckOLIndex .tjclbg.overdue .Carlist .Car{margin-left:1rem;margin-top:1rem;background:url(/static/index/com/img/bj1.png) no-repeat right;background-size:auto 1rem;padding-right:1.5rem} .CheckOLIndex .tjclbg.overdue .Carlist .fr{margin-right:1rem;float:right;margin-top:0.8rem;color:#fff} .CheckOLIndex .tjclbg.overdue .date{position:relative;width:100%;float:left} .CheckOLIndex .tjclbg.overdue .date .time{font-size:3rem;color:#fff;} .CheckOLIndex .tjclbg.overdue .sjzt{background:url(/static/index/com/img/yyqbg.png) no-repeat;height:1.8rem ;width:4.5rem;position:absolute;right:1rem;top:5rem;line-height:1.8rem;text-align: center} .CheckOLIndex .tjclbg.overdue.blz{background:url(/static/index/com/img/blzbg.png) no-repeat center;background-size:cover;} .CheckOLIndex .tjclbg.overdue.blz .date .fr{margin-top:-0.6rem} .CheckOLIndex .sixyearbox{margin:1rem 2rem 1.5rem 2rem;background:#eff4fb;padding:1rem} .CheckOLIndex .lctitle{padding-left:1.4rem;background:url(/static/index/com/img/btbj.png) no-repeat left;background-size:auto 1.2rem;} /*六年免检-支付 */ .CheckPay .ptb1 .njjg{float:right;color:#fff;background:#617ffb;border-radius:3px;margin-top:-1.2rem;padding:0.15rem 0.2rem} .CheckPay.pb0{padding-bottom:0} .CheckPay .pictorial img{height:4.5rem;width:4.5rem} /*六年免检-支付成功 */ .CheckSuccess .more{padding:1.5rem 0;width:100%;background:url(/static/index/com/img/gd3.png) right no-repeat;background-size:auto 1.2rem} .CheckSuccess a .zhangtai{border:1px solid #617ffb;border-radius:3px;padding:0 0.2rem;color:#617ffb;margin-left:0.5rem} .CheckSuccess .tijiao .ziliao{width:50%;height:2.8rem;border:1px solid #617ffb;color:#617ffb;line-height:2.8rem;border-radius:3px} /*六年免检-上传资料 */ .CheckUpLoadData .fl{float:left;width:33%} .CheckUpLoadData .file-box{position:relative;height:4rem;width:60%;border:1px dashed #eee;overflow: hidden; text-align: center;background:#f7f7f7 center no-repeat; background-size:contain;margin:0 auto} .CheckUpLoadData .file-box .file-btn{position: absolute;outline: none;background-color: transparent; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;} .CheckUpLoadData .file-box img{height:1.7rem;width:2.1rem;margin-top:1rem} .CheckUpLoadData .file-box .tip { width:100%; background:rgba(0,0,0,0.5); color:#fff; position:absolute; bottom:0; left:0;height:1.8rem;line-height:1.8rem} /*六年免检-订单详情 */ .CheckOrderDetail .Oilcar.Detail{margin:0;height:5rem;background:#8ca1f8 ;overflow:hidden} .CheckOrderDetail .Oilcar.Detail img{margin-right:1rem} /************************************************** * - * 线上检测 * - *************************************************/ /*上线检测-支付*/ .CheckOL .dyy{position:relative;border:1px #617ffb solid;border-radius:3px;padding:0.1rem;color:#617ffb;margin-top:0.4rem} .CheckOL .CheckOLli dd input[type=text]{background:none;border:none;text-align:right;float:right} .CheckOL .section .ptb1 .cyellow{color:#f8b033} .CheckOL .more{background:url(/static/index/com/img/gd3.png) right no-repeat;background-size: auto 1rem;width:100%} .CheckOL dl dd .example { width:1.14rem; height:1.14rem; vertical-align:middle; margin-left:.3rem; background:url(/static/index/com/img/tsb.png) no-repeat center; background-size:contain} .addxze{margin-top:-2rem;padding-right:1rem} /*优惠券 */ .Coupons .center{margin:8rem auto;text-align:center} .Coupons .center img{height:3rem;width:4rem;} .Coupons .center i{margin-top:0.6rem;color:#666;width:100%} /*兑换礼券 */ .CouponGift .Giftbox input{line-height:100%; width:100%;margin-left:1rem;border:none} .CouponGift .Giftbox{border:1px solid #eee; border-radius:3px;background:#fff;margin:2rem 1rem;overflow:hidden;} /*优惠券列表 */ .Couponslists .lists{margin:1rem ;position:relative;z-index:666;margin-top:2rem;overflow:hidden} .Couponslists .lists .yhqjg{position:absolute;background:url(/static/index/com/img/njyhq2.png) left no-repeat;height:7rem;width:9rem;line-height:7rem;z-index:999 } .Couponslists .lists .yhqjg.over{background:url(/static/index/com/img/njyhq.png) left no-repeat;} .Couponslists .lists .yhqjg i.jine{font-size:2.7rem} .Couponslists .lists .rightCoupons {position:relative;padding:0 1rem;background:#fff;margin-left:9rem ;height:7rem;overflow:hidden} .Couponslists .lists .rightCoupons .date{padding:0.8rem 0} .Couponslists .lists .rightCoupons .more{padding:0.6rem 0;background:url(/static/index/com/img/gd6.png) right no-repeat;background-size:auto 1.2rem;border-top:1px dashed #eee;} .Couponslists .lists .rightCoupons .more.active, .Couponslists .lists .rightCoupons .more:active{background:url(/static/index/com/img/gd7.png) right no-repeat;background-size:auto 1.2rem} .Couponslists .Coupondetail{height:6rem ;position:relative;z-index:666;border-top:1px solid #eee} .Couponslists .Coupondetail .bsbj{position:absolute;background:url(/static/index/com/img/yhqbg.png) left no-repeat;height:6rem;width:6px} .Couponslists .Coupondetail .gzxx{position:relative;padding:1rem 1rem;background:#fff;margin-left:6px ;overflow:hidden;height:4rem} /************************************************** * - * 高价卖车 * - *************************************************/ /* 高价卖车首页 */ .sellCar .tip { padding: 1rem; background: #fffdee; color: #fc8e41;} .sellCar .depTip{ background: #f7f7f7;} .sellCar .footerfullSubmit { z-index:9} .sellCar .footerfullSubmit .fullSubmit {width: 90%;} .sellCar .list dd { float:left; width:25%; position:relative; text-align:center;padding-right: .5rem; } .sellCar .list dd img{width:8rem;} .sellCar .sellTitle{ width: 100%; background: url(/static/index/com/img/lineBg.png) no-repeat center;background-size: 100%;text-align: center; } .sellCar .lcbox{margin:0.5rem;position:relative;float:left;} .sellCar .zxys{width: 100%;} .sellCar .lcbox .zxys .imgbg{height:4rem;width:4rem;background:#fff;position:relative;float:left;margin-right:1.5rem} .sellCar .lcbox .zxys .imgbg img{height:4rem ;width:4rem ;} .list-tit{position:relative;height:3rem} /* 红色提醒圆圈 .redYq{position:relative} .redYq:before{width:8px;height:8px; background:red;border-radius:50%;content:"";display:block;position:absolute;right:-5px;top:0px} */