|
- /* pages/spellGroup/mySpellGroup/index.wxss */
-
- .refound {
- border: 1rpx solid red;
- padding: 3rpx 0;
- display: block;
- width: 130rpx;
- text-align: center;
- margin-left: 26rpx;
- color: red !important;
- }
-
- page {
- background: #F4F5F9;
- }
-
- .top-img {
- width: 100%;
- height: 533rpx;
- z-index: 1;
- }
-
- .top-img image {
- width: 100%;
- height: 533rpx;
- }
-
- .goback {
- float: left;
- width: 132rpx !important;
- height: 96rpx;
- background: rgba(255, 255, 255, 1);
- line-height: 96rpx;
- border-radius: 32rpx;
- margin-right: 25rpx;
- }
-
- .timess {
- color: #af6e34;
- }
-
- .wx-swiper-dots {
- margin-bottom: 30rpx;
- }
-
- button::after {
- border: none;
- }
-
- .goback image {
- position: absolute;
- width: 52rpx;
- height: 50rpx;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: 10rpx auto;
- }
-
- .content-box {
- box-sizing: content-box;
- height: auto;
- overflow: hidden;
- }
-
- .content {
- position: relative;
- width: 100%;
- height: auto;
- /* background: #F4F5F9; */
- overflow: hidden;
- padding-bottom: 130rpx;
- }
-
- .text {
- position: relative;
- /* padding: 0 30rpx; */
- }
-
- .title {
- position: relative;
- background-color: #fff;
- z-index: 10;
- width: 750rpx;
- padding-top: 30rpx;
- padding-left: 30rpx;
- line-height: 50rpx;
- opacity: 1;
- font-size: 32rpx;
- font-weight: bold;
- color: rgba(51, 51, 51, 1);
- box-sizing: border-box;
- }
-
- .remark {
- background: #FFF;
- font-size: 24rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(134, 134, 134, 1);
- line-height: 48rpx;
- padding: 0 80rpx 0 30rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
-
- .des {
- width: 100%;
- height: auto;
- padding-top: 6rpx;
- background: #FFF;
- padding: 0 30rpx;
- color: #FD782D;
- display: flex;
- }
-
- .des-peoplenum {
- display: inline;
- font-size: 24rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- line-height: 70rpx;
- }
-
- .des-saleprice {
- display: inline;
- font-size: 40rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- }
-
- .status {
- width: 100%;
- border-radius: 15rpx;
- background: rgba(255, 235, 229, 1);
- margin: 30rpx 0;
- overflow: hidden;
- }
-
- .status01 {
- float: left;
- width: 130rpx;
- height: 130rpx;
- }
-
- .status01 image {
- width: 90rpx;
- height: 90rpx;
- border-radius: 45rpx;
- margin: 20rpx 0 0 20rpx;
- }
-
- .status02 {
- margin-top: 20rpx;
- float: left;
- width: 140rpx;
- font-size: 28rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- }
-
- .r-p-num {
- display: inline;
- color: #FF3535;
- }
-
- .status03 {
- width: 264rpx;
- float: left;
- padding-left: 10rpx;
- color: #F74812;
- box-sizing: border-box;
- }
-
- .hh,
- .mm,
- .ss {
- display: inline-block;
- font-size: 26rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- height: 38rpx;
- width: 38rpx;
- background: #F74812;
- border-radius: 10rpx;
- margin: 46rpx 0 0 0;
- text-align: center;
- line-height: 38rpx;
- }
-
- .day-box {
- width: 40rpx;
- text-align: center;
- }
-
- .mao {
- display: inline-block;
- width: 20rpx;
- text-align: center;
- }
-
- .status04 {
- float: left;
- width: 146rpx;
- }
-
- .s-button {
- background: #ED3D2E;
- width: 120rpx;
- height: 48rpx;
- font-size: 28rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- text-align: center;
- line-height: 48rpx;
- border-radius: 24rpx;
- margin: 40rpx auto 0;
- }
-
- .p-title {
- font-size: 30rpx;
- color: rgba(51, 51, 51, 1);
- margin: 10rpx 0 20rpx 0;
- }
-
- .p-list {
- font-size: 24rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 50rpx;
- }
-
- .edit {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- padding: 20rpx 22rpx;
- background: transparent !important;
- }
-
- .edit-left {
- float: left;
- width: 268rpx;
- height: 96rpx;
- background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
- border-radius: 32rpx;
- }
-
- .edit-right {
- float: right;
- width: 268rpx;
- height: 96rpx;
- line-height: 46rpx;
- background: linear-gradient(90deg, rgba(40, 179, 255, 1) 0%, rgba(48, 103, 255, 1) 100%);
- border-radius: 32rpx;
- }
-
- .btnTxt {
- width: 50rpx;
- height: 30rpx;
- line-height: 50rpx;
- color: #FD782D;
- font-size: 20rpx;
- position: absolute;
- right: 42rpx;
- bottom: 15rpx;
- }
-
- .edit-left-top {
- height: 46rpx;
- text-align: center;
- line-height: 65rpx;
- }
-
- .price {
- display: inline;
- font-size: 32rpx;
- line-height: 32rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .price-unit {
- display: inline;
- font-size: 27rpx;
- line-height: 27rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .edit-left-bottom {
- text-align: center;
- font-size: 30rpx;
- line-height: 40rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .edit-right-top {
- line-height: 32rpx;
- text-align: center;
- margin-top: 13rpx;
- }
-
- .real-price {
- display: inline;
- font-size: 32rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .real-price-unit {
- display: inline;
- font-size: 27rpx;
- line-height: 27rpx;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .edit-right-bottom {
- text-align: center;
- font-size: 30rpx;
- line-height: 40rpx;
- font-weight: 500;
- color: rgba(254, 254, 254, 1);
- }
-
- .posi {
- position: relative;
- background: #FFF;
- margin-top: 18rpx;
- padding: 15rpx 30rpx
- }
-
- .applyshop {
- font-size: 32rpx;
- color: rgba(51, 51, 51, 1);
- margin: 10rpx 0 20rpx 0;
- }
-
- .posi>view:nth-child(2) {
- width: 100%;
- height: 87rpx;
- display: flex;
- justify-content: space-between;
- line-height: 87rpx;
- }
-
- .posi>view:nth-child(2) text:nth-child(1) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi>view:nth-child(2) text:nth-child(2) {
- font-size: 30rpx;
- color: #a9a9a9;
- }
-
- .posi_logo {
- width: 100%;
- display: flex;
- padding: 20rpx 0;
- height: 100rpx;
- margin-bottom: 20rpx;
- }
-
- .posi_logo view:nth-child(1) {
- width: 100rpx;
- height: 100rpx;
- border-radius: 16rpx;
- }
-
- .posi_logo view:nth-child(1) image {
- display: block;
- width: 100rpx;
- height: 100rpx;
- border-radius: 16rpx;
- border: 1px solid #e5e5e5;
- }
-
- .posi_logo view:nth-child(2) {
- display: flex;
- flex-direction: column;
- flex: 8;
- padding-left: 30rpx;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(1) {
- font-size: 32rpx;
- color: #333;
- letter-spacing: 0;
- }
-
- .posi_logo view:nth-child(2) text:nth-child(2) {
- font-size: 24rpx;
- color: #b8b8b8;
- padding-top: 3rpx;
- width: 450rpx;
- height: 36rpx;
- overflow: hidden;
- }
-
- .tel {
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 50rpx;
- height: 50rpx;
- }
-
- .rest {
- font-size: 24rpx;
- color: #919191;
- letter-spacing: 0;
- height: 70rpx;
- line-height: 70rpx;
- /* border-bottom: 1px solid #eee; */
- border-bottom: 1px solid #f9f9f9;
- background: #FFF;
- padding: 0 30rpx;
- }
-
- .right-text {
- float: right;
- }
-
- .restNum {
- font-size: 24rpx;
- color: #999;
- letter-spacing: 1.16rpx;
- text-align: right;
- }
-
- .timeX {
- display: block;
- font-size: 24rpx;
- color: #333;
- letter-spacing: 0;
- line-height: 33rpx;
- }
-
- #noBuy {
- height: 94rpx;
- width: 490rpx;
- margin: 0 auto 30rpx;
- color: #fff;
- font-size: 36rpx;
- line-height: 94rpx;
- border-radius: 61rpx;
- background-color: #25252533;
- }
-
- .time {
- display: inline-block;
- font-size: 24rpx;
- color: #333;
- letter-spacing: 0;
- line-height: 33rpx;
- }
-
- .txt01 {
- font-size: 24rpx;
- color: #919191;
- letter-spacing: 0;
- }
-
- .times {
- display: inline-block;
- color: #ff4949;
- font-weight: bold;
- font-size: 26rpx;
- text-align: center;
- }
-
- .times text {
- display: inline-block;
- margin: 6rpx;
- width: 46rpx;
- height: 56rpx;
- text-align: center;
- font-size: 28rpx;
- line-height: 60rpx;
- border-radius: 12rpx;
- color: #fff;
- font-weight: bold;
- background: #ff4949;
- }
-
- .fenxiang {
- position: absolute;
- right: 0;
- top: -55rpx;
- width: 108rpx;
- z-index: 10;
- display: flex;
- flex-direction: column;
- }
-
- .fenxiang image {
- width: 48rpx;
- height: 48rpx;
- z-index: 10;
- margin: 0 auto;
- }
-
- .gift {
- color: #3C3C3C;
- font-size: 20rpx;
- margin: 0 auto;
- }
-
- .user-motto {
- width: 270rpx;
- border: 0;
- background: none;
- height: 260rpx;
- color: #fff;
- position: fixed;
- }
-
- .user-motto::after {
- border: none;
- }
-
- .notes view:nth-child(1) {
- height: 87rpx;
- line-height: 87rpx;
- border-top: 1px solid #f9f9f9;
- }
-
- .notes {
- margin-top: 18rpx;
- background: #FFF;
- width: calc(100vw-60rpx);
- padding: 0 30rpx;
- }
-
- .notes view:nth-child(1) text {
- color: #333;
- letter-spacing: 0;
- font-size: 30rpx;
- height: 70rpx;
- line-height: 70rpx;
- }
-
- .notes view:nth-child(2) {
- background: #fff;
- display: flex;
- flex-direction: column;
- }
-
- .notes view:nth-child(2)>text {
- font-size: 24rpx;
- color: #919191;
- letter-spacing: 0;
- line-height: 42rpx;
- }
-
- .banner {
- position: relative;
- width: 750rpx;
- height: 454rpx;
- }
-
- .banner swiper {
- width: 750rpx;
- height: 454rpx;
- }
-
- .banner image {
- width: 100%;
- height: 100%;
- }
-
- .dots {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 50rpx;
- display: flex;
- justify-content: center;
- }
-
- .dot {
- margin: 0 8rpx;
- width: 14rpx;
- height: 14rpx;
- background: #fff;
- border-radius: 8rpx;
- transition: all 0.6s;
- }
-
- .dot.active {
- width: 24rpx;
- background: #f80;
- }
-
- .detailImg {
- width: calc(100vw-60rpx);
- background: #FFF;
- padding: 0 30rpx;
- }
-
- .detailImg image {
- display: block;
- width: 100%;
- margin-bottom: 20rpx;
- }
-
- .poster {
- width: 100%;
- height: 100%;
- padding: 20rpx;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .bottomsave {
- width: 100%;
- height: 140rpx;
- line-height: 140rpx;
- margin: auto 0;
- bottom: 0;
- left: 0;
- right: 0;
- border-top: 1px solid #ccc;
- box-shadow: 0 0rpx 150rpx #ccc;
- background: #fff;
- }
-
- .saveposter {
- color: #fff;
- width: 380rpx;
- height: 80rpx;
- border-radius: 50rpx;
- background: #f08f04;
- margin-top: 30rpx;
- font-size: 32rpx;
- }
-
- .modal {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.5);
- overflow: hidden;
- z-index: 10000;
- color: #fff;
- }
-
- .modal-content {
- width: 540rpx;
- height: 233rpx;
- line-height: 60rpx;
- overflow: hidden;
- position: fixed;
- top: 50%;
- left: 0;
- z-index: 11;
- background: #f9f9f9;
- margin: -130rpx 105rpx;
- border-radius: 36rpx;
- display: flex;
- }
-
- .modal-content view {
- display: inline-block;
- flex: 1;
- text-align: center;
- }
-
- .modal-content view>text {
- color: #000;
- display: block;
- font-size: 30rpx;
- height: 80rpx;
- line-height: 80rpx;
- }
-
- .modal-content view>image {
- margin-top: 30rpx;
- width: 90rpx;
- height: 90rpx;
- }
-
- .b1 .con {
- position: absolute;
- top: 35rpx;
- right: 0;
- bottom: 0;
- left: 0;
- margin: auto;
- width: 587rpx;
- }
-
- .b1 .con .image {
- display: block;
- width: 100%;
- }
-
- .b1 .img {
- margin-top: -50rpx;
- }
-
- .b1 .question {
- display: block;
- width: 587rpx;
- background: #fff;
- border-bottom-left-radius: 22rpx;
- border-bottom-right-radius: 22rpx;
- overflow: hidden;
- }
-
- .b1 .ques {
- display: block;
- width: 511rpx;
- margin: 0 auto;
- height: 95rpx;
- line-height: 95rpx;
- font-size: 30rpx;
- color: #333;
- border-bottom: 1rpx solid #eee;
- }
-
- .b1 .titles {
- width: 511rpx;
- display: block;
- text-align: center;
- height: 50rpx;
- margin: 0 auto;
- padding-top: 10rpx;
- padding-bottom: 20rpx;
- font-size: 32rpx;
- font-weight: bold;
- line-height: 41rpx;
- border-bottom: 1rpx solid #eee;
- }
-
- .b1 .quessss>view:last-child {
- border-bottom: 0;
- }
-
- .b1 .wmclose {
- position: relative;
- z-index: 10000;
- display: block;
- width: 70rpx;
- }
-
- .b1 .ques_gou {
- position: absolute;
- width: 20rpx;
- top: 160rpx;
- left: 23rpx;
- }
-
- .b1 .btnss {
- color: #f8755b;
- font-weight: bold;
- font-size: 30rpx !important;
- text-align: center !important;
- }
-
- .b1 .radios {
- display: block;
- font-size: 28rpx;
- height: 95rpx;
- line-height: 95rpx;
- color: #333;
- text-indent: 0.5em;
- }
-
- .b1 .elecard {
- display: inline-block;
- margin-left: 6rpx;
- color: #af6e34;
- border: 1px solid #af6e34;
- border-radius: 8rpx;
- font-style: normal;
- font-size: 30rpx;
- line-height: 40rpx;
- padding: 0 6rpx;
- }
-
- .b1 .applyshop {
- font-size: 30rpx;
- height: 70rpx;
- line-height: 70rpx;
- color: #333;
- text-indent: 1em;
- }
-
- .b1 .btns {
- /* padding: 0 33rpx; */
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- padding-bottom: 37rpx;
- padding-top: 37rpx;
- z-index: 100;
- background: #fff;
- }
-
- .b1 .btns .fr,
- .btns .fl {
- width: 277rpx;
- height: 95rpx;
- border-radius: 48rpx;
- text-align: center;
- }
-
- .b1 .btns .fl {
- margin-left: 20rpx;
- color: #fff;
- background: rgba(255, 169, 2, 1);
- box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32);
- }
-
- .b1 .btns .fl text {
- display: block;
- font-size: 30rpx;
- line-height: 34rpx;
- }
-
- .b1 .btns .fl text:nth-of-type(1) {
- margin-top: 12rpx;
- }
-
- .b1 .btns .fr {
- font-size: 30rpx;
- color: #fff;
- margin-right: 20rpx;
- line-height: 95rpx;
- background: rgba(236, 59, 45, 1);
- box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32);
- }
-
- .b1 .support-tansfer {
- width: 60%;
- border-radius: 50rpx;
- margin-top: 30rpx;
- background: #02c0ff !important;
- }
-
- .b1 .shaddow {
- z-index: 100;
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0px;
- background: rgba(0, 0, 0, 0.8);
- overflow: hidden;
- }
-
- .b1 .alert-box {
- position: fixed;
- top: 200rpx;
- left: 10%;
- width: 80%;
- height: auto;
- padding-bottom: 20rpx;
- background: #fff;
- z-index: 200;
- border-radius: 20rpx;
- }
-
- .b1 .user-img {
- position: absolute;
- top: -50rpx;
- left: 250rpx;
- /* margin-left: -50rpx; */
- width: 100rpx;
- height: 100rpx;
- z-index: 300;
- border-radius: 50rpx;
- background: #fff;
- overflow: hidden;
- }
-
- .b1 .user-img image {
- width: 100rpx;
- height: 100rpx;
- }
-
- .b1 .close {
- position: absolute;
- z-index: 300;
- right: 0;
- top: 0;
- width: 100rpx;
- height: 100rpx;
- overflow: hidden;
- }
-
- .b1 .close image {
- display: block;
- width: 26rpx;
- height: 26rpx;
- margin: 20rpx 0 0 52rpx;
- }
-
- .b1 .a-title {
- text-align: center;
- margin-top: 76rpx;
- font-size: 36rpx;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 44rpx;
- }
-
- .b1 .a-img {
- position: relative;
- width: 80%;
- border-radius: 20rpx;
- height: 294rpx;
- overflow: hidden;
- text-align: center;
- margin: 30rpx auto 0;
- }
-
- .b1 .a-received {
- position: absolute;
- width: 100%;
- height: 294rpx;
- top: 0;
- left: 0;
- text-align: center;
- line-height: 294rpx;
- z-index: 320;
- background: rgba(255, 255, 255, 1);
- border: 0px solid rgba(151, 57, 117, 1);
- opacity: 0.91;
- font-size: 36rpx;
- color: rgba(255, 51, 50, 1);
- font-family: PingFang-SC-Medium;
- }
-
- .b1 .a-img image {
- width: 100%;
- height: 100%;
- }
-
- .b1 .bottom {
- text-align: center;
- height: 70rpx;
- line-height: 70rpx;
- color: #999;
- font-size: 32rpx;
- }
-
- .b1 .presslimit {
- color: red;
- font-size: 26rpx;
- letter-spacing: 1.16rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
-
- .b1 checkbox-group,
- radio-group {
- height: 400rpx;
- overflow-y: scroll;
- }
-
- .b1 .detailImg {
- width: 92%;
- margin: 10rpx auto 0;
- }
-
- .b1 .detailImg image {
- display: block;
- width: 100%;
- margin-bottom: 20rpx;
- }
-
- .b1 .content {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- background: #f3f3f3;
- position: relative;
- }
-
- .b1 .poster {
- width: 100%;
- height: 100%;
- padding: 20rpx;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .b1 .bottomsave {
- width: 100%;
- height: 140rpx;
- line-height: 140rpx;
- margin: auto 0;
- bottom: 0;
- left: 0;
- right: 0;
- border-top: 1px solid #ccc;
- box-shadow: 0 0rpx 150rpx #ccc;
- background: #fff;
- }
-
- .b1 .saveposter {
- color: #fff;
- width: 380rpx;
- height: 80rpx;
- border-radius: 50rpx;
- background: #f08f04;
- margin-top: 30rpx;
- font-size: 32rpx;
- }
-
- .b1 .modal {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(0, 0, 0, 0.5);
- overflow: hidden;
- z-index: 10000;
- color: #fff;
- }
-
- .b1 .modal-content {
- width: 540rpx;
- height: 233rpx;
- line-height: 60rpx;
- overflow: hidden;
- position: fixed;
- top: 50%;
- left: 0;
- z-index: 11;
- background: #f9f9f9;
- margin: -130rpx 105rpx;
- border-radius: 36rpx;
- display: flex;
- }
-
- .b1 .modal-content view {
- display: inline-block;
- flex: 1;
- text-align: center;
- }
-
- .b1 .modal-content view>text {
- color: #000;
- display: block;
- font-size: 30rpx;
- }
-
- .b1 .modal-content view>image {
- margin-top: 40rpx;
- width: 90rpx;
- height: 90rpx;
- }
-
- .b1 .wx-swiper-dots {
- margin-bottom: 30rpx;
- }
-
- .quan {
- float: left;
- margin: 28rpx 15rpx 0 0;
- width: 12rpx;
- height: 12rpx;
- background: #E1E1E1;
- border-radius: 50%;
- }
-
- .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal {
- margin-bottom: 2rpx;
- }
-
- .swiper-box .wx-swiper-dot {
- width: 40rpx;
- display: inline-flex;
- height: 6rpx;
- margin-left: 10rpx;
- border-radius: 6rpx;
- justify-content: space-between;
- }
-
- .swiper-box .wx-swiper-dot::before {
- content: '';
- flex-grow: 1;
- background: #ccc8c8;
- }
-
- .swiper-box .wx-swiper-dot-active::before {
- background: #f6792b;
- }
-
- .yj {
- text-decoration: line-through;
- color: #CCC;
- font-size: 26rpx;
- line-height: 70rpx;
- margin-left: 10rpx;
- }
|