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

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

.loadData{
    min-width:110px;
    height:110px;
    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;
    }
}
.account-view{
	width: 500rem;
	// height: 362rem;
	padding:30rem 40rem;
	box-sizing:border-box;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 20rem;
	// backdrop-filter: blur(30px);
	.title-icon{
		width:18rem;
		margin-right:10rem;
	}
	.close{
		.close-img{
			font-size: 16rem;
			font-weight: bold;
			color:#000;
			cursor: pointer;
		}
	}
	.content{
		width: 100%;
		color: #0b0b0b;
		font-size: 14rem;
		.content-main-view{
			height: 250rem;
			border-radius: 6rem;
			background: #fff;
			box-sizing:border-box;
			padding: 18rem;
			overflow: auto;
			.selcect-view{
				position: relative;
				width: 16rem;
				height: 16rem;
				border-radius: 100%;
				background: transparent;
				border: 1rem solid #ef863f;
				box-sizing:border-box;
			}
			.selcect-view::after{
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				width: 10rem;
				height: 10rem;
				border-radius: 100%;
				background: #ef863f;
				box-sizing:border-box;
			}
			.unselcect-view{
				width: 16rem;
				height: 16rem;
				border-radius: 8rem;
				background: rgba(249, 249, 249, 0.2);
				border: 1rem solid rgba(0, 0, 0, 0.2);
			}
			.gougou-icon{
				color: #EF863F;
			}
		}
	}
	.auth-btn-view{
		.auth-btn{
			width: 120rem;
			height: 40rem;
			border-radius: 10rem;
			cursor: pointer;
		}
		.style1{
			font-family: "Verdana Bold";
			font-weight: 700;
			font-size: 14rem;
			color: #151515;
			background: #d5d5d5;
		}
		.style2{
			font-family: "Verdana Bold";
			font-weight: 700;
			font-size: 14rem;
			color: #fff;
			background: #ef863f;
			box-shadow: 0 12px 24px rgba(239, 134, 63, 0.2);
		}
	}
}
.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;
    // font-size: 13px;
}
#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;
    }

}

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