|
@@ -0,0 +1,117 @@
|
|
|
+@import "/app.wxss";
|
|
|
+.main {
|
|
|
+ height: var(--twoHeight);
|
|
|
+ background-color: var(--mainColor);
|
|
|
+}
|
|
|
+.main .one {
|
|
|
+ position: relative;
|
|
|
+ width: 100vw;
|
|
|
+ height: 120px;
|
|
|
+ border-bottom: 1px solid var(--fcColor);
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+}
|
|
|
+.main .one .one_1 {
|
|
|
+ height: 80px;
|
|
|
+ background-color: #216EC7;
|
|
|
+ border-bottom-left-radius: 10px;
|
|
|
+ border-bottom-right-radius: 10px;
|
|
|
+ color: transparent;
|
|
|
+}
|
|
|
+.main .one .one_2 {
|
|
|
+ position: absolute;
|
|
|
+ top: 5vw;
|
|
|
+ width: 92vw;
|
|
|
+ height: 86px;
|
|
|
+ margin: 0 2vw;
|
|
|
+ padding: 2vw;
|
|
|
+ background-color: var(--whiteColor);
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.main .one .one_2 .l {
|
|
|
+ display: flex;
|
|
|
+ justify-content: start;
|
|
|
+ width: 72vw;
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_1 {
|
|
|
+ padding: 3vw 0;
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_1 .icon {
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ border-radius: 90px;
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_2 {
|
|
|
+ width: 56vw;
|
|
|
+ padding: 4vw 0 0 0;
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_2 .info {
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+ padding: 0 2vw;
|
|
|
+ font-size: var(--font16Size);
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_2 .info:nth-child(1) {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: var(--font18Size);
|
|
|
+}
|
|
|
+.main .one .one_2 .l .l_2 .info:nth-child(2) {
|
|
|
+ color: var(--f85Color);
|
|
|
+ font-size: var(--font15Size);
|
|
|
+}
|
|
|
+.main .one .one_2 .r {
|
|
|
+ padding: 8vw 0;
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ color: var(--f85Color);
|
|
|
+}
|
|
|
+.main .two {
|
|
|
+ position: relative;
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+.main .two .list {
|
|
|
+ margin: 0 2vw 2vw 2vw;
|
|
|
+ padding: 2vw;
|
|
|
+ background-color: var(--f9Color);
|
|
|
+}
|
|
|
+.main .two .list .list_1 {
|
|
|
+ font-size: var(--font16Size);
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+}
|
|
|
+.main .two .list .list_1 text {
|
|
|
+ padding: 0 2vw 0 0;
|
|
|
+}
|
|
|
+.main .two .list .list_2 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+.main .two .list .list_2 .btn {
|
|
|
+ width: 28vw;
|
|
|
+ margin: 0 4vw 2vw 0;
|
|
|
+ padding: 2vw 0;
|
|
|
+ background-color: var(--whiteColor);
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.main .two .list .list_2 .btn .iconfont {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 25px;
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+}
|
|
|
+.main .two .list .list_2 .btn .btn_1 {
|
|
|
+ font-size: var(--font14Size);
|
|
|
+}
|
|
|
+.main .two .list .list_2 .btn:nth-child(3n) {
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+}
|
|
|
+.scroll-view {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+.scroll-view .list-scroll-view {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|