min-project/common/common.less

.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;
            }
        }
    }
}