|
- .content {
- padding: 0 0 25rpx 0;
-
- .logo {
- position: relative;
- width: 500rpx;
- height: 120rpx;
- line-height: 120rpx;
- text-align: center;
- color: #838383;
- font-size: 50rpx;
- font-weight: 600;
- margin: auto;
- border-bottom: 1px solid #000;
- transition: all 0.3s;
-
- &.active {
- color: aqua;
- }
-
- .tinyChatICon {
- position: absolute;
- top: 15rpx;
- left: 30rpx;
- width: 60rpx;
- text-align: center;
- transition: all 0.3s;
-
- &.active {
- transform: scale(1.05);
- }
-
- image {
- width: 100%;
- }
- }
- }
-
- .introduction {
- position: relative;
- width: 600rpx;
- margin: 50rpx auto;
- padding: 0 20rpx;
- border: 1px dashed #747474;
- border-radius: 60rpx;
-
- .title {
- text-align: center;
- font-size: 45rpx;
- color: #585858;
- margin-bottom: 10rpx;
- margin-top: 20rpx;
- }
-
- .contain {
- width: 500rpx;
- font-size: 30rpx;
- color: #585858;
- text-indent: 1cm;
- margin: 0 auto;
- padding: 20rpx;
- font-family: Verdana, Geneva, Tahoma, sans-serif;
- }
-
- .notice {
- text-indent: 44rpx;
- font-size: 22rpx;
- color: #929292;
- padding: 0 50rpx;
- margin-top: 35rpx;
- }
-
- .switch {
- position: absolute;
- width: 100rpx;
- height: 100rpx;
- border-radius: 50% 50%;
-
- &.topLeft {
- top: 0;
- left: 0;
- transform: translate(-50%, -50%);
- }
-
- &.topRight {
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- }
-
- &.bottomLeft {
- bottom: 0;
- left: 0;
- transform: translate(-50%, 50%);
- }
-
- &.bottomRight {
- bottom: 0;
- right: 0;
- transform: translate(50%, 50%);
- }
- }
-
-
- }
-
- .buttons {
- font-size: 25rpx;
-
- .userProtocolModel {
- text-align: center;
- margin-bottom: 30rpx;
-
- .textInside {
- position: relative;
- width: 550rpx;
- margin: auto;
-
- .agreeButton {
- position: absolute;
- left: 0rpx;
- width: 30rpx;
- height: 30rpx;
- line-height: 35rpx;
- border: 1px solid #464646;
- border-radius: 50% 50%;
- color: #ffffff;
- text-align: center;
-
- &.active {
- border: 1px solid #07c160;
- background-color: #07c160;
- }
- }
-
- .userProtocol {
- text-align: center;
- color: #929292;
- text-decoration: underline;
- margin-bottom: 15rpx;
- }
- }
-
- }
-
- .getPhoneNumberBtn {
- display: none;
- }
-
- .userPhone {
- text-align: center;
- margin-bottom: 15rpx;
- color: #929292;
- }
-
- .payHistory {
- text-align: center;
- color: #929292;
- text-decoration: underline;
- margin-bottom: 15rpx;
- }
-
- button {
- border-radius: 30rpx;
- }
- }
-
- .outSide {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #00000059;
-
- .showPrivacy {
- position: fixed;
- width: 520rpx;
- background-color: #fff;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- padding: 60rpx 40rpx;
- border-radius: 20rpx;
- box-shadow: #00000047 2px 1px 2px 2px;
-
- .title {
- text-align: center;
- }
-
- .content {
- text-indent: 2em;
- margin: 30rpx 0;
- }
-
- button {
- width: 350rpx;
-
- &.agree {
- margin-bottom: 25rpx;
- }
-
- &.check {
- background-color: #ffffff00;
- font-size: 21rpx;
- text-decoration: underline;
- padding: 0;
-
- &::after {
- border: none;
- }
- }
-
- }
-
-
- .delete {
- position: absolute;
- top: 15rpx;
- right: 15rpx;
- width: 65rpx;
- height: 65rpx;
- }
- }
-
- }
- }
|