@import "../public/public.less";
@import "../public/header.less";


.doorbellBg{
    .linear-gradient(#00ceff,#fff,#fff,#fff,#00ceff);
    background: linear-gradient(#00ceff,#fff,#fff,#fff,#00ceff);
    .doorbellCircle{
        .doorbell{
            border: 2px solid #00ceff;/*no*/
        }
    }
}

.redDoorbellBg{
    .linear-gradient(#ff4f63,#fff,#fff,#fff,#ff4f63);
    background: linear-gradient(#ff4f63,#fff,#fff,#fff,#ff4f63);
    .doorbellCircle{
        background-color: #2f283a;
        .doorbell{
            border: 2px solid #ff4f63;/*no*/
        }
    }
}

.default_img{
    .bgImg("green_default_icon.png"); 
}

.doorbell_img{
    .bgImg("green_doorbell_icon.png"); 
}

.remoteOpendoor_img{
    .bgImg("green_remoteOpendoor_icon.png");
    .wifiRemote{
        li{
            border-right-color: #00ceff;/*no*/
        }
    }
}

.hijack_img{
    .bgImg("red_hijack_icon.png");
}

.securityAlarm_img{
    .bgImg("red_securityAlarm_icon.png");
    &:before{
        .bgImgSize(100%,100%,"red_securityAlarmLight_icon.png",center,cover);
    }
}

.bindDoorlock{
    p{
	    .bgImgSize(106px,106px,"green_bindDoorlock_icon.png",center 24px,30px 30px);
    }	
}

//开门记录
.opendoorRecord .custom-switch .u-switch-handle:before{
	.bgImg("opendoorRecord.png");
}

//安全报警
.securityAlarm .custom-switch .u-switch-handle:before{
	.bgImg("securityAlarm.png");
}

//门锁用户
.doorlockUser .custom-switch .u-switch-handle:before{
	.bgImg("doorlockUser.png");
}

//远程开门
.remoteOpendoor .custom-switch{
 	.u-switch-handle:before{
		.bgImg("remoteOpendoor.png");
	}
	&.u-switch-on .u-switch-handle{
		.animation(aperture 2s linear infinite);
		&:after{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			.animation(aperture 2s linear -1s infinite);
		}
	}	
}

.keyframes(aperture,{
    0%{
        .box-shadow(0 0 0 0 rgba(0,206,255,1));
    }
    100%{
        .box-shadow(0 0 0 10px rgba(0,206,255,0));
    }
});

.keyframes(redAperture,{
    0%{
        .box-shadow(0 0 0 0 rgba(192,100,100,1));
    }
    100%{
        .box-shadow(0 0 0 10px rgba(192,100,100,0));
    }
});

.keyframes(stretchdelay,{
    0%,
    100% {
        border-right-color: transparent;
    }
    40% {
        border-right-color: #00ceff;
    }
});

.batteryState{
    span{
        &:nth-child(1){
            color: #00ceff;
        }
    }
}

//劫持报警
.hijackAlarm .custom-switch .u-switch-handle:before{
	.bgImg("hijackAlarm.png");
}

//门锁管理
.doorlockManage .custom-switch .u-switch-handle:before{
	.bgImg("doorlockManage.png");
}

.custom-switch{
    &.u-switch-on{
        color: #00ceff;
    }
}