.blue-bg {
    background: linear-gradient(#178DE6, #036CCA);
}

/*登录 -start*/
.loginContainer {
    height: 100%;
    background-color: white;
}

.login-top {
    position: relative;
}

.login-top > img {
    width: 100%;
}

.login-logo {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    text-align: center;
}

.login-logo > img {
    width: 41px;
    height: 47px;
}

.login-logo > h5 {
    color: white;
    opacity: 0.8;
}

.login-form {
    width: 80%;
    margin: 0 auto;
}

.login-form > h2 {
    font-weight: normal;
    color: rgba(74, 74, 74, 1);
}

.login-form-item {
    margin-top: 10%;
    position: relative;
}

.login-form-item > .item-label {
    font-size: 12px;
    color: rgba(64, 125, 213, 1);
}

.login-form-item input {
    background: none;
    outline: none;
    border: none;
    height: 100%;
    vertical-align: middle;
    font-size: 14px;
    width: 100%;
    border-bottom: 0.5px solid rgba(221, 221, 221, 1);
    margin-top: 10px;
    padding-bottom: 9px;
}

.login-form-item > .item-get-code {
    position: absolute;
    bottom: 5px;
    right: 0;
    color: rgba(64, 125, 213, 1);
    font-size: 12px;
}

.login-form-item input::placeholder {
    color: rgba(155, 155, 155, 1);
}

.login-form-item input::-webkit-input-placeholder {
    color: rgba(155, 155, 155, 1);
}

.login-form-item input:-ms-input-placeholder {
    color: rgba(155, 155, 155, 1);
}

.login-form-item input:-moz-placeholder {
    color: rgba(155, 155, 155, 1);
}

.login-btn {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 3px;
    background: linear-gradient(#178DE6, #036CCA);
    text-align: center;
    font-size: 16px;
    color: white;
    margin-top: 20px;
    line-height: 1;
    padding: 10px 0px;
}

.login-btn.disabled {
    /*opacity: 0.5;*/
}

.login-other-operation {
    color: white;
    margin-top: 5px;
}

.login-other-operation a {
    color: white;
    font-size: 14px;
    font-weight: 400;
}

.login-other-operation .register-btn {
    float: right;
}

/*登录 -end*/
/**Index Start*****/
.index-middle {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100% - 52px);
    height: calc(100% - 52px - env(safe-area-inset-bottom));
    height: calc(100% - 52px - constant(safe-area-inset-bottom));
    top: 0px;
    left: 0px;
    overflow-y: auto;
}

.index-middle.home {
    background-color: white;
}

.home-top {
    position: relative;
}

.home-top > img {
    width: 100%;
    vertical-align: middle;
}

.home-top-main {
    position: absolute;
    width: 80%;
    height: 22%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    color: white;
}

.home-top-main.isRepairer {
    background: url('../icon/repairer.svg') 0 center no-repeat;
    background-size: auto 100%;
}

.home-top-main > img {
    height: 100%;
    vertical-align: middle;
}

.home-top-main p {
    font-size: 16px;
}

.home-navs {
    width: 80%;
    margin: 20px auto;
    font-size: 0px;
}

.home-navs-item {
    position: relative;
    display: inline-block;
    width: calc(50% - 5px);
    font-size: 0px;
    vertical-align: middle;
    margin-bottom: 15px;
}

.home-navs-item:nth-child(2n) {
    margin-left: 10px;
}

.home-navs-item img {
    width: 100%;
}

.home-navs-item span {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 18px;
    color: white;
}

/*设备管理 -start*/
.deviceManage .page-md-title {
    position: relative;
    padding: 0px 15px;
    padding-left: 25px;
    margin-top: 20px;
    color: #444444;
}

.deviceManage .page-md-title:before {
    position: absolute;
    content: ' ';
    height: 100%;
    width: 5px;
    left: 15px;
    top: 0px;
    border-radius: 5px;
    background-color: #057AFF;
}

.deviceManage .device-type-list {
    width: 80%;
    margin: 20px auto 0px;
}

.deviceManage .device-type-item {
    width: 26.66%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-left: 10%;
    margin-bottom: 15px;
}

.deviceManage .device-type-item:nth-child(3n+1) {
    margin-left: 0px;
}

.deviceManage .device-type-item img {
    width: 100%;
    max-width: 60px;
}

.deviceManage .device-type-item p {
    font-size: 14px;
    line-height: 1.2;
}

/*设备列表- start*/
.deviceList .search-box {
    width: calc(100% - 20px);
    left: 16px;
    border-radius: 2px;
    margin: 10px auto;
    background: url('../icon/search.svg') 10px center no-repeat;
    background-size: 16px 16px;
    background-color: rgba(243, 246, 249, 1);
    padding-left: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.deviceList .search-box input {
    background: none;
    width: 100%;
    font-size: 14px;
}


.deviceList .condition-list {
    font-size: 0px;
    border-bottom: 1px solid #f1f1f1;
}

.deviceList .condition-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    white-space: normal;
    padding: 5px 0px 10px;
}

.deviceList .condition-item span {
    position: relative;
    display: inline-block;
    padding-right: 5px;
}

.deviceList .condition-item i {
    position: absolute;
    top: 50%;
    font-size: 0px;
    line-height: 1;
}

.deviceList .condition-item.active span {
    color: #1c98ef;
}

.deviceList .condition-item i:before {
    font-size: 10px;
}

.deviceList .condition-item i:nth-child(2) {
    top: 50%;
    transform: translateY(-100%);
}

.deviceList .condition-item i:nth-child(3) {
    margin-top: -3px;
}

.deviceList .condition-item i:only-of-type {
    transform: translateY(-50%);
    margin-top: 0px;
}

.deviceList .condition-item.active.asec i.icon-arrow-up {
    color: #1c98ef;
}

.deviceList .condition-item.active.desc i.icon-arrow-down {
    color: #1c98ef;
}

.device-item {
    padding: 15px;
    position: relative;
}

.device-item:hover {
    background-color: rgba(247, 250, 255, 1);
}

.device-item + .device-item {
    border-top: 1px solid #f1f1f1;
}

.device-item .device-name {
    font-size: 0px;
}

.device-item .device-name img {
    width: 29px;
    vertical-align: middle;
}

.device-item .device-name span {
    display: inline-block;
    vertical-align: middle;
    color: #4a4a4a;
    font-size: 16px;
    padding-left: 10px;
}

.device-item .device-tag {
    padding-left: 40px;
    margin-top: 5px;
}

.device-item .device-tag span {
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 1;
    font-size: 12px;
}

.device-item .device-tag span + span {
    margin-left: 15px;
}

.device-item .device-hospital {
    color: rgba(74, 144, 226, 1);
    border-radius: 3px;
    background-color: rgba(232, 245, 251, 1);
}

.device-item .device-model-standards {
    padding-left: 40px;
    margin-top: 5px;
    padding-right: 50px;
    font-size: 0px;
}

.device-item .device-model-standards span {
    font-size: 13px;
    color: #999;
}

.device-item .device-model-standards span font {
    color: #333;
}

.device-item .device-model {
    padding-left: 5px;
}

.device-item .device-state,
.device-item .operation {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.device-item .operation {
    text-align: right;
}

.device-item .device-state,
.device-item .operation .btn {
    text-align: center;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 12px 12px;
    padding-left: 22px;
}

.device-item .operation .btn {
    display: inline-block;
}

.device-item .device-state.regular {
    color: rgba(126, 211, 33, 1);
    border-color: rgba(126, 211, 33, 1);
    background-image: url('../icon/regular.svg');
}

.device-item .operation .device-state {
    position: relative;
    right: 0px;
    top: 0px;
    transform: translateY(0);
}

.device-item .operation .device-state + .device-state {
    margin-top: 10px;
}

/*报修按钮*/
.device-item .operation .apply-repair-btn {
    background-color: rgba(255, 116, 116, 1);
    border-color: rgba(255, 116, 116, 1);
    color: white;
    background-image: url('../icon/breakdown.svg');
    margin-top: 15px;

}

.device-item .operation .dispatch-btn,
.device-item .operation .againDispatch-btn {
    background-color: rgba(74, 144, 226, 1);
    border-color: rgba(74, 144, 226, 1);
    color: white;
    background-image: url('../icon/dispatch.svg');
    margin-top: 15px;
}

.device-item .operation .againDispatch-btn {
    background-image: url('../icon/againDispatch.svg');
}

.device-item .device-state.unrepair {
    background-color: rgba(255, 116, 116, 1);
    border-color: rgba(255, 116, 116, 1);
    color: white;
    background-image: url('../icon/breakdown.svg');
}

.device-item .device-state.repairing {
    color: rgba(121, 199, 255, 1);
    border-color: rgba(121, 199, 255, 1);
    background-image: url('../icon/repairing.svg');
}

.device-item .operation .add-remark-btn,
.device-item .operation .view-remark-btn {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(233, 233, 233, 1);
    color: rgba(74, 144, 226, 1);
}

.device-item .operation .add-remark-btn {
    background-image: url('../icon/remark.svg');

}


/*设备列表- end*/
/*设备管理- end*/

/*工单管理 start*/

.orderManage .calendar-img {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 1;
}

/*工单管理 end*/
/*设备报修流程 start*/

.repair-flow {
    width: 85%;
    margin: 0 auto;
}

.repair-flow > img {
    width: 100%;
    height: 219px;
    margin-top: 5px;
}

.flow-info {
    padding: 0 10px;
}

.info-item {
    display: flex;
    margin-bottom: 18px;
}

.item-title {
    color: rgba(51, 51, 51, 1);
}

.path-line {
    margin-right: 10px;
    position: relative;
}

.path-line > i {
    margin-right: 10px;
    color: rgba(236, 238, 243, 1);
}

.path-line > .line {
    height: 100%;
    width: 1px;
    background-color: rgba(236, 238, 243, 1);
    margin-left: 2.5px;
    position: absolute;
    top: 18px;
}

.item-note {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
}

.apply-btn {
    position: relative;
    width: 100%;
    border-radius: 3px;
    background: linear-gradient(#178DE6, #036CCA);
    text-align: center;
    font-size: 16px;
    color: white;
    line-height: 1;
    padding: 10px 0px;
    top: 32px;
}

/*设备报修流程 end*/

/*我的 start*/
.user-page {
    background-color: white;
}

.user-bg > img {
    width: 100%;
    height: auto;
}

.user-info {
    position: absolute;
    top: 12%;
    display: flex;
    width: 100%;
    padding: 0 8%;
    color: white;
}

.user-info > img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.user-info > button {
    width: 60px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    border: none;
    color: white;
    outline: none;
    box-sizing: border-box;
}

.user-content {
    margin-left: 10px;
    margin-top: 3px;
    width: 100%;
    flex: 1;
}

.user-content > h3 {
    font-weight: normal;
}

.user-content > span {
    font-size: 14px;
}

.user-menu-item {
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    margin-left: 5%;
}

.user-menu-item > img {
    height: 20px;
    width: 20px;
}

.user-menu-item > span {
    margin-left: 6%;
    width: 100%;
    border-bottom: 0.5px solid rgba(238, 238, 238, 1);
    position: relative;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
}

.user-menu-item > span > i {
    position: absolute;
    right: 10px;
}

/*我的 end*/

/*设备维修日历 -start*/

/*.deviceRepairCalendar .page-middle_hd {*/
/*    padding: 10px 0px;*/
/*    position: relative;*/
/*    text-align: center;*/
/*    color: #999;*/
/*    border-bottom: 1px solid #e4e4e4;*/
/*}*/

/*.deviceRepairCalendar .page-middle_hd img {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 15px;*/
/*    width: 20px;*/
/*    transform: translateY(-50%);*/
/*}*/


.orderDetail > .page-middle > .swiper-container {
    height: calc(100% - 46px);
    overflow-y: auto;
}

.orderDetail .swiper-slide {
    padding: 12px;
    background: white;
    overflow: hidden;
}

.orderDetail .swiper-container-horizontal .swiper-slide-active {
    height: auto;
    align-self: flex-start;
    overflow: visible;
}

.orderRemark .remark-result {
    text-align: center;
    border-top: 1px solid #e4e4e4;
    padding-top: 30px;
}

.orderRemark .remark-result > div {
    display: inline-block;
}

.orderRemark .remark-result > div > img {
    width: 30px;
}

/*统计 -start*/
.statistic .top-tab {
    text-align: center;
    font-size: 0px;
    background: transparent;
    padding: 10px 0px;
}

.statistic .top-tab li {
    font-size: 14px;
    display: inline-block;
    background: white;
    border: 1px solid rgba(217, 224, 228, 1);
    border-right: none;
    padding: 5px 10px;
    color: #666;
    min-width: 80px;
}

.statistic .top-tab li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.statistic .top-tab li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid rgba(217, 224, 228, 1);
}

.statistic .top-tab li.active {
    background-color: rgba(247, 250, 253, 1);
    color: #0077E4;
}

.device-statistic {
    overflow-y: auto;
}

.device-statistic-main,
.order-statistic-main {
    background: white;
    min-height: calc(100% - 60px);
}

.device-statistic-main-title,
.order-statistic-main-title {
    padding: 10px;
    font-size: 14px;
}

.statistic-condition-list {
    padding: 5px 15px;
}

.statistic-condition-list .condition-item {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    padding: 5px 10px;
    color: #333;
    display: inline-block;
    background-color: #fefefe;
    font-size: 0px;
    display: inline-block;
}

.statistic-condition-list .condition-item span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    max-width: 100px;
}

.statistic-condition-list .condition-item i {
    vertical-align: middle;
    font-size: 12px;
    margin-left: 5px;
}

.statistic-condition-list .condition-item.selected,
.statistic-condition-list .condition-item.up {
    color: #0077E4;
    border-color: rgba(0, 119, 228, 0.5);
}

.statistic-condition-list .condition-item + .condition-item {
    margin-left: 15px;
}

.statistic-condition-content {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0px;
    background-color: white;
    padding: 15px 10px 20px;
}

.statistic-condition-content ul {
    width: 100%;
    font-size: 0px;
}

.statistic-condition-content ul li {
    display: inline-block;
    width: 50%;
    text-align: left;
    font-size: 14px;
    vertical-align: top;
    line-height: 35px;
    padding: 0px 5px;
}

.statistic-condition-list ul.dept-list li {
    text-align: center;
    width: calc((100% - 30px) / 3);
    border-radius: 2px;
    background-color: #f0f0f0;
    margin-top: 10px;
    margin-left: 15px;
}

.statistic-condition-list ul.dept-list li:nth-child(3n+1) {
    margin-left: 0px;
}

.statistic-condition-list ul.hospital-list li i {
    display: none;
    color: #0077E4;
    font-size: 14px;
    padding-right: 5px;
}

.statistic-condition-list ul.hospital-list li.selected,
.statistic-condition-list ul.dept-list li.selected {
    color: #0077E4;
}

.statistic-condition-list ul.dept-list li.selected {
    background-color: rgba(0, 119, 228, 0.2);
}

.statistic-condition-list ul.hospital-list li.selected i {
    display: inline-block;
}

.statistic-condition-mask {
    position: absolute;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: calc(100% - 140px);
}

/*统计 -end*/

.applyRepair .weui-label {
    width: 90px;
    color: #888;
}

.bg-yellow {
    background: #ff9900;
    color: white;
}

.bg-red {
    background: #ff0000;
    color: white;
}

.bg-green {
    background: #2FC25B;
    color: white;
}