h5-webgl-program/src/assets/common.scss

.loadingShadow{
    position: fixed;
    z-index: 999999999999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}

.loadData{
    min-width:200px;
    height:150px;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    img{
        width:90px;
		margin-top: 10px;
    }

    .loadingMsg{
        color: rgba(255, 255, 255, 0.83);
        margin: 10px;
		margin-top: 0px;
		font-size: 18px;
    }
}
.overflow{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ellipsis{
    text-overflow: ellipsis;
}
// @media screen and (min-width:768px) {
//     body,html,#app{
//         min-width: 1336px;
//         max-width: 1336px;
//         background: #f4f4f4;
//         color: #737373;
//         height: 100%;
//     };
// }

body,html{
    height:100%;
    width:100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-color: #f4f4f4;
}
#app{
    width:100%;
    margin: 0 auto;
    padding: 0;
    height:100%;
    left:0;
    top:0;
    -webkit-overflow-scrolling: touch;
    position:absolute;
    font-family: Verdana, Verdana-Bold, "Hiragino Sans GB", "Microsoft Yahei UI",
    "Microsoft Yahei", 微软雅黑, "Segoe UI", Tahoma, 宋体宋体, SimSun,
    sans-serif;
}

ul, li, ol, dl, dd,a{
	list-style: none;
	padding: 0;
	margin:0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#B1C1C8;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#B1C1C8;
}

input:-ms-input-placeholder{
	color:#B1C1C8;
}

input::-webkit-input-placeholder{
	color:#B1C1C8;
}

.show-flex5{
    display: flex;
}
.align-center{
    align-items: center;
}
.column{
    flex-direction: column;
}
.content-center{
    justify-content: center;
}
.content-between{
    justify-content: space-between;
}
.content-around{
    justify-content: space-around;
}
.cursor-pointer{
    cursor: pointer;
}
.flex-end{
    justify-content: flex-end;
}
/********************  element 分页样式修改  *****************/
#app{
    ::v-deep .el-pagination .btn-next,::v-deep .el-pagination .btn-prev {
        background: center center no-repeat #0000;
        background-size: 16px;
        cursor: pointer;
        margin: 0;
        color: #c7c8c9;
        border: 1px solid #fff3;
        border-radius: 4px;
    }

    ::v-deep .el-pagination.is-background .el-pager li {
        background-color: #f4f4f500;
        color: #8d8d8d;
    }

    ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #fff2;
        border-radius: 4px;
        color: #FFF;
    }

}

/*****************************************************************/