html,
body {
height: 100%;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, arial, microsoft yahei, "\5B8B\4F53";
}
::selection {
/* background: #72af2d; */
background: #3e62fc;
color: #fff;
}
a:active,
a:focus,
a:hover {
text-decoration: none;
}
a,
a:active,
a:focus,
button,
button:active,
button:focus,
input,
input:active,
input:focus,
textarea,
textarea:active,
textarea:focus {
outline: none;
outline-offset: 0;
}
label {
font-weight: normal;
}
ul {
margin-bottom: 0;
}
.body {
/*padding-top: 60px;*/
min-height: 400px;
}
.container-fluid {
min-width: 1280px;
}
.no-breadcrumb {
padding-top: 80px;
}
.row:after {
clear: both;
content: "";
display: block;
visibility: hidden;
height: 0;
}
.bc-fff {
background-color: #fff; /* background-color: rgba(255,255,255,0.7); */
}
.bc-eee {
background-color: #eee;
}
.bc-gray {
background-color: #ebedf3;
}
.bc-f5f5f5 {
background-color: #f5f5f5;
}
.bc-fafafa {
background-color: #fafafa;
}
.bc-fdfdfd {
background-color: #fdfdfd;
}
.bc-primary {
background-color: #42aeed;
}
.bc-f2f6fc {
background-color: #f2f6fc;
}
.bc-f2f7fb {
background-color: #f2f7fb;
}
.bc-F1F2F7 {
background-color: #f1f2f7;
}
.bc-00ac49 {
background-color: #00ac49;
}
.c-blue {
color: blue;
}
.c-fff {
color: #fff;
}
.c-333 {
color: #333;
}
.c-666 {
color: #666;
}
.c-999 {
color: #999;
}
.c-000 {
color: #000;
}
.c-primary {
color: #009688;
}
.c-1e9cde {
color: #1e9cde;
}
.c-red {
color: red;
}
.c-green {
color: green;
}
.c-yellow {
color: yellow;
}
.c-d75858 {
color: #d75858;
} /*color icon admin*/
.c-f19b04 {
color: #f19b04;
} /*color icon sales*/
.c-72af2d {
color: #72af2d;
} /*color icon agents*/
.c-bf10e5 {
color: #bf10e5;
} /*color icon dealer*/
.c-00a0ea {
color: #00a0ea;
} /*color icon client*/
.c-0ceb2b {
color: #0ceb2b;
} /*color icon client*/
.c-53d3e7 {
color: #53d3e7;
}
.c-0087d6 {
color: #0087d6;
}
.c-72AF2D {
color: #72af2d;
}
.c-e73636 {
color: #e73636;
}
.c-df7312 {
color: #df7312;
}
.c-009934 {
color: #009934;
}
.mg-15 {
margin-right: 15px;
margin-bottom: 4px;
}
.mark-admin {
color: #d75858;
}
.mark-sales {
color: #f19b04;
}
.mark-agents {
color: #72af2d;
}
.mark-dealer {
color: #ca58d7;
}
.mark-client {
color: #00a0ea;
}
.m-15 {
margin: 15px;
}
.m-20 {
margin: 20px;
}
.m-lr15 {
margin-left: 15px;
margin-right: 15px;
}
.m-l30 {
margin-left: 30px;
}
.m-l40 {
margin-left: 40px;
}
.m-r30 {
margin-right: 30px;
}
.m-l25 {
margin-left: 25px;
}
.m-l20 {
margin-left: 20px;
}
.m-l15 {
margin-left: 15px;
}
.m-l10 {
margin-left: 10px;
}
.m-l5 {
margin-left: 5px;
}
.m-l0 {
margin-left: 0 !important;
}
.m-l60 {
margin-left: 60px !important;
}
.m-l45 {
margin-left: 45px;
}
.m-r15 {
margin-right: 15px;
}
.m-r10 {
margin-right: 10px;
}
.m-lr10 {
margin-left: 10px;
margin-right: 10px;
}
.m-l50 {
margin-left: 50px;
}
.m-lr5 {
margin-left: 5px;
margin-right: 5px;
}
.m-r5 {
margin-right: 5px;
}
.m-r15 {
margin-right: 15px;
}
.m-r0 {
margin-right: 0 !important;
}
.mr-10 {
margin-right: -10px;
}
.m-tb25 {
margin-top: 25px;
margin-bottom: 25px;
}
.m-tb15 {
margin-top: 15px;
margin-bottom: 15px;
}
.m-tb10 {
margin-top: 10px;
margin-bottom: 10px;
}
.m-tb5 {
margin-top: 5px;
margin-bottom: 5px;
}
.m-b35 {
margin-bottom: 35px !important;
}
.m-b25 {
margin-bottom: 25px;
}
.m-b20 {
margin-bottom: 20px !important;
}
.m-t100 {
margin-top: 100px;
}
.m-t80 {
margin-top: 80px;
}
.m-t50 {
margin-top: 50px;
}
.m-t35 {
margin-top: 35px;
}
.m-t30 {
margin-top: 30px;
}
.m-t25 {
margin-top: 25px;
}
.m-t20 {
margin-top: 20px;
}
.m-t15 {
margin-top: 15px;
}
.m-t8 {
margin-top: 8px;
}
.m-t10 {
margin-top: 10px;
}
.m-t5 {
margin-top: 5px;
}
.m-t0 {
margin-top: 0 !important;
}
.m-b30 {
margin-bottom: 30px;
}
.m-b15 {
margin-bottom: 15px;
}
.m-b10 {
margin-bottom: 10px;
}
.m-b5 {
margin-bottom: 5px !important;
}
.m-b0 {
margin-bottom: 0 !important;
}
.m-0 {
margin: 0 !important;
}
.p-50 {
padding: 50px;
}
.p-20 {
padding: 20px;
}
.p-25 {
padding: 25px;
}
.p-15 {
padding: 15px;
}
.p-10 {
padding: 10px;
}
.p-8 {
padding: 8px;
}
.p-5 {
padding: 5px;
}
.p-l40 {
padding-left: 40px;
}
.p-lr25 {
padding-left: 25px;
padding-right: 25px;
}
.p-lr15 {
padding-left: 15px;
padding-right: 15px;
}
.p-lr10 {
padding-left: 10px;
padding-right: 10px;
}
.p-lr5 {
padding-left: 5px;
padding-right: 5px;
}
.p-l50 {
padding-left: 50px;
}
.p-l15 {
padding-left: 15px;
}
.p-l25 {
padding-left: 25px;
}
.p-l10 {
padding-left: 10px;
}
.p-l5 {
padding-left: 5px;
}
.p-r55 {
padding-right: 55px;
}
.p-r25 {
padding-right: 25px;
}
.p-r15 {
padding-right: 15px;
}
.p-r10 {
padding-right: 10px;
}
.p-r5 {
padding-right: 5px;
}
.p-l0 {
padding-left: 0 !important;
}
.p-r0 {
padding-right: 0 !important;
}
.p-lr0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.p-tb100 {
padding-top: 100px;
padding-bottom: 100px;
}
.p-tbl15 {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
.p-tb50 {
padding-top: 50px;
padding-bottom: 50px;
}
.p-tb25 {
padding-top: 25px;
padding-bottom: 25px;
}
.p-tb15 {
padding-top: 15px;
padding-bottom: 15px;
}
.p-tb10 {
padding-top: 10px;
padding-bottom: 10px;
}
.p-tb8 {
padding-top: 8px;
padding-bottom: 8px;
}
.p-tb6 {
padding-top: 6px;
padding-bottom: 6px;
}
.p-tb5 {
padding-top: 5px;
padding-bottom: 5px;
}
.p-t80 {
padding-top: 80px;
}
.p-t45 {
padding-top: 45px;
}
.p-t50 {
padding-top: 50px;
}
.p-t35 {
padding-top: 35px;
}
.p-t25 {
padding-top: 25px;
}
.p-t15 {
padding-top: 15px;
}
.expiration-time-content {
padding-left: 20px;
padding-right: 20px;
}
.expiration-time-imei {
padding-bottom: 12px;
}
.p-t10 {
padding-top: 10px;
}
.p-t8 {
padding-top: 8px;
}
.p-t7 {
padding-top: 7px;
}
.p-t5 {
padding-top: 5px;
}
.p-t0 {
padding-top: 0 !important;
}
.p-b25 {
padding-bottom: 25px;
}
.p-b20 {
padding-bottom: 20px;
}
.p-b15 {
padding-bottom: 15px;
}
.p-b10 {
padding-bottom: 10px;
}
.p-b5 {
padding-bottom: 5px;
}
.p-b0 {
padding-bottom: 0 !important;
}
.p-tb0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.mw-1000 {
min-width: 1000px;
}
.mw-800 {
min-width: 800px;
}
.mw-100 {
min-width: 100px;
}
.mw-80 {
min-width: 80px;
}
.maw-200 {
max-width: 200px;
}
.maw-150 {
max-width: 150px;
}
.maw-100 {
max-width: 100px;
}
.maw-80 {
max-width: 80px;
}
.mh-530 {
min-height: 530px;
}
.mh-500 {
min-height: 500px;
}
.mh-400 {
min-height: 400px;
}
.mh-350 {
min-height: 350px;
}
.mh-300 {
min-height: 300px;
}
.mh-200 {
min-height: 200px;
}
.mh-250 {
min-height: 250px;
}
.mh-150 {
min-height: 150px;
}
.mh-100 {
min-height: 100px;
}
.mh-34 {
min-height: 34px;
}
.mah-600 {
max-height: 600px;
}
.mah-500 {
max-height: 500px;
}
.mah-450 {
max-height: 450px;
}
.mah-400 {
max-height: 400px;
}
.mah-300 {
max-height: 300px;
}
.mah-200 {
max-height: 200px;
}
.mah-150 {
max-height: 150px;
}
.mah-100 {
max-height: 100px;
}
.w-100 {
width: 100%;
}
.w1200 {
width: 1200px;
}
.w1000 {
width: 1000px;
}
.w970 {
width: 970px;
}
.w900 {
width: 900px;
}
.w800 {
width: 800px;
}
.w700 {
width: 700px;
}
.w600 {
width: 600px;
}
.w500 {
width: 500px;
}
.w400 {
width: 400px;
}
.w350 {
width: 350px;
}
.w300 {
width: 300px;
}
.w275 {
width: 275px !important;
}
.w200 {
width: 200px;
}
.w160 {
width: 160px;
}
.w150 {
width: 150px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w90 {
width: 90px;
}
.w80 {
width: 80px !important;
}
.w60 {
width: 60px;
}
.w-45 {
width: 45%;
}
.h600 {
height: 600px;
}
.h520 {
height: 520px;
}
.h500 {
height: 500px;
}
.h480 {
height: 480px;
}
.h450 {
height: 450px;
}
.h400 {
height: 400px;
}
.h380 {
height: 380px;
}
.h350 {
height: 350px;
}
.h300 {
height: 300px;
}
.h330 {
height: 330px;
}
.h280 {
height: 280px;
}
.h250 {
height: 250px;
}
.h240 {
height: 240px;
}
.h200 {
height: 200px;
}
.h150 {
height: 150px;
}
.h100 {
height: 100px;
}
.h23 {
height: 23px;
}
.fs-30 {
font-size: 30px;
}
.fs-28 {
font-size: 28px;
}
.fs-24 {
font-size: 24px;
}
.fs-20 {
font-size: 20px;
}
.fs-18 {
font-size: 18px;
}
.fs-16 {
font-size: 16px;
}
.fs-14 {
font-size: 14px;
}
.fs-12 {
font-size: 12px;
}
.fw-b {
font-weight: bold;
}
.fw-n {
font-weight: normal;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
.b1-ccc {
border: 1px solid #ccc;
}
.b1-ddd {
border: 1px solid #ddd;
}
.b1-eee {
border: 1px solid #eee;
}
.b-t1-eee {
border-top: 1px solid #eee;
}
.b-t1-ddd {
border-top: 1px solid #ddd;
}
.b-t1-ccc {
border-top: 1px solid #ccc;
}
.b-b1-eee {
border-bottom: 1px solid #eee;
}
.b-b1-ddd {
border-bottom: 1px solid #ddd;
}
.b-b1-ccc {
border-bottom: 1px solid #ccc;
}
.b-l1-eee {
border-left: 1px solid #eee;
}
.b-l1-ddd {
border-left: 1px solid #ddd;
}
.b-l1-ccc {
border-left: 1px solid #ccc;
}
.b-r1-ccc {
border-right: 1px solid #ccc;
}
.b-r1-eee {
border-right: 1px solid #eee;
}
.b-r1-ddd {
border-right: 1px solid #ddd;
}
.b-l0 {
border-left: 0 !important;
}
.b-r0 {
border-right: 0 !important;
}
.b-0 {
border: 0 !important;
}
.b-rd2 {
border-radius: 2px;
}
.b-rd4 {
border-radius: 4px;
}
.z-i10 {
z-index: 10;
}
.z-i9 {
z-index: 9;
}
.z-i3 {
z-index: 3;
}
.z-i2 {
z-index: 2;
}
.z-i1 {
z-index: 1;
}
.fl {
float: left;
}
.fr {
float: right !important;
}
.cp {
cursor: pointer;
}
.ta-l {
text-align: left;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.dn {
display: none;
}
.db {
display: block;
}
.di {
display: inline;
}
.d-ib {
display: inline-block;
}
.pr {
position: relative;
}
.pa {
position: absolute;
}
.word-bw {
word-break: break-word;
}
.clear {
width: 0;
height: 0;
font-size: 0;
line-height: 0;
clear: both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
visibility: hidden;
height: 0;
}
/*ztree閺�?*/
.user-sales-box {
z-index: 3;
}
.oy-a {
overflow: hidden;
overflow-y: auto;
}
.oh {
overflow: hidden;
}
.oa {
overflow: auto;
}
.select-user-sales-tree-box {
width: 100%;
top: -11px;
left: 0;
}
.laytable-cell-checkbox .layui-form-checkbox {
margin-top: 6px;
}
/* z-tree */
.tree-box {
border: 1px solid #ccc;
padding: 10px;
}
.bc-fdfdfd .tree-search {
position: relative;
z-index: 3;
height: 22px;
background-color: #fff;
margin-bottom: 3px;
border: 1px solid #ccc;
box-sizing: content-box;
}
.bc-fdfdfd .tree-search .tree-search-icon:hover,
.tree-search .tree-search-icon:active,
.tree-search .tree-search-icon:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGvSURBVEhL7ZQ/LANRHMfrz4QwmUwSAwlpYjBJru+uTUSsNRpZGkIMto66GEwkjAZt+l5Tg4REuhlMBgaCgQh1711pGCo433f3WpE0fa3FwCWXy8vve5/f976/ey8Q+L9+LQEjm+8jjK8Tyq9Myj8IFU+4c1hPxeNu84+MWUwsmIy/mky48gnYNeAFfy1cwsSRmeQ9DcEBmfcAVBQBjYVTTpcHcN0mrEdQO1Dw80pN18FI2/2eQ8YfCXWC1fTRlNuC+pYP5xs6pleH2zX1+bFaL0T27tqR9700MZosdmvhcHApxWO7vFMnhoFVlXlUpw0A/IYhXWiF8usyYtqLg4pFrR6iZ0w8rxX6sflDxoC1eogPpTjM+IBODF1WakPMMXTaQIjyWTXt7Vpikz4MI7Z3+X8bObdVC57YuW1DHGf+f8yXq+0wKyOGUL9RBhJaaFlgUDEIqK3yO0aGcxYVY1hH0XQTTktfO5CXSFqM1w2PZAu9GOJ+GfDtiaaAJ9DkRbkuycZ1w/0N4wQJc5bUYbSCZpNGKt8ha1bGDlXgVJw2BNaJCbVNRHWCc2VGp/3D9U88/i7hY29SkgAAAABJRU5ErkJggg==);
}
.bc-fdfdfd .tree-search .tree-search-icon:hover {
background-color: #fcfcfc;
}
.bc-fdfdfd .tree-search .empty,
.tree-search .autocompleter-hint {
padding: 0 24px 0 5px;
}
.bc-fdfdfd .tree-search .autocompleter-hint {
left: -1px;
top: -27px;
width: 100%;
height: 24px;
line-height: 24px;
font-size: 12px;
border-right: 0;
border-color: #ccc;
}
.bc-fdfdfd .tree-search .autocompleter-list {
overflow: hidden;
overflow-y: auto;
max-height: 200px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.bc-fdfdfd .tree-search .tree-search-icon {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 22px;
border-left: 1px solid #ccc;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNzlkYWJkMy00M2Q1LWFiNDgtYTgwNS1jMzI1YTZiNGJjMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTREQTgwRURFMjJBMTFFMzlERjFBODg0MTZDRkM0NzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTREQTgwRUNFMjJBMTFFMzlERjFBODg0MTZDRkM0NzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2MjQwMzdhLWQxMjctODk0Zi05ZDkxLWQ4MzM0MzlhNTFmZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzlkYWJkMy00M2Q1LWFiNDgtYTgwNS1jMzI1YTZiNGJjMDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rIbdcAAABaUlEQVR42uzVTygEYRjH8V1xISnFhawDxUFK4aT2MkLkIDk6Oknk4KAcpWwJF0UitE5yIDWFi0JS69/BReGiXPxN+TO+bz1T09Z6H4c9KE992p3end+8+87zzoQ9zwulozJCaaq/F5wZPHBdN3hYhkE0ohRPOMY8lvAV/LHjOKoZD+ACPSjGrQRFsYB9FP12KfoRwxt6UYAS5KMe26jFDvK0wRUYwwMaMC3fTZm+PJSlWUY5xrXBfcjCMBIpzvmUJbpDt/wja7CZzTsWLTf9BasyiagmOIJrPCo66jxwjjXY3LBcZavmBM6xBp+gEJWKYH8JTjXBcfkcsYTWoBU32NMEz+ISXRhN0edVWJexFXxogl/RgXsMyRY2LdiETrnwkexGfzO1WJ8VUmeow4x5BGAiadxcdE52ZTbW0I4tW7CpK+npajTLQ8j07gE28SxBGxIe0wb7lfhhB+6iDZOYSh4M/7+a/PoWYABFTE8w+8/zFQAAAABJRU5ErkJggg==)
no-repeat center;
background-color: transparent;
}
.bc-fdfdfd .tree-search input {
border: 0;
width: 100%;
height: 22px;
line-height: 22px;
padding: 0 5px;
box-sizing: border-box;
}
.bc-fdfdfd .tree-search #devTypeSelect {
position: absolute;
top: 0;
right: 25px;
width: 75px;
height: 22px;
border-color: #ccc;
color: #757575;
}
.bc-fdfdfd .tips {
color: #fa5c5c
}
.ztree * {
font-family: Verdana, Arial, Helvetica, AppleGothic, "microsoft yahei",
sans-serif;
}
.ztree li {
padding-top: 10px;
white-space: nowrap;
}
.ztree li a.curSelectedNode {
height: auto;
}
.ztree li a > span:last-child {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ztree li span.button {
background: url(../images/tree-theme.png) no-repeat;
}
.ztree li span.button.noline_open {
background-position: -18px 0px;
}
.ztree li span.button.noline_close {
background-position: 0 0;
}
.ztree li span.button.ico_close {
background-position: 0 -162px;
}
.ztree li span.button.ico_open {
background-position: -18px -162px;
}
.ztree li span.button.group_ico_close,
.ztree li span.button.group_ico_open,
.ztree li span.button.group_ico_docu {
background-position: -1px -181px;
margin-right: 5px;
}
.ztree li span.button.users_ico_open,
.ztree li span.button.users_ico_close,
.ztree li span.button.users_ico_docu {
background-position: -1px -252px;
margin-right: 5px;
margin-top: -4px;
}
.ztree li span.button.user_ico_open,
.ztree li span.button.user_ico_close,
.ztree li span.button.user_ico_docu {
background-position: -1px -270px;
margin-right: 5px;
margin-top: -4px;
}
.ztree li span.button.ico_docu {
display: none;
}
.ztree li span.button.chk {
height: 18px;
width: 18px;
margin-left: 2px;
margin-right: 5px;
}
.ztree li ul li span.button.chk {
margin-left: 6px;
}
.ztree li ul li ul li span.button.chk {
margin-left: 10px;
}
.ztree li span.button.chk.checkbox_false_full,
.ztree li span.button.chk.checkbox_false_full_focus {
background-position: 0 -54px;
}
.ztree li span.button.chk.checkbox_true_full,
.ztree li span.button.chk.checkbox_true_full_focus {
background-position: -18px -54px;
}
.ztree li span.button.chk.checkbox_true_part,
.ztree li span.button.chk.checkbox_true_part_focus,
.ztree li span.button.chk.checkbox_false_part,
.ztree li span.button.chk.checkbox_false_part_focus {
background-position: 0 -72px;
}
.ztree li span.button.chk.checkbox_false_disable,
.ztree li span.button.chk.checkbox_false_disable_focus {
background-position: 0 -90px;
}
.ztree li span.button.chk.checkbox_true_disable,
.ztree li span.button.chk.checkbox_true_disable_focus {
background-position: -18px -90px;
}
.ztree li span.button.chk.radio_false_full,
.ztree li span.button.chk.radio_false_full_focus {
background-position: 0 -108px;
}
.ztree li span.button.chk.radio_true_full,
.ztree li span.button.chk.radio_true_full_focus {
background-position: -18px -108px;
}
.ztree li span.button.chk.radio_true_part,
.ztree li span.button.chk.radio_true_part_focus,
.ztree li span.button.chk.radio_false_part,
.ztree li span.button.chk.radio_false_part_focus {
background-position: 0 -126px;
}
.ztree li span.button.chk.radio_false_disable,
.ztree li span.button.chk.radio_false_disable_focus {
background-position: 0 -144px;
}
.ztree li span.button.chk.radio_true_disable,
.ztree li span.button.chk.radio_true_disable_focus {
background-position: -18px -144px;
}
.ztree li > span.diyIcon {
position: relative;
z-index: -1;
}
.ztree li:hover > span.diyIcon {
z-index: 1;
}
.ztree li span.button.icon-plus {
background-position: 0 -198px;
}
.ztree li span.button.icon-pencil {
background-position: 0 -216px;
}
.ztree li span.button.icon-trash {
background-position: 0 -234px;
}
.ztree li span.button.icon-users {
background-position: 0 -252px;
}
.ztree li span.button.icon-user {
background-position: 0 -270px;
}
.ztree li a span.button {
margin-right: 5px;
vertical-align: top;
vertical-align: middle\9;
}
.ztree li span.button.user_admin_ico_open,
.ztree li span.button.user_admin_ico_close,
.ztree li span.button.user_admin_ico_docu {
background-position: 0 -289px;
}
.ztree li span.button.user_sales_ico_open,
.ztree li span.button.user_sales_ico_close,
.ztree li span.button.user_sales_ico_docu {
background-position: 0 -307px;
}
.ztree li span.button.user_agents_ico_open,
.ztree li span.button.user_agents_ico_close,
.ztree li span.button.user_agents_ico_docu {
background-position: 0 -325px;
}
.ztree li span.button.user_client_ico_open,
.ztree li span.button.user_client_ico_close,
.ztree li span.button.user_client_ico_docu {
background-position: 0 -343px;
}
.ztree li span.button.user_device_ico_open,
.ztree li span.button.user_device_ico_close,
.ztree li span.button.user_device_ico_docu {
background-position: 0 -360px;
}
.ztree li span.button.adminuser_ico_open,
.ztree li span.button.adminuser_ico_close,
.ztree li span.button.adminuser_ico_docu {
background-position: -1px -288px;
}
.ztree li span.button.xiaoshou_ico_open,
.ztree li span.button.xiaoshou_ico_close,
.ztree li span.button.xiaoshou_ico_docu {
background-position: -1px -307px;
}
.ztree li span.button.onepoxy_ico_open,
.ztree li span.button.onepoxy_ico_close,
.ztree li span.button.onepoxy_ico_docu {
background-position: -1px -325px;
}
.ztree li span.button.ptpoxy_ico_open,
.ztree li span.button.ptpoxy_ico_close,
.ztree li span.button.ptpoxy_ico_docu {
background-position: -19px -287px;
}
.ztree li span.button.ptuser_ico_open,
.ztree li span.button.ptuser_ico_close,
.ztree li span.button.ptuser_ico_docu {
background-position: -1px -342px;
}
.tree-role-box {
left: 0;
border: 1px solid #ddd;
width: 90%;
display: none;
}
.chosen-scroll {
background-color: #fff;
}
.chosen-title {
margin-bottom: 5px;
height: 22px;
line-height: 22px;
color: #333;
padding: 3px 0;
}
.delete-all {
color: #888;
}
.delete-all:hover {
color: #ba2636;
}
.chosen-list {
padding: 5px 0;
}
.chosen-number {
color: #d30000;
}
#chosen-node,
#chosen-all-node,
#remove-node,
#remove-all-node {
border: 1px solid #ccc;
text-indent: -999em;
padding: 20px 25px;
border-radius: 3px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
}
#chosen-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAgCAYAAAAmG5mqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAElSURBVDhPlZQ/DgFREMaJRKWj03IZDsABcAAu4AJcgAOwx6Dav0+xnVpHpZKQ9U0hkS9m3rPJJrvJ/Ob73ryZqaVpesyyrPq8+N/VrAcBg28A3888z3sqU1VVHdCJVDamSpIkYwIezrmuCkVR1IDKmaytTBX4npHKPY7jtgqVZdmEyoWgpa9iC7J1RaKWpdICcCOVuU9lScBF7KoQgjs4y52sTU0VBK9J5SylVyG5NKg8viG5XJ/Klmw5aSMVKoqiD5UXWRv4KrYn4OgDdsGAzMQPS0NVAcEbyn5SD/13WZF5FXxxMgPcGjIrlvfw5pPeh5Ur2VlY2efUDjd1gP4eURx0ErwElDWzVr2jbKPgRSbXjWAXvCp5GUvDySxYpTxQdnPdvwEukU+yIK5p9AAAAABJRU5ErkJggg==);
}
#chosen-all-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAF2SURBVEhLpZU9bsJAEIWJIlHRJV3acBlygOQASQ4AF+ACcAFyAOJjhMq/S+GOmg4qKqREzptoHU28b8dSsITAH943b7wzs4M8zzdFUTTywe/1ABdjwumFhyetAL4/y7K8Zywq0DTNFRZslYsVY1EB+SPLsiclcHbO3TEWFUmS5BoudiqVBWOmC+T+qlyc0jS9YSwqUtf1EC72SmTOmOkCAjOVxgECI8YsFyMIHJWLqYh0WZ+LuRLY+zQCFhXB4lvYPqlUXhgzXWDBUrnYyZYyFhWRQoKLcysiRcVYn4s3lYaT8sZ9wKIiVVWN4eJLpTJhrG9H3pXAxrd6wKxWXxOBgFEBPxd0Cg+MWdFXKvrWz4iAUYGLtxGRF6SQAkajyxzQpSwzgTEr9/83k2/dg7I/Y8yKPlXle/QDJWBU4OKRhhf33B2qjNHoZIQvGYvmjq167B4sjFEB3+dOCfwcbbj/w6w3/3u4Sv/7ng+YJfChorfHe8BiAt8WV8aUm7rH7QAAAABJRU5ErkJggg==);
}
#chosen-node:hover,
#chosen-all-node:hover {
background-color: #f4ffde;
}
#chosen-node:active,
#chosen-all-node:active {
background-color: #e4f6c1;
}
#remove-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAgCAYAAAAmG5mqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE6SURBVDhPlZS9bQJBFITPskREZmdO7WZwAXYBxgVAAzQADeAC8JVhovtdgsuIySAiQgKdZyQsnUe7jz2kk4Cbb/a93dmXJManKIpVWZbt34Pf66C8qqpnCC4CvAYBiJci3rRte+cFnHNPAE5dIM/z96A7hHNx36Zpeu8Fsix7gPuxC6CfT6v2mbjvmqYZeAG8GEK8F2BquU+6Ynw/0CTkPkDtO3GfWe4fIj5yA7wAtwzuWylnYcXgTdxPPDwvwOOG2AmwtGofifhS1/WLBfwIsLIinzDjfYF/JQE+8y4EV2HTWGUT3TSdmPXobSUQOLi52TwzHx0NOjHzvcJHCMBU8rQPxvu6Ci/QQUqb3DrI+CtKJ7g/6hDAf2NzFQgW0WOGTr0H2bW0L9kxFxyVBHgnPMN4dGvHvqWX9S8GwU+ytMvvuQAAAABJRU5ErkJggg==);
}
#remove-all-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGASURBVEhLpZVNTgJBEIXHmLhypzu3ehk8gB5APQBcgAvABfAAOMeQ1fyzmB1rdrBiRSIZXyfVpmb6dYmRhDB86XqvqrurJkmMT1EUy7IsO/fF88otZYxKVFV1j8UnJfDIWNQfwQsVvO667oIxKtA0zR0WH71AnufPjEXdEThT7ps0TS8ZowJZlt3A/eAFUPcbY1btU+W+bdv2CoIBowJYfI3gnRKYMGa5j30wfvcuGO4Bi7m7VLfKfSrp95jl/qKCD7JxAaMC7pjgvlHpzxmLuuOonpT70V0axqiAu6IIbpTAgjGr9pEKPtV1/YByAmYJfCqBpbRswCyBFREI2FklQOhLev6nBM+iAtLn6+EmYh96zJpciev34TEyFhUhl2bGmJmF6/vhVWYsKsIa50/NJOc/Uf2wk3YOmJWFGyh7VcpYBkqPmXvBxtfZI80pw/1WD1X8f2XMzAIBczLWAxYV+feLRUp5VyfSyIwIWDQLmQv65Tpi7LcT+VB74V/vPfYNrKjGlEnW8CcAAAAASUVORK5CYII=);
}
#remove-node:hover,
#remove-all-node:hover {
background-color: #fff1d3;
}
#remove-node:active,
#remove-all-node:active {
background-color: #fbe5b5;
}
.list-label-box {
max-height: 152px;
}
.list-label li {
position: relative;
border: 1px solid #ddd;
padding: 5px 26px 5px 10px;
margin-right: 8px;
margin-bottom: 8px;
background-color: #f9f9f9;
white-space: nowrap;
}
.list-label li .close {
position: absolute;
right: 0;
top: 0;
width: 26px;
text-align: center;
}
/*閹垮秳缍旈弮銉ョ箶*/
.equipment {
font-size: 14px;
line-height: 24px;
padding: 15px;
text-align: center;
}
.equipment b {
font-size: 16px;
}
.operation-log > .layui-tab-title li {
border-top: 2px solid transparent;
}
.operation-list .layui-this:after {
border: 0;
border-radius: 0;
}
.operation-log > .layui-tab-title > .layui-this {
border-top: 2px solid #ff9c00;
color: #ff9c00;
}
.condition-box .operation-log .layui-inline {
float: left;
margin-bottom: 10px;
}
/*index娑撳銆夐棃?*/
.index-twinkle {
-webkit-animation: glint 0.6s infinite !important;
animation: glint 0.6s infinite !important;
}
@keyframes glint {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.layui-fixbar {
background-color: #ff9c00;
}
::-ms-clear,
::-ms-reveal {
display: none !important;
}
.layui-tab-card {
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.layui-layout-body .layui-tab-card {
border: 0;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.layui-tab {
margin: 0;
}
#indexTab .layui-tab-item {
height: 100%;
background-color: rgba(255, 255, 255, 0.7); /* background-color: #fff; */
}
.layui-table-body a {
cursor: pointer;
}
.layui-btn-primary:hover,
.layui-btn-primary:focus {
border-color: #c9c9c9;
}
.layui-body .layui-tab-content {
padding: 25px;
background-color: #f9fafa;
}
.layui-layout-right {
display: inline-flex;
}
.sign {
font-size: 14px;
color: #fff;
line-height: 1.5;
padding-top: 10px;
text-align: center;
}
.help .layui-nav-more {
display: none;
}
.help .icon-bangzhu,
.help .icon-daochu,
.help .icon-ziliaobianji,
.help .icon-xiaolaba {
font-size: 25px;
}
.layui-layout-admin .layui-logo {
color: #ff9c00;
font-size: 25px;
}
.help .layui-nav-child:after {
content: "";
position: absolute;
left: 18px;
top: -10px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff;
}
.help .layui-nav-child {
top: 55px;
}
.help .layui-nav-bar {
height: 0;
}
.layui-tab-brief > .layui-tab-title .layui-this {
color: #ff9c00;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
border-top: 2px solid #ff9c00;
border-bottom: 0;
}
.novice li {
display: inline-block;
}
.novice li a:hover,
.novice li a:focus {
color: #1e9cde;
}
.sign-out {
position: absolute;
right: 15px;
top: 5px;
}
.layui-layout-admin .layui-body {
bottom: 0;
}
.noviceContent .layui-tab-content {
padding: 15px;
}
.layui-btn-warm {
background-color: #ff9c00;
}
.help .layui-nav-item {
line-height: 20px;
}
.help .layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
background-color: transparent;
}
/*瀵顢嬫稉搴″瀻妞�?*/
/*.layui-layer-btn .layui-layer-btn0{background-color: #fff !important;color: #333 !important; border: 1px solid #dedede !important;}*/
/*.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#ff9c00;}*/
/*鏉烇箒绶犳穱鈩冧紖閵嗕浇顔曟径鍥╊吀閻�?*/
.user-container {
width: 230px;
position: fixed;
float: left; /* background-color:#fbfbfb; */
background-color: rgba(251, 251, 251, 0.7);
}
.customer-title {
height: 35px;
padding: 0 15px;
line-height: 35px;
background-color: #eff3f6;
}
.pack-up-btn {
position: absolute;
top: 0px;
right: 0px;
height: 35px;
line-height: 35px;
padding: 0 5px;
background: #eff3f6;
z-index: 9;
}
.pack-up-btn > .iconfont {
font-size: 12px;
}
.right-content-box {
margin-left: 230px; /* padding-top: 10px; */
background-color: rgba(255, 255, 255, 0.7);
}
.rightside-header {
border-bottom: 1px solid #eff3f6;
padding: 15px 0;
}
.content-info-box .category-search {
width: 188px;
}
.left-label {
float: left;
text-align: right;
width: 55px;
padding: 8px 0;
margin-right: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.layui-form-item .imei-textarea-box {
width: 73%;
}
.salelog-box .layui-form-item .imei-textarea {
width: 125%;
height: 14px;
}
.layui-form-item .imei-textarea {
position: absolute;
left: -1px;
top: -9px;
width: 137%;
height: 32px;
padding: 6px 12px;
border: 1px solid #e6e6e6;
line-height: 1.32857;
color: #555;
background-color: #fff;
overflow: hidden;
}
.layui-form-item .imei-textarea-1 {
width: 190px;
height: 21px;
left: 0;
top: -11px;
padding: 0 6px;
padding-top: 9px;
}
.layui-form-item .imei-textarea-box.focus .imei-textarea {
height: 180px;
border-color: #ddd;
overflow: auto;
z-index: 2;
}
.layui-form-item .imei-textarea + .func-btnbar {
display: none;
position: absolute;
top: 171px;
left: -1px;
width: 131%;
padding: 8px;
border: solid #ccc;
border-width: 0 1px 1px;
background-color: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.layui-form-item .imei-textarea-box.focus .imei-textarea + .func-btnbar {
display: block;
z-index: 2;
}
.device-export li {
float: left;
width: 50%;
overflow: hidden;
padding-bottom: 15px;
}
.cover-bg,
.overspread-bg {
width: 50px;
position: absolute;
left: 0;
z-index: 8;
width: 100%;
height: 100%;
background-color: #fff;
}
.sideleftbar .user-container {
width: 22px;
overflow: hidden;
}
.sideleftbar .right-content-box {
margin-left: 22px;
}
.sideleftbar .ztree {
display: none;
}
.device-export li {
float: left;
width: 50%;
overflow: hidden;
padding-bottom: 15px;
}
.left-lable {
float: left;
text-align: right;
width: 55px;
padding-top: 10px;
margin-right: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#allmap {
width: 100%;
height: 100%;
}
.overdue-modal-box li {
padding: 10px 0;
}
.instruction-issued-box .layui-form-item .layui-tab-card {
border: 1px solid #e2e2e2;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.layui-btn-normal {
background-color: #1e9cde;
}
.saleContent .select-user-sales-tree-box {
width: 91%;
}
.allocation .select-user-sales-tree-box {
width: 88%;
}
.allocation .layui-form-item .imei-textarea + .func-btnbar {
width: 137%;
}
/* .allocation .layui-form-label,.saleContent .layui-form-label { width:92px;} */
.allocation .layui-form-label,
.saleContent .layui-form-label {
width: 118px;
}
/*閹板繗顫嗛崣宥夘洯*/
.funcbar .layui-form-radio {
min-width: 200px;
}
.funcbar .layui-form-item .layui-input-block {
margin-left: 0;
}
.count {
color: #ddd;
position: absolute;
right: 20px;
bottom: 5px;
}
.aggregate .layui-form-label,
.footer .layui-form-label {
width: 70px;
padding-left: 0;
}
.funcbar .layui-form-radio span {
width: 190px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
}
/*鐠愰攱顑欑�广垺鍩涜ぐ鏇炲弳*/
.loanInput-background {
border-top: 1px solid #eee;
}
/*.loanInput-body{background-color:#eff3f6;}*/
.loanInput-active,
.loanInput-li {
position: relative;
display: inline-block;
list-style: none;
}
.loanInput-circle {
position: relative;
z-index: 999;
width: 38px;
height: 38px;
color: #ffffff;
text-align: center;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
font-size: 16px;
line-height: 38px;
}
.loanInput-li .loanInput-circle {
background: #747474;
}
.loanInput-active .loanInput-circle {
background: #00ac49;
}
.loanInput-width {
width: 20%;
float: left;
}
.loanInput-li:after {
position: absolute;
left: 0;
top: 18px;
content: "";
height: 4px;
width: 100%;
background: #747474;
}
.loanInput-active:after {
position: absolute;
left: 0;
top: 18px;
content: "";
height: 4px;
width: 100%;
background: #00ac49;
}
.loanInput-text {
color: #747474;
}
.loanInput-top-a {
background-color: #00ac49;
margin-left: 20px;
}
.loanInput-top .prompt {
color: red;
font-size: 12px;
cursor: pointer;
margin-left: 2px;
}
.loanInput-top .prompt i {
vertical-align: middle;
}
.loanInput .layui-elem-quote {
background-color: #f8f9fb;
border-left: 0;
border: 1px solid #eff3f6;
border-bottom: 0;
font-size: 16px;
color: #5d5d5d;
}
.loanInput-box-input {
border: 1px solid #eff3f6;
}
.loanInput .layui-input-block {
margin-left: 95px;
margin-right: 20px;
}
.loanInput .layui-form-label {
padding: 6px 0px 6px 15px;
text-align: left;
}
.edit-vehicleinfomation-box .loanInput-input-m {
margin-left: 510px !important;
}
.loanInput-input-title {
padding: 10px 15px;
color: #5d5d5d;
background-color: #f8f9fb;
}
.loanInput-input-width {
width: 84%;
}
.layui-upload-drag {
padding: 14px 15px;
border: 1px dashed #b0b2b4;
}
.layui-upload-drag .layui-icon {
font-size: 40px;
color: #b0b2b4;
}
.loanInput-img {
position: relative;
width: 70px;
height: 70px;
border: 1px solid #b0b2b4;
overflow: hidden;
}
.loanInput-img-close {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
background: #d4d6e1;
}
.l-h38 {
line-height: 32px;
}
.loanInput .layui-form-item {
margin-bottom: 10px;
}
.loanInput .layui-unselect,
.loanInput .layui-table thead tr {
background: #f8f9fb !important;
}
.loanInput .layui-form-radio {
background: #ffffff !important;
}
/* .loanInput .iconfont{margin-right: 10px;} */
.loanInput .layui-table-header {
background: #f8f9fb !important;
}
.loanInput .select-user-sales-tree-box {
width: 102%;
}
.customerCnts .map-search {
left: 15px;
width: 40%;
}
.loanInput-box .layui-col-sm1 .layui-btn {
margin-left: -1px;
border-color: #e6e6e6;
border-radius: 0;
}
/*鐢瓕顫嗛梻顕�顣�*/
.question-color {
color: #5d5d5d !important;
}
.question-title {
color: #323a40;
font-size: 16px;
}
.question-content {
color: #323a40;
}
.question-answer {
color: #8a9094;
}
.question-nav {
position: relative;
width: 200px;
border: 1px solid #eff3f6;
list-style: none;
}
.question-nav-item {
position: relative;
display: block;
line-height: 45px;
padding-left: 15px;
}
.question-nav-item:before {
position: absolute;
right: 30px;
bottom: 0;
left: 15px;
height: 0;
content: "";
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
background-color: #eff3f6;
}
.question-fixed {
position: fixed;
}
.question-active {
position: relative;
background-color: #00ac49;
}
.question-active:after {
position: absolute;
content: "";
top: 0;
right: -30px;
width: 0;
height: 0;
border-top: 23px solid transparent;
border-left: 30px solid #00ac49;
border-bottom: 22px solid transparent;
}
.question-active a {
color: #ffffff;
}
.question-right {
overflow: auto;
}
.question-nav-item a {
display: block;
}
/*閻€劍鍩涙稉顓炵妇*/
.consumption {
/* box-shadow:0 0 8px -1px rgba(0,0,0,.1); */
height: 215px;
margin-right: 25px;
margin-top: 3px; /* background-color: #fff; */
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid #ddd;
}
/* .consumption:first-child { margin-left:2px;} */
.condition-box .recharge-card-statistics {
margin-right: 10px;
}
.residual-statistics {
padding: 25px 15px; /* background-color: #fff; */
background-color: rgba(255, 255, 255.7);
border-top: 1px solid #eee;
}
.residual-statistics h4 {
font-size: 14px;
padding-bottom: 15px;
color: #666;
}
.tel-residue span,
.mes-surplus span {
font-size: 24px;
font-weight: 400;
}
.tel-residue span {
color: #00ac49;
}
.mes-surplus span {
color: #1e9cde;
}
.historical-statistics {
/* background-color: #fff; */
background-color: rgba(255, 255, 255.7);
}
.historical-statistics h3 {
font-size: 16px;
padding: 15px;
font-weight: bold;
color: #5d5d5d;
}
.operation-log .operation-list {
height: 36px;
margin-left: 1px;
}
.laytable-cell-1-operation > a {
display: inline-block;
padding: 0 6px;
}
.add-query {
/* background-color: #EFF3F6; */
background-color: rgba(239, 243, 246, 0.7);
}
.add-query .layui-btn {
background-color: transparent;
border: 0;
color: #666;
width: 28%;
height: 51px;
line-height: 51px;
}
@media screen and (max-width: 1366px) {
.add-query .layui-btn {
width: 26%;
}
}
.add-query .layui-btn + .layui-btn {
margin: 0;
}
.add-query .icon-shuxian {
vertical-align: middle;
color: #ddd;
font-size: 18px;
}
.historical-data .layui-show p {
font-size: 14px;
font-weight: 400;
padding: 0 10px 15px;
color: #666;
}
.historical-data > .layui-tab-title > .layui-this {
border-top: 2px solid #ff9c00;
color: #ff9c00;
}
.package-list li:last-child .item {
margin-bottom: 0;
}
.package-list li:before {
content: "";
position: absolute;
top: 1px;
right: 1px;
width: 0;
height: 0;
border: 12px solid;
border-color: #ddd #ddd transparent transparent;
}
.package-list li:after {
content: "\f00c";
position: absolute;
top: 0;
right: 2px;
font-family: "FontAwesome";
color: #fff;
font-size: 12px;
}
.icon-jian:before {
content: "\e659";
}
.package-list .item {
border: 1px solid #ddd;
display: inline-block;
cursor: pointer;
width: 170px;
text-align: center;
}
.package-list .item dt {
padding: 4px 10px;
font-size: 24px;
color: #666;
font-weight: normal;
}
.package-list .item dd {
padding: 4px 10px;
font-size: 12px;
color: #ee5f00;
background-color: #fafafa;
border-top: 1px solid #ddd;
}
.package-list li:hover:before,
.package-list .active:before {
border-color: #6fac03 #6fac03 transparent transparent;
}
.package-list li:hover .item,
.package-list .active .item {
border-color: #6fac03;
}
.package-list li:hover .item dt,
.package-list .active .item dt {
color: #6fac03;
}
.package-list li:hover .item dd,
.package-list .active .item dd {
border-color: #6fac03;
background-color: #f1ffd8;
}
.package-list .add > a {
width: 120px;
height: 79px;
line-height: 93px;
text-align: center;
border: 1px solid #ddd;
overflow: hidden;
color: #666;
background-color: #fafafa;
display: block;
}
.package-list .add > a:hover {
color: #e39000;
border-color: #e39000;
}
.package-list .add > a .fa {
font-size: 32px;
}
.phone-sms-package .tab-nav a {
cursor: pointer;
}
.phone-sms-package .package-list li {
margin-top: 20px;
margin-right: 20px;
position: relative;
cursor: pointer;
}
.phone-sms-package .amounts-payable {
font-size: 16px;
line-height: 34px;
}
.phone-sms-package .money {
font-size: 20px;
color: #d80000;
}
.list-fl > li {
float: left;
margin-right: 7px;
}
.list-fl > li .iconClick {
color: #1e9fff;
}
.js-num-tools .layui-input {
display: inline-block;
width: 80px;
padding: 0;
vertical-align: middle;
}
.package-type {
height: 270px;
overflow-y: auto;
}
.balanceremindertpl .layui-form-label {
width: 120px;
}
.alarm-type {
height: 145px;
overflow-y: auto;
border: 1px solid #ddd;
padding: 0 15px 15px;
}
.type-selec {
margin-bottom: 10px;
}
.type-selec .layui-form-checkbox[lay-skin="primary"] span {
width: 120px;
}
.setting-alarm {
margin: 30px 15px 15px;
}
.setting-alarm .layui-form-label {
width: 110px;
}
.add-number > .layui-form-label {
padding: 8px 5px;
width: 70px;
}
.add-number > .layui-input-inline {
width: 150px;
margin: 0;
}
.verificate-ode > .layui-input-inline {
width: 110px;
margin: 0;
}
.receiving-mode .layui-form-radio {
display: block;
margin-left: 30px;
}
.add-template {
padding: 30px 25px 0;
}
.template-table {
border: 1px solid #ddd;
position: relative;
}
.template-table .layui-tab-title {
background-color: #edf2fe;
padding: 0 15px;
}
.template-table > a {
position: absolute;
right: 20px;
top: 12px;
color: #1aa194;
}
.template-table .layui-tab-title .layui-this {
background-color: #fff;
}
.template-table .layui-tab-title li {
margin-top: 2px;
line-height: 35px;
}
.template-table .layui-tab-title .layui-this:after {
height: 35px;
}
.report-times .layui-form-label {
width: 85px;
}
.report-times p {
padding: 0 0 10px 120px;
margin-top: -10px;
}
.report-times .reportime {
display: inline-block;
padding: 9px 15px 0 0;
float: left;
}
.report-times ul li {
display: block;
padding-bottom: 10px;
overflow: hidden;
}
.circular-report .layui-input-inline {
width: 120px;
}
.circular-report .limited-period {
width: 110px;
margin: 0;
}
.template-table .layui-tab-content {
min-height: 200px;
}
/* .next-instruction .layui-input-inline { width: 150px;} */
.table-list-con {
height: 128px;
}
.add-device-trees {
overflow-y: auto;
}
.synchronous-selection li {
margin-top: 0;
}
.synchronous-selection li .close {
top: 5px;
}
/* .hide { display: none !important;} */
.default-scrollbar {
overflow: hidden;
}
.default-scrollbar:hover {
overflow: auto !important;
}
/*闁氨鏁�*/
.layui-table-header a,
.layui-table-body a,
.layui-table-body a:hover {
color: #1e9cde;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #1e9cde;
}
.layui-laypage a:hover {
color: #1e9cde;
}
.layui-col-md6 {
width: 50%;
float: left;
}
.message-num {
position: absolute;
top: -14px;
right: 5px;
z-index: 999;
background-color: #ff5722;
color: #fff;
text-align: center;
border-radius: 9px;
padding: 0 5px;
line-height: 18px;
display: inline-block;
height: 18px;
min-width: 8px;
float: right;
}
.layui-form-item .layui-inline {
float: left;
margin-bottom: 10px;
}
.layui-form-item {
margin-bottom: 10px;
}
.reminder {
padding-left: 110px;
padding-top: 2px;
}
.children-body .reminder {
padding-left: 0;
}
.statistics .layui-form-checkbox[lay-skin="primary"] span {
padding-right: 0;
}
.layui-layout-admin .layui-header .layui-nav {
margin-top: 12px;
}
.layui-layout-body {
overflow: auto;
}
.maplibTcBtn_deskTop {
right: 144px !important;
top: 12px !important;
}
.layui-layout-right .help .layui-this:after {
background-color: transparent;
}
.autocompleter .autocompleter-hint {
display: none;
}
.layui-side .layui-nav-child dd {
padding-left: 20px;
}
.layui-form-mid {
padding: 7px 0 !important;
}
.layui-nav-tree .layui-nav-item a i {
text-align: center;
}
.modaule-cnt {
/* background-color:#fff; */
background-color: rgba(255, 255, 255, 0.7);
margin: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
/*鐠併垹宕熺粻锛勬倞*/
.payment-method {
padding: 20px 15px;
}
.payment-method a {
display: inline-block;
padding: 15px 30px;
}
.payment-method a span {
display: block;
padding-top: 15px;
}
.p-t30 {
padding-top: 30px;
}
.conditionScreen .layui-input-inline {
width: 135px;
}
.conditionScreen .layui-form-label {
width: 65px;
padding: 9px 0;
text-align: left;
}
.conditionScreen .layui-form-item:last-child {
margin-bottom: 0;
}
.export-btn {
margin: 0;
padding: 0;
padding-top: 10px;
border-top: 1px solid #ddd;
text-align: right;
padding-right: 15px;
}
.export-btn > .layui-inline {
margin: 0;
}
/* 閹存垹娈戝銉ょ稊閸�? */
.bc-00ac49 {
background-color: #00ac49;
}
.js-add-module i {
padding-right: 5px;
}
.workben .layui-tab-item {
height: 500px;
}
.distribution {
height: 420px;
}
.incomeContent {
height: 350px;
}
.js-add-imei {
margin-top: 2px;
margin-left: -2px;
}
.distr-header {
font-size: 16px;
padding: 3px 10px;
height: 46px;
line-height: 46px;
border-bottom: 1px solid #ddd;
}
.distr-header i {
font-size: 18px;
cursor: pointer;
}
.distr-header h4 {
font-weight: 550;
}
.distr-btn {
text-align: center;
}
.distr-btn button {
width: 182px;
height: 34px;
}
.distr-btn .layui-form-item {
margin-bottom: 30px;
}
.dataContent ul li {
display: inline-block;
width: 50%;
float: left;
margin-bottom: 20px;
}
#indexTab .layui-tab-title li:first-child > i {
display: none;
}
/*鐎瑰鍙忛崠鍝勭厵*/
.seaf-header {
height: 60px;
line-height: 60px;
font-weight: 800;
}
.seaf-header h1 {
font-size: 18px;
}
.safe i:hover {
cursor: pointer;
}
.conditions-box {
box-shadow: 2px 1px 1px #eee;
}
.js-safe-btn .layui-btn + .layui-btn {
margin-left: -4px;
}
.js-safe-btn .active {
background-color: #ff9c00;
color: #fff;
border: 1px solid #ff9c00;
}
.tb-content {
padding-top: 10px;
}
.layui-table-body span i {
cursor: pointer;
}
.map-ranging,
.area-car {
position: absolute;
top: 10px;
left: 65px;
z-index: 1;
padding: 6px 15px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 2px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
font-size: 12px;
}
.map-ranging,
.area-car {
left: auto;
right: 10px;
top: 50px;
background-color: #fff;
}
.area-car {
top: 118px;
}
.rang-btn {
background-color: rgb(142, 168, 224);
color: rgb(255, 255, 255);
border-color: rgb(142, 168, 224);
}
.map-search {
width: 264px;
position: absolute;
left: 70px;
top: 10px;
z-index: 1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.console-search {
transform: translate(-50%, -50%);
left: 198px;
top: 110px;
}
@media screen and (max-width: 1366px) {
.console-search {
left: 198px;
top: 110px;
}
}
.laytable-cell-checkbox {
line-height: 0;
}
.layui-form-item .layui-form-checkbox[lay-skin="primary"] {
margin-top: 6px;
}
.draw-fence-btn {
position: absolute;
top: 8px;
z-index: 1;
right: 240px;
}
.draw-fence-box {
width: 400px;
background: #fff;
}
.city-picker-dropdown {
width: 398px !important;
}
.draw-fence-box.show {
z-index: 1;
right: 105px;
}
.draw-fence-box .city-picker-span {
width: 395px !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-bottom: 0;
}
.city-picker-span > .placeholder {
padding-left: 10px;
}
.list-device {
display: inline-block;
padding: 0 10px;
height: 20px;
line-height: 20px;
color: #999;
border: 1px solid #ccc;
background-color: #f9f9f9;
margin: 6px 5px 6px 0;
}
.list-device span {
cursor: pointer;
}
.safeContent span {
cursor: pointer;
}
.set-safe label {
width: 110px;
}
.layui-form-item svg,
.layui-table-cell svg {
cursor: pointer;
}
.customer-left {
width: 360px;
float: left;
}
.customer-right {
margin-left: 360px;
position: relative;
}
/*.set-safe .layui-unselect {min-width: 180px;}*/
.set-safe .layui-form-checkbox[lay-skin="primary"] span {
float: none;
}
.set-safe .layui-form-checkbox[lay-skin="primary"] i {
float: left;
}
.conditions-box .layui-tab-title li {
width: 33.3333%;
float: left;
padding: 0;
}
.deviceContent .layui-form-mid {
margin-left: 10px;
}
.layui-form-item .fl span i {
cursor: pointer;
}
/****缂佺喕顓搁幎銉ㄣ��******/
.statistics .layui-form-label {
width: 52px;
padding: 7px 10px 7px 0px;
}
.derive {
float: right !important;
margin-right: 0 !important;
}
.select-input {
width: 165px;
float: left;
}
.lowBattry-label {
width: 65px !important;
}
.car-input {
width: 100px !important;
}
.selectButton:hover,
.selectButton {
border-radius: 0 !important;
border: 1px solid #e6e6e6 !important;
}
.statistics .layui-form-mid {
padding: 7px 0 !important;
}
/****閸涘﹨顒熺拋鍓х枂******/
.basicSetup .layui-form-label {
padding: 6px 15px 9px 0 !important;
width: 160px !important;
}
#allFlag {
color: #1e9cde;
}
.addEmail-input {
width: 400px !important;
}
.addEmail-button:hover {
background-color: #eeeeee;
}
.js-addEmail .layui-form-item {
margin-bottom: 5px;
}
.basicSetup .layui-form-item .layui-form-checkbox[lay-skin="primary"] {
margin-top: 4px;
}
.addEmail-c999 {
color: #999 !important;
}
/*console*/
.b-t0 {
border-top: 0 !important;
}
.b-b0 {
border-bottom: 0 !important;
}
.map-left {
width: 562px;
background: #fff;
}
.map-left .layui-tab-title li {
font-size: 12px;
padding: 0 5px;
height: 41px;
line-height: 14px;
padding-top: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.map-left .layui-btn {
font-size: 12px;
}
.map-left .layui-form-checkbox span,
.map-content .layui-form-checkbox span {
font-size: 12px;
}
.map-left .device-container-box .default-scrollbar {
overflow: hidden;
overflow-y: auto;
}
.user-container-box {
width: 260px;
float: left;
position: relative;
}
.device-container-box {
width: 300px;
float: left;
position: relative;
}
.device-container-box .toolbar .dev-sort {
position: relative;
z-index: 1;
padding-right: 9px;
}
.device-container-box .toolbar .dev-sort-list {
position: absolute;
top: 100%;
right: 0;
border: 1px solid #ddd;
background-color: #fff;
}
.device-container-box .toolbar .dev-sort-list li {
white-space: nowrap;
padding: 5px 8px;
}
.device-container-box .toolbar .dev-sort-list li:first-child {
border-bottom: 1px solid #f5f5f5;
}
.device-container-box .toolbar .dev-sort-list li.active {
background-color: #fea527;
color: #fff;
}
.device-container-box .group-name-input {
height: 22px;
border: 1px solid #e6e6e6;
background-color: #fff;
padding: 0 15px;
width: 214px;
}
.device-container-box .alarm-exception-type {
float: right;
padding-top: 2px;
}
.device-container-box .search-device-name .layui-input-inline {
width: 230px;
}
.accordion li.open .link .node-func .node i.icon-toDown {
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.device-container-box
.operation-log
.layui-form-checkbox[lay-skin="primary"]
i {
width: 14px;
height: 14px;
line-height: 14px;
}
.device-container-box .operation-log .iconxiala .icon-toDown {
font-size: 12px;
}
/* .device-container-box .operation-log .node-func{display:table;} */
/* .device-container-box .operation-log .node-func .node,.device-container-box .vehicles-info-title .icheck-min,.device-container-box .vehicles-info-title .license-information{display:table-cell;vertical-align:middle;} */
.device-container-box .vehicles-info-title .license-information {
max-width: 165px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.license-information .icon-gaojing {
color: #fa560b;
}
.layui-btn-group .layui-btn-primary:hover {
color: #656565;
}
.vehicles-info-title {
font-size: 12px;
}
.vehicles-info-footer {
height: 35px;
line-height: 35px;
border-top: 1px solid #eff3f6;
border-bottom: 1px solid #eff3f6;
}
.vehicles-info-footer ul li a {
float: left;
width: 25%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #40affe;
}
.vehicles-info-footer ul li .disabled {
width: 25%;
color: #999;
height: 100%;
pointer-events: none;
}
.vehicles-view-info {
background: #f8f9fb;
}
.vehicles-view-info p {
padding-bottom: 10px;
}
.vehicle-cnt .model-item {
position: relative;
margin-bottom: 10px;
}
.vehicle-cnt .model-selected {
position: absolute;
top: 6px;
left: -12px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #333;
}
.vehicle-cnt {
padding: 15px 5px 0px 5px;
}
/* .vehicle-cnt .mark-imei { display:inline-block; } */
.vehicles-view-info p:last-child {
padding-bottom: 0;
}
.send-command .layui-tab-card {
border: 1px solid #e2e2e2;
}
.map-content {
margin-left: 562px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
/*.vehicles-info-title{background: #EFF3F6;}*/
.vehicles-info-title.active {
background: #eff3f6;
}
.sideleftbar .user-container-box {
width: 22px;
overflow: hidden;
}
.sideleftbar .map-left {
width: 325px;
}
.sideleftbar .map-content {
margin-left: 325px;
}
.sideleftbar .user-container-box .customer-title,
.sideleftbar .search-user-name,
.asd .device-container-box .search-device-name,
.asd .device-container-box .tab-con {
position: relative;
z-index: -1;
min-width: 350px;
}
.search-user-name-input {
width: 195px !important;
}
.asd .device-container-box {
width: 22px;
overflow: hidden;
}
.asd .map-left {
width: 284px;
}
.asd .map-content {
margin-left: 284px;
}
.asd .device-container-box .tab-navbar {
position: relative;
z-index: -1;
}
.sideleftbar.asd .map-left {
width: 46px;
}
.sideleftbar.asd .map-content {
margin-left: 46px;
}
.map-content .map-ranging {
left: auto;
right: 10px;
top: 150px;
background-color: #fff;
}
.map-content .breadcrumb-func {
height: 35px;
line-height: 35px;
}
.map-content .breadcrumb-func .func {
margin-top: 4px;
}
.map-content .breadcrumb-func .layui-form-select {
height: 28px;
}
.map-content .breadcrumb-func .layui-form-select dl {
top: 28px;
}
.map-content .breadcrumb-func .layui-form-select dl dd,
.layui-form-select dl dt {
line-height: 24px;
}
.breadcrumb-func .layui-input {
height: 28px;
}
.map-left-sidebar {
position: absolute;
top: 0;
left: 0;
z-index: 9;
background: white;
width: 320px;
height: 100%;
border-right: 1px solid #ccc;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.map-left-sidebar .layui-btn-group .layui-btn {
width: 20%;
}
.side-tab li {
padding: 8px 0;
width: 50%;
cursor: pointer;
border-bottom: 2px solid #42aeed;
}
.side-tab li.active {
background-color: #42aeed;
color: #fff;
}
.driving-list .card {
position: relative;
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fff;
}
.driving-list .card:last-child {
margin-bottom: 0;
}
.driving-list .card:before {
content: "";
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: width 0.5s ease 0s;
width: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.01);
}
.driving-list .card:hover:before {
width: 100%;
}
.driving-list .card.active:after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
margin-top: -4px;
border-width: 8px 8px 8px 0;
border-style: dashed solid dashed none;
border-color: transparent #0087d6 transparent transparent;
}
.driving-list .card.active a {
padding-right: 2px;
box-shadow: -2px 0 0 #0087d6 inset;
border-radius: inherit;
border-right: 2px solid #0087d6\0;
}
.driving-list .card a {
position: relative;
z-index: 2;
display: block;
color: #333;
overflow: hidden;
}
.driving-list .card .start,
.driving-list .card .end {
min-height: 34px;
padding-right: 15px;
padding-left: 50px;
margin-top: 10px;
margin-bottom: 0;
background: url(../images/icons.png) no-repeat;
font-size: 12px;
}
.driving-list .card .start {
position: relative;
background-position: 0 -59px;
}
.driving-list .card .start:before {
content: "";
position: absolute;
bottom: 0;
left: 22px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #f1ab04;
}
.driving-list .card .end {
background-position: 0 -203px;
padding-bottom: 6px;
}
.driving-list .card dt {
font-weight: normal;
}
.driving-list .card dd {
color: #999;
}
.driving-list .card .stati {
border-top: 1px solid #e1e1e1;
}
.driving-list .card .stati li {
width: 50%;
padding: 8px 5px;
float: left;
font-size: 12px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.driving-list .card .stati li:first-child {
}
/* .driving-list .card .stati li:last-child { width: 18%; border-right-width: 0; cursor: pointer;} */
.driving-list .card .stati li .fa-play-circle {
font-size: 14px;
color: #666;
}
#mapview {
padding-left: 320px;
transition: all 0.3s;
}
.map-countdown,
.countdown {
position: absolute;
top: 60px;
left: 65px;
z-index: 1;
padding: 4px 8px;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 2px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
font-size: 12px;
}
.map-countdown b {
color: #418f02;
}
.tracking-box .map-countdown,
.countdown {
top: 124px;
}
.map-content .map-countdown,
.countdown {
top: 55px;
}
.infoBox {
-moz-user-select: text !important;
-webkit-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
cursor: text;
overflow: visible !important;
}
.map-popover {
/* position: absolute; bottom: 0; left: 0; */
z-index: 9;
font-size: 12px;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-family: "Helvetica Neue", Helvetica, arial, microsoft yahei, "\5B8B\4F53";
}
.map-popover:before,
.map-popover:after {
content: "";
position: absolute;
left: 50%;
bottom: -14px;
z-index: 2;
width: 0;
height: 0;
margin-left: -8px;
border-width: 15px 8px 0;
border-style: solid;
border-color: #f9f9f9 transparent transparent transparent;
}
.map-popover:after {
bottom: -15px;
z-index: 1;
border-top-color: rgba(0, 0, 0, 0.3);
}
.popover-header {
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
border-radius: 4px 4px 0 0;
box-shadow: inset 0 1px 0 #fff;
}
.popover-header,
.popover-body,
.popover-footer {
padding: 4px 15px;
}
.popover-header h5 {
margin: 0;
}
.popover-close {
color: #000;
float: right;
font-size: 21px;
font-weight: 500;
line-height: 0.8;
color: #999;
cursor: pointer;
}
.popover-close:hover {
color: #f40000;
}
.popover-body table {
width: 100%;
table-layout: fixed;
}
.popover-body table th,
.popover-body table td {
padding: 2px;
vertical-align: top;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.popover-footer {
border-top: 1px solid #ddd;
background-color: #f9f9f9;
border-radius: 0 0 4px 4px;
box-shadow: inset 0 1px 0 #fff;
}
.popover-footer a,
.popover-footer span {
display: inline-block;
margin-right: 8px;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #0087d6;
cursor: pointer;
}
.map-popover table th {
padding-right: 5px;
text-align: right;
font-weight: normal;
width: 80px;
}
.owner-vehicle-Details-box .layui-form-mid {
max-width: 435px;
}
.owner-vehicle-Details-box .layui-form-item {
margin-bottom: 10px;
}
.share-box .layui-form-checkbox span {
padding-right: 0;
}
.share-box .layui-form-item a {
padding-top: 5px;
color: #0087d6;
}
.protocol-text h4 {
margin: 10px 0;
color: #333;
}
.protocol-text p {
color: #555;
font-size: 14px;
line-height: 1.8;
margin: 8px 0;
text-indent: 30px;
}
.track-info-box .layui-input {
height: 25px;
}
.track-info-box .layui-form-select dl {
top: 26px;
}
.track-info-box .layui-form-select dl dd {
line-height: 25px;
}
.track-map-box .map-ranging {
top: 145px;
}
.playback-box {
position: absolute;
padding: 12px 36px;
z-index: 1;
left: 300px;
right: 300px;
border: 1px;
border: 1px solid #ddd;
border-top: 0;
background-color: white;
-webkit-border-radius: 0 0 50px 50px;
-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
-moz-border-radius: 0 0 50px 50px;
border-radius: 0 0 50px 50px;
}
.narrow-street {
position: absolute;
top: 0;
left: 2px;
color: #c7dbf7;
z-index: 99;
width: 15px;
height: 20px;
}
.side-street-box {
width: 380px;
position: absolute;
bottom: 0;
right: 0;
height: 260px;
background: #e1e1e1;
display: block;
}
.side-street-box #streetView {
width: 100%;
height: 100%;
}
.side-street-box .tips-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 78%;
height: 117px;
padding: 20px;
text-align: center;
background-color: #fffad7;
color: #333;
}
.side-street-box .tips-content .text {
color: #bc0000;
}
.side-street-box .tips-content a {
color: #42aeed;
}
.side-street-box .tips-content {
display: none;
}
.show-streetview {
position: absolute;
display: none;
bottom: 24px;
right: 50px;
z-index: 1;
width: 40px;
height: 40px;
line-height: 44px;
border-radius: 2px;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
background-color: #fff;
}
.street-img {
background: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOnSURBVEhLnVRraJNnFFbYn/0YbDick6FTl7RNmrZeWi8V3VDGxhyMIXj5JbMqOH8M3I+hjiq1prk01bYbOpzz1lkFRdCq09Y5c9FRTWsSm/pnUpXm0qapaeJa2/c5OyefQxhfl24fHL7DeZ/n+c53Lu+kSTmemZX0enEdlcxtxLJpH+1Zbvg6VDLDSm/k4umev11JbxY4sMtgU26zU6XNDpDlAJG5Fpk825jHZMe3gpmwuNGOchYMFDiI5u4n+uAQ0fomQEx8iclZgR0BYzXKcwpP3YPFxXXoNTNpzUmiCyGoZ8+hAM3+ZP/ifai1TUQmJ1GxC5HplVgyrvD0fZjCGbabGfzlWaBvSBMaGYXqeKLZMPsS609DbWOMYLkU/nFLYbSigptCn/wIJJgk5LYHUJ/+BLWogajIRfThYahWjsmZYFYxtpjjBju26GZbVEc3DDai051MYZLvIVTpAUBi8rEtZ4k+Pkw0vw7w/KEJNzM2e+6CW1fU7FDJ0npQOK4Rdl4CZluJCmuJyuoV/I8V9t9UeKdK4ZsWxRilumMKZczhCRnUF3ViZMUPRD0DwKiC2tgM5HPDSjhLsaXfEUkZJLbhZ+D5GNCTBFYyh0duWFe00EWD83gWu6La7++8DMziTP8WtXDtpH4S29GSxaArBixgjsWFlK6oxYnrRq5Pc4dGkJouqgfeq+FMuMti4i/kOnu1muIUY4VTWIubuqL5dmySDq86wuOU1oSvdkOtPgaUN2om/tWwVvOBDCBY4eRbabOuqOy5iedUhnorzyDPYrYMz0Zezqn4L8YJX50HBFvogF+44y7ArL0oK3LhkTRDNupKN5B5ISRi4l/jOV3HG5XHmKJa9M6uoqU5V9XiwDLO2C81lHFacRCoOANsYlt5SMvuXW4W3xF3zc5/WdF/fmlqNd7Ks2G7wYaAdD27jmxykSxpVInKltHvS+00LWeGeoCGa0+nzNyd/H3O3nTGZB0ae79haPj47cxn/0tMSET0SqR/sGz90cHWOVVPRy01Kdp8KjnQ3h0rdwd6/vtFHXzYX3DjXu++3+5FOpo8cZisKTJWp6ixLUG3uuJpdyB6h63mvCf82oSzbvVH2n/tiCoWoOudfVRxMklrjyTpF38f3eaYN6SZJxg5OCFR/u3JnmCs6VY4kSX62NrDcbrD5rv/UtAbjA233X3yxYREBXTa9+jVc5fdn/tCiRPeYOQBC6Q8oXiG332eYNTv7ozavcHeUj3BvwD7XD/KFVSi8wAAAABJRU5ErkJggg==")
no-repeat 5px 5px;
display: block;
height: 30px;
margin: 5px 0 0 5px;
overflow: hidden;
width: 28px;
}
.locus-search-box .layui-input {
height: 30px;
}
.locus-search-box .layui-form-select dl dd {
line-height: 30px;
}
.locus-search-box .layui-form-select dl {
top: 31px;
}
.verificate-ode .btn-get-code {
width: 130px;
}
.new-group .layui-form-item .imei-textarea {
top: -11px;
width: 100%;
height: 32px;
line-height: 1.8;
}
.new-group .layui-form-item .imei-textarea + .func-btnbar {
top: 169px;
width: 100%;
}
.submenu {
display: none;
font-size: 14px;
border: 1px solid #eff3f6;
}
.accordion .node .iconxiala {
display: inline-block;
}
.accordion li .link .func {
display: none;
}
.accordion li .link:hover .func {
display: block;
cursor: pointer;
}
.accordion li .link {
display: block;
padding-bottom: 5px;
font-size: 14px;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.submenu > li.active .vehicles-view-info {
display: block;
}
.vehicles-info-title {
background-color: #eff3f6;
}
.vehicles-info-title .icheck-min,
.vehicles-info-title .license-information {
float: left;
}
.vehicles-info-title .license-information {
display: inline-block;
}
.submenu > li.active .vehicles-info-title {
background: #eff3f6;
color: #5d5d5d;
}
.layui-table td,
.layui-table th {
font-size: 12px;
}
.js-map-search i {
position: absolute;
right: 15px;
font-size: 16px;
top: 10px;
cursor: pointer;
}
.gengduo i {
font-size: 12px;
padding-left: 10px;
}
.saleContent
.layui-form-item
.imei-textarea-box.focus
.imei-textarea
+ .func-btnbar {
width: 101%;
}
.saleContent .layui-form-item .imei-textarea {
height: 32px;
line-height: 1.5;
}
.saleContent .layui-form-item .imei-textarea {
width: 101%;
}
.saleContent .layui-form-item .imei-textarea-box {
width: 95%;
}
.icon-xiala1,
.icon-shangla2 {
font-size: 12px !important;
}
.customerBarTable .icon-xiala1,
.customerBarTable .icon-shangla2 {
padding-left: 10px;
}
.diustContent .select-user-sales-tree-box {
width: 90%;
}
.saleContent .tree-search .fa-search {
position: absolute;
top: 22px;
font-size: 16px;
right: 25px;
cursor: pointer;
}
.condition-box .layui-form-item .imei-textarea {
height: 30px;
padding: 8px 12px;
}
.condition-box .layui-form-item .imei-textarea-box {
width: 85%;
}
.condition-box .layui-form-item .imei-textarea + .func-btnbar {
width: 126%;
}
.js-select-sales-btn {
margin-left: -1px;
}
/*閻㈠灚鐫�*/
.batterybar .battery {
position: relative;
border: 1px solid #9c9c9c;
padding: 1px;
width: 20px;
height: 7px;
margin-top: 3px;
display: inline-block;
}
.batterybar .battery:before {
content: "";
position: absolute;
right: -3.3px;
top: 50%;
height: 50%;
width: 2px;
background-color: #9c9c9c;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.batterybar .battery .battery-line {
width: 100%;
height: 100%;
background-color: #1fd330;
display: block;
}
.batterybar .battery .battery-line.line-red {
background-color: #ff5050;
}
.batterybar .battery .battery-line.line-orange {
background-color: #fd9c00;
}
/*濮樻梹鍦洪悩鑸�??*/
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
filter: alpha(opacity=0);
opacity: 0;
}
.map-tooltip {
position: relative;
display: inline-block;
filter: alpha(opacity=100);
opacity: 1;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip-inner {
padding: 3px 8px;
border-radius: 4px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.map-tooltip .tooltip-inner {
border: 1px solid #aaa;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.map-tooltip.top .tooltip-arrow {
border-top-color: #666;
border-top-color: rgba(0, 0, 0, 0.5);
}
.map-tooltip.top .tooltip-arrow:before {
content: "";
position: absolute;
top: -6px;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.map-tooltip.default .tooltip-inner {
color: #333;
border-color: rgba(0, 0, 0, 0.4);
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.map-tooltip.runing .tooltip-inner {
background-color: #429102;
background-color: rgba(6, 145, 2, 0.9);
border-color: #285701;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.map-tooltip.runing .tooltip-arrow {
border-top-color: #285701;
}
.map-tooltip.runing .tooltip-arrow:before {
border-top-color: #429102;
}
.map-tooltip.stopped .tooltip-inner {
background-color: rgba(219, 53, 53, 0.9);
border-color: #af2a2a;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.map-tooltip.stopped .tooltip-arrow {
border-top-color: #842020;
}
.map-tooltip.stopped .tooltip-arrow:before {
border-top-color: #db3535;
}
@media screen and (min-width: 768px) {
.more-search .layui-col-sm2 {
width: 15.66666667%;
}
}
.func-box {
position: fixed;
z-index: 99;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.func-box ul {
border: 1px solid #ccc;
padding: 5px 0;
}
.func-box ul li {
position: relative;
}
.func-box ul li a {
padding: 2px 15px;
display: block;
color: #666;
cursor: pointer;
white-space: nowrap;
}
.func-box ul li a:hover {
color: #42aeed;
}
.func-box .list-sub-func {
display: none;
position: absolute;
left: 95%;
bottom: 0;
overflow: hidden;
overflow-y: auto;
max-height: 200px;
background-color: #fff;
}
.func-box ul li:hover .list-sub-func {
display: block;
}
.tool-address {
position: absolute;
z-index: 1;
left: 260px;
right: 260px;
top: 35px;
min-width: 160px;
padding: 8px 15px;
border-top: 0;
border-radius: 0 0 50px 50px;
font-size: 14px;
color: #333;
text-align: center;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.vehicles-info-footer .translucent {
opacity: 0.5;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
color: #ccc;
}
.polygonContent .layui-form-checkbox span {
height: auto;
}
.statistics .select-user-sales-tree-box {
width: 130%;
}
.autocompleter-node {
background-color: transparent;
}
.autocompleter {
z-index: 1;
background-color: #fff;
top: 34px;
}
/* .autocompleter-hint { top: -33px; width: 74%; padding: 6px 12px; line-height: 1.42857; font-size: 14px; border: 1px solid transparent; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:12px;}
.autocompleter-list { font-size: 12px; border: 1px solid #ddd; } */
.autocompleter-list li {
padding: 6px 12px;
}
.autocompleter-list li:hover {
background-color: #f5f5f5;
}
.autocompleter-item strong {
color: #e85657;
}
.autocompleter {
width: 92% !important;
}
.autocompleter-nodata {
position: absolute;
left: 0;
top: 34px;
z-index: 1;
width: 85%;
margin-left: 10px;
padding: 6px 9px;
border: 1px solid #ddd;
background-color: #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.polygonContent .layui-form-checkbox span {
height: auto;
}
.share-box .share-btn {
position: absolute;
bottom: 10px;
right: 15px;
}
.workmodeview-list li {
width: 33.33%;
float: left;
white-space: nowrap;
}
.workmodeview-list li .layui-form-radio > div {
overflow: hidden;
white-space: nowrap;
max-width: 140px;
text-overflow: ellipsis;
}
/*鐞氼偆顩﹂悽銊ヮ槻闁顢嬮弽宄扮础*/
.laytable-cell-checkbox-disabled {
position: relative;
}
.laytable-cell-checkbox-disabled:before {
position: absolute;
content: "";
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: not-allowed;
}
.layui-checkbox-disbaled {
filter: alpha(opacity=50);
opacity: 0.5;
}
.maplibTc {
z-index: 99;
}
.group-name-omit {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
}
.autocompleter {
border: 1px solid #ddd;
overflow: auto;
white-space: nowrap;
}
.autocompleter-list {
overflow: auto;
height: 230px;
white-space: nowrap;
}
.ztree li span.button {
width: 0;
height: 0;
}
/* .carowner .layui-form-label { width:85px; padding:7px 10px;} */
.carowner .layui-form-label {
width: 100px;
padding: 7px 0;
}
.user-details {
padding-top: 10px;
}
.list-fl li .iconfont {
font-size: 12px;
}
/*閸掑棔闊╅崷鏉挎禈*/
.wrapper {
position: relative;
height: 100%;
}
.panoramadiv {
width: 100%;
height: 100px;
overflow: hidden;
}
.trip-switching {
position: absolute;
top: 17rem;
left: 1.5rem;
}
.trip-switching .text-ellipsis {
display: block;
background-color: rgba(255, 255, 255, 0.6);
margin-bottom: 0.3rem;
border: 1px solid #ddd;
font-size: 1.4rem;
padding: 1rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
.time-form .fw-b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.multi-page {
height: 260px;
}
.department {
border: 1px solid #ddd;
height: 100%;
margin-right: 20px;
}
.department-title {
padding: 15px 20px;
border-bottom: 1px solid #ddd;
font-size: 16px;
}
.balance {
padding: 19px 20px 0 20px;
font-size: 14px;
font-weight: 550;
}
.balance i {
font-size: 24px;
color: #b2c1d9;
padding-right: 20px;
}
.balance span {
position: relative;
top: -3px;
}
.money-style {
padding: 27px 0;
font-size: 28px;
color: #ff9c00;
text-align: center;
}
.digits {
font-size: 48px;
}
.single {
font-size: 30px;
}
.depart-list li {
display: inline-block;
width: 50%;
float: left;
text-align: center;
background-color: #eff3f6;
padding: 16px 0;
cursor: pointer;
}
.depart-list li:first-child:after {
content: "|";
color: #e3e7e9;
position: absolute;
bottom: 20px;
margin-left: 90px;
}
.depart-list li i {
color: #747474;
}
.link-list li {
display: inline-block;
float: left;
width: 20%;
text-align: center;
padding-bottom: 20px;
}
.right-modal {
padding: 20px 0;
border: 1px solid #ddd;
height: 100%;
}
.link-list .link i {
font-size: 70px;
color: #42a5f5;
}
.link-title {
padding-top: 5px;
}
.link-list li a {
display: block;
}
.side-QRcode h1 img {
border: 4px solid #fff;
}
.rechargeCnt {
padding: 20px 15px 0 15px;
}
.payment {
color: #ff9c00;
font-size: 18px;
}
.payment span {
font-size: 28px;
}
.image-height .layui-form-mid {
padding: 4px 0 !important;
}
.versionUpdate {
height: 38%;
background-image: url("/resource/images/refsearchLogo.png");
background-repeat: no-repeat;
background-position: center;
}
.versionContent {
position: relative;
top: 170px;
word-wrap: break-word;
height: 200px;
}
.ver-cnt {
height: 220px;
padding: 0 25px;
overflow: auto;
}
/* .layui-layer-setwin .layui-layer-close2 {background-position:-85px -33px!important;top:-6px!important;right:-6px!important;}
.layui-layer-setwin .layui-layer-close2:hover {background-position:-117px -33px!important;}
.layui-layer-ico {background: url('/resource/images/icon.png') no-repeat!important;}
.layui-layer-setwin .layui-layer-close1 {background-position:1px -40px!important;} */
#instruction-form .layui-form-label,
#sendCommandModal .layui-form-label {
width: 120px;
}
#sendCommandModal .layui-input-block {
margin-left: 120px;
}
.versionBody {
position: absolute;
width: 96%;
bottom: -50px;
padding: 10px;
border-right: 1px solid #eff3f6;
color: #ff9c00;
background-color: #eff3f6;
}
.user-container .ztree-box #organizationTree > li ul,
.user-container-box .ztree-box #organizationTree > li ul {
overflow: visible !important;
}
.powersaving-con-box .layui-form-label,
.track-con-box .layui-form-label,
.alarmclock-con-box .layui-form-label,
.week-con-box .layui-form-label {
width: 95px;
}
.week-con-box .layui-input-inline > #sbaoTime {
margin-left: 15px;
}
.equipment-model .layui-select-title {
display: none;
}
.equipment-model .layui-anim-upbit {
display: block;
}
.equipment-model .layui-form-select dl {
box-shadow: none;
border: none;
width: 100%;
overflow-y: visible;
}
.equipment-model .layui-select-tips {
display: none;
}
.select-model-tree-box {
width: 100%;
top: -11px;
}
.select-model-tree-box #treeModel_1 > #treeModel_1_a {
color: #999;
}
.loanInput-box-input .no-license {
float: left;
margin-left: 5px;
}
.content-info-box .multi-search {
width: 300px;
}
.content-info-box .multi-search .imei-textarea {
top: -11px;
padding: 8px 12px;
border-radius: 4px;
}
.content-info-box .multi-search .imei-textarea + .func-btnbar {
width: 300px;
top: 169px;
}
.tooltip.map-tooltip {
z-index: 6;
}
#map > div > div > div > .infoBox:last-child {
z-index: 19891031;
}
/* 閸忓懎?鐓庡幢缁狅紕鎮� */
.user-information {
text-align: center;
}
.user-icon {
border-radius: 10px;
background-color: #63d1e2;
display: inline-block;
padding: 12px 15px;
margin: 40px 25px 20px;
}
.user-icon i {
font-size: 42px;
color: white;
}
.specific-information p {
margin-bottom: 6px;
color: #666;
}
.specific-information p span {
width: 200px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* .operation-list { margin-left:1px;} */
.layui-tab-card > .operation-list > li {
margin: 0;
}
.historical-data {
border: 0;
}
.condition-box .layui-tab-content {
padding-top: 30px; /* background-color: #fff; */
background-color: rgba(255, 255, 255, 0.5);
}
.historical-data .layui-tab-title li {
border-top: 2px #f2f2f2 solid;
}
.buy-recharge-card {
padding-top: 15px;
padding-left: 15px;
}
.buy-recharge-card .layui-form-label {
width: 100px;
}
.buy-recharge-card .layui-form-item .layui-input-inline {
width: 300px;
}
.buy-recharge-card .layui-word-aux {
color: #333 !important;
}
.buy-recharge-card p {
width: 135px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.buy-recharge-card .card-warning {
padding-left: 140px;
display: none;
}
.buy-recharge-card .accountnumber-msg,
.buy-recharge-card .payername-msg,
.buy-recharge-card .payername-warning,
.buy-recharge-card .contactmode-warning,
.buy-recharge-card .accountnumber-warning {
padding-left: 10px;
display: none;
}
.charge-card p {
font-size: 14px;
display: inline-block;
padding-right: 50px;
}
.charge-card .department-name {
width: 200px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.charge-card .layui-form-label {
width: 95px;
font-size: 14px;
text-align: left;
padding-left: 0;
padding-right: 0;
}
.charge-card .layui-inline .w75 {
width: 75px;
}
.charge-card
> .layui-form
.layui-form-item
.layui-inline
> .layui-input-inline {
width: 350px;
padding-top: 7px;
}
.rechargeable-box .layui-form-item {
margin-bottom: 0;
margin-top: 10px;
}
.rechargeable-box .operation-list li {
line-height: 41px;
}
.rechargeable-box .layui-form-item .imei-textarea {
width: 194%;
top: -11px;
height: 32px;
padding: 8px 12px;
line-height: 1;
}
.rechargeable-box .layui-form-item .imei-textarea + .func-btnbar {
width: 181%;
top: 169px;
}
.rechargeable-box .multi-search {
width: 285px;
}
.card-transfer {
padding-top: 20px;
padding-left: 65px;
}
/* .card-transfer .card-warning { padding-left:130px; display:none; } */
.card-transfer .card-warning1 {
padding-left: 130px;
display: none;
}
.card-transfer .card-warning2 {
padding-left: 130px;
display: none;
}
.card-transfer .layui-form-label {
width: 90px;
}
.rechargeable-box .layui-tab-content {
padding-left: 0;
padding-right: 0;
}
.recharge-record-tab .endtime .layui-input-inline {
width: 268px;
}
/* 鐠佹儳顦崗鍛�?? */
.equipment-recharge p {
display: inline-block;
padding-right: 25px;
}
.equipment-recharge {
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
}
.equipment-recharge .layui-form-label {
width: 90px;
}
.equipment-recharge .layui-form-item .imei-textarea {
padding: 7px 12px;
width: 200%;
}
.equipment-recharge .layui-form-item .imei-textarea + .func-btnbar {
width: 187%;
}
.layui-table-cell {
padding: 0 10px;
}
.salelog-box .content-info-box .multi-search .imei-textarea + .func-btnbar {
top: 187px;
}
.salelog-box .content-info-box .multi-search .imei-textarea + .func-btnbar {
width: 282px;
}
.operation-log .multi-search {
width: 260px;
margin-right: 0;
}
.operation-log .layui-form-item .multi-search .imei-textarea {
width: 100%;
height: 12px;
}
.operation-log .recharge-record-tab .multi-search .imei-textarea {
width: 194%;
height: 32px;
}
.operation-log
.layui-form-item
.multi-search
.imei-textarea-box.focus
.imei-textarea {
height: 180px;
}
.condition-box .operation-log .layui-form-item .imei-textarea + .func-btnbar {
top: 189px;
width: 104%;
}
/* 鐎电厧鍤� */
.add-task-btn {
padding: 0 30px;
border-radius: 5px !important;
}
.task-list-title {
margin-top: 40px;
padding: 7px 15px;
background-color: #ccc;
}
.form-load {
padding: 15px 25px;
}
.form-load .download-list li {
float: left;
width: 30%;
padding-top: 15px;
}
.download-list {
text-align: left;
}
.form-load p {
padding-bottom: 10px;
color: #666;
}
.form-load .download-list a {
display: inline-block;
padding-top: 10px;
padding-left: 35px;
}
.download-list li .c-1e9cde:hover {
color: #1e9cde;
}
.exportContent .device-export ul {
padding: 15px 30px;
}
.exportContent .device-export li {
width: 20%;
}
.exportContent .export-task-progress-box {
margin-top: 10px;
}
.no-record {
padding-top: 15px;
text-align: center;
}
.consump {
height: 482px;
margin: 10px;
border: 1px solid #ddd;
text-align: center;
color: #999;
}
.add-modaule {
position: relative;
top: 50%;
text-align: center;
/* margin-top: -44px; */
}
.consump .js-add-module i {
font-size: 60px;
color: #e9e9e9;
cursor: pointer;
}
.consump p {
font-size: 16px;
}
.condition-box ul li i {
display: none;
}
.condition-box ul .layui-this i {
display: inline-block;
}
.map-information .map-info-content {
width: 300px;
white-space: normal;
}
.grid-view-header {
cursor: move;
}
.alarm-type-position {
/* position: absolute;
left: 894px;
top: 42px; */
margin-left: 203px;
}
.search-position {
/* position: absolute;
top: 42px;
left: 1094px; */
}
.layui-form-item .imei-textarea-1 + .func-btnbar {
top: 171px;
left: 0;
width: 186px;
}
.expirationTime-state {
display: inline-block;
margin: 10px;
}
.expiration-time-success {
color: green;
}
.expiration-time-fail {
color: red;
}
.setAbolish {
padding-top: 28px;
}
.sim-imline {
position: relative;
display: inline-block;
}
.sim-progress {
z-index: 99999;
position: absolute;
left: 30px;
bottom: -6px;
width: 300px;
}
.site-demo-button {
position: absolute;
top: 0;
}
.layui-tab-card > .layui-tab-title {
background-color: rgba(242, 242, 242, 0.7);
}
.layui-form.isshow-console {
display: none;
}
.content-info-box {
/* background-color: rgba(255,255,255,0.7); */
}
.loanInput {
background-color: rgba(255, 255, 255, 0.7);
}
.layui-layout-body {
background-color: rgba(255, 255, 255, 0.7);
}
.timepicker .timepicker-btn-clear {
float: left;
}
/* 杞︿富鎵撳垎鎶ヨ〃涓墸鍒嗚鎯� */
/* .score-container .layui-layer-content {
background-color: #f2f2f2;
} */
.device-score-container {
margin-top: 10px;
}
.device-score-container .layui-form-item {
clear: none;
margin-bottom: 0;
}
.device-score-container .title {
font-size: 14px;
color: #666;
line-height: 30px;
height: 30px;
border-bottom: 1px solid #e6e6e6;
border-radius: 5px;
padding: 0 10px;
background-color: #c9c9c9;
}
/* 等待页面 */
.load-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
text-align: center;
background-color: #fff;
}
/* 日历 */
.date-container {
position: relative;
}
.date-container i {
position: absolute;
top: 4px;
right: 12px;
font-size: 16px;
color: #dde2eb;
}
.select-active .mark-imei {
color: #3e62fc;
}
.btn-all-change-color {
color: #fff;
background-color: #3e62fc;
}
.btn-line-change-color {
border-width: 1px !important;
border-style: solid;
border-color: #3e62fc;
color: #3e62fc;
background-color: #fff;
}
.layui-layer-btn .layui-layer-btn0 {
background-color: #3e62fc !important;
}
.layui-layer-btn .layui-layer-btn1 {
border-color: #3e62fc !important;
color: #3e62fc !important;
}
.change-table .layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #3e62fc;
}
.help.layui-nav .layui-nav-item a {
padding: 0 21px;
}
.layui-header .layui-nav.help .js-info {
margin-left: 30px;
}
.device-tab-container.layui-tab-brief > .layui-tab-title .layui-this:after {
border-bottom: 0;
}
.layui-side-scroll {
/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
-ms-overflow-style: none;
/*火狐下隐藏滚动条*/
overflow: -moz-scrollbars-none;
scrollbar-width: none;
}
.layui-side-scroll::-webkit-scrollbar {
display: none;
width: 0;
/* overflow-y: scroll; */
scrollbar-color: transparent transparent;
scrollbar-track-color: transparent;
-ms-scrollbar-track-color: transparent;
/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
-ms-overflow-style: none;
/*火狐下隐藏滚动条*/
overflow: -moz-scrollbars-none;
}
.vehicle-risk-desc {
line-height: 32px;
}
.vehicle-risk-desc span {
color: #0075ff;
cursor: pointer;
text-decoration: underline;
}
/* @font-face{
font-family: 'DIN';
src: url('../fonts/DIN-BoldItalicAlt.otf');
} */
/* body{
opacity: 0;
animation: page-fade-in 1s forwards;
-webkit-animation: page-fade-in 1s forwards;
-moz-animation: page-fade-in 1s forwards;
-o-animation: page-fade-in 1s forwards;
}
@keyframes page-fade-in { */
/* 0% {
opacity: 0;
transform: scale(.9)
}
100% {
opacity: 1;
transform: scale(1)
} */
/* 0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
} */
/* 0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
} */
/* 0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
} */
/* 0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
} */
/* 0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
} */
/* } */
/* @-webkit-keyframes page-fade-in {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-moz-keyframes page-fade-in {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-o-keyframes page-fade-in {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
} */