锶源昆仑会员+体验官

pages/bond/index.wxss

@@ -0,0 +1,187 @@
+.temporary {
+    width: 100%;
+}
+
+.member-btn {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 30rpx;
+    box-sizing: border-box;
+    z-index: 9;
+}
+
+.btnGo {
+    padding: 0 30rpx;
+    line-height: 90rpx;
+    font-size: 36rpx;
+    box-sizing: border-box;
+    background-image: linear-gradient(to right, #fce9cf, #dfac80);
+    box-shadow: 0 4rpx 4rpx 3rpx rgba(175, 136, 88, 1);
+    border-radius: 50rpx;
+    color: #633a25;
+    font-weight: 600;
+    text-align: center;
+}
+
+.btnGo.active {
+    background-image: linear-gradient(to right, #d4d4d4, #e0e0e0);
+    box-shadow: 0 2px 2px 1px #b7b7b7;
+    color: #656565
+}
+
+/* 支付弹出 */
+.payPop {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .4);
+    z-index: 999;
+    display: none;
+}
+
+.payPop.active {
+    display: block;
+}
+
+.payCont {
+    position: fixed;
+    width: 100%;
+    box-sizing: border-box;
+    bottom: 0;
+    left: 0;
+    background-color: #ffffff;
+    z-index: 1000;
+    border-radius: 90rpx 90rpx 0 0;
+    padding: 30rpx 40rpx;
+    display: none;
+}
+
+.payCont.active {
+    display: block;
+}
+
+.payCont-close {
+    text-align: right;
+    margin-bottom: 40rpx;
+    padding-right: 10rpx;
+    box-sizing: border-box;
+}
+
+.payCont-close image {
+    width: 40rpx;
+    height: 40rpx;
+}
+
+.payCont-radio {
+    display: flex;
+    line-height: 100rpx;
+}
+
+.payCont-name {
+    flex: 1;
+    font-weight: 600;
+    display: flex;
+}
+
+.payCont-name image {
+    width: 48rpx;
+    height: 48rpx;
+    margin-right: 20rpx;
+    margin-top: 26rpx;
+}
+
+.payCont-radio radio {
+    transform: scale(.9);
+}
+
+.payCont-btn {
+    margin: 60rpx 0 20rpx;
+    width: 100%;
+    background-color: #e8c198;
+    line-height: 90rpx;
+    color: #442b11;
+    text-align: center;
+    border-radius: 10rpx;
+}
+
+/* 填写激活码弹出 */
+.writePop {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .4);
+    z-index: 999;
+    display: none;
+}
+
+.writePop.active {
+    display: block;
+}
+
+.writeCont {
+    position: fixed;
+    width: 100%;
+    box-sizing: border-box;
+    bottom: 0;
+    left: 0;
+    background-color: #ffffff;
+    z-index: 1000;
+    border-radius: 90rpx 90rpx 0 0;
+    padding: 30rpx 40rpx;
+    display: none;
+}
+
+.writeCont.active {
+    display: block;
+}
+
+.writeCont-close {
+    text-align: right;
+    margin-bottom: 40rpx;
+    padding-right: 10rpx;
+    box-sizing: border-box;
+}
+
+.writeCont-close image {
+    width: 40rpx;
+    height: 40rpx;
+}
+
+.writePop-input {
+    background-color: #f5f5f5;
+    height: 90rpx;
+    border-radius: 10rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+}
+
+.writePop-input input {
+    background-color: transparent;
+    border: none;
+    height: 100%;
+    line-height: 90rpx;
+}
+
+.writeCont-btn {
+    margin: 60rpx 0 20rpx;
+    width: 100% !important;
+    padding: 0;
+    background-color: #e8c198 !important;
+    line-height: 90rpx;
+    color: #442b11 !important;
+    font-size: 32rpx;
+    text-align: center;
+    border-radius: 10rpx;
+    border: none;
+    box-shadow: none;
+}
+
+.writeCont-btn::after {
+    display: none;
+}