.u-f.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .option.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; position: fixed; background: rgba(255,255,255,1); top: 0; } .selection.data-v-8a9e620a{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 55rpx; line-height: 55rpx; font-size: 30rpx; color: #999999; } .selection .icon.data-v-8a9e620a{ font-size: 20rpx; margin-left: 15rpx; margin-top: 10rpx; } .icon-up-fill.data-v-8a9e620a{ margin-bottom: 15rpx; } .down.data-v-8a9e620a{ color: red; } .option-bar .content.data-v-8a9e620a{ max-height: 600rpx; overflow-y: scroll; color: #000000; background: rgba(255,255,255,1); } .line>view.data-v-8a9e620a{ border-bottom: 1px solid #B2B2B2; margin-left: 30rpx; padding: 20rpx; } .line>view.data-v-8a9e620a:last-child{ border-bottom: 1px solid white; } /*遮罩层 */ .page.data-v-8a9e620a{ width: 100%; position: fixed; bottom: 0rpx; background: rgba(0,0,0,0.2); z-index: 100; } .box.data-v-8a9e620a{ position: fixed; top: 55rpx; z-index: 999; } .prevent_move.data-v-8a9e620a{ overflow: hidden; } /* 内容部分 */ .mainstay.data-v-8a9e620a{ margin-top: 55rpx; width: 100%; } .mainstay .collList.data-v-8a9e620a{ width:100%; height: 310rpx; border-top: 25rpx solid rgba(245,245,245,1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* 校徽部分 */ .mainstay .collList .listLeft.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: ; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mainstay .collList .listLeft .collPic.data-v-8a9e620a{ width: 100%; height: 210rpx; } .mainstay .collList .listLeft .collPic image.data-v-8a9e620a{ margin-left: 5%; margin-top: 20%; width: 90%; height: 80%; } /* 左边学校名字 */ .mainstay .collList .listLeft .collName.data-v-8a9e620a{ width: 100%; height: 100rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 30rpx; } .mainstay .collList .listRight.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mainstay .collList .listRight .listTop.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 210rpx; } /* 右边的分布 */ .mainstay .collList .listRight .listTop>view.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: black; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /* 地区,类型,985/211 */ .mainstay .collList .listRight .listTop>view>view.data-v-8a9e620a:first-of-type{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 120rpx; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* 平行四边形样式 */ .mainstay .collList .listRight .listTop>view>view:first-of-type>view.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F1F1F1; min-width: 20%; max-width: 42%; margin: 20rpx 0rpx 20rpx 20rpx; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); z-index: -1; } /* 平行四边形里面字体的样式 去除倾斜*/ .deletDeg.data-v-8a9e620a{ font-size: 25rpx; -webkit-transform: skew(12deg); -ms-transform: skew(12deg); transform: skew(12deg); } /* 最低分,最高分 */ .mainstay .collList .listRight .listTop>view>view.data-v-8a9e620a:last-of-type{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 90rpx; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 30rpx; } /* 最高分,最低分颜色 */ .mainstay .collList .listRight .listTop .collMaxSco>view.data-v-8a9e620a{ color: #999999; margin-right: 15rpx; } .mainstay .collList .listRight .listTop .collMaxSco.data-v-8a9e620a{ margin-right: 50rpx; margin-left: 20rpx; } .mainstay .collList .listRight .listTop .collMinSco>view.data-v-8a9e620a{ color: #999999; margin-right: 15rpx; } /* 收藏图标和左边内容的比例是3:1 */ .mainstay .collList .listRight .listTop>view.data-v-8a9e620a:first-of-type{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .mainstay .collList .listRight .listTop>view.data-v-8a9e620a:last-of-type{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 50rpx!important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mainstay .collList .listRight .listTop .icon.data-v-8a9e620a{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 50rpx!important; font-weight: 100; } .icon-wodeshoucang.data-v-8a9e620a{ color:#FFB400; font-size: 50rpx!important; } /* 综合评级行的设置 */ .mainstay .collList .listRight .listBottom.data-v-8a9e620a{ padding-top: 20rpx; padding-left: 350rpx; font-size: 30rpx; color: #999999; } .mainstay .collList .listRight .listBottom>view.data-v-8a9e620a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .mainstay .collList .listRight .listBottom .collLevel>view.data-v-8a9e620a:last-of-type{ color: red; margin-left: 10rpx; }