.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; font-size: 18rem; } } .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; } } /*****************************************************************/