@font-face {
	font-family: 'Manrope';
	src: url('./Manrope/Manrope-VariableFont_wght.ttf');
	font-weight: normal;
	font-style: normal;
}
*{
	font-family: 'pingfang';
}
html {width: 100vw;height: 100vh;}
body { background: #ffffff;width: 100vw;height: 100vh;margin: 0;padding: 0;}
.app{width: 100vw;height: 100vh;}
.maxPage{width: 100vw;height: 100vh;margin: 0;padding: 0;position: relative;}

.add-btn{width: 30vw;height: 10vw;line-height: 10vw;position: fixed;right: 0;top: 0;text-align: center;color: #000;background: #fff;font-size: 5vw;border: #000000 1ox solid;}
.top-btn{float: right;margin-right: 10px;color: #fff;font-size: 20px;}


.back_pop{width:24.00vw;height:15.15vw;background: #282B2E;border-radius:0.80vw;box-sizing: border-box;padding-top:1.60vw;position: fixed;left: calc(50vw - 12.00vw);top: calc(50vh - 7.57vw);z-index: 9999;transition: all 0.5s;}
.back_pop .back_pop_title{font-size:1.20vw;text-align: center;color: #fff;}
.back_pop .back_pop_text{margin-top:3.33vw;color: #fff;text-align: center;font-size:1.20vw;}
.back_pop .back_pop_btn{border-top: 1px solid rgba(255,255,255,0.2);display: flex;height:4.00vw;position: absolute;bottom: 0;width:24.00vw;}

.back_pop .back_pop_btn .back_pop_btn_left{width:12.00vw;font-size:1.20vw;text-align: center;color: #fff;line-height:4.00vw;border-right: 1px solid rgba(255,255,255,0.2);}
.back_pop .back_pop_btn .back_pop_btn_right{width:12.00vw;font-size:1.20vw;text-align: center;color: #A3C95A;line-height:4.00vw;}

.back_pop .back_pop_btn .back_pop_btn_left:active{opacity: 0.75;}
.back_pop .back_pop_btn .back_pop_btn_right:active{opacity: 0.75;}
.back_pop_mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9998;}


.o-modal-mask{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);z-index: 9998;}
.o-modal{width:24.00vw;height:15.15vw;background: #282B2E;border-radius:0.80vw;box-sizing: border-box;padding-top:1.60vw;position: fixed;left: calc(50vw - 12.00vw);top: calc(50vh - 7.57vw);z-index: 9999;transition: all 0.5s;}
.o-modal .o-m-title{font-size:1.20vw;text-align: center;color: #fff;}
.o-modal .o-m-content{margin-top:3.33vw;color: #fff;text-align: center;font-size:1.20vw;}
.o-modal .o-m-btns{border-top: 1px solid rgba(255,255,255,0.2);display: flex;height:4.00vw;position: absolute;bottom: 0;width:24.00vw;}

.o-modal .o-m-input{color: #fff;text-align: center;font-size:1.50vw;border-radius: 3vw;height: 3vw;line-height: 5vw;border:0;width: 70%;margin: 5% 15%;margin-top: 2vw;background: #454b50;outline: none;}

.o-modal .o-m-btns .o-m-cancel{width:12.00vw;font-size:1.20vw;text-align: center;color: #fff;line-height:4.00vw;border-right: 1px solid rgba(255,255,255,0.2);}
.o-modal .o-m-btns .o-m-enter{width:12.00vw;font-size:1.20vw;text-align: center;color: #A3C95A;line-height:4.00vw;}

.o-modal .o-m-btns .o-m-cancel:active{opacity: 0.75;}
.o-modal .o-m-btns .o-m-enter:active{opacity: 0.75;}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}