*{margin:0;padding:0;border:0;outline:0;}
html{ font-size:12px; }
.bg-25aca5{background-color:#25aca5 !important;}
.bg-ffb700{background-color:#ffb700 !important;}
.bg-fe5722{background-color:#fe5722 !important;}
.bg-666666{background-color:#666 !important;}
.color-25aca5{color:#25aca5 !important;}
.color-ffb700{color:#ffb700 !important;}
.color-fe5722{color:#fe5722 !important;}
.color-c2c2c2{color:#c2c2c2 !important;}
.color-666666{color:#666666 !important;}
/*check_bg*/
.bg-f17c68{background-color:#f17c68 !important;}
.bg-c3bed4{background-color:#c3bed4 !important;}
.bg-ffb86c{background-color:#ffb86c !important;}
.bg-f1aaa6{background-color:#f1aaa6 !important;}
.bg-009688{background-color:#009688 !important;}
.line-through{ text-decoration:line-through !important;}
/*loginBox*/
.loginBox{ position:absolute; top:0; left:0; width:100%; height:100%; background:#32323a;}
.loginBox > img.bg{ z-index:-1; width:100%; height:100%; background:#32323a;}
.loginBox > .login{position:absolute; top:50%; left:50%; width:330px; height:240px; padding:15px; margin-left:-180px; margin-top:-135px; background-color:rgba(255, 255, 255, 0.5); border-radius:5px;}
.loginBox > .login > h2{font-size:18px; text-align:left; padding:10px; border-bottom:1px solid #333; font-weight:normal; margin-bottom:10px;}
.loginTab{ width:100%; border-collapse:collapse;}
.loginTab > tbody > tr > th, .loginTab > tbody > tr > td{font-size:14px; text-align:left; padding:10px; font-weight:normal;}
.loginTab > tbody > tr > th{ width:60px; text-align:right}
.loginTab > tbody > tr > td{}
.loginFooter{ position:absolute; z-index:100; width:100%; height:30px; line-height:30px; color:#666; left:0; right:0; bottom:0; text-align:center;}
.loginFooter > a{ color:#666;}
/*mainNav*/
.mainNavWrap{ width:100%; height:90px; background:url("../img/index_bg.jpg");}
.mainNav{ position:relative; width:100%; height:90px; background-color:rgba(255, 255, 255, 0.5); z-index:1000;}
.mainNav > .logo{ position:absolute; top:0; left:0; width:200px; height:90px;}
.mainNav > .title{position:absolute; letter-spacing:0.5rem; top:0; left:220px; height:50px; line-height:50px; font-size:3rem; color:#000;}
.mainNav > ul.leftNav{ position:absolute; top:50px; left:200px; padding:0 20px;}
.mainNav > ul.leftNav > li{ float:left; background-color:#25aca5; height:30px; line-height:30px; border-radius:4px; margin-right:10px;}
.mainNav > ul.leftNav > li > a{color:#fff; display:block; padding:0 10px; font-size:14px;}
.mainNav > .rightNav{ position:absolute; top:0; right:20px; height:90px; line-height:90px;}
.mainNav > .rightNav > a{ color:#000;}
/*homeColorTip*/
.homeColorTip{ width:1180px; padding:5px 0 5px 15px; display:block; margin:0 auto; height:18px; line-height:18px; background-color:#fff;}
.homeColorTip > span{ float:left; margin-right:5px;}
/*homeDepartmentList*/
.homeDepartmentList{ width:100%; margin:0 auto 2%; overflow:auto;}
.homeDepartmentList > ul{width:100%; overflow:hidden;}
.homeDepartmentList > ul > li{ position:relative; float:left; width:22%; margin:2% 0 0 2%; text-align:center; height:0; padding-top:15%; overflow:hidden; }
.homeDepartmentList > ul > li:nth-child(4n-3){ margin-left:3%;}
/*homeDepartmentContent*/
.homeDepartmentContent{ position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #53686b; border-radius:10px; background-color:#f7f8fa;}
.homeDepartmentContent > .title{ position:relative; height:40%; width:100%; overflow:hidden;}
.homeDepartmentContent > .title > .text{ width:100%; height:100%; display:table; font-size:2.5rem; color:#393939;}
.homeDepartmentContent > .title > .text > a{ display:table-cell; vertical-align:middle;}
.homeDepartmentContent > .title > .num{ position:absolute;display:table; top:0; right:10px; height:100%; font-size:3rem; color:#333;}
.homeDepartmentContent > .title > .num > span{display:table-cell; vertical-align:middle;}
.homeDepartmentContent > .tip1{ width:100%; display:table; height:20%; font-size:1.5rem;color:#222; border-top:1px solid #53686b;}
.homeDepartmentContent > .tip1 > a{ display:table-cell;vertical-align:middle;}
.homeDepartmentContent > .tip2{ height:30%;}
.homeDepartmentContent > .tip2 > div{float:left; width:27%; margin:0 0 0 4%; height:100%; overflow:hidden; cursor:pointer; display:inline-block; border-radius:5px;}
.homeDepartmentContent > .tip2 > div.tipDeliver{ background:#25aca5; border:1px solid #25aca5; color:#25aca5;}
.homeDepartmentContent > .tip2 > div.tipService{background:#ffb700; border:1px solid #ffb700; color:#ffb700;}
.homeDepartmentContent > .tip2 > div.tipRepair{background:#fe5722; border:1px solid #fe5722; color:#fe5722;}
.homeDepartmentContent > .tip2 > div > p.num{ width:100%; height:60%; display:table; font-size:1.67rem; color:#fff; }
.homeDepartmentContent > .tip2 > div > p.num > span{ display:table-cell; vertical-align:middle;}
.homeDepartmentContent > .tip2 > div > p.text{width:100%;height:40%; display:table; background-color:#fff; font-size:1.1rem; margin:0;}
.homeDepartmentContent > .tip2 > div > p.text > span{display:table-cell; vertical-align:middle;}
.homeDepartmentContent > .tip2 > div.serviceAnimation{-webkit-animation:serviceAnimation 600ms infinite alternate;-o-animation:serviceAnimation 600ms infinite alternate;animation:serviceAnimation 600ms infinite alternate;}
.homeDepartmentContent > .tip2 > div.repairAnimation{-webkit-animation:repairAnimation 600ms infinite alternate;-o-animation:repairAnimation 600ms infinite alternate;animation:repairAnimation 600ms infinite alternate;}
@-webkit-keyframes serviceAnimation{
    from{background:#b18604;border:1px solid #b18604; color:#b18604;}
    to{background:#ffb700;border:1px solid #ffb700;color:#ffb700;}
}
@-o-keyframes serviceAnimation{
    from{background:#b18604;border:1px solid #b18604; color:#b18604;}
    to{background:#ffb700;border:1px solid #ffb700;color:#ffb700;}
}
@keyframes serviceAnimation{
    from{background:#b18604;border:1px solid #b18604; color:#b18604;}
    to{background:#ffb700;border:1px solid #ffb700;color:#ffb700;}
}
@-webkit-keyframes repairAnimation{
    from{background:#a71c1c;border:1px solid #a71c1c; color:#a71c1c;}
    to{background:#fe5722;border:1px solid #fe5722;color:#fe5722;}
}
@-o-keyframes repairAnimation{
    from{background:#a71c1c;border:1px solid #a71c1c; color:#a71c1c;}
    to{background:#fe5722;border:1px solid #fe5722;color:#fe5722;}
}
@keyframes repairAnimation{
    from{background:#a71c1c;border:1px solid #a71c1c; color:#a71c1c;}
    to{background:#fe5722;border:1px solid #fe5722;color:#fe5722;}
}
@media (max-width:1000px){
    .homeDepartmentContent > .title > .text{font-size:2rem;}
    .homeDepartmentContent > .title > .num{font-size:2.4rem;}
    .homeDepartmentContent > .tip1{ font-size:1.2rem;}
    .homeDepartmentContent > .tip2 > div > p.num{font-size:1.33rem;}
    .homeDepartmentContent > .tip2 > div > p.text{font-size:1rem;}
}
/*uploadImageList*/
.uploadImageBox{ line-height:1em;}
.uploadImageBox > .uploadImageList:after{ content:""; clear:both; display:block;visibility:hidden; height:0;}
.uploadImageBox > .uploadImageList > .uploadImage{ position:relative; float:left; width:100px; height:100px; display:flex; margin:5px 5px 0 0; overflow:hidden; justify-content:center; align-items:center; border:1px dashed #eee; box-sizing:border-box;}
.uploadImageBox > .uploadImageList > .uploadImage > .tool{ display:none; position:absolute; z-index:100; top:0; left:0; width:100%; height:16px;line-height:16px;overflow:hidden;}
.uploadImageBox > .uploadImageList > .uploadImage > .tool > b{ float:right; width:16px; height:16px; display:block; overflow:hidden; text-align:center;}
.uploadImageBox > .uploadImageList > .uploadImage > textarea{position:absolute; z-index:99; display:none; top:0; left:0; width:98px; height:98px; overflow:hidden; resize:none;}
.uploadImageBox > .uploadImageList > .uploadImage > img{ max-width:100px; max-height:100px;}
.uploadImageBox > .uploadImageList > .uploadImage:hover{}
.uploadImageBox > .uploadImageList > .uploadImage:hover > .tool{ display:block; }
/*repairRecordTab*/
.repairRecordTab tr > th, .repairRecordTab tr > td{ border:1px solid #e6e6e6 !important;}
/*tableCheckList*/
.tableCheckList{ width:100%; border-collapse:collapse; table-layout:fixed !important;word-break:break-all;}
.tableCheckList > tbody > tr > th, .tableCheckList > tbody > tr > td{ border:1px solid #666; text-align:center; width:32px; height:32px; min-width:32px; min-height:32px; font-weight:normal;}
.tableCheckList > tbody > tr > th{ background:#f0f0f0;}
.tableCheckList > tbody > tr > td > a{ display:block; width:100%; height:32px; line-height:32px; overflow:hidden;}
/*homeLayerListNav*/
.homeLayerListNav{ position:relative;}
.homeLayerListNav > ul{}
.homeLayerListNav > .search{ position:absolute; top:8px; right:10px; display:block; margin-right:10px;}
.homeLayerListNav > .search > input{ width:140px; height:24px;}
.homeLayerListNav > .layui-tab-title > li:nth-child(1).layui-this:after{ border-bottom-color:#333;}
.homeLayerListNav > .layui-tab-title > li:nth-child(2).layui-this:after{ border-bottom-color:#25aca5;}
.homeLayerListNav > .layui-tab-title > li:nth-child(3).layui-this:after{ border-bottom-color:#ffb700;}
.homeLayerListNav > .layui-tab-title > li:nth-child(4).layui-this:after{ border-bottom-color:#fe5722;}
.homeLayerListNav .content{ width:100%; display:block; overflow:auto;}
.homeLayerListNav .content > li{ float:left; display:block; width:25%; overflow:hidden; height:36px; line-height:36px; text-align:center;}
.homeLayerListNav .content > li:nth-child(8n+5){ background-color:#f4f4f6;}
.homeLayerListNav .content > li:nth-child(8n+6){ background-color:#f4f4f6;}
.homeLayerListNav .content > li:nth-child(8n+7){ background-color:#f4f4f6;}
.homeLayerListNav .content > li:nth-child(8n+8){ background-color:#f4f4f6;}
/*customerTab*/
.customerTab{}
.customerTab > tbody > tr > th, .customerTab > tbody > tr > td{ padding:5px; }
.customerTab > tbody > tr > th{ text-align:right; vertical-align:top;line-height:38px;}
/*indexStat*/
.indexStat{ display:flex; flex-direction:row; justify-content:space-around; align-items:center;}
.indexStat > div{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:25%; height:140px; box-sizing:border-box; padding:20px 30px; color:#fff; font-size:22px; border-radius:5px; box-shadow:3px 3px 5px #ccc; }
.indexStat > .user{ background:#c8000b; margin-right:20px;}
.indexStat > .device{background:#195498;margin-right:20px;}
.indexStat > .online{background:#ecb800;}
.indexStat .txt{text-align:center;}
.indexStat .icon{ font-size:80px; flex-shrink:0; color:#fff; opacity:0.9;}
/*indexChart*/
.indexChart{ width:100%; overflow:auto;}
.indexChart > .chart{float:left; width:50%; height:300px; margin-bottom:20px; box-sizing:border-box; display:inline-block;}