ul{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,em,var,ol,dl,dd,p,dt{font-weight: normal;padding: 0;margin: 0;list-style: none;font-style: normal;}
/* GG */
.btn_orange{background-image: linear-gradient( to right, #fcaa24,#e26405);color: #fff;}
.btn_grey{background-color: #d9d9d9;}

.red{color: #ec1515;}
.orange{color: #ff9e00;}
.green{color: #00a67c;}
.blue{color: #0e51a7;}
.cyan{color: #98e6d6;}
.wathet{color: #4282d3;}
.bo_red{color: #ff0000;}
.bo_green{color: #00a67c;}
.orange{color: #e56c08;}
/* end */
.rg-fl{float: left;}
.rg-fr{float: right;}
.height45.tinumber{height: 45px;line-height: 45px;font-size: 14pt;}
/* 背景色 */
.layui-progress-bar{opacity: 0.5;}
.bg0{background-color: #CC3366;}
.bg1{background-color: #CC6600;}
.bg2{background-color: #339966;}
.bg3{background-color: #669999;}
.bg4{background-color: #CC3399;}
.bg5{background-color: #CCFF66;}
.bg6{background-color: #663366;}
.bg7{background-color: #66CCCC;}
.bg8{background-color: #FF99CC;}
.bg9{background-color: #666699;}
.bg10{background-color: #CCCCFF;}
.bg11{background-color: #0099CC;}
.bg12{background-color: #CCFFCC;}
.bg13{background-color: #009966;}
.bg14{background-color: #99CCCC;}
.bg15{background-color: #FF9999;}
.bg16{background-color: #CCCC99;}
.bg17{background-color: #66CC99;}
.bg18{background-color: #99CCFF;}
.bg19{background-color: #996666;}
.bg20{background-color: #CCCCFF;}
/* end */
/* 图标 */

.jk_ico_30{width: 30px;height: 30px;background-size: auto 30px;}
.jk_ico_80{width: 80px;height: 80px;background-size: auto 80px;}
.jk_ico40{display: inline;width: 40px;height: 40px;transform: scale(1);background: url(../../images/ico40.png?=1) 0 -0px no-repeat;background-size: auto 40px;}
.jk_ico50{float: left;display: inline;width: 50px;height: 50px;transform: scale(1);background: url(../../images/ico50.png?=1) 0 -0px no-repeat;background-size: auto 50px;}
.jk_ico100{display: inline;width: 100px;height: 100px;transform: scale(1);background: url(../../images/ico100.png?=1) 0 -0px no-repeat;background-size: auto 100px;}
/* end */












/* 框架 */
.body{max-width: 640px;margin: auto;position: relative;}
.web{max-width: 640px;margin: auto;position: relative;background-color: #f6f6f6;overflow-x: hidden;}
.web_banner{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;right: 0;}
.web_banner img{width: 100%;}
.web_box{z-index: 2;position: relative;}
/* 菜单-水平 */
.more{width: auto;padding: 8px 15px;}
.titel{float: left;line-height: 24px;font-size: 18px;color: #fff;font-weight: 500;}
.more .tjia{float: right;}
.more .tjia i{display: inline-block;color: #fff;font-size: 20px;}
/* 主体 */
.subject{background-color: #fff;border-radius: 10px;margin: 0 15px;overflow: hidden;position: relative;padding-bottom: 15px;}
.subject_tou{background-image: linear-gradient( to right ,#93e7d2,#c6dffd,#f5f5f5);height: auto;padding: 10px;display: flex;justify-content: space-between;}
.subject_tou_left{float: left;width: 65%;}
.subject_tou_left img{width: 30px;height: 30px;}
.subject_tou_left span{line-height: 35px;font-size: 24px;color: #030303;height: 35px;vertical-align: -5px;display: inline-block;border: none;vertical-align: middle;}
.subject_tou_right{float: right;}
.subject_tou_right ul{display: flex;}
.subject_tou_right ul li{text-align: right;margin-left: 6px;width: max-content;}
.subject_tou_right ul li:first-of-type{margin: 0;}
.subject_tou_right ul li span{display: block;font-size: 12px;color: #999999;}
.subject_tou_right ul li var{display: inline-block;font-size: 14px;color: #274d7e;}
/* 行使总里程 */
.subject_con{width: 100%;z-index: 2;position: relative;}
.total_mileage{padding: 20px 0 30px;text-align: center;}
.total_mileage span{font-size: 16px;color: #666666;padding-bottom: 10px;display: block;}
.total_mileage h1{font-size: 46px;color: #020202;font-weight: 600;line-height: 48px;height: 48px;}
.total_mileage h1 var{font-size: 16px;color: #274d7e;}
/* this_month */
.this_month{width: 100%;}
.this_month ul{padding: 0 15px;display: flex;}
.this_month ul li{text-align: center;width: 33.3333333%;}
.this_month ul li span{font-size: 14px;color: #808080;}
.this_month ul li var{font-size: 16px;color: #808080;}
.this_month ul li p{font-size: 26px;color: #030303;margin-top: 8px;}
.subject_con_bj{position: absolute;bottom: 3px;left: 3px;z-index: 1;opacity: .15;}

/* 页脚底部 */
footer{position: relative;max-width: 100%;height: 60px;z-index: 99;}
.footer{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 60px;background-color: #fff;    box-shadow: 0px -3px 6px 0px #dddcdc;}
.footer ul {padding: 10px 25pt;height: 40px;display: flex;justify-content: space-between;}
.footer ul li{height: 100%;border-radius: 50px;}
.footer ul li.footer40 {color: #737373;}
.footer ul li.footer40 span{width: 20pt;height: 20pt;background-size: auto 20pt;transform: scale(1);}
.footer ul li.orange{text-align: center;width: 60%;margin: auto;}
.footer ul li.orange a{line-height: 40px;color: #fff;display: block;cursor: pointer;}
.footer ul.footer_2 li a{line-height: 40px;color: #fff;display: block;cursor: pointer;}
.footer ul.footer_2 li button{width: 100%;height: 100%;background: transparent;border: 0;color: #fff;}

.footer_no{height: calc(100%);}
.footer ul.footer_2{justify-content: space-between;padding: 10px 18pt;}
.footer ul.footer_2 li{width: 48%;margin: 0;text-align: center;height: 100%;border-radius: 10px;overflow: hidden;}
.footer ul.footer li button{width: 100%;height: 100%;background: transparent;border: 0;color: #fff;}
.footer ul.footer_2 li.btn_grey a{color: #666666;}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border-color: #eee!important;
    background-color: #e3e3e3!important;
    color: #666!important;
    cursor: not-allowed!important;
    opacity: 1;
}


.charge_list_box{margin: 15px;background-color: #fff;border-radius: 10px;}
/* 搜索 */
.list_choice{height: 40px;padding: 0 10px;border-bottom: 1px solid #e4e4e4;position: relative;}
.list_choice_cshu{position: relative;height: 40px;z-index: 5;max-width: 70px;}
.list_choice_cshu>span{line-height: 40px;}
.list_choice_cshu>span i{color: #c3c3c3;font-size: 12px;padding-left: 3px;}
.list_choice_cshu:hover .list_choice_con{display: block;}
.list_choice_con{position: absolute;top: 40px;display: block;background-color: rgb(0 0 0 / 30%);left: -10px;width: calc(100% + 20px);box-shadow: 0px 10px 10px 0px #dddcdc;display: none;z-index: 50;}
.list_choice_con ul{background-color: #fff;padding: 10px;}
.list_choice_con ul li{height: 36px;line-height: 36px;border-bottom: 1px solid #7cbbfb;}
.list_choice_con ul li:last-child{border: 0;}
.list_choice_con ul li a{padding: 0 10px;font-size: 14px;color: #666;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list_choice_con li a var{background-color: tomato;border-radius: 5px;color: #fff;font-size: 12px;padding: 2px 3px;}

.subject_tou_left .brandsname{position: relative;}
.subject_tou_left .brandsname:hover .list_choice_con{display: block;}
.subject_tou_left .brandsname .list_choice_con{left: -25px;width: 150px;top: 30px;padding-top: 15px;background-color: #fff;}
.subject_tou_left .brandsname li.checked{background-color: #f5eee0;}
.subject_tou_left .model{word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;max-width: calc(100% - 55px);}

.list_choice_zhi{height: 40px;line-height: 40px;position: absolute;top: 0;right: 10px;;}
.list_choice_zhi span{font-size: 13px;display: inline-block;line-height: 100%;margin-right: 5px;}
.list_choice_zhi span:last-child{margin-right: 0px;}
/* 列表 */
.charge_list{width: auto;padding: 0 10px;}
.charge_list_pot{width: 100%;padding: 18px 0;border-bottom: 8px solid #efeef5;}
.charge_list_pot:last-child{border: 0;}
.charge_list_pot h6{font-size: 20px;color: #111111;font-weight: 700;}
.charge_list_pot ul{padding: 15px 35px 0 0;position: relative;}
.charge_list_pot ul:before {content: "\e602";position: absolute;right: -10px;top: 36%;font-size: 46px;color: #ebe7e7;}
.charge_list_pot ul li{width: 100%;display: flex;align-items: center;justify-content: space-between;line-height: 30px;line-height: 30px;font-size: 18px;color: #111111;font-weight: 600;}
.charge_list_pot ul li var{font-size: 20px;}
.charge_list_pot ul li.last-child{border: 0;font-size: 16px;color: #8e8e8e;font-weight: 500;white-space: pre-wrap;}
.charge_list_pot ul li.last-child var{font-size: 16px;}
.charge_list_pot ul li.last-child p{font-size: 14px;line-height: 1.2;padding-top: 3px;}
/*  */
.head{width: 100%;height: 46px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.head ol{padding: 8px 15px;line-height: 30px;display: flex;justify-content: space-between;position: relative;}
.head ol li.titel{font-size: 16px;font-weight: 600;}
.head ol li i.layui-icon-left{font-weight: 600;}
.head ol li.head_save{color: #ff9e00;font-weight: 600;cursor: pointer;}
.head ol li.head_save button{width: 100%;height: 100%;background: transparent;border: 0;color: #ff9e00;}
.head ol li.head_save button.layui-btn-disabled {
    border-color: transparent!important;
    background-color: transparent!important;
    color: #ccc!important;
    cursor: not-allowed!important;
    opacity: 1;
}
.tinumber{position: absolute;left: 50%;transform: translate3d(-50%, -0%, 0);font-weight: 600;font-size: 15px;}
/* 记一充 */
.form_container{width: 100%;background-image: linear-gradient( #fcfcfc,#fff);height: calc(100vh - 100px);}
.form_group{padding: 30px 30px;}
.form_group_list{width: 100%;}
.form_group_list .form_item{display: table;padding: 10px;border-bottom: 1px solid #dddcdc;}
.form_group_list .form_item:last-child{border: 0;}
.form_group_list .form_item label{height: 30px;line-height: 30px;width: 105px;vertical-align: -2px !important;display: inline-block;}
.form_group_lists .form_item label{width: 85px;text-align: right;padding-right: 5px;}
.form_group_list .form_item label i{font-size: 18px;line-height: 30px;display: inline-block;padding-right: 3px;}
.form_group_list .form_item label span{font-size: 16px;line-height: 30px;;}
.form_group_list .form_item label var{color: tomato;padding-right: 3px;font-weight: 600;}
.form_group_list .form_item .input{height: 30px;line-height: 30px;width: 100%;display: table-cell;padding-left: 0px;}
.form_group_list .form_item .input input{height: 30px;line-height: 30px;border: 0;}
.form_group_list .form_item .input textarea{min-height: 80px;max-height: 200px;}
.form_group_list .form_item .input select{width: 100%;}
.form_group_list .form_item .dingwei{width: 30px;height: 30px;display: table-cell;line-height: 30px;overflow: hidden;text-align: center;border-radius: 5px;}
.form_group_list .form_item .dingwei i{width: 30px;display: block;font-size: 16px;background-color: #f1f1f1;}


/* 提示 */
.empty{width: 100%;margin: auto;text-align: center;padding: 30px 0;}
.empty p i{color:tomato;}
.empty p{margin-top: 10px;font-size: 14px;color: #666;}




/*  */
.container{background-color: #fff;height: calc(100vh - 55px) ;}

.detailed{padding: 20px 15px 10px;}
.detailed .detailed_h1{text-align: center;}
.detailed .detailed_h1 h1{font-size: 40px;font-weight: 500;line-height: 40px;color: #0b8eff;}
.detailed .detailed_h1 p {font-size: 14px;color: #666;margin-top: 5px;}
.detailed .detailed_ul{width: 100%;}
.detailed .detailed_ul li{border-bottom: 1px solid #eee;padding: 10px 0;display: flex;justify-content: space-between;}
.detailed .detailed_ul li label{color: #878787;font-size: 14px;}
.detailed .detailed_ul li div{max-width: 73%;}
.detailed .detailed_ul li div span{font-size: 15px;color: #333;text-align: right;display: inline-block;white-space: pre-wrap;}


/* 顶部公用  */
/* 保存按钮 */
.jyxbc{font-size: 14pt;font-weight: 600;}
.bo_headlock_list li.jyxbc i{margin: 0 -5px;font-size: 16px;}
.bo_headlock_lists li.jyxbcs i{margin: 0 5px;font-size: 20px;}

.h34{height: 34pt;}
.bo_headlock{width: 100%;height: 34pt;;position: fixed;z-index: 100;background-color: #fff;top: 0;left: 0;right: 0;border-bottom: 1px solid #e5e5e5;}
.bo_headlock .bo_headlock_container{padding: 0 15pt 0 10pt;position: relative;line-height: 100%;height: 100%;}
.bo_headlock_return{float: left;line-height: 100%;height: 100%;display: flex;align-items: center;}
.bo_headlock_return i{font-size: 16pt;display: flex;align-items: center;}
.bo_headlock_return span{font-size: 13pt;}
.bo_headlock_list{float: right;height: 30px;;}
.bo_headlock_list li{float: left;height: 34pt;}
.bo_headlock_list li var{font-size: 12px;color: #262626;display: inline-block;text-align: center;}
.bo_headlock_list li i{margin: 5pt;line-height: 34pt;font-size: 17pt;}