@media screen and (max-width:480px) {
    .SView-TopMenu{
        width:100%;
        height:65px;
        background-color:#FFFFFF;
    }
    .SView-TopMenu ul{
        height: 100%;
        width:100%;
        display:flex;
        align-items:center;
        list-style:none;
        /*justify-content:space-between;*/
    }
            .SView-TopMenu ul::-webkit-scrollbar {
                display: none;
            }

            .SView-TopMenu ul::-webkit-scrollbar-thumb {
                display: none;
            }
        .SView-TopMenu ul li:first-child{
            width:45px;
            height:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            background-color:#FFFFFF;
        }
        .SView-TopMenu ul li:nth-child(2) {
            flex:1;
            height:100%;
            display:flex;
            flex-direction:column;
            overflow:hidden;
            box-sizing:border-box;
        }
        .SView-TopMenu ul li:last-child {
            width: 45px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content:center;
            background-color: #FFFFFF;
        }

    .SView-pull-top-item .model_view_mask {
        position: absolute !important;
        width: 100vw !important;
        height: 100vh !important;
        background-color: black;
        opacity: 0.5;
        z-index: 1;
        top: 0px;
        left:0px;
    }

    #top_view_bar .SView-pull-top-div {
        white-space: nowrap;
        flex: 1;
        overflow-x: auto;
        height:100%;
    }
        #top_view_bar .SView-pull-top-div::-webkit-scrollbar {
            display: none;
        }

        #top_view_bar .SView-pull-top-div::-webkit-scrollbar-thumb {
            display: none;
        }

    .SView-pull-top-viewList {
        display: inline-flex;
        align-items: center;
        justify-content:flex-start;
        width:max-content;
        height:100%;
    }
    .SView-pull-top-item {
        height:100%;
    }

    .SView-pull-top-item div {
        position: relative;
        width: max-content !important;
        height: calc(100% - 7px) !important;
        padding: 7px 7px 0px 7px;
        border-radius: 4px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
    }
        .SView-pull-top-item div .SView-view_img {
            width:39px !important;
            height:39px !important;
            padding:5px;
            object-fit:cover;
        }
        .SView-pull-top-item div .SView-view-bg {
            display: none;
        }
        .SView-pull-top-item div .SView-view-scroll {
            background-color: #B4B8C9;
            width:100% !important;
            height:2px !important;
            opacity:0.5;
            padding:0px;
            position:absolute;
            bottom:0px;
        }
    .SView-pull-top-item-active div .SView-view-bg {
        display: block;
        width: 39px !important;
        height: 39px !important;
        padding: 5px;
        position: absolute;
        border-radius: 4px;
        background-color: #0066ff;
        opacity:0.1;
    }
    .SView-pull-top-item-active div .SView-view-scroll {
        background-color: #0066FF;
        opacity:1;
    }
        .SView-pull-top-item div .SView-view-delete {
            display: none;
        }
    .SView-pull-top-item-active div .SView-view-delete {
        display:block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .top_view_bar_handle{
        width:100%;
        margin:0px;
        padding:0px;
    }
    .top_view_bar_handle img{
        width: 114px;
        height:18px;
        object-fit:cover;
    }

    #sview_top_view_bar_div{
        width:100%;
        display:flex !important;
        flex-direction:column-reverse;
        position:relative;
        z-index:2;
    }
        #sview_top_view_bar_div.SView-hide{
            display:none !important;
        }

        #confirm-delete-view .SView-dialog-title {
            display: none;
        }

    #confirm-delete-view .SView-dialog-content h4 {
        color: #333333;
        font-size: 17px;
    }
    #confirm-delete-view .SView-dialog-button {
        padding: 0px;
        height: 48px;
    }
    #confirm-delete-view #DeleteModelViewCancelDelete {
        width: 50%;
        height: 100%;
        margin: 0px;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        border: unset;
        font-size: 16px;
        border-top: 1px solid #E9EBF6;
        border-right: 1px solid #E5E5E5;
        color: #333333;
    }
    #confirm-delete-view #DeleteModelViewConfirmDelete {
        width: 50%;
        margin: 0px;
        border-radius: 0px;
        height: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFF;
        color: #0A61B4 !important;
        font-size: 16px;
        border-top: 1px solid #D9D9D9;
    }
    #create_view_dialog .SView-dialog-title{
        border:unset;
    }

    #create_view_dialog .SView-dialog-title .SView-dialog-title-closeBtn {
        display: none;
    }
    #create_view_dialog .SView-dialog-title .SView-dialog-title-name {
        width: 100%;
        text-align: center;
        padding: 0px;
        font-size: 17px;
        /*font-family: 'PingFangSC','Microsoft YaHei';*/
    }

    #create_view_dialog .SView-dialog-content #createViewWarningInput {
        padding: 0px;
        margin: 0px;
        height: 50px;
    }
        #create_view_dialog .SView-dialog-content #createViewWarningInput .SView-input {
            width: 100%;
            margin: 0px;
            padding: 16px;
            height: 100%;
            border-radius: 8px;
            border: unset;
            background-color: #F8F8F8;
            color: #333333;
            font-size: 15px;
        }
        #create_view_dialog .SView-dialog-content #createViewWarningInput .SView-input-warning p {
            font-size:14px;
            margin-top:8px;
        }

    #create_view_dialog .SView-dialog-button {
        display: flex;
        flex-direction: row-reverse;
        padding: 0px;
        height: 48px;
        width:100%;
    }

    #create_view_dialog #CreateViewConfirmExit {
        width: 50%;
        height: 100%;
        margin: 0px;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        border: unset;
        border-top: 1px solid #E9EBF6;
        border-right: 1px solid #E9EBF6;
        color: #333333;
        font-size: 16px;
    }

    #create_view_dialog #CreateViewConfirmOK {
        width: 50%;
        margin: 0px;
        border-radius: 0px;
        height: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFF;
        color: #333333 !important;
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #E9EBF6;
    }
    #rename_view_dialog .SView-dialog-title {
        border: unset;
    }

        #rename_view_dialog .SView-dialog-title .SView-dialog-title-closeBtn {
            display: none;
        }

        #rename_view_dialog .SView-dialog-title .SView-dialog-title-name {
            width: 100%;
            text-align: center;
            padding: 0px;
            font-size: 17px;
            /*font-family: 'PingFangSC','Microsoft YaHei';*/
        }

    #rename_view_dialog .SView-dialog-content #createViewWarningInput {
        padding: 0px;
        margin: 0px;
        height: 50px;
    }

    #rename_view_dialog .SView-dialog-content #renameViewWarningInput .SView-input {
        width: 100%;
        margin: 0px;
        padding: 16px;
        height: 100%;
        border-radius: 8px;
        border: unset;
        background-color: #F8F8F8;
        color: #333333;
        font-size: 15px;
    }

    #rename_view_dialog .SView-dialog-content #renameViewWarningInput .SView-input-warning p {
        font-size: 14px;
        margin-top: 8px;
    }

    #rename_view_dialog .SView-dialog-button {
        display: flex;
        flex-direction: row-reverse;
        padding: 0px;
        height: 48px;
        width: 100%;
    }

    #rename_view_dialog #confirmExitEditModelView {
        width: 50%;
        height: 100%;
        margin: 0px;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        border: unset;
        border-top: 1px solid #E9EBF6;
        border-right: 1px solid #E5E5E5;
        color: #333333;
        font-size: 16px;
    }

    #rename_view_dialog #confirmOKEditModelView {
        width: 50%;
        margin: 0px;
        border-radius: 0px;
        height: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFF;
        color: #333333 !important;
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #D9D9D9;
    }

    #confirm-setDefault .SView-dialog-title {
        display: none;
    }
    #confirm-setDefault .SView-dialog-content h4 {
        color:#333333;
        font-size:17px;
    }

    #confirm-setDefault .SView-dialog-button {
        padding: 0px;
        height: 48px;
    }

    #confirm-setDefault #setDefaultModelViewCancelDelete {
        width: 50%;
        height: 100%;
        margin: 0px;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
        border: unset;
        font-size: 16px;
        border-top: 1px solid #E9EBF6;
        border-right: 1px solid #E5E5E5;
        color: #333333;
    }

    #confirm-setDefault #setDefaultModelViewConfirmDelete {
        width: 50%;
        margin: 0px;
        border-radius: 0px;
        height: 100%;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFF;
        color: #0A61B4 !important;
        font-size: 16px;
        border-top: 1px solid #D9D9D9;
    }
    

    #top_modelview_edit_popover {
        width: 250px !important;
        height: max-content !important;
        position: absolute;
        top: 75px;
        left:50%;
        transform: translateX(-50%);
        background-color: #FFF;
        border-radius: 8px;
        padding:0 16px;
    }

        /*#top_modelview_edit_popover::after {
            content: '';
            position: absolute;
            right: 48%;
            margin-left: -10px;*/ /*三角形宽度的一半 */
            /*top: -6px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #FFFFFF;*/ /*与div背景颜色相同 */
        /*}*/
        #top_modelview_edit_popover #top_view_name_edit_btn {
            width: 100% !important;
            height: 100% !important;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
            margin: 0px;
            padding: 0px;
            background-color: #FFF;
        }
        #top_modelview_edit_popover #top_view_name_edit_btn img{
            width: 20px !important;
            height:20px;
            margin-left:11px;
        }

        #top_modelview_edit_popover #top_view_default_checkbox {
            width: 100% !important;
            height: 100% !important;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
            margin: 0px;
            padding: 0px;
            background-color: #FFF;
        }
            #top_modelview_edit_popover #top_view_default_checkbox label {
                height: 100%;
                display: flex;
                align-items: center;
            }

        #top_modelview_edit_popover #top_view_default_checkbox_label {
            display: none;
        }


            #top_modelview_edit_popover #top_view_default_checkbox_label + label::before {
                content: "";
                display: inline-block;
                width: 30px;
                height: 20px;
                background-image: url("../../images/icon/sview_close.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

            #top_modelview_edit_popover #top_view_default_checkbox_label:checked + label::before {
                background-image: url("../../images/icon/sview_open.png");
            }

        #top_modelview_edit_popover table {
            width: 100%;
            font-size: 14px;
            /*font-family: 'PingFangSC','Microsoft YaHei';*/
            color:#333333;
            border-collapse:collapse;
        }

        #top_modelview_edit_popover table tr{
            width: 100%;
            height:44px;
        }
            #top_modelview_edit_popover table tr td {
                text-align: end;
                font-size: 14px;
                /*font-family: 'PingFangSC','Microsoft YaHei';*/
                color: #333333;
            }
            #top_modelview_edit_popover table #top_view_name_split {
                height: 1px;
                background-color: #DFDFDF;
            }
            .view_current_edit div {
                z-index: 2;
                background-color: #E9F0FF;
            }
    .view_current_edit #top_modelview_edit_popover {
        z-index: 2;
        background-color: #FFF;
    }
}