/* pages/worldDetails/worldDetails.wxss */ .flex-bet{ display: flex; align-content: space-between; } /* 轮播图 样式 */ .userinfo { display: flex; flex-direction: column; align-items: center; } .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%; } .userinfo-nickname { color: #aaa; } .usermotto { margin-top: 200px; } /*轮播图*/ .slides{ height: 347rpx; } .slides image{ width: 100%; height: 100%; } /*文字部分 */ .box{ width:100%; height:100%; margin-top:20rpx; } .box-one{ height:60rpx; padding:0 20rpx; } .l1{ font-family: "PingFang-SC-Bold"; font-size: 16px; color: #292929; font-weight:Bold; text-align: left; margin-right: 10rpx; } .r1{ font-family: "PingFang-SC-Regular"; font-size: 12px; color: #7B7B7B; font-weight:Regular; text-align: right; } .c1{ font-family: "PingFang-SC-Bold"; color: #ff8000; font-size: 16px; font-weight: Bold; } .box-two{ position:relative; height:60rpx; margin:30rpx auto; padding:0 20rpx; } .b1{ font-family: "PingFang-SC-Bold"; font-size: 16px; color: #292929; font-weight:Bold; text-align: left; } .box-two-m{ display: inline-block; width: 50rpx; height:50rpx; background-color: #FFF100; border-radius: 60%; left: 100rpx; margin-top: 5rpx; position: absolute; opacity: 0.3; } .box-two-m1{ left: 135rpx; } /* 基本信息内容 */ .box-xx{ width: 700rpx; height: 480rpx; background-color: #F8F8F8; } .box-xx-txt{ width:100%; height: 100rpx; color: #292929; border-bottom:1px dashed #cfcaca; } .box-xx-txt1{ width:100%; height: 200rpx; color: #292929; } .ad-txt{ width: 20%; top: 30rpx; left: 30rpx; } .ad-txt1{ top: 30rpx; left: 80rpx; } .ad-txt12{ top: 30rpx; left: 120rpx; } .ly-box2{ width:70%; top: 35rpx; left: 210rpx; } /* 底部 申请按钮 部分 */ .botm{ width:100%; height:148rpx; background:#fff; display: flex; position: fixed; bottom:0; left: 0; display: flex; flex-direction: row; align-items: center; padding:0 30rpx; box-sizing: border-box; } /* .fixed{ width:100%; height:100rpx; background:#fff; display: flex; position: fixed; bottom:0; left: 0; margin-top: 45rpx; } */ .left{ width:224rpx; height: 100%; } .left-t{ display: flex; width:100%; height: 100%; } .left-t-l{ width: 120rpx; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items:center; background: transparent; border:none } .left-t-l image { width: 50rpx; height:50rpx; /* margin-left: 25rpx; margin-top: 5rpx; */ } .left-t-r{ width: 120rpx; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; /* background-color: green; */ } .left-t-r image{ width: 50rpx; height:50rpx; /* margin-left: 15rpx; margin-top: 5rpx; */ } .left-b-l button{ position: relative; width: 120rpx; height: 100%; top: -50rpx; left: 2rpx; padding-left: 0rpx; padding-right: 0rpx; font-size: 14px; opacity: 0; } .sharebtn{ border:none; background: transparent; white-space: nowrap; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #1a1a1a; letter-spacing: -1rpx; height: 40rpx; line-height: 40rpx; margin-top:4rpx; } .sharebtn::after{ border:none; background: transparent; } .fx-txt{ position: absolute; color:#000; top: 58rpx; left: 25rpx; font-size: 12px; } .left-b-r{ position: relative; top: -3rpx; left: 15rpx; font-size: 12px; } .apply{ flex: 1; width: 527rpx; height:100%; line-height: 100rpx; background: #9DDB52; text-align: center; color: #ffffff; font-family: "PingFang-SC-Regular"; font-weight: Regular; } .apply{ width: 500rpx; height: 85rpx; opacity: 1; background: #9DDB52; border-radius: 43rpx; font-size: 36rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; color: #ffffff; display: flex; justify-content: center; align-items: center; } /* .xhq::after{ content: ''; position:absolute; width:50rpx; height: 50rpx; bottom: 0; right: -20rpx; background:#FFF100; border-radius: 50%; opacity: 0.4; z-index:0; } */ .offer-detail image{ margin: auto; } .hk-leftt::after{ content:""; position:absolute; width: 8rpx; height:30rpx; left:-14rpx; bottom: 10rpx; background: #9DDB52; z-index: 999 } .hk-leftt{ position: relative; } .collect{ font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #1a1a1a; letter-spacing: -1rpx; height: 40rpx; line-height: 40rpx; margin-top:4rpx; } .left-b-btn{ left:0rpx; } .left-b-l-btn{ display: flex; flex-direction: column; } .box-detail{ width:690rpx; margin:-99rpx auto 0 auto; } .slidesfix{ position: relative; z-index: -1; } .box-header{ width: 100%; height: 99rpx; box-sizing:border-box; opacity: 1; display: flex; flex-direction: row; align-items: center; background: #9DDB52; border-radius: 20rpx 20rpx 0px 0px; } .box-header .c1{ font-size: 38rpx; color:white; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; margin-right: 20rpx; } .box-header .r1{ font-size: 30rpx; color:white; font-family: PingFang SC, PingFang SC-Bold; margin-right: 20rpx; } .box-detail .box-body{ width: 690rpx; min-height: 222rpx; opacity: 1; background: #ffffff; border-radius:0rpx 0rpx 20rpx 20rpx; box-sizing: border-box; margin:0 auto; padding:22rpx 30rpx; } .box-body .l1{ font-size: 35rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #1a1a1a; letter-spacing: -1rpx; } .box-body .labelitem{ display: flex; flex-direction: row; align-items: center; margin-top:10rpx; } .labelitem .lico{ width:20rpx; height: 25rpx; } .labelitem .lico2{ width:21rpx; height:21rpx; } .labelitem view{ font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #999999; margin-left:10rpx; } .ico-h-z{ font-size: 26rpx; margin-right: 0rpx; } .labelitemf view{ margin-left:0rpx; } .box-item-wrap{ width:690rpx; margin:0 auto; background: white; border-radius: 20rpx; margin-top:25rpx; margin-bottom: 200rpx; padding:10rpx 22rpx; box-sizing: border-box; } .box-two-wrap{ margin:30rpx auto 10rpx auto; }