.main { position: relative; width: 100%; background-color: #f1f1f1; overflow-y: auto; } .back { width: 40rpx; height: 40rpx; left: 15px; width: 40rpx; height: 40rpx; } .onea { font-weight: 600; position: absolute; top: 5%; left: 2%; } .biao { float: left; width: 10%; } .two { position: absolute; top: 25%; left: 2.5%; width: 95%; } .otherInfo { text-align: left; padding: 0 0 10px 5px; } .otherInfoq { padding: 0 0 0 5px; } .name { float: left; width: 38%; margin: 6px; margin-left: 10px; font-size: 16px; color: #0034cf; font-weight: bold; } .van-tabs__line { background-color: blue !important; } .left1 { margin: 5px; border-radius: 25px; } .text1 { margin-right: 3px; font-size: 14px; color: #5e5e5e; } .button { margin-top: 4px; /* background-color: rgb(238, 147, 28); */ border-radius: 15px; font-size: 13px !important; color: #fff; } .list { background-color: #fff; margin-bottom: 10px; border-radius: 8px; padding-top: 5px; } .text3 { font-size: 13px; color: #adadad; } .text4 { font-size: 14px; margin: 5px; color: #868686; font-weight: 600; } .text6 { font-size: 23px; color: rgb(46, 46, 245); font-weight: 500; } .text7 { font-size: 23px; color: rgb(243, 19, 19); font-weight: 500; } .text8 { font-size: 23px; font-weight: 500; margin-right: 5px; margin-left: 5px; } .otherInfo { text-align: left; padding: 0 0 15px 5px; } .otherInfos { padding: 0 0 0px 5px; } .right1 { border-radius: 5px; position: relative; width: 100%; height: 80px; background-color: #e9e9e9; } .right1_2 { float: left; width: 101% } .right1_2 .right1_2o { float: left; width: 11%; height: 40px; overflow: hidden; } .right1_2 .right1_2t { float: left; width: 33%; text-align: center; padding: 10px 0; } .right1_2 .right1_2t text { font-size: 14px; } .right1_2 .right1_2i { float: left; width: 10%; text-align: center; padding: 6px 0; } .right1_1 { text-align: center; } .thr { float: left; width: 95%; margin-top: 15%; margin-left: 2.5%; } .van-tabs__wrap { background-color: #f1f1f1 !important; } .tuan { margin-left: 11px; font-size: 16px; font-weight: 500; margin-right: 10px; } .thr-left { width: 79%; height: 56.31px; } .img { width: 100%; height: 56.31px; } .thr-1 { margin-left: 2%; margin-bottom: 2%; padding-top: 15px; padding-left: 10px; padding-bottom: 5px; float: left; width: 20%; background-color: #ffffff; } .thrsss { float: left; width: 100%; padding-top: 3%; } .thr-2 { padding-top: 10px; padding-left: 8px; float: left; width: 18%; height: 75px; background-color: #ffffff; /* border: 1px solid red; */ } .thr2 { float: left; width: 50px; height: 50px; border: 2px solid #dddcdc; } .thrname { font-size: 12px; color: #727272; } .thrperson { margin-left: 15px; margin-bottom: 10px; font-size: 12px; color: #727272; text-align: center; } .thr3 { margin-top: 22%; margin-left: 23%; } .head { background-color: rgb(43, 43, 43); color: white; width: 94%; margin-left: 2.5%; margin-bottom: -1px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-right-radius: 0em; border-bottom-left-radius: 0em; padding: 0 0 32px 3.5px; margin-top: 2%; } .head1 { float: left; width: 20%; font-size: 14px; margin-left: 19px; margin-top: 6px; } .head2 { float: left; width: 26%; font-size: 13px; margin-left: 5px; margin-top: 6px; } .head3 { float: left; width: 16%; font-size: 14px; margin-left: 29px; margin-top: 6px; } .head4 { float: left; width: 9%; font-size: 14px; margin-left: 29px; margin-top: 6px; } .listbang:nth-child(2) { background-color: rgba(247, 31, 67); } .listbang:nth-child(3) { background-color: rgba(245, 96, 133); } .listbang:nth-child(4) { background-color: rgb(252, 172, 198); } .listbang { width: 95%; margin-left: 2.5%; margin-bottom: 0.2%; } .sortContent { width: 88%; display: flex; align-items: center; justify-content: space-between; margin-left: 3.5%; margin-bottom: 0.2%; padding: 5px 10px 10px 10px; } .header { font-size: 26upx; margin-top: 20upx; } .headtou { float: left; margin-left: 20px; width: 17%; height: 33px; overflow: hidden; } .dui { float: left; width: 68%; font-size: 14px; margin-left: 5px; } .fen { float: left; width: 54%; font-weight: 500; } .fens { float: left; width: 9%; font-weight: 500; } .pai { margin-left: 5px; } .select-item { color: #ffff; } .dis-select-item { margin-top: 3px; background-color: white; color: #000; } .pai1 { font-size: 20px; font-style: italic; } .scorea { color: white; } .scoreb { color: red; } .scorec { color: black; } .lists:nth-child(even) { background-color: rgb(255, 250, 250); } .lists { font-weight: 500; font-size: 14px; } .background-image { position: relative; width: 100%; height: 70px; border-radius: 10px; } .content { position: absolute; padding-top: 5%; width: 100%; left: 0px; top: -2px; } .four1 { float: left; width: 100%; } .fourhead1 { margin-left: 25%; width: 67%; height: 33px; overflow: hidden; } .fourhead2 { margin-left: 5%; width: 55%; height: 34px; overflow: hidden; } .four { margin-bottom: 20%; } .fourtext5 { position: absolute; padding-top: 3px; padding-left: 20px; color: #fff; font-size: 13px; } .root { float: left; width: 96%; margin-left: 2%; padding-top: 5%; } .fourtext6 { padding-left: 260px; color: #fff; font-size: 13px; margin-top: -1px; } .fourright1_2 { margin-top: 2%; } .fourright1_2o { float: left; width: 20%; height: 36px; overflow: hidden; margin-top: 2px; } .fourright1_2t { float: left; width: 25%; text-align: center; padding: 10px 0; font-size: 14px; font-weight: 500; } .fourtext6-1 { background-color: rgb(228, 226, 226); text-align: center; color: #00427b; font-size: 20px; font-weight: bold; text-decoration: line-through; text-decoration-color: #fff; } .fourtext8-1 { font-size: 20px; font-weight: bold; margin: 0 5px; } .fourtext7-1 { background-color: rgb(228, 226, 226); text-align: center; color: #e70000; font-size: 20px; font-weight: bold; /* text-decoration: line-through; */ text-decoration-color: #fff; } .fourright1_2i { float: left; width: 10%; text-align: center; padding: 6px 0; }