.topublishArticle .topublish-btn { position: fixed; right: 0rpx; bottom: 333rpx; z-index: 1000; height: 100rpx; display: flex; align-items: center; width: auto; } .topublishArticle .topublish-btn .img { width: 100rpx; height: 100rpx; transition: all 500ms linear; } .topublishArticle .topublish-btn .buttonEject { width: 234rpx; height: 240rpx; background-color: #f2f2f2; border-radius: 20rpx; -moz-box-shadow: 0rpx 0rpx 11rpx #dddddd; -webkit-box-shadow: 0rpx 0rpx 11rpx #dddddd; box-shadow: 0rpx 0rpx 11rpx #dddddd; padding: 0 28rpx; margin-right: 20rpx; position: relative; color: #000; } .topublishArticle .topublish-btn .buttonEject::after { content: ''; width: 0rpx; height: 0rpx; display: block; border-top: 18rpx solid transparent; border-left: 16rpx solid #f2f2f2; border-bottom: 18rpx solid transparent; position: absolute; top: 50%; right: -16rpx; bottom: 0; transform: translateY(-50%); } .topublishArticle .topublish-btn .buttonEject .buttonEject-item { height: 120rpx; line-height: 120rpx; text-align: center; font-size: 28rpx; display: flex; align-items: center; justify-content: center; } .topublishArticle .buttonEject-item:first-child .buttonEjectIcon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADlElEQVRYCbWW2YuNYRzHzxgh2fcYJFuWIXsuJmZGojRKlhtjhhv/ABdC1gsuyJ1rSShLlgtlGVwoawqFqMEUQ2TP0uDzOd53mjlz3jnPMeNbn/Nsv/f3e57f87zvcwpSyerB0AIogyEwAAohRA0YvYY6qIFz8BGCZOAd8Bl+txP62g7doZkKmrVSqXG0T8MoMPhFOANPoR7sC5F+B8JIqACzaN/jqP2IsoUM/g4Mch2mQntpGo5ugL6NMRaaybQ7Ow2OQRdwv6vhCvzLdnzluatQBR1An/o2hhlIb0e8BTvp2AjOcg50hRMwG47AJXgFHq4QOflBUA4rwEXMByfhpGbAdtgCKVfvCnVu2n34MtTCRGirinGwoYkTt+MXfIJ0FpyhaTkPqhq+wwT4X7qAY2Mu68jPXFBn/xap1ZSm/UHUzlb0o7MSpkSDdygPwtuonaswlttT6uEYGll7CJXb4J4nqYKBJ7AJekIv2Az2LYIkea7i8ThWkcbXwHTMgk5RPTak2UzauD0HwLMTy4mYAcdmxp0Z5ULa7r0xtDHmNTMQvwl2xHWqWbWb3pvgNn1sYvGBejXcBm2yqZBO/YuxVIFnIFS9MSyBxeBKMtVAxy44CW7Le8gpMxCqbpHh3VYeqGVMn15cQconAy/w2AdMd5LGM2AmnicZZPbnkwGfbS14Z8bXwSn4BkHKnIB7+xM8zfnIlXvnj4AN+TyYOQGD+6msCXTiid4H98HPahnE7zjV3Mp2Bu7lfqzRYg21tVAJhyHb20F3srJNINm65YjZOg6HWg6F9bR1AuvDwiRbeQYav0rU3dOrEHoT9sXWVzMfNf3i/nYC8Q2mMwenwHTIpWEYPIqwnkv9MPgEP6B/ZPzGCdRFjdFR6dVaHtVDCrMWonkYeVeoOFY69nI6XPkFR1AVOMtiGzk0nPGQ1U/Gzld8ZeTvIqUxl9r2Wv0MvkKm3lurBmphErRVBn8GLtCM+3/QWG5HN98Cr9W9sBn2QwksAV+vW3AUnPFLaIAQuYjB4Fb6l+8KLIPOYAy3bQ+48LS68+uBMi0G9t+rs10Fl+ELOJYPOjeTlaAvfepbHw8hvl2p/tVYinegwQ2YBu0lt9Y/Mvp+C2MgrcwT7CROgwYaX4Iz8ATqwb4Q6XcgjIIKKAX7zLLtVu8LU7MNTKEB2wMP3FZokXZnlSTPxQJw9kXgijxcIfKwmjHfc7PoVd144Kg36g8XLPvRljAFtwAAAABJRU5ErkJggg==); } .topublishArticle .buttonEject-item:last-child .buttonEjectIcon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAD7UlEQVRYCe2YS4iWVRjHJ29jpXnpYirSQlLECzRjpCJoIKIG2cpFMItcqCAoLlwI4taiVukiQaVoFiWUUEm0SLx3obQkvDUyw2iMkgsra7LM+v3kfV/O9855x/f75vvGhf3hN+e8zznnOc937trU9L8GNgIPRJrPwbYd5kfKGmXqxfFueBXMF+plSv6Gf+8RJ+l3PGQKR3AC1k54MCk9TXoRbiXfjUrG4vhZMFXt0HYnl/uzhe905Dbmyhr96aidSfp3QJ6IdfhBUuF30iGxCg22OSjpAD2f9hUG4hSrHrh9Jze4f7qD7tJl1jQsMDYn+X8CW5idyMfM0FBjvoN2XZG20X7DACNtMlMLueMwMrPUnrlJ07nwQxkX4RQ7/0V6hIJ6BKf/ETDaTBmVHcFDOFsIz8DDUKs8Y7+GL8o6KBug/pxiGVSFU3wvdm74Y8NNksVSzQiGzhqR/w6nN8CYsg1UTYAv0nAGlJUjchC8X8voJypNg6FwOdbgS4zu5PORwqVJWXrSl029lbJDN+L3rqZwBPs7ZjrxdB3SC/2ujpMKZ0k994rk0bUaFoPT63V7ADKFAWbGSOZHbF7gUyJlRSYXulOVLfhcRf19BM8F9lfIvwdt0OcVdQKjoxibYsx11WN48zlnf87OZtgJvaDtNeijwQrQp9UpMBCZB6kWk3HEDfRxqJCHsA0aOYKu4W+SftIAj/IdXn3pZn0Be8VrxgZFGk7BJphaUMH1sg8OF5Rr9j7/DFrBQWiHreAV+iksh9/Ana/cQBU6xlfRCL6UlKW/Opa6IYo0hoJ0CZ0j/2RS0VG6CfrzjnYt+mP/gAlQof4CdOS6IRaYNg/l3RDTOIxfgfU6YDKEWsnHXxD6Xh9WSPP9BZjWqTZ9lAbfgp13wVMQk8sjDXBbrIK2egfoLvwe7NjpL1q/4Qi+Qb1CuZt0Vo9d7PrxwtdfD0yHmJZh/BOs93qsQmirV4DevT5I7fRnmAUxuXu93qz3ZqxC3lavAN/GsZ16ZPgCj2kBRsut9xaE/4HAZ1xHMNtgIFPcQnt3tH5WQUytGH14WGcvDIFSqkeA79KTHesrptkYr4F13oehUFreAja8ULpFZUXX3q+gDx+3eblRrkBNwens86TxL37UoEW0sXOnb0SuvcF51Fj+IXh1Vq1dtNCBeAVVK68p234SNBxFfgP4oy37GPLBYyrWsKDoHfJrku/9pL5uvTc9p2Ly37gHIN1UzUklHwVrYQUsgYdA7QGvMK+1muVJno5imfRq0NNM8gadb3cSm4+NusjzyF95CfIdxb7zu3U+7XYkrCN9Ggak/g7ISXju8yYLevO8c+Gb3r/6D6ATN6OdcwRpAAAAAElFTkSuQmCC); } .topublishArticle .topublish-btn .buttonEject .buttonEject-item:first-child { border-bottom: 2rpx dotted #e4e4e4; } .topublishArticle .topublish-btn .buttonEject .buttonEjectIcon { width: 36rpx; height: 36rpx; display: block; background-size: contain; margin-right: 10rpx; } .topublishArticle .rotate { transform: rotate(45deg); } .topublishArticle .bj { background-color: transparent; position: fixed; top: 0; left: 0; width: 750rpx; height: 100vh; } .empty { height: 100%; background-color: #fff; color: #7F7F7F; font-size: 23rpx; margin: 36rpx 0rpx 0; border-radius: 30rpx; } .empty .dot { width: 12rpx; height: 12rpx; } .empty .dot:not(:last-of-type) { margin-right: 8rpx; } .empty .empty-icom { width: 153rpx; height: 180rpx; margin-top: 12rpx; margin-bottom: 30rpx; } .vote-item-box { background-color: rgba(255, 255, 255, 1); border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 40.5rpx; position: relative; border: 1rpx solid #f2f2f2; } .vote-item-box .vote-item-title { color: #000; font-size: 36rpx; font-weight: 650; margin: 0 30rpx 30rpx; .vote-item-title-text { display: inline; line-height: 55.5rpx; } } .vote-item-box .vote-item-title .vote-item-title-state { align-items: center; color: #fff; display: inline-flex; justify-content: center; margin-right: 18rpx; padding: 0 11.25rpx; height: 42rpx; line-height: 42rpx; background-color: rgba(51, 51, 51, 1); color: #FFFFFF; border-radius: 45rpx; font-size: 22.5rpx; vertical-align: text-top; } .vote-item-box .vote-item-title .vote-item-title-state.vote-item-title-state-underway { color: #333333; background-color: rgba(246, 246, 189, 1); border: 1rpx solid rgba(238, 240, 158, 1); } .vote-item-box .vote-item-message { font-size: 24rpx; color: #555555; line-height: 39rpx; margin: 0 30rpx 30rpx; } .vote-item-box .vote-item-list { background-color: rgba(251, 251, 251, 1); border: 1rpx solid rgba(242, 242, 242, 1); border-bottom: none; border-radius: 15rpx 15rpx 0 0; margin: 0 30rpx; // padding: 13.5rpx 0; overflow: hidden; // max-height: 140rpx; max-height: 210rpx; } .vote-item-box .vote-item-list.vote-item-list-already { // max-height: 205rpx; } .vote-item-box .vote-item-list.vote-item-list-already .vote-item-list-bottom { display: flex; } .vote-item-box .vote-item-list .vote-item-list-item { height: 82.5rpx; padding: 0 22.5rpx; color: #333; line-height: 30rpx; font-size: 24rpx; flex-direction: column; justify-content: center; } .vote-item-box .vote-item-list.vote-item-list-already .vote-item-list-item { height: 93rpx; } .vote-item-box .vote-item-list .vote-item-list-item:not(:last-of-type) { border-bottom: 1rpx solid #f2f2f2; } .vote-item-box .vote-item-list .vote-item-list-index { background-color: #333333; width: 27rpx; height: 27rpx; line-height: 27rpx; text-align: center; border-radius: 50%; font-size: 16.5rpx; color: #fff; margin-right: 18rpx; } .vote-item-box .vote-item-list .vote-item-list-value { font-size: 27rpx; color: #333333; line-height: 30rpx; } .vote-item-box .vote-item-list .vote-tick { width: 27rpx; height: 27rpx; margin-right: 9rpx; } .vote-item-box .vote-item-list .vote-item-list-bottom { color: #70B5C3; font-size: 19.5rpx; justify-content: flex-end; line-height: 30rpx; margin-top: 5rpx; display: none; } .vote-item-box .vote-item-list .vote-item-list-bottom .length { width: 60rpx; height: 6rpx; background-color: rgba(207, 247, 255, 1); border-radius: 99rpx; margin-right: 12rpx; transition: all .3s; } .vote-item-box .vote-item-bottom { border-top: 1rpx solid #f2f2f2; height: 94.5rpx; justify-content: space-between; padding: 0 30rpx; } .vote-item-box .vote-item-bottom .vote-item-bottom-avatar { border-radius: 50%; width: 42rpx; height: 42rpx; margin-right: 18rpx; } .vote-item-box .vote-item-bottom .vote-item-bottom-left { color: #aaa; line-height: 33rpx; font-size: 22.5rpx; } .mj-item-box { margin: 0 24rpx 30rpx; background-color: #fff; border: 1rpx solid rgba(242, 242, 242, 1); border-radius: 30rpx; padding: 39rpx 30rpx 30rpx; position: relative; } .mj-item-box .mj-item-school { margin-bottom: 18rpx; font-weight: 650; color: #000; font-size: 30rpx; line-height: 54rpx; } .mj-item-box .mj-item-school-icon { width: 60rpx; height: 60rpx; margin-right: 21rpx; } .mj-item-box .mj-item-school-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-size: 36rpx; font-weight: 650; line-height: 54rpx; color: #000000; } .mj-item-box .mj-item-info { font-size: 22.5rpx; margin-bottom: 30rpx; } .mj-item-box .mj-item-info .mj-item-info-key { margin-right: 16rpx; color: #7f7f7f; font-size: 24rpx; } .mj-item-box .mj-item-info .mj-item-info-value { color: #333333; width: 540rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 27rpx; } .mj-item-box .mj-item-info .mj-item-info-value.mj-item-info-timestamp-value { color: #026277; font-weight: 700; font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif; } .mj-item-box .mj-item-info .mj-item-info-item:not(:last-of-type) { margin-bottom: 18rpx; } .mj-item-box .mj-item-course { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(251, 251, 251, 1); border-radius: 15rpx; height: 69rpx; line-height: 69rpx; font-size: 24rpx; padding: 0 15rpx; word-break: keep-all; box-sizing: border-box; margin-bottom: 30rpx; color: #555555; } .mj-item-box .mj-item-bottom { justify-content: space-between; } .mj-item-box .mj-item-bottom .mj-item-bottom-left { color: #aaa; font-size: 22.5rpx; } .mj-item-box .mj-item-bottom .mj-item-bottom-avatar { width: 42rpx; height: 42rpx; margin-right: 18rpx; border-radius: 50%; } .summary-item { margin: 0 22rpx 30rpx; position: relative; } .summary-item .summary-item-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; } .summary-item .summary-item-right { flex: 1; } .summary-item .summary-item-name { font-size: 23rpx; color: #555555; } .summary-item .summary-item-time { font-size: 20rpx; color: #aaaaaa; margin-left: 10rpx; } .summary-item .summary-item-box { background-color: #fff; border-radius: 30rpx; padding-top: 45rpx; box-sizing: border-box; border: 1rpx solid #f2f2f2; } .summary-item .summary-item-title { font-size: 36rpx; // line-height: 36rpx; color: #000; font-weight: 650; word-break: break-all; margin: 0 28.5rpx 30rpx; font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; } .summary-item .summary-item-text { width: 646rpx; border-radius: 12rpx; position: relative; line-height: 36rpx; font-size: 24rpx; word-break: break-word; margin: 0 30rpx 30rpx; } .summary-item .summary-item-text-icom { width: 18rpx; height: 18rpx; position: absolute; top: 0; left: 0; } .summary-item .summary-item-total { font-size: 22.5rpx; color: #555555; margin-bottom: 13rpx; margin-left: 26rpx; } .summary-item .summary-offer-box { background-color: rgba(251, 251, 251, 1); border: 1rpx solid rgba(242, 242, 242, 1); border-radius: 15rpx; padding: 30rpx 0 0; margin: 0 24rpx 30rpx; overflow: hidden; } .summary-item .summary-offer-box.summary-offer-box-three { max-height: 404rpx; margin-bottom: 0; border-radius: 15rpx 15rpx 0 0; border-bottom: none; box-sizing: border-box; } .summary-item .summary-offer-item { padding: 27rpx 15rpx; } .summary-item .summary-offer-item:not(:last-of-type) { border-bottom: 2rpx solid #f2f2f2; } .summary-item .summary-offer-item .summary-offer-content-name { color: #000; font-size: 27rpx; line-height: 36rpx; word-break: break-word; margin-bottom: 6rpx; color: #000000; } .summary-item .summary-offer-item .summary-offer-avatar { width: 54rpx; height: 54rpx; margin-right: 18rpx; } .summary-item .summary-offer-item .summary-offer-content-brief { color: #aaaaaa; font-size: 22.5rpx; line-height: 36rpx; } .summary-item .summary-offer-item .line-between { margin: 0 14rpx; background-color: #d7d7d7; height: 22rpx; width: 2rpx; } .screen-box-sum-box { margin-top: 48rpx; } .screen-box-sum-box .screen-box-sum-line { width: 100rpx; margin: 0 22rpx; border-bottom: 2rpx #d7d7d7 dotted; } .screen-box-sum-box .screen-box-sum-text { font-size: 22rpx; color: #555555; } .screen-box-sum-box .screen-box-sum-sum { font-weight: 650; margin: 0 10rpx; color: #000; } .summary-item-box .summary-offer-more { background-color: rgba(246, 246, 246, 1); width: 150rpx; height: 45rpx; border-radius: 65rpx; font-size: 22rpx; color: #aaaaaa; margin: 16rpx auto 0; } .summary-item-box .summary-offer-more .summary-offer-more-icom { width: 21rpx; height: 21rpx; margin-left: 12rpx; } .summary-item-box .summary-offer-bottom { border-top: 1.5rpx solid #f2f2f2; height: 108rpx; padding: 0 31.5rpx; justify-content: space-between; background-color: #fff; border-radius: 0 0 30rpx 30rpx; } .summary-item-box .summary-offer-bottom .summary-offer-bottom-left { font-size: 22.5rpx; color: #AAAAAA; } .summary-item-box .summary-offer-bottom .summary-offer-bottom-avatar { width: 42rpx; height: 42rpx; margin-right: 18rpx; border-radius: 50%; } .victory-offer-item { display: flex; margin: 0 22rpx 30rpx; position: relative; } .victory-offer-item .victory-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; } .victory-offer-item .victory-offer-right { flex: 1; } .victory-offer-item .victory-offer-right .victory-offer-header { line-height: 36rpx; } .victory-offer-item .victory-offer-right .victory-offer-user-name { color: #555555; font-size: 23rpx; } .victory-offer-item .victory-offer-right .victory-offer-user-time { color: #aaaaaa; font-size: 20rpx; margin-left: 10rpx; } .victory-offer-item .victory-offer-right .victory-offer-box { border-radius: 30rpx; background-color: #fff; box-sizing: border-box; border: 1rpx solid rgb(242, 242, 242); } .victory-offer-item .victory-offer-box { padding: 39rpx 30rpx 34.5rpx; } .victory-offer-item .victory-offer-box .victory-offer-info-avatar { width: 50rpx; height: 50rpx; margin-right: 18rpx; } .victory-offer-item .victory-offer-info-box { flex: 1; } .victory-offer-item .victory-offer-info-name { font-size: 32rpx; font-weight: 650; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; word-break: break-word; color: #000; flex: 1; } .victory-offer-item .victory-offer-info-attention { width: 90rpx; height: 42rpx; border-radius: 50rpx; border: 1rpx solid rgba(215, 215, 215, 1); color: #333; font-size: 22rpx; } .victory-offer-item .victory-offer-info-major { color: #7F7F7F; font-size: 24rpx; margin-right: 15rpx; } .victory-offer-item .victory-offer-info-value { color: #333333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 27rpx; word-break: break-word; } .victory-offer-item .victory-offer-info-item { color: #7F7F7F; align-items: flex-start; margin-top: 20rpx; .victory-offer-info-item-results { padding: 0 13.5rpx; height: 33rpx; background-color: rgba(246, 246, 246, 1); border-radius: 55.5rpx; font-size: 23rpx; color: #72DB86; font-family: 'ArialMT', 'Arial', sans-serif; } } .victory-offer-item .victory-offer-info-box .line-between { margin: 0 14rpx; background-color: #d7d7d7; height: 22rpx; width: 2rpx; } .victory-offer-item .victory-offer-info-result { border-radius: 55rpx; height: 33rpx; color: #50E3C2; font-size: 21rpx; padding: 0 14rpx; background-color: rgba(229, 251, 248, 1); } .victory-offer-item .victory-offer-info-result.reject { color: #FF6B59 !important; background: rgba(248, 118, 100, 0.1) !important; } .victory-offer-item .victory-offer-info-result.ab { color: #008cff; background-color: rgba(2, 86, 255, 0.1); } .victory-offer-item .victory-offer-info-xiaobox { flex: 1; background-color: rgba(251, 251, 251, 1); border-radius: 12rpx; padding: 18rpx; margin-top: 27rpx; } .victory-offer-item .victory-offer-info-xiaobox .victory-offer-info-title { font-size: 27rpx; color: #000; font-weight: 400; line-height: 42rpx; word-break: break-word; } .victory-offer-item .victory-offer-info-xiaobox .victory-offer-info-content { font-size: 24rpx; color: #555555; line-height: 39rpx; word-break: break-all; width: 607.5rpx; } .victory-offer-item .victory-offer-info-xiaobox .victory-offer-info-content .victory-offer-info-content-icon { width: 27rpx; height: 27rpx; } .victory-offer-item .victory-offer-onearth { color: #AAAAAA; line-height: 36rpx; text-align: center; font-size: 20rpx; margin-top: 50rpx; } .victory-offer-item .victory-offer-bottom { margin-top: 28.5rpx; justify-content: space-between; font-size: 21rpx; color: #AAAAAA; } .victory-offer-item .victory-offer-bottom .victory-offer-bottom-left .victory-offer-bottom-avatar { width: 42rpx; height: 42rpx; border-radius: 50%; margin-right: 18rpx; } .victory-offer-item .numerical-box { justify-content: flex-end; } .victory-offer-item .numerical-box .numerical-item { font-size: 21rpx; color: #7F7F7F; margin-left: 24rpx; } .victory-offer-item .numerical-box .numerical-icon { width: 27rpx; height: 27rpx; margin-right: 6rpx; } .item-label { position: absolute; top: 0; right: 0; min-width: 135rpx; padding: 0 14rpx; height: 39rpx; background-color: rgb(246, 246, 189); box-sizing: border-box; border-top: 1rpx solid rgb(238, 240, 158); border-right: 1rpx solid rgb(238, 240, 158); font-size: 21rpx; color: #333333; border-radius: 0 30rpx 0 30rpx; } .questions-answers-item { background-color: #ffffff; border: 1rpx solid rgb(242, 242, 242); border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; padding-bottom: 36rpx; position: relative; .questions-answers-title { font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-weight: 650; font-size: 33rpx; color: #000000; line-height: 54rpx; margin: 0 30rpx 15rpx; .questions-answers-icon { width: 36rpx; height: 36rpx; background-color: rgba(51, 51, 51, 1); border-radius: 18rpx; -moz-box-shadow: 0rpx 0rpx 4.5rpx rgba(0, 0, 0, 0.0705882352941176); -webkit-box-shadow: 0rpx 0rpx 4.5rpx rgba(0, 0, 0, 0.0705882352941176); box-shadow: 0rpx 0rpx 4.5rpx rgba(0, 0, 0, 0.0705882352941176); display: inline-flex; .questions-answers-img { width: 18rpx; height: 30rpx; } } } .questions-answers-text { width: 645rpx; height: 69rpx; line-height: 69rpx; background-color: rgba(251, 251, 251, 1); border-radius: 15rpx; padding: 0 26.25rpx; box-sizing: border-box; margin: 0 30rpx 33rpx; font-size: 24rpx; color: #555555; } .questions-answers-bottom { justify-content: space-between; margin: 0 30rpx; .questions-answers-bottom-left { font-size: 19.5rpx; color: #AAAAAA; .questions-answers-bottom-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 18rpx; } } } } .admission-officer-item { background-color: #ffffff; border: 1rpx solid #f2f2f2; border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; padding-bottom: 36rpx; position: relative; .admission-officer-title { margin: 0 30rpx 15rpx; font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-weight: 650; font-style: normal; font-size: 33rpx; color: #000000; line-height: 45rpx; } .admission-officer-text { width: 645rpx; height: 69rpx; line-height: 69rpx; background-color: #fbfbfb; border-radius: 15rpx; padding: 0 26.25rpx; box-sizing: border-box; margin: 0 30rpx 33rpx; font-size: 24rpx; color: #555555; } .admission-officer-bottom { justify-content: space-between; margin: 0 30rpx; .admission-officer-bottom-left { font-size: 19.5rpx; color: #AAAAAA; .admission-officer-bottom-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 7.5rpx; } } } } .find-flyer-item { margin: 0 24rpx 30rpx; background-color: #fff; border: 1rpx solid #f2f2f2; border-radius: 30rpx; padding: 39rpx 30rpx 30rpx; position: relative; .find-flyer-header { .find-flyer-header-icon { width: 24rpx; height: 24rpx; margin: 0 25.5rpx; } font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-weight: 650; font-size: 33rpx; color: #000000; margin-bottom: 27rpx; } .find-flyer-message { .find-flyer-message-icon { width: 24rpx; height: 27rpx; margin-right: 12rpx; } font-size: 24rpx; color: #333333; margin-bottom: 27rpx; .line { width: 1rpx; height: 24rpx; background-color: rgba(170, 170, 170, 0.69); margin: 0 10rpx; } } .find-flyer-text { width: 645rpx; height: 69rpx; background-color: rgba(251, 251, 251, 1); border-radius: 15rpx; color: #555; font-size: 24rpx; padding: 0 15rpx; box-sizing: border-box; margin-bottom: 27rpx; .flight { color: #026277; margin-right: 10rpx; } } .find-flyer-bottom { justify-content: space-between; .find-flyer-bottom-left { font-size: 19.5rpx; color: #AAAAAA; .find-flyer-bottom-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 7.5rpx; } } } } .renting-item { background-color: #ffffff; border: 1rpx solid #f2f2f2; border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; position: relative; .renting-item-title { font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-weight: 650; font-size: 33rpx; color: #000000; line-height: 45rpx; margin-bottom: 21rpx; padding-left: 33rpx; padding-right: 21rpx; word-break: break-all; } .renting-item-content { justify-content: space-between; padding-left: 33rpx; padding-right: 21rpx; .renting-item-content-left { flex-direction: column; .renting-item-type { flex-wrap: wrap; margin-bottom: 20rpx; .renting-item-type-item { height: 36rpx; font-size: 21rpx; color: #7F7F7F; background-color: rgba(242, 242, 242, 1); border-radius: 9rpx; padding: 0 10rpx; margin-right: 12rpx; margin-bottom: 10rpx; &:first-of-type { color: #fff; background-color: rgba(51, 51, 51, 1); } } } .renting-item-site { flex-wrap: wrap; .renting-item-site-item { font-size: 24rpx; color: #555; padding-right: 12rpx; border-radius: 15rpx; height: 44rpx; line-height: 44rpx; margin-right: 15rpx; margin-bottom: 15rpx; white-space: nowrap; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; .renting-item-site-icon { width: 27rpx; height: 27rpx; margin-right: 8rpx; } } } .renting-item-price-section { color: #555555; margin-top: 5rpx; margin-bottom: 20rpx; flex-wrap: wrap; .renting-item-unit { color: #000000; font-size: 22rpx; font-weight: bolder; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .renting-item-price { color: #F95D5D; font-size: 30rpx; font-weight: bolder; padding: 0 15rpx; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .renting-item-text { margin-right: 20rpx; } .renting-item-rentalduration { color: #7f7f7f; font-size: 21rpx; } } } .renting-item-content-right { .renting-item-image { width: 200rpx; height: 174rpx; border-radius: 15rpx; } .renting-item-video { position: relative; border-radius: 15rpx; overflow: hidden; .renting-item-mask { width: 100%; height: 100%; position: absolute; background-color: rgba(51, 51, 51, 0.733); } .renting-item-video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45rpx; height: 45rpx; } } } } .renting-item-bottom { border-top: 1rpx solid #f2f2f2; padding: 30rpx 33rpx 36rpx; .renting-item-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 18rpx; } font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; color: #AAAAAA; font-size: 21rpx; .line { color: #D7D7D7; margin: 0 15rpx; } } } .thread-item { background-color: #ffffff; border: 1rpx solid rgb(242, 242, 242); border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; padding-bottom: 36rpx; position: relative; .thread-title { font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-weight: 650; font-size: 36rpx; color: #000000; line-height: 54rpx; margin: 0 30rpx 15rpx; } .thread-text { width: 645rpx; height: 69rpx; line-height: 69rpx; background-color: rgba(251, 251, 251, 1); border-radius: 15rpx; padding: 0 26.25rpx; box-sizing: border-box; margin: 0 30rpx 33rpx; font-size: 24rpx; color: #555555; } .thread-bottom { justify-content: space-between; margin: 0 30rpx; .thread-bottom-left { font-size: 22.5rpx; color: #AAAAAA; .thread-bottom-avatar { width: 42rpx; height: 42rpx; border-radius: 50%; margin-right: 18rpx; } } } } .answers-item { background-color: #ffffff; border: 1rpx solid rgb(242, 242, 242); border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; padding-bottom: 36rpx; position: relative; .answers-title { font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; font-weight: 400; font-size: 33rpx; color: #000000; line-height: 54rpx; margin: 0 30rpx 15rpx; } .answers-content { .answers-label { font-size: 21rpx; color: #026277; width: 36rpx; height: 36rpx; background-color: rgba(207, 247, 255, 1); border-radius: 7.5rpx; margin-right: 15rpx; } margin: 0 30rpx 49.5rpx; font-size: 24rpx; color: #555555; line-height: 39rpx; } .answers-bottom { justify-content: space-between; margin: 0 30rpx; .answers-bottom-left { font-size: 19.5rpx; color: #AAAAAA; .answers-bottom-avatar { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 7.5rpx; } } } } .emoji-item { border-radius: 12rpx; padding: 0 12rpx; box-sizing: border-box; .emoji-item-icon { font-family: 'emoji-font'; font-size: 30rpx; display: flex; align-items: center; } } .questions-and-answers { background-color: #ffffff; border: 1rpx solid #f2f2f2; border-radius: 30rpx; margin: 0 22.5rpx 30rpx; padding-top: 54rpx; padding-bottom: 36rpx; position: relative; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; .title { font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-weight: 650; font-size: 36rpx; color: #000000; line-height: 54rpx; margin: 0 30rpx 30rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; max-height: 3em; } .answers-box { font-size: 24rpx; color: #555555; line-height: 39rpx; margin: 0 30rpx 51rpx; .icon { font-size: 21rpx; color: #026277; width: 36rpx; height: 36rpx; background-color: rgba(207, 247, 255, 1); border-radius: 7.5rpx; margin-right: 15rpx; } .text { width: 649.5rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .bottom { justify-content: space-between; margin: 0 30rpx; .left { font-size: 22.5rpx; color: #AAAAAA; .avatar { width: 42rpx; height: 42rpx; margin-right: 27rpx; } } } }