v3_yyz/src/assets/css/home.scss

.container {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;

    .header {
        position: absolute;
        z-index: 555;
        margin-bottom: 20px;
        height: 70px;
        width: 100%;
        top: 10px;

        img {
            width: 100%;
            height: 100%;
        }
    }
}

.el-container {
    height: 938px;
    overflow: hidden;
}





// 点击模型弹出框
.modelInfo {
    position: absolute;
    // background: rgba(255, 255, 255, 0.17);
    background-color: #ffffff00;
    border-radius: 10px;
    backdrop-filter: blur(30.5px);
    z-index: 2007;

    .model-detail2{
            border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 155px;
    overflow: hidden;

            .listbox2 {
            width: 180px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.31);
            font-size: 12px;
            font-family: Microsoft YaHei UI;
            font-weight: 700;
       
            .listtitlebox{
             
                
                background-color: rgba(255, 255, 255, 0.18);
                padding-bottom: 20px;
            }

        }
  
        .listtitle{
           
            width: 100%;
      
            display: flex;
            align-items: center;

            .name {
                color: #fff;
                margin-left: 5px;
                font-weight: 700;
                padding-left: 8px;
                font-size: 12px;
            }

            .value {
                font-size: 12px;
                font-family: 400;
                margin-left: 5px;
                color: #ffffffeb;
            }

        }
    }


    .model-detail {
        // background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;

        .listbox {
            background-color: rgba(142, 142, 142, 0.18);
            padding-bottom: 8px;
        }

        .list {
            width: 202px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.31);
            font-size: 12px;
            font-family: Microsoft YaHei UI;
            font-weight: 700;


        }

        .listtitle {
            width: 100%;
    
            display: flex;
            align-items: center;

            .name {
                color: #fff;
                margin-left: 5px;
                font-weight: 700;
                padding-left: 8px;
                font-size: 12px;
            }

            .value {
                font-size: 12px;
                font-family: 400;
                margin-left: 5px;
                color: #ffffffeb;
            }

        }

    }

    // .model-detail {
    //     position: absolute;
    //     // border: 2px dashed #00CF78;
    //     display: none;

    //     display: flex;
    //     justify-content: space-between;
    //     flex-direction: column;
    //     // flex-wrap: wrap;
    //     // padding: 10px;

    //     span {
    //         font-size: 16px;

    //         width: 100%;
    //         font-family: Microsoft YaHei UI;

    //         // border: 1px solid red;
    //         // margin: 6px;
    //         margin: 6px 0;
    //         font-weight: 400;

    //         .title {
    //             color: #333;
    //             font-weight: 700;
    //         }

    //         .green {
    //             color: #00C767;
    //         }

    //         .red {
    //             color: #DB4A36;
    //         }
    //     }
    // }
}

// .asd  .list:first-child {
//     /* Your styles here */
//     // border-radius: 10px;
//     border-top-left-radius: 10px;
//     border-top-right-radius: 10px;
//     // background-color: aqua;
//   }