/* components/push/push.wxss */ /* 弹框 */ .mask { width: 100vw; height: 100vh; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 100; } .toast { width: 600rpx; height: 530rpx; border-radius: 12rpx; position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; padding: 40rpx 56rpx 46rpx 44rpx; } .close { position: absolute; bottom: -100rpx; left: 0; right: 0; margin: auto; width: 60rpx; height: 60rpx; } .toast_text { position: absolute; top: 40%; left: 50%; line-height: 40rpx; text-align: center; background: rgba(0,0,0,.4); color: #fff; transform: translate(-50%,-50%); margin-top: -330rpx; width: 289rpx; height: auto; padding: 14rpx 0; } .load_type { display: inline-block; width: 50rpx; height: 50rpx; margin-left: 16rpx; } .text { display: inline-block; text-align: left; } .toast_title { color: #000000; font-size: 36rpx; line-height: 50rpx; font-weight: bold; margin-bottom: 50rpx; } .toast_box { margin-bottom: 28rpx; color: #000000; } .toast_box .icon { width: 28rpx; height: 28rpx; margin-left: 10rpx; } .plain { width: 167rpx; height: 60rpx; line-height: 56rpx; background: #fff; border: 2rpx solid #2562FF; color: #2562FF; margin: 0; padding: 0; font-size: 28rpx; } .flex { display: flex; justify-content: space-between; align-items: center; } .custom { flex: 1; height: 76rpx; line-height: 72rpx; padding: 18rpx 0; color: #333333; text-align: left; } .input_box { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 2rpx solid #D8D8D8; } .input_box .clear { width: 20rpx; height: 20rpx; margin-left: 20rpx; } .copy { display: inline-block; margin-top: 38rpx; width: 332rpx; height: 72rpx; line-height: 72rpx; text-align: center; color: #fff; background: #2562FF; border-radius: 8rpx; font-size: 28rpx; } .notice_box { height: 355rpx; color: #666666; } .notice_box .toast_title { margin-bottom: 30rpx; } .notice_main { line-height: 40rpx; padding-bottom: 50rpx; border-bottom: 2rpx solid #D8D8D8; font-size: 28rpx; text-align: left; } .know { margin-top: 22rpx; font-size: 28rpx; color: #2562FF; } .select_box { width: 100%; height: 490rpx; border-radius: 50rpx 50rpx 0 0; padding: 32rpx 54rpx; background: #fff; position: fixed; bottom: 0; left: 0; text-align: center; transition: all .5s; z-index: 100; } .select_icon { width: 88rpx; height: 88rpx; position: absolute; top: 0; left: 0; } .slect_title { margin-bottom: 30rpx; margin-left: 8rpx; color: #000; font-size: 30rpx; line-height: 42rpx; } .slect_title image { width: 30rpx; height: auto; vertical-align: middle; margin-right: 8rpx; } .slect_title text{ vertical-align: middle; } .select_list { max-height: 370rpx; overflow-y: scroll; } .select_item { border-bottom: 2rpx solid #D8D8D8; color: #333333; font-size: 28rpx; text-align: left; padding: 20rpx 0; } .copying{ color: rgba(255,255,255,.8); vertical-align: middle; } .copying image{ width: 28rpx; height: 28rpx; margin-right:10rpx; vertical-align: middle; } image{ vertical-align: middle; } text{ vertical-align: middle; } .remaining_times { display: flex; align-items: center; justify-content: center; color: #333; font-size: 25rpx; padding: 14rpx 0; } .remaining_times text{ color: #2562FF; } .linkBox{ height: 450rpx; } .linkBox .radioItem{ text-align: left; display: block; margin-bottom: 30rpx; display: flex; } .linkBox radio{ vertical-align: middle; } .linkBox .radioTitle{ display: inline-block; font-size: 28rpx; color: #444; margin-left: 10rpx; vertical-align: middle; flex: 1; margin-top: 7rpx; }