@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body{ line-height: 18px; font-size: 12px; color: #333; background: #f5f5f5;}
h1, h2, h3, h4, h5, h6{ line-height: 18px; font-weight: normal; margin: 0;}
p{ margin: 0; color: inherit; font-size: 12px;}
ul, li { list-style: none;}
em, i{ font-style: normal;}
input{ border-radius: 0;}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea{ height: inherit; line-height: 18px; padding: 8px 0; background: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0; font-size: 12px; color: #333;}

/*global*/
.clearfix::after{ display:block; clear:both; content:""; visibility:hidden; height:0;}
.clearfix{ zoom:1;}
.marT15{ margin-top: 15px !important;}
.bgFFF{ background: #fff;}
.noClick{ background: none !important;}

/* 链接 */
a{ text-decoration:none; color:#333;}
a:active{ color:#fb9a02;}
a:focus{ outline: none;}
a:active img{ opacity:0.85;}
img{ width: 100%; vertical-align: middle;}
.pic img{ height: 100%;}

/* 字体 */
.f14{ font-size: 14px !important;}

/* color */
.red, .colorfd373b { color: #fd373b !important;}
.green, .color00b080, .highlight { color: #00b080 !important;}
.gray, .color999 { color: #999;}
.blue, .color00a0e9 { color: #00a0e9 !important;}
.orange, .colorfb9a02 { color: #fb9a02;}

/* placeholder的字体颜色 */
::-moz-placeholder {color: #ddd;}
::-webkit-input-placeholder {color: #ddd;}

/*=================== 网站整体布局 =====================*/
/* MUI框架重构 */
.mui-bar{ background: #eee; box-shadow: none;}
.mui-content{ background: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.mui-bar-nav~.mui-content{ padding-top: 0; top: 44px;}
.mui-bar-tab~.mui-content{ padding-bottom: 0; bottom: 50px;}
.mui-bar-tab.tab_bar~.mui-content{ top: 86px; bottom: 0;}
.mui-bar .mui-title{ color: #fff; left: 50px; right: 50px; font-size:17px;}
.mui-bar-nav{ background: #000; padding: 0;}
.mui-bar-nav.mui-bar .mui-icon{ color: #fff; margin-left: 0;}
.mui-bar-nav.mui-bar .link{ width: 50px; height: 44px; line-height: 44px; overflow: hidden; text-align: center; font-size: 14px; color: #fff; position: absolute; top: 0; right: 0;}
.mui-bar-nav.mui-bar .link2{ width: 70px;}
.mui-bar-nav.mui-bar .ico{ background-position: center center; background-repeat: no-repeat; background-size: 23px 23px; width: 50px; height: 44px; overflow: hidden; position: absolute; top: 0;}
.mui-bar-nav.mui-bar .ico_menu{ background-image: url(../images/ico_menu.png); left: 0;}
.mui-bar-nav.mui-bar .ico_date{ background-image: url(../images/ico_date.png); right: 0;}
.mui-bar-nav.mui-bar .ico_order{ background-image: url(../images/ico_order.png); right: 0;}
.mui-bar-nav.mui-bar .ico_location{ background-image: url(../images/ico_location.png); background-position: 6px center; width: 90px; line-height: 44px; font-size: 14px; color: #fff; padding-left: 32px; white-space: nowrap; text-overflow: ellipsis; left: 0;}
.mui-bar-nav.mui-bar .ico_act{ background-image: url(../images/ico_act.png); right: 0;}
.mui-bar-nav.mui-bar .ico_share{ background-image: url(../images/ico_share.png); right: 0;}
.mui-bar-nav~.mui-content .mui-pull-top-pocket{ top: 0;}

/* mui-bar-tab */
.mui-bar-tab{ box-shadow: 0 1px 0 #999 inset;}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{ line-height: 12px; font-size: 10px;}
.mui-bar-tab .mui-tab-item .mui-icon{ background: url(../images/ico_menu1.png) center center no-repeat; background-size: 29px 29px; display: block; width: 29px; height: 29px; top: 0; margin: 0 auto;}
.mui-bar-tab .mui-tab-item .ico_menu2{ background-image: url(../images/ico_menu2.png);}
.mui-bar-tab .mui-tab-item .ico_menu3{ background-image: url(../images/ico_menu3.png);}
.mui-bar-tab .mui-tab-item .ico_menu4{ background-image: url(../images/ico_menu4.png);}
.mui-bar-tab .mui-tab-item.mui-active{ color: #00b080;}
.mui-bar-tab .mui-tab-item.mui-active .mui-icon{ background-image: url(../images/ico_menu1_cur.png);}
.mui-bar-tab .mui-tab-item.mui-active .ico_menu2{ background-image: url(../images/ico_menu2_cur.png);}
.mui-bar-tab .mui-tab-item.mui-active .ico_menu3{ background-image: url(../images/ico_menu3_cur.png);}
.mui-bar-tab .mui-tab-item.mui-active .ico_menu4{ background-image: url(../images/ico_menu4_cur.png);}

/* mui-table-view */
.mui-content>.mui-table-view:first-child{ margin-top: 0;}
.mui-table-view:before, .mui-table-view:after, .mui-table-view-cell:after{ background: #ddd; -webkit-transform: scaleY(1); transform: scaleY(1);}
.mui-table-view-cell:after{ right: 15px;}
.mui-table-view-cell{ padding: 13px 15px;}
.mui-table-view-cell>a:not(.mui-btn){ margin: -13px -15px;}
.mui-table-view-cell.mui-collapse .mui-collapse-content{ padding: 10px 15px; margin: 13px -15px -13px;}
.mui-navigate-right:after, .mui-push-right:after { font-size: 17px; color: #adadad; right: 10px;}
.mui-table-view-cell.mui-collapse>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse>.mui-push-right:after { right: 12px;}

/* mui-input-group */
.mui-input-group:before, .mui-input-group:after, .mui-input-group .mui-input-row:after { background: #ddd; -webkit-transform: scaleY(1); transform: scaleY(1);}
.mui-input-group .mui-input-row:after{ left: 0;}
.mui-input-group{ margin-top: 15px;}
.mui-input-group .mui-input-row{ height: inherit;}
.mui-input-row label{ width: 30%; line-height: 18px; padding: 13px 15px;}
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea { width: 70%;}
.mui-input-row input, .mui-input-row select, .mui-input-row textarea { padding: 13px 15px; border: none; margin: 0;}
.mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-input-row .mui-input-speech ~ .mui-icon-speech{ width: 46px; height: 44px; line-height: 44px; color: #aaa; top: 0;}
.mui-input-row .mui-input-speech ~ .mui-icon-speech{ width: 44px;}

/* mui-checkbox / mui-radio */
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] { width: 20px; height: 20px; top: -1px; right: 13px;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before { line-height: 20px; color: #999; font-size: 20px;}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before { color: #00b080;}
.mui-radio input[type=radio]:checked:before{ content: '\e442';}
.mui-table-view-cell.mui-checkbox input[type=checkbox], .mui-table-view-cell.mui-radio input[type=radio] { top: 12px;}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio] { left: 13px;}
.mui-table-view-cell.mui-checkbox.mui-left, .mui-table-view-cell.mui-radio.mui-left { padding-left: 40px;}
.mui-input-row.mui-checkbox label, .mui-input-row.mui-radio label { width: 100%;}

/* 按钮 */
.mui-btn, button, input[type="button"], input[type="reset"], input[type="submit"] { line-height: 28px; padding: 10px 20px; color: #fff; border-radius: 6px;}
.mui-btn-block{ padding: 12px 0; font-size: 17px;  color: #ffffff;}
.mui-btn-green, .mui-btn-positive, .mui-btn-success { background-color: #03acfa; border-color: #03acfa;}
.mui-btn-green.mui-active:enabled, .mui-btn-green:enabled:active, .mui-btn-positive.mui-active:enabled, .mui-btn-positive:enabled:active, .mui-btn-success.mui-active:enabled, .mui-btn-success:enabled:active { background-color: #009f72; border-color: #009f72;}
.mui-btn-danger, .mui-btn-negative, .mui-btn-red { background-color: #fd373b; border-color: #fd373b;}
.mui-btn-danger.mui-active:enabled, .mui-btn-danger:enabled:active, .mui-btn-negative.mui-active:enabled, .mui-btn-negative:enabled:active, .mui-btn-red.mui-active:enabled, .mui-btn-red:enabled:active { background-color: #ee0209; border-color: #ee0209;}
.mui-btn-orange{ background-color: #fb9a02; border-color: #fb9a02;}
.mui-btn-orange.mui-active:enabled, .mui-btn-orange:enabled:active { background-color: #e88c02; border-color: #e88c02;}
.mui-btn-outlined{ background-color: transparent;}
.mui-btn-outlined.mui-btn-green, .mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success{ color: #00b080;}

/* 开关按钮 */
.mui-switch.mui-active{ background-color: #00b080; border-color: #00b080;}

/* 角标 */
.mui-badge{ padding: 1px 4px; font-size: 10px; font-family: '黑体';}
.mui-badge-green, .mui-badge-success{ background-color: #00b080;}
.mui-badge-danger, .mui-badge-red{ background-color: #fd373b;}

/* mui-toast-container */
.mui-toast-container{ bottom: 60px;}
.mui-toast-message{ padding: 10px 15px; background: rgba(0, 0, 0, 0.8); color: #fff;}

/* mui-popover */
.mui-popover{ background: #fff;}
.mui-popover .mui-table-view{ background: none;}
.mui-popover .mui-popover-arrow:after{ background: #fff;}
.mui-backdrop{ background: rgba(0, 0, 0, 0.2);}

/* pop_confirm */
.pop_confirm{ position: fixed; top: 50% !important; left: 50% !important; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1);}
.pop_confirm .mui-popover-arrow{ display: none;}
.pop_confirm .hd{ padding: 15px 15px 0; line-height: 22px; text-align: center; font-size: 17px; font-weight: bold;}
.pop_confirm .bd{ background: #fff; padding: 5px 15px 15px; line-height: 21px; font-size: 14px;}
.pop_confirm .bd p{ font-size: 14px;}
.pop_confirm .fd{ border-top: 1px solid #ddd;}
.pop_confirm .fd .mui-btn{ padding: 13px 5px; font-size: 14px; color: #00a0e9; background: none; border: none; border-radius: 0; margin: 0;}
.pop_confirm .fd2 .mui-btn{ float: left; width: 50%;}
.pop_confirm .fd2 .mui-btn:last-child{ border-left: 1px solid #ddd;}

/* pop_actionSheet */
.pop_actionSheet{ width: inherit; background: none; box-shadow: none; position: fixed; top: inherit !important; bottom: 10px; left: 15px !important; right: 15px !important;}
.pop_actionSheet .mui-popover-arrow{ display: none;}
.pop_actionSheet .mui-table-view{ text-align: center; font-size: 17px; background: #fff; margin-top: 10px;}
.pop_actionSheet .mui-table-view-cell:after{ left: 0; right: 0;}

/* edit_btn */
.edit_btn{ padding: 15px;}
.edit_btn .mui-btn{ margin: 0;}
.edit_btn2 .mui-btn{ width: 47.5%;}

/*============================================= 首页 =============================================*/
.iBody .mui-bar .mui-title{ left: 90px; right: 90px;}
.ico_vip{ background: url(../images/ico_vip.png) center center no-repeat; background-size: 20px 18px; display: inline-block; vertical-align: -2px; width: 20px; height: 18px; overflow: hidden;}
.ico_vip.off{ background-image: url(../images/ico_vip_off.png);}

/* iCon_top */
.iCon_top{ width: 100%; overflow: hidden; background: #fff; border-bottom: 1px solid #ddd; margin-bottom: 5px; position: relative;}
.iCon_top .grade{ height: 48px; line-height: 48px; overflow: hidden; padding: 0 16px; font-size: 14px; position: absolute; top: 0; left: 0;}
.iCon_top .ico_vip{ width: 42px; height: 48px; position: absolute; top: 0; right: 0;}
.iCon_top .info{ border-top: 1px solid #ddd;}
.iCon_top .info span{ float: left; display: block; width: 50%; overflow: hidden; padding: 2px 15px 4px; border-right: 1px solid #ddd;}
.iCon_top .info span:last-child{ border-right: none;}
.iCon_top .info span em{ display: block;}
.iCon_top .info span .num{ line-height: 30px; text-align: center; font-size: 18px;}
.iCon_top .btn_red{ width: 50px; height: 50px; position: absolute; bottom: 0; right: 0;}
.iCon_top .btn_red i{ margin-top: 27px;}
.btn_red{ background: url(../images/btn_red.png) center center no-repeat; background-size: 43px 41px; display: block; width: 43px; height: 41px; overflow: hidden; position: relative;}
.btn_red i{ display: block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; font-size: 9px; color: #fa2222; background: #ffeb12; border-radius: 100%; margin: 22px auto 0;}

/* 仪表盘 */
.dashboard_canvas{ display: block; margin: 20px auto -24px;}
.dashboard_bg{ background: url(../images/canvas_bg.png) center center no-repeat; background-size: 100% 100%; display: block; width: 270px; height: 270px; overflow: hidden; position: absolute; top: 20px; left: 50%; margin-left: -135px;}
.dashboard_bg.no{ background-image: url(../images/canvas_bg_no.png);}
.dashboard_text{ display: block; width: 238px; line-height: 32px; overflow: hidden; text-align: center; font-size: 15px; position: absolute; top: 95px; left: 50%; margin-left: -119px;}
.dashboard_text .num{ display: block; line-height: 60px; font-size: 54px; color: #8e8e8e; font-weight: bold;}
.dashboard_text .mui-btn{ width: 124px; line-height: 33px; padding: 0; font-size: 17px; background: #f14f5c; border-radius: 28px; margin: 24px auto 0;}

/* iCon_list */
.iCon_list{ background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.iCon_list a{ float: left; display: block; width: 25%; line-height: 26px; overflow: hidden; padding: 16px 0 7px; text-align: center;}
.iCon_list a .ico{ background: #ffba15 url(../images/i_ico1.png) center center no-repeat; background-size: 34px 34px; display: block; width: 34px; height: 34px; border-radius: 5px; margin: 0 auto; position: relative;}
.iCon_list a .ico .mui-badge{ font-size: 9px; padding: 2px 4px; position: absolute; top: 0; right: -50%;}
.iCon_list a:nth-of-type(2) .ico{ background-image: url(../images/i_ico2.png); background-color: #0cbaec;}
.iCon_list a:nth-of-type(3) .ico{ background-image: url(../images/i_ico3.png); background-color: #ff5e66;}
.iCon_list a:nth-of-type(4) .ico{ background-image: url(../images/i_ico4.png); background-color: #1dd09f;}

/* iSwiper */
.iSwiper.swiper-container{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.iSwiper.swiper-container-horizontal>.swiper-pagination{ bottom: 5px;}
.iSwiper.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ width: 5px; height: 5px; background: #ddd; margin: 0 3px;}
.iSwiper.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{ background: #00b080;}

/* iCon_new */
.iCon_new h3{ line-height: 40px; padding: 0 15px; font-size: 14px; color: #333; background: #fff; border-top: 1px solid #ddd; position: relative;}
.iCon_new h3 a{ padding: 0 26px 0 15px; font-size: 12px; color: #999; margin-right: -15px;}
.iCon_new h3 a.mui-navigate-right:after{}
.new_list .mui-table-view-cell{ padding: 8px 15px 8px 125px;}
.new_list .mui-table-view-cell:after{ left: 0; right: 0;}
.new_list li .pic{ float: left; display: block; width: 100px; height: 60px; overflow: hidden; margin: 2px 0 0 -110px;}
.new_list li .tit{ display: block; height: 36px; line-height: 18px; overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.new_list li .info{ display: block; font-size: 10px;}

/* pop_red */
.pop_red{ width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.6) url(../images/pop_red_bg.png) center top no-repeat; background-size: 100%; border-radius: 0;}
.pop_red .mui-popover-arrow{ display: none;}
.pop_red .money{ width: 100%; height: 100%; overflow: hidden; padding-top: 62%; text-align: center; font-size: 30px; color: #fff; position: relative;}
.pop_red .money .ico{ background: url(../images/pop_red_ico.png) center top no-repeat; background-size: 100%; display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; display: none;}
.pop_red .money.double{ padding-top: 55%;}
.pop_red .money.double .ico{ display: block;}
.pop_red .close{ position: absolute; top: 70%; left: 50%; z-index: 2; margin-left: -20px;}
.close{ background: url(../images/ico_close.png) center center no-repeat; background-size: 36px 36px; display: block; width: 40px; height: 40px; overflow: hidden;}

/*---------- 资讯详情/活动详情 ----------*/
/* detail_con */
.detail_con{ padding: 8px 15px; color: #616161;}
.detail_con h1{ line-height: 24px; padding: 6px 0; color: #212121; font-size: 17px;}
.detail_con .info{ color: #999; font-size: 10px; padding-bottom: 15px;}
.detail_con .dec{ line-height: 20px;}
.detail_con .dec p{ padding-bottom: 10px;}

/* pop_share */
.pop_share{ width: 100%; overflow: hidden; border-top: 1px solid #ddd; border-radius: 0; position: fixed; top: auto !important; left: 0 !important; bottom: 0; z-index: 99999; display: block; opacity: 1;}
.pop_share .mui-popover-arrow{ display: none;}
.pop_share .bd a{ float: left; display: block; width: 25%; line-height: ; overflow: hidden; padding: 34px 0 28px; text-align: center; font-size: 14px; color: #999;}
.pop_share .bd a .ico{ background: #37e574 url(../images/ico_share1.png) center center no-repeat; background-size: 50px 50px; display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 100%; margin: 0 auto 10px;}
.pop_share .bd a:nth-of-type(2) .ico{ background-image: url(../images/ico_share2.png);}
.pop_share .bd a:nth-of-type(3) .ico{ background-image: url(../images/ico_share3.png); background-color: #37a1e5;}
.pop_share .bd a:nth-of-type(4) .ico{ background-image: url(../images/ico_share4.png); background-color: #fd6666;}
.pop_share .fd{ border-top: 1px solid #ddd;}
.pop_share .fd .mui-btn{ padding: 20px 5px; font-size: 16px; color: #333; background: none; border: none; border-radius: 0; margin: 0;}
.btn_close_pop{ background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

/*---------- 活动公告 ----------*/
/* act_list */
.act_list{ background: none;}
.act_list.mui-table-view:before, .act_list.mui-table-view:after{ content: none;}
.act_list .mui-table-view-cell{ background: #fff; margin-bottom: 10px;}
.act_list .mui-table-view-cell:last-child{ margin-bottom: 0;}
.act_list .mui-table-view-cell:before, .act_list .mui-table-view-cell:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.act_list .mui-table-view-cell:before{ top: 0;}
.act_list li .pic{ display: block; width: 100%; overflow: hidden; margin-bottom: 6px; position: relative;}
.act_list li .pic .ico{ display: block; width: 100px; line-height: 24px; overflow: hidden; padding-top: 55px; text-align: center; font-size: 10px; color: #fff; background: #00b080; position: absolute; top: 0; left: 0; margin-top: -39px; margin-left: -50px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.act_list li h4{ font-size: 14px; margin-bottom: 3px;}

/*============================================= 行车 =============================================*/
/* drive_con */
.drive_con.mui-table-view:before, .drive_con.mui-table-view:after { content: none;}
.drive_con .mui-table-view-cell:before, .drive_con .mui-table-view-cell:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.drive_con .mui-table-view-cell:before{ top: 0;}
.drive_con .mui-table-view-cell.mui-active, .drive_con .mui-table-view-cell>a:not(.mui-btn).mui-active { background: #fff;}
.drive_con .mui-table-view-cell{ padding: 0; background: #fff; margin-top: 10px !important;}
.drive_con .mui-table-view-cell:first-child{ margin-top: 0 !important;}
.drive_con .mui-table-view-cell:first-child:before{ content: none;}
.drive_con .mui-table-view-cell>a:not(.mui-btn){ line-height: 32px; padding: 0 15px; color: #333; margin: 0;}
.drive_con .mui-table-view-cell>a:not(.mui-btn):before{ content: ""; background: #ddd; height: 1px; position: absolute; bottom: 0; left: 0; right: 0;}
.drive_con .mui-table-view-cell.mui-collapse>.mui-navigate-right:after, .drive_con .mui-table-view-cell.mui-collapse>.mui-push-right:after{ color: #333;}
.drive_con .mui-table-view-cell.mui-collapse .mui-collapse-content{ padding: 0; margin: 0;}
.drive_con{ background: none;}
.drive_con .info{ padding: 0 15px; color: #999;}
.drive_con .info .stroke{ padding: 9px 0 9px 105px; border-bottom: 1px solid #ddd;}
.drive_con .info .stroke .radial{ float: left; display: block; width: 90px; height: 90px; overflow: hidden; padding: 10px 2px; border-right: 1px solid #ddd; margin: -9px 0 -9px -105px;}
.drive_con .info .stroke p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fettle p{ float: left; display: block; width: 20%; overflow: hidden; text-align: center; padding: 7px 0;}
.fettle p .ico{ background: url(../images/ico_fettle1.png) center center no-repeat; background-size: 30px 30px; display: block; width: 30px; height: 30px; margin: 7px auto 3px; position: relative;}
.fettle p:nth-of-type(2) .ico{ background-image: url(../images/ico_fettle2.png);}
.fettle p:nth-of-type(3) .ico{ background-image: url(../images/ico_fettle3.png);}
.fettle p:nth-of-type(4) .ico{ background-image: url(../images/ico_fettle4.png);}
.fettle p:nth-of-type(5) .ico{ background-image: url(../images/ico_fettle5.png);}
.fettle p .ico em{ display: block; width: 12px; height: 12px; line-height: 12px; overflow: hidden; text-align: center; font-size: 10px; color: #fff; background: #666; border-radius: 100%; font-family: "黑体"; position: absolute; top: -5px; right: -7px;}
.fettle p.on .ico em{ background: #fd373b;}
.fettle p.on .ico{ background-image: url(../images/ico_fettle1_on.png);}
.fettle p.on:nth-of-type(2) .ico{ background-image: url(../images/ico_fettle2_on.png);}
.fettle p.on:nth-of-type(3) .ico{ background-image: url(../images/ico_fettle3_on.png);}
.fettle p.on:nth-of-type(4) .ico{ background-image: url(../images/ico_fettle4_on.png);}
.fettle p.on:nth-of-type(5) .ico{ background-image: url(../images/ico_fettle5_on.png);}
.drive_con .dec{ color: #999;}
.drive_con .dec .mui-table-view{ margin: 0; border-top: 1px solid #ddd;}
.drive_con .dec .mui-table-view .mui-table-view-cell{ padding: 10px 15px 10px 82px; margin: 0 !important;}
.drive_con .dec .mui-table-view .mui-table-view-cell:after{ content: none;}
.drive_con .dec .mui-table-view .mui-table-view-cell.mui-active{ background: #eee;}
.drive_con .dec .mui-table-view .mui-table-view-cell .radial{ float: left; display: block; width: 50px; height: 50px; overflow: hidden; margin: 2px 0 0 -67px;}
.drive_con .dec .mui-table-view .mui-table-view-cell p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.drive_con .dec .mui-table-view .mui-table-view-cell .start i, .drive_con .dec .mui-table-view .mui-table-view-cell .end i { display: inline-block; width: 14px; height: 14px; line-height: 14px; overflow: hidden; text-align: center; color: #fff; font-size: 9px; background: #00b080; border-radius: 100%; margin-right: 8px; vertical-align: -3px;}
.drive_con .dec .mui-table-view .mui-table-view-cell .end i{ background: #fb9a02;}
.drive_con .dec .mui-table-view .mui-table-view-cell .time{ padding-left: 22px;}

/* chart */
.chart{ width: 100%; height: 240px; overflow: hidden; border-top: 1px solid #ddd;}

/* 左上角菜单弹窗 */
.pop_menu, .pop_date_day, .pop_date_week, .pop_date_month { position: fixed; top: 50px !important;}
.pop_menu{ width: 146px;}
.pop_menu .mui-popover-arrow{ left: 10px !important;}
.pop_menu .mui-navigate-right:after, .mui-push-right:after{ font-size: 13px; right: 6px;}
.pop_menu .mui-table-view-cell, .pop_date_week .mui-table-view-cell, .pop_date_month .mui-table-view-cell { padding: 10px 15px;}
.pop_menu .mui-table-view-cell>a:not(.mui-btn){ margin: -10px -15px;}
.pop_menu .mui-table-view-cell:after, .pop_date_week .mui-table-view-cell:after, .pop_date_month .mui-table-view-cell:after { left: 0; right: 0;}
.pop_menu .mui-table-view-cell .ico{ background: url(../images/drive_menu1.png) center center no-repeat; background-size: 18px 18px; display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: -5px; margin-right: 10px;}
.pop_menu .mui-table-view-cell:nth-of-type(2) .ico{ background-image: url(../images/drive_menu2.png);}
.pop_menu .mui-table-view-cell:nth-of-type(3) .ico{ background-image: url(../images/drive_menu3.png);}
.pop_menu .mui-table-view-cell:nth-of-type(4) .ico{ background-image: url(../images/drive_menu4.png);}
.pop_menu .mui-table-view-cell:nth-of-type(5) .ico{ background-image: url(../images/drive_menu5.png);}
.pop_menu .mui-table-view-cell:nth-of-type(6) .ico{ background-image: url(../images/drive_menu6.png);}

/* 日期弹窗 */
.pop_date_day, .pop_date_day .datetimepicker-inline { width: 230px;}
.pop_date_day .mui-popover-arrow:after{ background: #00b080;}
.pop_date_day .icon-arrow-left, .pop_date_day .icon-arrow-right { display: inline-block; vertical-align: middle; width: 20px; height: 20px; position: relative;}
.pop_date_day .icon-arrow-left:before, .pop_date_day .icon-arrow-right:before { font-family: Muiicons; line-height: 1; font-size: 14px; color: #ccefe6; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; -webkit-font-smoothing: antialiased;}
.pop_date_day .icon-arrow-left:before{ content: '\e582'; left: 0;}
.pop_date_day .icon-arrow-right:before{ content: '\e583'; right: 0;}
.pop_date_day .datetimepicker{ overflow: hidden; border-radius: 7px; padding: 0 12px 6px; margin: 0; position: relative;}
.pop_date_day .datetimepicker:before{ content: ""; height: 38px; background: #00b080; position: absolute; top: 0; left: 0; right: 0;}
.pop_date_day .datetimepicker>div{ position: relative; z-index: 2;}
.pop_date_day .datetimepicker table{ width: 100%;}
.pop_date_day .datetimepicker thead tr:first-child th, .pop_date_day .datetimepicker tfoot tr:first-child th { height: 38px; background: #00b080; color: #fff;}
.pop_date_day .datetimepicker thead tr:first-child th:hover, .pop_date_day .datetimepicker tfoot tr:first-child th:hover { background: none;}
.pop_date_day .datetimepicker td, .pop_date_day .datetimepicker th { width: 30px; height: 30px; border-radius: 0; font-weight: normal;}
.pop_date_day .datetimepicker th{ color: #00b080;}
.pop_date_day .datetimepicker table tr td.today, .pop_date_day .datetimepicker table tr td.today:hover, .pop_date_day .datetimepicker table tr td.today.disabled, .pop_date_day .datetimepicker table tr td.today.disabled:hover { background: none; color: #fb9a02;}
.pop_date_day .datetimepicker table tr td.active, .pop_date_day .datetimepicker table tr td.active:hover, .pop_date_day .datetimepicker table tr td.active.disabled, .pop_date_day .datetimepicker table tr td.active.disabled:hover { background: #fb9a02 !important; color: #fff; text-shadow: none; border-radius: 0;}
.pop_date_day .datetimepicker table tr td span.active:active, .pop_date_day .datetimepicker table tr td span.active:hover:active, .pop_date_day .datetimepicker table tr td span.active.disabled:active, .pop_date_day .datetimepicker table tr td span.active.disabled:hover:active, .pop_date_day .datetimepicker table tr td span.active.active, .pop_date_day .datetimepicker table tr td span.active:hover.active, .pop_date_day .datetimepicker table tr td span.active.disabled.active, .pop_date_day .datetimepicker table tr td span.active.disabled:hover.active { background: #fb9a02; text-shadow: none; border-radius: 0;}
.pop_date_week{ width: 160px;}
.pop_date_month{ width: 80px;}
.pop_date_week .mui-scroll-wrapper, .pop_date_month .mui-scroll-wrapper { height: 189px; margin: 0; position: relative;}
.pop_date_week .mui-table-view-cell.mui-active, .pop_date_month .mui-table-view-cell.mui-active { background: none; color: #fb9a02;}

/*---------- 行程详情 ----------*/
.map_btn.map_btn2{ bottom: 50px;}
.ico_travel{ background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; display: block; width: 20px; height: 29px; overflow: hidden;}
.ico_travel.ico_start{ background-image: url(../images/map/ico_start.png);}
.ico_travel.ico_end{ background-image: url(../images/map/ico_end.png);}
.ico_travel.ico_cs{ background-image: url(../images/map/ico_cs.png);}
.ico_travel.ico_pljs{ background-image: url(../images/map/ico_pljs.png);}
.ico_travel.ico_jzw{ background-image: url(../images/map/ico_jzw.png);}
.ico_travel.ico_jjs{ background-image: url(../images/map/ico_jjs.png);}
.ico_travel.ico_jsc{ background-image: url(../images/map/ico_jsc.png);}

/* travel_top */
.travel_top{ padding: 7px 6px 7px 74px; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0;}
.travel_top .radial{ float: left; display: block; width: 60px; height: 50px; overflow: hidden; border-right: 1px solid #ddd; margin: 4px 0 0 -64px;}
.travel_top .fettle p{ padding: 0; color: #999;}

/* travel_info */
.travel_info{ background: rgba(255, 255, 255, 0.9); border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; bottom: 0;}
.travel_info p{ float: left; display: block; width: 25%; line-height: 15px; overflow: hidden; padding: 7px 5px; text-align: center; color: #999;}
.travel_info p span{ display: block; color: #00b080;}

/* pop_travel_tip */
.pop_travel_tip{ width: auto; padding: 4px 8px; border: 1px solid #999; border-radius: 0; -webkit-transform: translateY(12%); transform: translateY(12%);}
.pop_travel_tip .mui-popover-arrow.mui-bottom{ margin: 0 0 0 -8px;}
.pop_travel_tip .mui-popover-arrow.mui-bottom:after{ border: 1px solid #999; border-radius: 0; top: -26px;}
.pop_travel_tip h4, .pop_travel_tip p { line-height: 14px; font-size: 11px;}

/*---------- 车辆定位 ----------*/
.map_show{ width: 100%; height: 100%; overflow: hidden;}
.map_location{ padding: 7px 15px; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ddd; position: absolute; top: 0; left: 0; right: 0;}
.map_btn{ position: absolute; bottom: 10px; right: 15px;}
.map_btn a{ background: rgba(255, 255, 255, 0.7) url(../images/ico_point.png) center center no-repeat; background-size: 26px 26px; display: block; width: 26px; height: 26px; overflow: hidden; border: 1px solid rgba(117, 117, 117, 0.7); border-radius: 3px; margin-bottom: 9px;}
.map_btn a.ico_point.off{ background-image: url(../images/ico_point_off.png);}
.map_btn a.ico_zoomIn{ background-image: url(../images/ico_zoomIn.png);}
.map_btn a.ico_zoomOut{ background-image: url(../images/ico_zoomOut.png);}

/*---------- 车辆防护 ----------*/
.protect_con .mui-table-view{ margin-top: 15px;}
.protect_con .protect_list .mui-table-view{ margin-top: 0;}
.protect_con .mui-table-view-cell{ font-size: 14px;}
.protect_con .tip{ padding: 7px 15px 0; color: #999;}

/* protect_list */
.protect_list{ background: #fff; margin-top: 15px; position: relative;}
.protect_list:before, .protect_list:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.protect_list:before{ top: -1px;}
.protect_list:after{ bottom: 0;}
.protect_list h3{ padding: 11px 15px; font-size: 14px;}
.protect_list .mui-table-view:before{ left: 15px; right: 15px;}
.protect_list .mui-table-view-cell{ color: #999;}
.protect_list .mui-table-view-cell.mui-active{ background: none;}
.protect_list .mui-table-view-cell>.mui-slider-left>.mui-btn, .protect_list .mui-table-view-cell>.mui-slider-right>.mui-btn { bottom: 1px;}
.protect_list .mui-table-view-cell>.mui-slider-handle{ padding-left: 36px; position: relative;}
.protect_list .ico{ background: url(../images/ico_protect1.png) center center no-repeat; background-size: 26px 26px; display: block; width: 26px; height: 26px; overflow: hidden; position: absolute; top: 50%; left: 0; margin-top: -13px;}
.protect_list .ico.ico2{ background-image: url(../images/ico_protect2.png);}

/*---------- 我的车行宝 ----------*/
.box_num{ padding: 10px 15px; background: #fff; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.box_num h4{ line-height: 24px; font-size: 14px;}
.box_num p{ line-height: 21px; overflow: hidden; color: #999; white-space: nowrap; text-overflow: ellipsis;}
.box_num p span{ font-size: 14px;}
.box_num .mui-pull-right{ font-size: 14px; padding: 35px 15px 35px 5px; margin: -10px -15px -10px 0;}
.box_status_view li{ padding: 16px 15px; background: #fff; font-size: 14px; margin-bottom: 15px; position: relative;}
.box_status_view li:before, .box_status_view li:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.box_status_view li:before{ top: 0;}
.box_status_view li:after{ bottom: 0;}
.box_status_view li .mui-pull-right{ font-size: 12px;}
.box_status_view li:first-child .mui-pull-right{ text-align: right; color: #999; margin-top: -9px;}
.box_status_view li.off:first-child .mui-pull-right{ padding: 16px 15px; margin: -16px -15px -16px 0;}
.box_status_view li.off .mui-badge{ width: 16px; height: 16px; line-height: 16px; padding: 0; text-align: center; font-size: 14px; vertical-align: -1px; margin-right: 8px;}
.boxInstal_con{ padding: 15px;}
.boxInstal_con p{ color: #999; padding-top: 6px;}
.boxInstal_con p b{ color: #fb9a02;}
.boxInstal_con ~ .edit_btn, .boxUnbound_con ~ .edit_btn { padding: 0; position: absolute; left: 15px; right: 15px; bottom: 30px;}
.boxInstal_con ~ .edit_btn{ background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; left: 0; right: 0; bottom: 15px;}
.boxInstal_con ~ .edit_btn a{ padding: 13px 15px; font-size: 14px;}
.boxInstal_con ~ .edit_btn .flashlight{ background: url(../images/ico_flashlight.png) center top no-repeat; background-size: 45px 45px; line-height: 26px; overflow: hidden; padding: 45px 0 0; font-size: 12px; color: #333; position: absolute; top: -80px; right: 15px;}
.boxInstal_con ~ .edit_btn .flashlight.on{ background-image: url(../images/ico_flashlight_on.png); color: #00b080;}

/* binding */
.binding_img{ padding: 72px 0 48px;}
.binding_img2{ padding: 44px 0 32px;}
.binding_img2 ~ .binding_input_group{ margin: 0;}
.binding_input_group.mui-input-group:before, .binding_input_group.mui-input-group:after { content: none;}
.binding_input_group.mui-input-group .mui-input-row{ margin-bottom: 10px;}
.binding_input_group.mui-input-group .mui-input-row:after{ left: 15px; right: 15px;}
.binding_input_group.mui-input-group .mui-input-row label{ width: 23%;}
.binding_input_group.mui-input-group .mui-input-row label~input{ width: 77%;}
.binding_btn{ padding-top: 25px !important;}
.binding_btn p{ padding-top: 12px; font-size: 14px;}
.binding_btn p a{ color: #00a0e9;}

/* 扫描二维码 */
#bcid{ background:#000; width:100%; text-align: center; color: #fff; position: absolute; top: 44px; left: 0; right: 0; bottom: 0;}

/* feedback_con */
.feedback_con .mui-table-view:before, .feedback_con .mui-table-view:after, .feedback_con .mui-table-view-cell:after { content: none;}
.feedback_con textarea{ padding: 8px 15px; border: 1px solid #ddd; margin: 0;}

/*============================================= 我的 =============================================*/
.mui-views, .mui-view, .mui-pages, .mui-page, .mui-page-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #f5f5f5;}
.mui-page.mui-transitioning { -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease;}
.mui-page-left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.mui-ios .mui-page-left { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
.mui-navbar { position: fixed; right: 0; left: 0; z-index: 10; height: 44px;}
.mui-navbar .mui-bar { position: absolute;}
.mui-android .mui-navbar-inner.mui-navbar-left { opacity: 0;}
.mui-ios .mui-navbar-left .mui-left, .mui-ios .mui-navbar-left .mui-center, .mui-ios .mui-navbar-left .mui-right { opacity: 0;}
.mui-navbar .mui-btn-nav { -webkit-transition: none; transition: none; -webkit-transition-duration: .0s; transition-duration: .0s;}
.mui-page-shadow { position: absolute; right: 100%; top: 0; width: 16px; height: 100%; z-index: -1; content: '';}
.mui-page-shadow { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);}
.mui-navbar-inner.mui-transitioning, .mui-navbar-inner .mui-transitioning { -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease;}
.mui-pages { top: 44px; height: auto;}
.mui-page { display: none;}
.mui-pages .mui-page { display: block;}
.mui-pages .mui-table-view:first-child{ margin-top: 0;}
.mui-scroll{ min-height: 100%;}

/* user_con */
.user_con .mui-table-view{ font-size: 14px; margin-bottom: 15px;}
.user_con .mui-table-view:last-child{ margin-bottom: 0;}
.user_con .mui-table-view .mui-table-view-cell .mui-pull-right{ width: 64%; overflow: hidden; text-align: right; padding-right: 16px; white-space: nowrap; text-overflow: ellipsis; color: #999; font-size: 12px;}
.user_con .mui-table-view .mui-table-view-cell .ico{ background: url(../images/ico_user1.png) center center no-repeat; background-size: 22px 22px; display: inline-block; vertical-align: middle; width: 22px; height: 22px; overflow: hidden; margin-right: 15px;}
.user_con .mui-table-view:nth-of-type(2) .mui-table-view-cell:nth-of-type(2) .ico{ background-image: url(../images/ico_user2.png);}
.user_con .mui-table-view:nth-of-type(2) .mui-table-view-cell:nth-of-type(3) .ico{ background-image: url(../images/ico_user3.png);}
.user_con .mui-table-view:nth-of-type(2) .mui-table-view-cell:nth-of-type(4) .ico{ background-image: url(../images/ico_user4.png);}
.user_con .mui-table-view:nth-of-type(2) .mui-table-view-cell:nth-of-type(5) .ico{ background-image: url(../images/ico_user5.png);}
.user_con .mui-table-view:nth-of-type(3) .mui-table-view-cell:nth-of-type(1) .ico{ background-image: url(../images/ico_user6.png);}
.user_con .mui-table-view:nth-of-type(3) .mui-table-view-cell:nth-of-type(2) .ico{ background-image: url(../images/ico_user7.png);}
.user_con .mui-table-view:nth-of-type(3) .mui-table-view-cell:nth-of-type(3) .ico{ background-image: url(../images/ico_user8.png);}
.user_con .head_cell{ padding-top: 17px; padding-bottom: 20px;}
.user_con .head_cell>a:not(.mui-btn){ margin-top: -17px; margin-bottom: -20px;}
.user_con .head_cell .ico_user, .user_con .myhead_cell .ico_user { display: block; width: 50px; height: 50px; margin: -7px 12px -7px 0; position: relative;}
.user_con .head_cell .ico_user img, .user_con .myhead_cell .ico_user img { width: 100%; height: 100%; border-radius: 100%; border: 1px solid #ddd; vertical-align: top;}
.user_con .head_cell .ico_user em{ width: 38px; height: 13px; line-height: 13px; overflow: hidden; text-align: center; font-size: 10px; color: #fff; background: #00b080; border-radius: 13px; position: absolute; left: 50%; bottom: -4px; margin-left: -19px;}
.user_con .head_cell .tel, .user_con .head_cell .num { display: block;}
.user_con .head_cell .tel .ico_vip{ background-size: 16px 14px; width: 16px; height: 14px; margin-left: 10px; vertical-align: -2px;}
.user_con .myhead_cell{ line-height: 50px; padding: 10px 15px;}
.user_con .myhead_cell>a:not(.mui-btn){ margin: -10px -15px;}
.user_con .myhead_cell .ico_user{ width: 50px !important; padding: 0 !important; margin: 0 16px 0 0 !important;}
.user_con .msgTxt{ padding-right: 12px; position: relative;}
.user_con .msgTxt .mui-badge{ width: 6px; height: 6px; padding: 0; position: absolute; top: 0; right: 0;}

/* edit_view */
.edit_view{ margin-top: 15px !important;}
.edit_view .mui-table-view-cell a.mui-active{ background: none;}
.edit_view .mui-pull-right{ padding: 13px 15px; margin: -13px -15px;}
.edit_phone{ display: none;}
.edit_phone .mui-input-group{ margin-top: 10px;}
.code_row.mui-input-row label~input[type="text"]{ padding-right: 112px;}
.code_row.mui-input-row .mui-btn{ width: 88px; line-height: 18px; padding: 6px 0; border-radius: 4px; font-size: 11px; background: #03acfc; text-align: center;color: #fff; margin: 0; position: absolute; top: 50%; right: 15px; margin-top: -15px;}
.code_row.mui-input-row .mui-icon-clear{ right: 112px;}
.ico_wechat, .ico_wechat_user { background: url(../images/ico_wechat.png) center center no-repeat; background-size: 29px 29px; display: inline-block; vertical-align: middle; width: 29px; height: 29px; overflow: hidden; margin: -6px 10px -6px 0;}
.ico_wechat_user img{ width: 100%; height: 100%;}

/* edit_address */
.edit_address ~ .user_con .edit_view { margin-top: 10px !important;}
.edit_address ~ .user_con .mui-table-view { font-size: 12px;}
.mui-table-view-radio .mui-table-view-cell{ padding-right: 60px;}
.mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn){ margin-right: -60px;}
.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after{ font-size: 20px; font-weight: 400; color: #00b080; right: 15px;}
.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after{ content: '\e442';}
.mui-table-view-radio .mui-table-view-cell a.mui-active{ background: none;}
.edit_address .mui-table-view-radio .mui-table-view-cell a span{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.edit_address .mui-table-view-radio .mui-table-view-cell a span em{ color: #999;}
.edit_address .mui-table-view-radio .mui-table-view-cell a span:nth-of-type(2){ padding-left: 3em; text-indent: -3em;}
.ico_delete, .ico_edit { background: url(../images/ico_delete.png) center center no-repeat; background-size: 16px 16px; display: inline-block; width: 48px; height: 48px; overflow: hidden;}
.ico_edit{ background-image: url(../images/ico_edit.png);}
.edit_address .mui-table-view-cell > a.ico_delete{ height: inherit; background-color: #fff; padding: 0; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; display: none;}
.add_address .mui-navigate-right{ display: block; line-height: 18px; padding: 13px 15px;}
.add_address .mui-navigate-right:active{ color: inherit;}
.add_address .mui-navigate-right .mui-pull-right{ padding-right: 16px;}
.add_address.mui-input-group .mui-input-row:after{ left: 15px; right: 15px;}
.add_address .mui-input-row input, .add_address .mui-input-row select, .add_address .mui-input-row textarea { text-align: right;}

/* 地区 */
.mui-indexed-list-search{ background: #f5f5f5; border: none; padding: 10px 15px;}
.mui-indexed-list-search input[type="search"]{ padding-top: 8px; padding-bottom: 8px; padding-left: 34px; background: #fff; border: 1px solid #ddd; border-radius: 6px;}
.mui-indexed-list-search.mui-search:before, .mui-indexed-list-search .mui-placeholder .mui-icon { font-size: 18px; color: #aaa; left: 26px; margin-top: -10px;}
.mui-indexed-list-search.mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-indexed-list-search.mui-input-row .mui-input-speech ~ .mui-icon-speech { width: 40px; height: 34px; line-height: 34px; top: 11px; right: 16px;}
.mui-indexed-list-search .mui-placeholder{ font-size: 12px; color: #aaa; top: 11px; left: 16px; right: 16px;}
.mui-indexed-list-search .mui-placeholder .mui-icon{ vertical-align: -1px; margin: 0 6px 0 0;}
.mui-indexed-list-bar{ background: rgba(255, 255, 255, 0.6);}
.mui-indexed-list-bar a{ color: #00b080; font-family: "微软雅黑";}
.mui-indexed-list-empty-alert{ color: #999;}
.mui-indexed-list-inner .mui-table-view:before{ content: none;}
.mui-indexed-list-group{ line-height: 28px; padding-top: 5px; padding-bottom: 0; background: #f5f5f5;}
.mui-ios .mui-indexed-list-group, .mui-ios .mui-indexed-list-item, .mui-ios .mui-indexed-list-empty-alert, .mui-indexed-list-group, .mui-indexed-list-item { padding-right: 44px;}
.mui-indexed-list-item.mui-table-view-cell:after{ right: 44px;}
.mui-indexed-list-group.gps{ line-height: 20px; padding-top: 0; padding-bottom: 5px;}
.mui-indexed-list-item.ico_gps{ background: url(../images/ico_location2.png) 15px center no-repeat; background-size: 15px 20px; padding-left: 40px;}

/*---------- 我的钱包 ----------*/
.wallet_view .mui-table-view-cell{ padding-right: 40%;}
.wallet_view .mui-table-view-cell.mui-active{ background: none;}
.wallet_view .mui-pull-right{ font-weight: bold; position: absolute; top: 50%; right: 15px; margin-top: -9px;}
.wallet_view .tit, .wallet_view .time { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wallet_view .tit{ font-size: 14px;}
.wallet_view .time{ color: #999;}

/*---------- 我的优惠券 ----------*/
.noCouponData{ line-height: 21px; text-align: center; font-size: 14px; padding: 126px 0 32px;}
.noCouponData .ico{ background: #b7eacf url(../images/ico_noCoupon.png) center center no-repeat; background-size: 70px 46px; display: block; width: 120px; height: 120px; overflow: hidden; border-radius: 100%; margin: 0 auto 12px;}

/* couponBody */
.couponBody .coupon_top ~ .mui-scroll-wrapper{ top: 67px;}
.coupon_top{ padding: 15px 105px 15px 15px; background: #fff; border-bottom: 1px solid #ddd;}
.coupon_top input{ padding-top: 8px; padding-bottom: 8px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px;}
.coupon_top .mui-btn{ width: 80px; padding: 8px 0; border-color: #ddd; margin-right: -90px;}
.coupon_top .mui-input-row .mui-input-clear ~ .mui-icon-clear{ height: 36px; line-height: 36px;}

/* coupon_list */
.coupon_list{ padding: 15px; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 10px 0;}
.coupon_list li{ background: url(../images/oil/coupon.png) center center no-repeat; background-size: 100% 100%; padding: 5% 34% 5% 5%; margin-bottom: 10px; position: relative;}
.coupon_list li:last-child{ margin-bottom: 0;}
.coupon_list li p{ overflow: hidden; color: #999; font-size: 11px; white-space: nowrap; text-overflow: ellipsis;}
.coupon_list li p:first-child{ line-height: 24px; color: #333; font-size: 14px;}
.coupon_list li p .num{ color: #fd373b;}
.coupon_list li p .num b{ vertical-align: bottom; font-size: 27px;}
.coupon_list li .mui-btn{ width: 55px; padding: 4px 0; border-radius: 4px; position: absolute; top: 50%; right: 8.5%; margin-top: -14px;}

/* couponOff_list */
.couponOff_list li{ background-image: url(../images/oil/coupon_off.png);}
.couponOff_list li p .num{ color: #999;}
.couponOff_list li:after{ content: ""; background: url(../images/oil/coupon_ico.png) center center no-repeat; background-size: 67px 56px; display: inline-block; width: 67px; height: 56px; overflow: hidden; position: absolute; top: 50%; right: 6.5%; margin-top: -28px;}

/*---------- 我的车辆信息 ----------*/
.noCarData{ width: 102px; margin: 154px auto 14px;}

/* car_list */
.car_list{ background: none;}
.car_list.mui-table-view:before, .car_list.mui-table-view:after { content: none;}
.car_list .mui-table-view-cell{ background: #fff; padding: 0 15px; margin-bottom: 10px;}
.car_list .mui-table-view-cell:before, .car_list .mui-table-view-cell:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.car_list .mui-table-view-cell:before{ top: 0;}
.car_list .mui-table-view-cell:after{ bottom: 0;}
.car_list li .info{ padding: 10px 0; position: relative;}
.car_list li .info h4{ font-size: 14px;}
.car_list li .info p{ color: #999;}
.car_list li .info .btn_con{ position: absolute; top: 0; right: -15px;}
.car_list li .info .btn_con a{ width: 46px; height: 40px;}
.car_list li .time{ line-height: 44px; color: #999; border-top: 1px solid #ddd;}
.car_list li .time a{ padding: 0 15px; font-size: 14px; margin-left: -15px;}
.car_list li .time .mui-badge{ vertical-align: 1px; margin-right: 5px;}
.car_list ~ .edit_btn{ padding-top: 10px;}

/* car_upload */
.car_upload{ padding: 12px 15px; background: #fff; border-bottom: 1px solid #ddd;}
.car_upload .txt h4{ font-size: 14px; margin-bottom: 3px;}
.car_upload .txt p{ line-height: 21px; color: #999; font-size: 14px;}
.car_upload .edit_btn{ padding: 10px 0 0;}
.car_upload .edit_btn .mui-btn{ margin-bottom: 10px;}
.car_upload .edit_btn p{ margin: -10px 0 -8px;}
.car_upload .edit_btn p .mui-pull-right{ font-size: 14px; padding: 8px 15px; margin-right: -15px;}
.car_upload ~ p{ padding: 8px 15px; color: #999;}

/* edit_car_con */
.edit_car_con h4{ line-height: 32px; padding: 0 15px; color: #999; font-size: 12px;}
.edit_car_con .tip{ padding: 7px 15px 0; color: #999;}
.edit_car_con .mui-input-group{ margin: 0;}
.edit_car_con .mui-input-group .mui-input-row:after{ left: 15px; right: 15px;}
.edit_car_con .mui-input-row label~input, .edit_car_con .mui-input-row label~select, .edit_car_con .mui-input-row label~textarea { text-align: right;}
.edit_car_con .mui-input-row label ~ .carNum_con{ float: left; width: 70%;}
.edit_car_con .mui-input-row label ~ .carNum_con input{ text-align: left;}
.edit_car_con .mui-input-row .mui-icon-clear.mui-hidden ~ .driver_license{ display: block;}
.edit_car_con .mui-input-row .mui-icon-clear ~ .driver_license{ display: none;}
.edit_car_con .parR46{ padding-right: 46px;}

.driver_license{ width: 34px; position: absolute; top: 0; right: 0; bottom: 0;}
.driver_license .mui-badge{ width: 19px; height: 19px; line-height: 19px; overflow: hidden; text-align: center; padding: 0; font-size: 14px; position: absolute; top: 50%; left: 0; margin-top: -9px;}

/* carNum_con */
.carNum_con{ padding-left: 44px; position: relative;}
.carNum_con .province{ display: inline-block; width: 44px; height: 44px; line-height: 44px; overflow: hidden; text-align: center; font-size: 16px; color: #000; position: absolute; top: 0; left: 0;}
.carNum_con .province:after{ content: '\e581'; height: 44px; font-size: 15px; font-family: Muiicons; position: absolute; top: 50%; right: -2px; margin-top: -22px;}

/* pop_province */
.pop_province{ width: 100%; overflow: hidden; background: #dcdcdc; box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2); border-radius: 0; position: fixed; top: auto !important; bottom: 0 !important; left: 0 !important; z-index: 99999 !important;}
.pop_province .mui-popover-arrow{ display: none;}
.dl_province_list dd{ float:left; display:block; width:9.11111%; height:44px; line-height:44px; overflow:hidden; text-align:center; background:#fff; border-radius:4px; box-shadow:0 1px 0 #9a9a9a; color:#666; font-size:18px; margin:1%;}
.dl_province_list dd.btn_con{ float:right; width:74px; background:none; box-shadow:none; overflow:visible;}
.dl_province_list dd.btn_con .mui-btn{ height:44px; line-height:44px; padding: 0; color: #fff; box-shadow:0 1px 0 #9a9a9a; border-radius:4px;}

/* pop_driverLicense */
.pop_driverLicense{ padding: 10px 0; position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1);}
.pop_driverLicense .mui-popover-arrow{ display: none;}

/* mui-dtpicker */
.mui-dtpicker-header, .mui-poppicker-header { line-height: 44px; text-align: center; font-size: 14px; color: #333; padding: 0;}
.mui-dtpicker-header .mui-btn, .mui-poppicker-header .mui-btn { line-height: 44px; padding: 0 15px; font-size: 14px; background: none; border: none; border-radius: 0; color: #00b080; position: absolute; top: 0; left: 0;}
.mui-dtpicker-header .mui-btn.mui-btn-success, .mui-poppicker-header .mui-btn.mui-btn-success { left: inherit; right: 0;}
.mui-dtpicker-title h5{ color: #333; background: #f5f5f5; border-color: #ddd; border-bottom: none;}
.mui-dtpicker-body, .mui-poppicker-body { height: 166px;}
.mui-picker{ background: #fff;}
.mui-pciker-list, .mui-pciker-rule{ height: 30px; line-height: 30px;}
.mui-pciker-list li{ color: #9b9b9b; font-size: 13px;}
.mui-pciker-list li.highlight{ color: #333 !important; font-size: 14px;}
.mui-pciker-rule-ft{ border-color: #b2b3b3;}
.dtpicker{ background: url(../images/ico_date2.png) center right no-repeat !important; background-size: 33px 18px !important; padding-right: 46px !important;}

/* pop-province */
.pop-province .mui-dtpicker-title h5{ width: 50%;}
.pop-province .mui-poppicker-body{ border: none;}

/*---------- 我的订单 ----------*/
.noOrderData{ line-height: 21px; text-align: center; font-size: 14px; padding: 126px 0 32px;}
.noOrderData .ico{ background: #b7eacf url(../images/ico_noOrder.png) center center no-repeat; background-size: 51px 61px; display: block; width: 120px; height: 120px; overflow: hidden; border-radius: 100%; margin: 0 auto 12px;}

/* tab_bar */
.tab_bar.mui-bar-tab{ height: 42px; background: #fff; box-shadow: 0 -1px 0 #ddd inset; top: 44px;}
.tab_bar.mui-bar-tab .mui-tab-item{ height: 42px; font-size: 14px; color: #333;}
.tab_bar.mui-bar-tab .mui-tab-item.mui-active{ color: #fb9a02;}
.tab_bar.mui-bar-tab .mui-tab-item .mui-tab-label{ display: block; line-height: 41px; position: relative;}
.tab_bar.mui-bar-tab .mui-tab-item.mui-active .mui-tab-label{ box-shadow: 0 -2px 0 #fb9a02 inset;}
.tab_bar.mui-bar-tab .mui-tab-item .mui-tab-label .mui-badge{ display: block; width: 6px; height: 6px; padding: 0; position: absolute; top: 50%; right: 50%; margin-top: -14px; margin-right: -36px;}

/* order_list */
.order_list{ background: none;}
.order_list.mui-table-view:before, .order_list.mui-table-view:after { content: none;}
.order_list .mui-table-view-cell{ background: #fff; padding: 0 15px; margin-top: 10px;}
.order_list .mui-table-view-cell:before, .order_list .mui-table-view-cell:after, .dl_order:before, .dl_order:after, .dl_order dd:after { content: ""; background: #ddd; height: 1px; position: absolute; left: 0; right: 0;}
.order_list .mui-table-view-cell:before, .dl_order:before { top: 0;}
.order_list .mui-table-view-cell:after, .dl_order:after, .dl_order dd:after { bottom: 0;}
.order_list .mui-table-view-cell>a:not(.mui-btn){ padding: 0 15px; margin-top: 0; margin-bottom: 0;}
.order_list .mui-table-view-cell>a.ico_delete{ height: 44px; padding: 0; margin: 0; position: absolute; top: 0; right: 0; bottom: 0;}
.order_list li .order_num{ line-height: 44px; font-size: 14px; position: relative;}
.order_list li .order_total{ line-height: 40px; font-size: 14px;}
.order_list li .order_total .total b{ font-size: 18px;}
.order_list li .order_total .total small{ font-size: 12px;}
.dl_order{ position: relative;}
.dl_order dd{ padding: 10px 0 10px 75px; overflow: hidden; position: relative;}
.dl_order dd .pic{ float: left; display: block; width: 65px; height: 65px; overflow: hidden; border: 1px solid #ddd; margin-left: -75px;}
.dl_order dd .color_sort{ color: #999; padding-top: 10px;}

/*---------- 系统消息 ----------*/
.noMsgData{ line-height: 21px; text-align: center; font-size: 14px; padding: 126px 0 32px;}
.noMsgData .ico{ background: #b7eacf url(../images/ico_noMsg.png) center center no-repeat; background-size: 68px 72px; display: block; width: 120px; height: 120px; overflow: hidden; border-radius: 100%; margin: 0 auto 12px;}

/* msg_list */
.msg_list{ margin-top: 10px;}
.msg_list .mui-table-view-cell.mui-active, .msg_list .mui-table-view-cell.mui-active>.mui-slider-handle { background: none;}
.msg_list .mui-table-view-cell>.mui-slider-left>.mui-btn, .msg_list .mui-table-view-cell>.mui-slider-right>.mui-btn{ bottom: 1px;}
.msg_list li{ padding: 10px 22px 10px 85px;}
.msg_list li .pic{ float: left; display: block; width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 4px; position: relative; margin-left: -70px;}
.msg_list li .time{ color: #999; padding-top: 6px;}
.msg_list li .mui-ellipsis-2{ height: 36px;}
.msg_list li .mui-badge{ display: block; width: 8px; height: 8px; padding: 0; position: absolute; top: -4px; right: -4px;}

/*---------- 设置 ----------*/
.about_logo{ width: 120px; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -64%, 0) scale(1); transform: translate3d(-50%, -64%, 0) scale(1);}
.about_logo .logo{ background: #fff url(../images/about_logo.png) center center no-repeat; background-size: 77px 61px; display: block; width: 120px; height: 120px; overflow: hidden; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 12px;}
.about_logo .version{ background: url(../images/about_txt.png) top center no-repeat; background-size: 120px 23px; display: block; width: 120px; overflow: hidden; text-align: right; padding-top: 28px; color: #999;}
.about_foot{ text-align: center; position: absolute; left: 15px; right: 15px; bottom: 15px;}
.about_foot a{ display: inline-block; font-size: 14px; margin-bottom: 10px;}

/* pact_con */
.pact_con{ padding: 16px;}
.pact_con h1{ font-size: 18px;}

/*============================================= 登录 / 注册 / 忘记密码 / 完善个人信息 =============================================*/
.login_logo{ width: 75px; padding-top: 64px; margin: 0 auto; position: initial; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);}
.login_logo .logo{ background-image: url(../images/login_logo.png); background-size: 48px 38px; width: 75px; height: 70px; margin-bottom: 7px;}
.login_logo .version{ background-image: url(../images/login_txt.png); background-size: 75px 14px; width: 75px; padding-top: 14px; font-size: 10px;}
.login_logo ~ .login_group{ margin-top: 30px;}
.login_group.mui-input-group:before, .login_group.mui-input-group:after { content: none;}
.login_group.mui-input-group .mui-input-row:after{ left: 15px; right: 15px;}
.login_group.mui-input-group .mui-input-row{ margin-bottom: 5px;}
.login_group .mui-input-row input{ font-size: 14px; padding-left: 42px;}
.login_group .mui-input-row input.ico_phone, .login_group .mui-input-row input.ico_password, .login_group .mui-input-row input.ico_code { background: url(../images/ico_login1.png) 15px center no-repeat; background-size: 18px 18px;}
.login_group .mui-input-row input.ico_password{ background-image: url(../images/ico_login2.png);}
.login_group .mui-input-row input.ico_code{ background-image: url(../images/ico_login3.png);}
.mui-input-row .mui-icon-see{ background: url(../images/ico_see.png) center center no-repeat; background-size: 20px 11px; display: inline-block; width: 50px; height: 44px; overflow: hidden; position: absolute; top: 0; right: 0;}
.mui-input-row .mui-icon-see.on{ background-image: url(../images/ico_see_on.png);}
.mui-input-row .mui-icon.mui-icon-clear.mui-hidden ~ .mui-icon-see{ display: block;}
.mui-input-row .mui-icon.mui-icon-clear ~ .mui-icon-see{ display: none;}
.login_btn{ padding-top: 20px;}
.login_btn p{ margin: 0 -15px;}
.login_btn p a{ padding: 13px 15px; font-size: 14px;}
.login_foot{ text-align: center; padding: 72px 15px 40px;}
.login_link .mui-table-view{ background: none;}
.login_link .mui-table-view:before, .login_link .mui-table-view:after, .login_link .mui-table-view-cell:after { content: none;}
.login_link .mui-table-view-cell{ padding-top: 7px;  padding-bottom: 7px;}
.login_link .mui-table-view-cell.mui-active{ background: none;}
.login_link .mui-checkbox.mui-left input[type=checkbox], .login_link .mui-radio.mui-left input[type=radio] { top: 6px; left: 15px;}
.login_link .mui-checkbox input[type=checkbox]:checked:before, .login_link .mui-radio input[type=radio]:checked:before { color: #fb9a02;}
.login_link span{ display: inline-block; padding: 7px 0; color: #00b080; margin-left: -10px;}
.completeInfo_txt{ padding: 12px 15px 0;}

/*============================================= 加载页 / 没有网络 =============================================*/
.loading_con{ width: 100%; overflow: hidden; padding: 15px; text-align: center; font-size: 14px; color: #999; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1);}
.loading_con .pic{ display: block; width: 122px; overflow: hidden; margin: 0 auto 12px;}
.loading_con .mui-btn{ margin: 28px 0 0;}


.jc-p{ margin-top: 5px; margin-bottom: 10px; margin-left: 2%; margin-right: 2%; font-size: 14px;line-height: 20px;}
.jc-p span{ color: #fd373b;}
.jc-image{ background: none; margin-top: 10px; margin-bottom: 10px; margin-left: 12%; margin-right: 12%;}


.ad-image{ background: none; top: 0; bottom: 0; left: 0; right: 0;}
.ad-text{ padding-top: 16px; padding-left: 2%; padding-right: 2%; background: #fff;}
.ad-text-index1{ padding-bottom: 16px;}
.ad-text-index1-Q { font-size: 12px; color: #000; font-weight:bold; line-height:20px; }
.ad-text-index1-A { font-size: 12px; color: #999999; }
    
.ad-func{ padding-top: 10px; background: f5f5f5;}
.ad-func-term{ }
.ad-func-term-left{ float: left; width: 10%; text-align: right; font-size: 12px; color: #999999;margin-bottom: 16px;}
.ad-func-term-right{ float: right; width: 90%; padding-right: 2%; text-align: left; font-size: 12px; color: #999999;margin-bottom: 16px;}
.ad-func-term-right span{font-size: 12px; color: #03acfa;}

.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before { color: #03acfa; text-align: right; }

.ad-func-button{ margin-top: 5px; margin-left: 5%; margin-right: 5%; }

.bx-func{ padding-top: 16px; padding-left: 2%; padding-right: 2%;}

.bx-successed{ padding-top: 16px; padding-left: 2%; padding-right: 2%; background: #fff;}
.bx-successed-text { font-size: 12px; color: #000; line-height:20px;  margin-bottom: 16px;padding-left: 2%; padding-right: 2%;}
.bx-successed-erweima { margin-bottom: 10px; padding-left: 30%; padding-right: 30%;}
.bx-successed-erweima-text { font-size: 16px; color: #000; line-height:20px; font-weight:bold; text-align: center;  padding-bottom: 16px;}

.mui-input-group .mui-input-row {
    font-size: 12px; color: #000;
}

.edit_car_con .mui-input-row label~input, .edit_car_con .mui-input-row label~select, .edit_car_con .mui-input-row label~textarea {
    text-align: left;
    font-size: 12px;
    color: #aaaaaa;
}


.check-func { padding-top: 10px; padding-left: 5%; padding-right: 5%; background: #fff; height: 110px;}
.check-func .check-func-p { font-size: 14px; color: #000; line-height:20px; padding-bottom: 10px; }
.check-func .check-func-left { float: left; width: 66%; text-align: right;}
.check-func .check-func-right { float: right; width: 30%; text-align: left;}

.check-input {
	width: 100%;
 	height: 40px;
    line-height: 28px;
    padding: 6px;
    background: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    padding-left: 15px;
}

.check-func-left input{
	width: 100%;
 	height: 40px;
    line-height: 28px;
    padding: 6px;
    background: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    padding-left: 15px;
}
	 

.check-button { 
	width: 100%;
	height: 40px;
	background-color: #03acfa; border-color: #03acfa;
	line-height: 28px;
    padding: 2px;
    color: #fff;
    border-radius: 6px;
}
 

.check-text { margin-top: 16px; margin-bottom: 16px; padding-left: 5%; padding-right: 5%;}

.check-result-index { margin-bottom: 16px; }
.check-result-detail { color: #03acfa; }
.check-result-img { height: 16px; width: 16px;}

.ad-func-term-left input[type=checkbox] {
    width: 20px;
    height: 20px;
    top: 0px;
    right: 5px;
}

.my-test-header { height: 0; }


/*============================================= 兼容问题 =============================================*/
/**
 * iPhone 4/4s portrait(竖屏)
 */
@media only screen
and (device-width: 320px)
and (device-height: 480px)
and (-webkit-device-pixel-ratio: 2)
and (device-aspect-ratio: 2/3)
and (orientation:portrait)  {
	.login_logo{ padding-top: 48px;}
	.login_foot{ padding: 15px;}
}
/**
 *  iPhone 5/5s portrait(竖屏)
 */
@media only screen
and (device-width: 320px)
and (device-height: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	.login_foot{ padding: 56px 15px 40px;}
}
/**
 * iPhone 6/6s portrait(竖屏)
 */
@media only screen and (device-width: 375px) and (device-height: 667px) and (orientation : portrait) {
	
}
/**
 * iPhone 6+/6s+ portrait(竖屏)
 */
@media only screen and (device-width: 414px) and (device-height: 736px) and (orientation : portrait) {
	/* 仪表盘 */
	.dashboard_canvas{ margin-bottom: -36px;}
	.dashboard_bg{ width: 320px; height: 320px; margin-left: -160px;}
	.dashboard_text{ width: 288px; line-height: 38px; top: 114px; margin-left: -144px;}
	.dashboard_text .mui-btn{ width: 150px; line-height: 38px; margin-top: 32px;}
}