shenze-sysMan/src/styles/deviceOper/index.less

.operDialog {
    width: 90%;

    .txt1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .close {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        font-size: 1.5em;
    }

    .group4 {
        background-color: rgba(215, 215, 226, 1);
        border-radius: 2px;
        width: 310px;
        height: 1px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .operBox {
        display: flex;
        width: 95%;
        margin: 0 auto;
        flex-wrap: wrap;

        .operItem {
            width: 25%;
            margin: 6% 0;

            .operIcon {
                text-align: center;

                .operImg {
                    width: 25px;
                }
            }

            .operText {
                color: rgba(64, 77, 116, 1);
                font-size: 11px;
                text-align: center;
            }
        }
    }
}

.operCheckBox {
    .block5 {
        background-color: rgba(215, 215, 226, 1);
        border-radius: 2px;
        width: 310px;
        height: 1px;
        margin: 0 auto;
        margin-top: 25px;
    }

    .word10 {
        width: auto;
        height: 13px;
        overflow-wrap: break-word;
        color: rgba(64, 77, 116, 1);
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        line-height: 13px;
        display: block;
        margin: 33px auto;
    }

    .block6 {
        width: 265px;
        height: 34px;
        margin: 20px auto;

        .mod7 {
            border-radius: 17px;
            height: 34px;
            border: 1px solid #2c87c8;
            width: 120px;
            justify-content: center;
            align-items: center;

            .info5 {
                width: auto;
                height: 13px;
                overflow-wrap: break-word;
                color: #2c87c8;
                font-size: 15px;
                font-family: PingFangSC-Medium;
                text-align: center;
                white-space: nowrap;
                line-height: 15px;
                display: block;
            }
        }

        .mod8 {
            background-color: #2c87c8;
            border-radius: 17px;
            height: 34px;
            width: 120px;
            justify-content: center;
            align-items: center;

            .info6 {
                width: auto;
                height: 13px;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 15px;
                font-family: PingFangSC-Medium;
                text-align: center;
                white-space: nowrap;
                line-height: 15px;
                display: block;
            }
        }
    }
}

.openDoorPage {
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	width: 100%;
	height: calc(100vh - 44px);
	overflow: hidden;


	.box1 {
		width: 100%;
		height: 237px;


		.block2 {
			width: 162px;
			height: 20px;
			margin: 18px 0 0 15px;

			.block3 {
				background-color: #5a9cc8;
				border-radius: 2px;
				width: 4px;
				height: 12px;
				margin-top: 4px;
			}

			.info2 {
				width: 150px;
				height: 20px;
				overflow-wrap: break-word;
				color: rgba(64, 77, 116, 1);
				font-size: 14px;
				font-family: PingFangSC-Medium;
				text-align: left;
				white-space: nowrap;
				line-height: 20px;
				display: block;
			}
		}

		.info3 {
			width: auto;
			height: 20px;
			overflow-wrap: break-word;
			color: rgba(64, 77, 116, 1);
			font-size: 14px;
			font-family: PingFangSC-Medium;
			text-align: left;
			white-space: nowrap;
			line-height: 20px;
			display: block;
		}
	}
    .van-switch--on {
        background-color: #2c87c8;
    }
}