.mainstay.data-v-0466dfe2{ margin-top: 55rpx; width: 100%; } .mainstay .collList.data-v-0466dfe2{ 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-0466dfe2{ 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; -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-0466dfe2{ width: 100%; height: 210rpx; } .mainstay .collList .listLeft .collPic image.data-v-0466dfe2{ margin-top: 20%; margin-left: 5%; width: 90%; height: 80%; } /* 左边学校名字 */ .mainstay .collList .listLeft .collName.data-v-0466dfe2{ 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-0466dfe2{ 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-0466dfe2{ 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-0466dfe2{ 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-0466dfe2: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: 100rpx; -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-0466dfe2{ 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-0466dfe2{ font-size: 25rpx; -webkit-transform: skew(12deg); -ms-transform: skew(12deg); transform: skew(12deg); } /* 最低分,最高分 */ .mainstay .collList .listRight .listTop .score.data-v-0466dfe2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70rpx; -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 .gailv.data-v-0466dfe2{ font-size: 30rpx; } /* 最高分,最低分颜色 */ .mainstay .collList .listRight .listTop .collMaxSco>view.data-v-0466dfe2{ color: #999999; margin-right: 15rpx; } .mainstay .collList .listRight .listTop .collMaxSco.data-v-0466dfe2{ margin-right: 50rpx; margin-left: 20rpx; } .mainstay .collList .listRight .listTop .collMinSco>view.data-v-0466dfe2{ color: #999999; margin-right: 15rpx; } .mainstay .collList .listRight .listTop .gailv.data-v-0466dfe2{ margin-left: 20rpx; color: #999999; } /* 收藏图标和左边内容的比例是3:1 */ .mainstay .collList .listRight .listTop>view.data-v-0466dfe2: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-0466dfe2: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-0466dfe2{ -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; color: red; font-weight: 100; color:#FFB400; } .icon-wodeshoucang.data-v-0466dfe2{ color:#FFB400; font-size: 50rpx!important; } /* 分数匹配专业行的设置 */ .mainstay .collList .listRight .listBottom.data-v-0466dfe2{ padding-top: 20rpx; padding-left: 350rpx; font-size: 30rpx; color: #999999; } .mainstay .collList .listRight .listBottom>view.data-v-0466dfe2{ 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-0466dfe2:last-of-type{ color: red; margin-left: 10rpx; } .u-f.data-v-0466dfe2{ 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; } .u-s.data-v-0466dfe2{ 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-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; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* 模态框位置大小 */ .model.data-v-0466dfe2{ position: fixed; top: 30%; left: 10%; 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; width: 80%; height: 40%; border: 1rpx solid black; background: rgba(255,255,255,1); z-index: 999; } /* 模态框标题 */ .model .title.data-v-0466dfe2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(255,255,255,1); width: 100%; -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; font-size: 26rpx; margin-top: 20rpx; margin-bottom: 20rpx; } /* 模态框x号 */ .model .title>view.data-v-0466dfe2:last-of-type{ position: absolute; right: 30rpx; font-size: 20rpx; } .model .select.data-v-0466dfe2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .model .select>view.data-v-0466dfe2{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -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; width: 20%; text-align: center; font-size: 30rpx; background:#D9D9D9; padding-top: 20rpx; padding-bottom: 20rpx; } .model .content.data-v-0466dfe2{ 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-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; height: 100%; background:#D9D9D9 } .model .content .left.data-v-0466dfe2{ width: 20%; height: 100%; background: rgba(255,255,255,1); } .model .content .right.data-v-0466dfe2{ width: 80%; font-size: 30rpx; 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; } /* 遮罩层 */ .page.data-v-0466dfe2{ width: 100%; height: 100%; position: fixed; bottom: 0rpx; background: rgba(0,0,0,0.2); z-index: 100; } .prevent_move.data-v-0466dfe2{ overflow: hidden; }