.aui-tour-content { width: 100%; height: 216rpx; background: #17D2D2; display: flex; align-items: center; padding-left: 48rpx; color: #fff; font-size: 42rpx; line-height: 58rpx; position: relative; overflow: hidden; /* background: url(data:image/png;base64,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) no-repeat center center; */ background-size: 100% 100%; } .login-text { font-size: 42rpx; font-weight: bold; position: relative; display: block; } .login-btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avatar { width: 120rpx; height: 120rpx; margin-right: 30rpx; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaW1nX215X2F2YXRhcl9kZWZhdWx0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2Q5ZmZmZjsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogIzczOGM5YjsNCiAgICAgIH0NCg0KICAgICAgLmNscy0zIHsNCiAgICAgICAgZmlsbDogI2Y4ZjFlMDsNCiAgICAgIH0NCg0KICAgICAgLmNscy00IHsNCiAgICAgICAgZmlsbDogIzMwMmIyYjsNCiAgICAgIH0NCg0KICAgICAgLmNscy01IHsNCiAgICAgICAgZmlsbDogI2U0ZWVlZjsNCiAgICAgIH0NCg0KICAgICAgLmNscy02IHsNCiAgICAgICAgZmlsbDogI2YxZjVmMzsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSLot6/lvoRfMzcwIiBkYXRhLW5hbWU9Iui3r+W+hCAzNzAiIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjcyNiwzMC40N20tMzAsMGEzMCwzMCwwLDEsMCwzMC0zMCwzMCwzMCwwLDAsMC0zMCwzMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjcyNiAtMC40NykiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzEiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MSIgY2xhc3M9ImNscy0yIiBkPSJNMjIxLjA3NCw4MTcuMjIzYTI4Ljg4OCwyOC44ODgsMCwwLDAtNC44ODMtMS4zNjhoMGMtMS4wMjUtLjItMi4xLS4zNy0zLjIzMi0uNWEyNC4zMDksMjQuMzA5LDAsMCwxLTExLjYyMSwwYy0xLjIxNS4xNDEtMi4zNzUuMzI1LTMuNDY5LjU0Ny4xLjAzMy4yLjA2MS4zLjA5MWwuMS4wMzEtLjEtLjAzMWMtLjEtLjAzLS4yLS4wNTgtLjMtLjA5MWEyOC42MzMsMjguNjMzLDAsMCwwLTQuNjI3LDEuMzExLDIyLjE0MSwyMi4xNDEsMCwwLDAtNS4xLDMuNTY2LDI5Ljk5NSwyOS45OTUsMCwwLDAsMzguMDE3LS4wMTVBMjEuOTEyLDIxLjkxMiwwLDAsMCwyMjEuMDc0LDgxNy4yMjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc3LjE1MiAtNzY3LjU2MikiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzIiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MiIgY2xhc3M9ImNscy0zIiBkPSJNMjk2LjI4NywzNDIuNjE0YTEuNDM5LDEuNDM5LDAsMCwwLTEuMjIxLjE1NywxNi42NTMsMTYuNjUzLDAsMCwwLTEuMDU4LTYuNDgxSDI3Mi4yMjJhMTYuODc2LDE2Ljg3NiwwLDAsMC0xLjA1NCw2Ljc3NSwxLjQ0MSwxLjQ0MSwwLDAsMC0xLjIyNS0uMTU5Yy0xLjA4NC40MDktMS40MTksMi4zNTctLjc0OCw0LjM1czIuMDkzLDMuMjc2LDMuMTc2LDIuODY3YTIzLjcsMjMuNywwLDAsMCw0LjA4Niw3LjkzMnEuNDM4LjUzNy44OTQsMS4wMXY1LjMxN2wtLjA0MSwwYTI0LjMxLDI0LjMxLDAsMCwwLDExLjYyMSwwbC0uMDUzLS4wMDZ2LTUuMzE0cS40NTktLjQ3NS45LTEuMDE3YTIzLjY4MSwyMy42ODEsMCwwLDAsNC4wNzktNy45MTMsMy41NDksMy41NDksMCwwLDAsMy4xNzgtMy4xNzNDMjk3LjcwNiwzNDQuOTcxLDI5Ny4zNzEsMzQzLjAyMywyOTYuMjg3LDM0Mi42MTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUzLjEyNSAtMzE2LjU5NCkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzMiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MyIgY2xhc3M9ImNscy00IiBkPSJNMzE2LjYyNSwxNzkuMTkzYTIyLjM5MSwyMi4zOTEsMCwwLDAsMS4wNTgsNi43NjFzNS4yLTE1LjEtNC41Ny0xNS4xYzAsMC0yNS4yOTEtOC43OTQtMTkuMzI4LDE1LjQwNWE2LjA4Myw2LjA4MywwLDAsMCwuNDY0LDEuMjI0QzI5OC4yNTUsMTgxLjU1NywzMTEuNTI3LDE4My40NzcsMzE2LjYyNSwxNzkuMTkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NS43NDEgLTE1OS4zOTUpIi8+DQogIDxwYXRoIGlkPSLot6/lvoRfMzc1IiBkYXRhLW5hbWU9Iui3r+W+hCAzNzUiIGNsYXNzPSJjbHMtNSIgZD0iTTUxMS43NzIsODE2LjA3MWE2LjYyOCw2LjYyOCwwLDAsMCw0LjMzMSwyLjdzMS41OS0yLjExMywxLjQ3Ny0zLjQwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODEuOCAtNzY3LjU3NSkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzYiIGRhdGEtbmFtZT0i6Lev5b6EIDM3NiIgY2xhc3M9ImNscy01IiBkPSJNNDE4LjQxNCw4MTYuMDg2YTYuNjI4LDYuNjI4LDAsMCwxLTQuMzMxLDIuN3MtMS41OS0yLjExMy0xLjQ3Ny0zLjQwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguNDQ1IC03NjcuNTkpIi8+DQogIDxwYXRoIGlkPSLot6/lvoRfMzc3IiBkYXRhLW5hbWU9Iui3r+W+hCAzNzciIGNsYXNzPSJjbHMtNiIgZD0iTTUwMyw4NDQuOTgybS0uNTQ2LDBhLjU0Ni41NDYsMCwxLDAsLjU0Ni0uNTQ2QS41NDYuNTQ2LDAsMCwwLDUwMi40NTksODQ0Ljk4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzMuMDMzIC03OTQuOTM5KSIvPg0KICA8cGF0aCBpZD0i6Lev5b6EXzM3OCIgZGF0YS1uYW1lPSLot6/lvoQgMzc4IiBjbGFzcz0iY2xzLTYiIGQ9Ik01MDIuOTU2LDg4MC43MjNtLS41NDYsMGEuNTQ2LjU0NiwwLDEsMCwuNTQ2LS41NDZBLjU0Ni41NDYsMCwwLDAsNTAyLjQxLDg4MC43MjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcyLjk4NyAtODI4LjU4NCkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzkiIGRhdGEtbmFtZT0i6Lev5b6EIDM3OSIgY2xhc3M9ImNscy02IiBkPSJNNTAyLjk1Niw5MTcuMW0tLjU0NiwwYS41NDYuNTQ2LDAsMSwwLC41NDYtLjU0NkEuNTQ2LjU0NiwwLDAsMCw1MDIuNDEsOTE3LjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcyLjk4NyAtODYyLjgyNCkiLz4NCjwvc3ZnPg0K) no-repeat center center; background-size: 100% 100%; } button { padding: 0; border-radius: 0; background: transparent; border: none; margin: 0; color: #fff; } .aui-tour-content button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 11; } .click-tip { font-size: 26rpx; line-height: 36rpx; margin-top: 2rpx; } .cu-item { height: 120rpx; } .item-content { display: flex; align-items: center; position: relative; height: 120rpx; overflow: initial; padding-left: 50rpx; } .cu-list { overflow: initial !important; } .my-icon { height: 48rpx; line-height: 48rpx; width: 32rpx; display: inline-block; margin-right: 22rpx; } .content-title { flex: 1; color: #111; font-size: 30rpx; font-weight: bold; line-height: 120rpx; border-bottom: 2rpx solid #e5e5e5; }