.main { display: flex; flex-direction: column; width: 100vw; } .main .one { float: left; width: 95%; overflow: hidden; padding: 20rpx; } .main .one .one_1 { float: left; width: 100%; font-size: 28rpx; font-weight: bold; padding: 5px 0; } .main .one .one_2 { float: left; width: 100%; } .main .one .one_2 view { float: left; width: 50%; font-size: 22rpx; color: #666; } .main .one .one_2 view:nth-child(2) view { width: 100%; text-align: right; color: #000000; font-weight: bold; } .main .info { position: relative; flex-grow: 1; } .main .info .two { height: 62vh; display: flex; flex-direction: row; } .main .info .two .two_1 { position: relative; width: 25vw; background-color: #fafafa; display: flex; flex-direction: column; } .main .info .two .two_1 .infoTab { text-align: center; padding: 10px 0px; border-bottom: 1px dashed #ccc; font-size: 13px; font-weight: bold; } .main .info .two .two_1 .infoActive { color: #409eff; } .main .info .two .two_2 { flex-grow: 1; position: relative; display: flex; flex-direction: column; } .main .info .two .two_1 .info .info_right .info_right1 { float: left; width: 100%; overflow-y: auto; } .main .info .two .two_2 .list { float: left; width: 93%; padding: 8px; border-bottom: 1px solid #f1f1f1; } .main .info .two .two_2 .list .image { float: left; width: 30%; } .main .info .two .two_2 .list .image image { width: 100%; height: 70px; border-radius: 10px; } .main .info .two .two_2 .list .other { float: left; width: 68%; padding: 0 0 0 5px; } .main .info .two .two_2 .list .other .other_1 { float: left; width: 100%; font-size: 15px; font-weight: bold; color: #000000; } .main .info .two .two_2 .list .other .other_2 { float: left; width: 100%; } .main .info .two .two_2 .list .other .other_2 .other_2num { float: left; width: 45%; font-size: 12px; padding: 5px 0; color: #666; } .main .info .two .two_2 .list .other .other_2 .other_2num text { color: #ff0000; } .main .info .two .two_2 .list .other .other_2 .other_2btn { float: left; width: 55%; } .main .info .two .two_2 .list .other .other_3 { float: left; width: 100%; color: #ff0000; font-size: 15px; } .main .btn { display: flex; align-items: center; width: 100%; background-color: #ffffff; } .main .btn .btn_1 { float: left; width: 64%; padding: 0 10px; color: #ff0000; font-size: 20px; } .main .btn .btn_2 { float: left; width: 30%; text-align: center; } .main .btn .btn_2 button { height: 50px; background-color: #409eff; } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view { display: flex; flex-direction: column; }