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

.deviceSetPage * {
    box-sizing: border-box;
    flex-shrink: 0;
}

.deviceSetPage {
    background-color: rgba(255, 255, 255, 1);
    // position: relative;
    width: 100%;
    height: calc(100vh);
    overflow: auto;
    overflow-x: hidden;

    .bd1 {
        width: 100%;

        .bd2 {
            z-index: 3;
            height: 64px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged210ff8540d1e20d828b0758e650612a9ea018b41f720bede87fea0f933d8d8) 100% no-repeat;
            width: 100%;
            position: relative;

            .block1 {
                width: 364px;
                height: 20px;
                margin: 1px 0 0 7px;

                .group1 {
                    width: 34px;
                    height: 6px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga64b2ae35561e96115c75cc6dfc235eedb108ecf95df957be1ef364417a9806e) 100% no-repeat;
                    margin-top: 7px;
                }

                .txt1 {
                    width: 38px;
                    height: 17px;
                    overflow-wrap: break-word;
                    color: rgba(81, 84, 106, 1);
                    font-size: 12px;
                    font-family: PingFangSC-Semibold;
                    text-align: right;
                    white-space: nowrap;
                    line-height: 17px;
                    margin-left: 21px;
                    display: block;
                }

                .group2 {
                    width: 30px;
                    height: 17px;
                    overflow-wrap: break-word;
                    font-size: 0;
                    font-family: PingFangSC-Semibold;
                    text-align: right;
                    white-space: nowrap;
                    line-height: 17px;
                    margin: 3px 0 0 73px;

                    .info1 {
                        width: 30px;
                        height: 17px;
                        overflow-wrap: break-word;
                        color: rgba(81, 84, 106, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Semibold;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 17px;
                    }

                    .word1 {
                        width: 30px;
                        height: 17px;
                        overflow-wrap: break-word;
                        color: rgba(81, 84, 106, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Medium;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 17px;
                    }
                }

                .group3 {
                    width: 26px;
                    height: 10px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e68dee6e62554db0f6ac40572f41b7be9cc24d35fc06b24c556fed2b7b18626) 100% no-repeat;
                    margin: 5px 0 0 142px;
                }
            }

            .block2 {
                width: 210px;
                height: 22px;
                margin: 9px 0 12px 10px;

                .icon1 {
                    width: 10px;
                    height: 18px;
                    margin-top: 4px;
                }

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

            .img1 {
                z-index: 22;
                position: absolute;
                left: 0;
                top: 63px;
                width: 100%;
                height: 2px;
            }
        }

        .bd3 {
            background-color: rgba(255, 255, 255, 1);
            z-index: 24;
            height: 54px;
            margin-top: 1px;
            width: 100%;
            position: relative;

            .mod1 {
                width: 100%;
                height: 38px;
                margin-top: 16px;

                .word2 {
                    width: 65px;
                    height: 14px;
                    overflow-wrap: break-word;
                    color: rgba(64, 77, 116, 1);
                    font-size: 15px;
                    font-family: PingFangSC-Semibold;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 15px;
                    display: block;
                    margin: 1px 0 0 43px;
                }

                .pic1 {
                    width: 100%;
                    height: 2px;
                    margin-top: 18px;
                }
            }

            .mod2 {
                z-index: 28;
                position: absolute;
                left: 17px;
                top: 18px;
                width: 19px;
                height: 20px;
                background: url("../../assets/device/baseMssage.png") 100% no-repeat;
                background-size: 100%;
                background-position: top center;
            }
        }

        .word3 {
            width: 242px;
            height: 20px;
            overflow-wrap: break-word;
            color: rgba(64, 77, 116, 1);
            font-size: 14px;
            text-align: left;
            white-space: nowrap;
            line-height: 20px;
            display: block;
            margin: 14px 0 0 15px;
        }

        .bd4 {
            width: 345px;
            height: 38px;
            margin: 10px 0 0 15px;

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

            .box1 {
                background-color: rgba(255, 255, 255, 1);
                border-radius: 2px;
                height: 38px;
                border: 0.5px solid rgba(185, 186, 208, 1);
                width: 254px;

                .word4 {
                    width: 74px;
                    height: 13px;
                    overflow-wrap: break-word;
                    color: rgba(168, 168, 197, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    margin: 13px 0 0 6px;
                }
            }
        }

        .bd5 {
            width: 345px;
            height: 38px;
            margin: 10px 0 0 15px;

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

            .bd6 {
                background-color: rgba(255, 255, 255, 1);
                border-radius: 2px;
                height: 38px;
                border: 0.5px solid rgba(185, 186, 208, 1);
                width: 254px;

                .txt2 {
                    width: 152px;
                    height: 13px;
                    overflow-wrap: break-word;
                    color: rgba(168, 168, 197, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    margin: 13px 0 0 6px;
                }
            }
        }

        .txt3 {
            width: 225px;
            height: 18px;
            overflow-wrap: break-word;
            color: rgba(64, 77, 116, 1);
            font-size: 13px;
            text-align: left;
            white-space: nowrap;
            line-height: 18px;
            display: block;
            margin: 10px 0 0 15px;
        }

        .bd7 {
            width: 100%;

            .van-icon {
                color: #4d6add;
            }

            .word6 {
                // width: 80%;
                overflow-wrap: break-word;
                color: rgba(64, 77, 116, 1);
                font-size: 13px;
                text-align: left;
                white-space: nowrap;
            }
        }

        .van-switch--on {
            background-color: #4d6add;
        }

        .bd8 {
            width: 100%;
            height: 1px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng699372cef543e7a77f69ee4b13e1e8fd3969dbac13a75ca8bfd596af7891e8b5) -1px 0px no-repeat;
            margin: 16px 0 0 15px;
            background-size: 100%;
        }

        .txt4 {
            width: 110px;
            height: 18px;
            overflow-wrap: break-word;
            color: rgba(64, 77, 116, 1);
            font-size: 13px;
            text-align: left;
            white-space: nowrap;
            line-height: 18px;
            display: block;
            margin: 19px 0 0 15px;
        }

        .word7 {
            width: 143px;
            height: 18px;
            overflow-wrap: break-word;
            color: rgba(64, 77, 116, 1);
            font-size: 13px;
            text-align: left;
            white-space: nowrap;
            line-height: 18px;
            display: block;
            margin: 10px 0 0 15px;
        }

        .bd9 {
            .txt5 {
                width: 65px;
                flex: 0 0 65px;
                height: 18px;
                overflow-wrap: break-word;
                color: rgba(64, 77, 116, 1);
                font-size: 13px;
                text-align: left;
                white-space: nowrap;
                line-height: 18px;
                display: block;
            }

            .box2 {
                width: 100%;

                .word8 {
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    background-color: rgba(229, 154, 109, 1);
                }
            }

            .ImageText1 {
                height: 17px;
                width: 50px;
                flex: 0 0 40px;
                margin: 6px 0 0 30px;

                .box3 {
                    width: 45px;
                    height: 17px;

                    .bd10 {
                        width: 15px;
                        height: 15px;
                        background: url(../../assets/edit.png) 100% no-repeat;
                        background-size: 100%;
                    }

                    .TextGroup1 {
                        height: 17px;
                        width: 24px;

                        .word9 {
                            width: 24px;
                            height: 17px;
                            overflow-wrap: break-word;
                            color: #4d6add;
                            font-size: 12px;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 17px;
                            display: block;
                        }
                    }
                }
            }
        }

        .bd11 {
            width: 345px;
            height: 38px;
            margin: 32px 0 0 15px;

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

            .bd12 {
                background-color: rgba(255, 255, 255, 1);
                border-radius: 2px;
                height: 38px;
                border: 0.5px solid rgba(185, 186, 208, 1);
                width: 253px;

                .word11 {
                    width: 74px;
                    height: 13px;
                    overflow-wrap: break-word;
                    color: rgba(168, 168, 197, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    margin: 13px 0 0 6px;
                }
            }
        }

        .bd13 {
            width: 345px;
            height: 38px;
            margin: 10px 0 0 15px;

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

            .main1 {
                background-color: rgba(255, 255, 255, 1);
                border-radius: 2px;
                height: 38px;
                border: 0.5px solid rgba(185, 186, 208, 1);
                width: 254px;

                .txt6 {
                    width: 86px;
                    height: 13px;
                    overflow-wrap: break-word;
                    color: rgba(168, 168, 197, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    margin: 13px 0 0 6px;
                }
            }
        }

        .bd14 {
            width: 345px;
            height: 38px;
            margin: 10px 0 0 15px;

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

            .bd15 {
                background-color: rgba(255, 255, 255, 1);
                border-radius: 2px;
                height: 38px;
                border: 0.5px solid rgba(185, 186, 208, 1);
                width: 254px;

                .word12 {
                    width: 52px;
                    height: 13px;
                    overflow-wrap: break-word;
                    color: rgba(168, 168, 197, 1);
                    font-size: 13px;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 13px;
                    display: block;
                    margin: 13px 0 0 6px;
                }
            }
        }

        .bd16 {
            width: 348px;
            height: 18px;
            margin: 20px 0 0 15px;

            .txt7 {
                width: 65px;
                height: 18px;
                overflow-wrap: break-word;
                color: rgba(64, 77, 116, 1);
                font-size: 13px;
                text-align: left;
                white-space: nowrap;
                line-height: 18px;
                display: block;
            }


            .info6 {
                width: 52px;
                height: 18px;
                overflow-wrap: break-word;
                color: rgba(64, 77, 116, 1);
                font-size: 13px;
                text-align: left;
                white-space: nowrap;
                line-height: 18px;
                margin-left: 4px;
                display: block;
            }

            .ImageText2 {
                height: 18px;
                margin-left: 20px;
                width: 68px;

                .group4 {
                    width: 68px;
                    height: 18px;

                    .outer1 {
                        border-radius: 50%;
                        width: 12px;
                        height: 12px;
                        border: 1px solid rgba(77, 106, 221, 1);
                        margin-top: 4px;
                    }

                    .TextGroup2 {
                        height: 18px;
                        width: 52px;

                        .word13 {
                            width: 52px;
                            height: 18px;
                            overflow-wrap: break-word;
                            color: rgba(64, 77, 116, 1);
                            font-size: 13px;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 18px;
                            display: block;
                        }
                    }
                }
            }

            .ImageText3 {
                height: 18px;
                margin-left: 20px;
                width: 101px;

                .bd17 {
                    width: 101px;
                    height: 18px;

                    .outer2 {
                        border-radius: 50%;
                        width: 12px;
                        height: 12px;
                        border: 1px solid rgba(77, 106, 221, 1);
                        margin-top: 4px;
                    }

                    .TextGroup3 {
                        height: 18px;
                        width: 85px;

                        .word14 {
                            width: 85px;
                            height: 18px;
                            overflow-wrap: break-word;
                            color: rgba(64, 77, 116, 1);
                            font-size: 13px;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 18px;
                            display: block;
                        }
                    }
                }
            }
        }


        .info7 {
            width: 250px;
            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;
            background-color: #4d6add;
            border-color: #4d6add;
            // margin: 11px 0 0 35px;
        }
    }

    .input1 {
        .van-field__body {
            width: 80%;
        }

        .van-field__control {
            height: 38px;
            line-height: 38px;
            padding: 6px;
            border-radius: 1px;
            border: 1px solid #dddde8;
        }
    }


    .van-button--primary {
        background-color: #4d6add;
        border-color: #4d6add;
    }

    .van-radio__icon--checked .van-icon {
        background-color: #4d6add;
        border-color: #4d6add;
    }

    .van-tabs__line {
        background-color: #4d6add !important;
    }

    .van-cascader__option--selected {
        color: #4d6add;
    }
}