body,html{padding:0;margin:0;min-height:100%;font-size: 14px;color: #2B2F44;}
*{margin: 0;padding: 0;list-style: none;box-sizing:border-box;font-family:PingFangSC-Regular,PingFang SC;font-size: 14px;}
.continer{width:100%;max-width:750px;margin: auto;}

.mask{width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;position: fixed;top: 0;left: 0;display: none;}

.mask-content{margin: auto;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 1001;background: #fff;border-radius: 5px;width: 80%;display: none;}
.mask-close{position: absolute;top: 0;right: 0;padding:10px 10px 0 0;color:#FD8232;}

.mask-alt{
    height: 40px;line-height: 40px;background: rgba(0,0,0,.5);color: #fff;text-align: center;border-radius: 10px;
    position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
    z-index: 1100;padding: 0 20px;
    width: fit-content !important;
}

.mainColor{color: #FD8232;}
.mBg{background: #FD8232; color: #fff;}

.flex{display: flex;}
.flex .flex-item{flex: 1;}