|
- page{
- overflow-y:visible!important;
- height: 100%!important;
- background: #f6f6f6;
- }
- .icons {
- display: block;
- width: 50rpx;
- margin: 0 auto 10rpx;
- }
-
- .navigator-hover {
- opacity: 1 !important;
- background: #fff;
- }
-
- .version {
- position: absolute;
- right: 0;
- width: 307rpx;
- height: 50rpx;
- bottom: 0;
- text-align: center;
- font-size: 15rpx;
- color: #999;
- }
-
- .couponnum {
- display: inline-block;
- position: absolute;
- top: 39rpx;
- bottom: 0;
- right: 20px;
- width: 16rpx;
- height: 16rpx;
- border-radius: 50%;
- background: red;
- font-size: 22rpx;
- }
-
- .user-avatar open-data {
- display: block;
- width: 100%;
- height: 100%;
- }
- .user-name{
- font-family: PingFangSC-Medium;
- height: 42rpx;
- margin-left: 310rpx;
- letter-spacing: 0.64rpx;
- line-height: 44rpx;
- margin-top: 66rpx;
- font-size: 30rpx;
- color: #3C3C3C;
- font-weight:600;
- }
- .user-phone {
- font-family: PingFangSC-Regular;
- height: 30rpx;
- letter-spacing: 0.64rpx;
- line-height: 44rpx;
- font-size: 36rpx;
- color: #000;
- margin:20rpx 0 50rpx 149rpx;
- }
- .user-avatar {
- position: absolute;
- width: 128rpx;
- height: 128rpx;
- border-radius: 50%;
- overflow: hidden;
- top:-64rpx;
- left: 300rpx;
- }
-
- .chengzhang {
- font-size: 24rpx;
- font-weight: 400;
- color: #FFFFFF;
- margin-left: 10rpx;
- }
-
- .view {
- font-size: 24rpx;
- color: #FD832D;
- }
-
- .view image {
- width: 12rpx;
- vertical-align: middle;
- margin-top: -6rpx;
- }
-
- .bannerbg {
- width: 100%;
- }
-
- .bannerbg image {
- display: block;
- width: 100%;
- }
-
- .open01 {
- display: block;
- width: 120rpx;
- height: 120rpx;
- }
-
- .user-btns{
- background: #fff;
- /* margin-top: 20rpx; */
- margin: 20rpx 20rpx 0;
- display: flex;
- justify-content: space-around;
- text-align: center;
- /* margin-bottom: 20rpx; */
- }
- .user-btns:nth-of-type(3){
- margin-bottom: 0;
- }
- .user-btns .user-btn {
- font-size: 30rpx;
- letter-spacing: 1.16rpx;
- }
- .user_title{
- position: relative;
- width: 94%;
- background: #fff;
- border-radius: 16rpx;
- margin: -100rpx auto 0;
- padding: 20rpx 0;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
- }
- .btns_bg{
- position: relative;
- width: 94%;
- background: #fff;
- border-radius: 16rpx;
- margin: 30rpx auto 0;
- padding: 20rpx 0;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
- }
- .user-btns .user-btn > view {
- padding: 0 10px 20rpx 0;
- font-size: 28rpx;
- color: #888;
- letter-spacing: 1.16rpx;
- text-align: center;
- }
-
- .iconfont {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- width: 30rpx;
- height: 30rpx;
- line-height: 44rpx;
- color: #c7c7cc;
- font-size: 44rpx;
- margin: auto;
- }
-
- .look {
- display: inline-block;
- padding-right: 25rpx;
- }
-
- .user-out-btn {
- background-color: #fff;
- height: 100rpx;
- line-height: 100rpx;
- font-family: PingFangSC-Semibold;
- font-size: 30rpx;
- color: #000;
- text-align: center;
- border-radius: 0;
- border: none;
- }
-
- .user-out-btn.button-hover {
- background-color: rgba(237, 237, 237, 1);
- }
-
- .user-out-btn::after {
- opacity: 0;
- }
-
- .gzh {
- /* display: none; */
- position: absolute;
- bottom: 70rpx;
- width: 90%;
- left: 0;
- right: 0;
- margin: auto;
- z-index: 10;
- background: #ccc;
- border-radius: 16rpx;
- overflow: hidden;
- box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
- }
-
- .act {
- display: none;
- }
-
- .of {
- position:absolute;
- bottom:70rpx;
- left:0;
- right:0;
- height: 170rpx;
- }
-
- .activeimg {
- width: 200rpx !important;
- position: absolute;
- bottom: 0;
- right: 0;
- z-index: 10000;
- }
-
- .edit {
- width: 26rpx;
- vertical-align: middle;
- }
- .qrcode{
- display: none;
- }
- .qrcode image {
- width: 70rpx;
- margin-right: 20rpx;
- }
-
- .edits {
- margin-top: 44rpx;
- }
-
- .showQrcode {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 1000;
- background: rgba(0, 0, 0, 0.6);
- }
-
- .qrcodes {
- position: absolute;
- width: 400rpx;
- height: 440rpx;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border-radius: 15rpx;
- margin: auto;
- background: #fff;
- text-align: center;
- }
-
- .qrcodes text {
- text-align: center;
- font-size: 26rpx;
- display: inline-block;
- line-height: 40rpx;
- }
-
- .container-box {
- width: 100%;
- height: 100%;
- background: 0 0 0 0.6;
- position: relative;
- }
-
- .img-box {
- width: 500rpx;
- margin: 200rpx auto 0;
- background-color: #fff;
- border-radius: 16rpx;
- }
-
- .img-box text {
- display: block;
- text-align: center;
- font-size: 28rpx;
- }
-
-
-
- .img-box image {
- display: block;
- width: 500rpx;
- }
-
- .input-row {
- border-bottom: 1rpx solid #e5e5e5;
- border-top: 1rpx solid #e5e5e5;
- display: flex;
- align-items: center;
- height: 100rpx;
- padding: 0 32rpx;
- background-color: #fff;
- font-size: 34rpx;
- color: #000;
- }
-
- .input-row input {
- margin-left: 100rpx;
- flex: 1;
- }
-
- .mybtn {
- width: 686rpx;
- margin: 60rpx auto;
- }
-
- .mask {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 3;
- width: 100%;
- height: 100%;
- opacity: 0;
- }
-
- .canvas-box {
- position: fixed;
- width: 500rpx;
- height: 587rpx;
- overflow: hidden;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- margin: auto;
- background: #fff;
- border-radius: 16rpx;
- }
- .showQrcode text{
- display: block;
- text-align: center;
- font-size: 28rpx;
- }
- .membercode {
- margin-top: 20rpx;
- }
-
- .top{
- width: 100%;
- height: 234rpx;
- background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%)
- }
-
- .usre_level{
- width:70rpx;
- height:32rpx;
- background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
- border-radius:9px 9px 9px 0px;
- font-family:PingFangSC-Regular;
- font-weight:400;
- color:rgba(255,255,255,1);
- line-height:32rpx;
- float: left;
- margin-top: 8rpx;
- }
- .my{
- font-size:24rpx;
- font-family:PingFangSC-Regular;
- font-weight:400;
- color:rgba(166,166,166,1);
- line-height:34rpx;
- }
- .chengzhang_h{
- color: #3C3C3C;
- font-size:24rpx;
- font-weight: 600;
- }
- .my_line{
- margin: 0 10rpx;
- }
- .usre_level{
- font-size:20rpx;
- }
- .name{
- float: left;
- }
|