ts_aimz/pages/index/index.wxss

.bg-title {
    background-image: url('data:image/png;base64,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
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.content-box {
    display: flex;
    flex-direction: column;
    padding: 20rpx;
    margin-top: -50rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    border-radius: 10rpx;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 2rpx 6rpx 0rpx rgba(206, 206, 206, 0.4);
}

.container-title {
    display: flex;
    flex-direction: column;
    height: 80px;
}

.title-func {
    display: flex;
    flex-direction: row;
}

.create-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 2.5;
    background-color: #FFE5BC;
    color: #550101;
    border-radius: 10rpx;
    text-align: center;
}

.create-btn:active {
    background-color: #ffe5bc79;
}

.buy-btn {
    margin-left: 20rpx;
    line-height: 78px;
    width: 80px;
    height: 78px;
    border-radius: 4px;
    background-color: rgba(78, 175, 121, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    font-family: PingFangSC-regular;
}

.buy-btn:active {
    background-color: rgba(78, 175, 121, .3);
}

.notice-box {
    background-color: #FFE5BC;
    margin-top: 20rpx;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}

.notice-box .icon {
    width: 20px;
    height: 20px;
}

.notice-box .txt {
    height: 20px;
    line-height: 17px;
    color: rgba(85, 0, 0, 1);
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    font-family: PingFangSC-light;
    margin-left: 15px;
}

.container-box {
    display: flex;
    flex-direction: column;
    margin-top: 20rpx;
}

.list-title-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.list-title-txt {
    line-height: 23px;
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    font-family: TaipeiHei-bold;
    font-weight: bold;
}

.list-title-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 28rpx;
    text-align: center;
}

.btn-select {
    line-height: 20px;
    background-color: rgba(244, 206, 152, 0.18);
    color: rgba(233, 157, 66, 1);
    font-size: 14px;
    text-align: center;
    padding: 5px;
    border: 1px solid rgba(244, 206, 152, 0.18);
}

.btn-normal {
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(248, 248, 248, 1);
    padding: 5px;
}

.list-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.tab-select {
    white-space: nowrap;
    line-height: 17px;
    border-radius: 2px;
    background-color: rgba(255, 226, 168, 0.57);
    color: rgba(93, 57, 0, 1);
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
}

.tab-normal {
    line-height: 17px;
    border-radius: 2px;
    background-color: rgba(248, 248, 248, 1);
    color: rgba(154, 154, 154, 1);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    padding: 2px 5px;
}

.item-margin {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item-margin:nth-of-type(n+2) {
    margin-left: 20rpx;
}

/* list */
.list-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.list-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #F7F7F7;
    border-radius: 2px;
    padding: 5px;
}

.list-item:nth-of-type(n+2) {
    margin-top: 20rpx;
}

.item-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.item-img .cover {
    width: 95px;
    height: 68px;
    border-radius: 2px;
}

.item-img-status {
    background-color: #AFE5C7;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95px;
    font-size: 24rpx;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 72px;
    padding-left: 16px;
    width: 90vw;
}

.item-content-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 59vw;
}


.project-name {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    flex: 1;
}

.project-status {
    font-size: 12px;
    color: #FE9944;
    font-weight: 400;
    flex: .3;
    padding-left: 5px;
    text-align: center;
}

.item-content-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.project-aff {
    color: #4f4f4f;
    margin-top: 2px;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.project-aff .icon {
    width: 14px;
    height: 14px;
}

.project-aff .txt {
    text-align: left;
    margin-left: 3px;
}

.project-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 57vw;
}

.project-create-time {
    font-size: 26rpx;
    color: #4f4f4f;
}

.project-btn {
    font-size: 28rpx;
    background-color: #FE9944;
    color: white;
    padding: 2px 10px;
    border-radius: 10rpx;
}

.project-btn:active {
    background-color: #fe9844d5;
}

.project-re-btn {
    font-size: 12px;
    background-color: rgba(255, 0, 0, 0.486);
    color: white;
    padding: 2px 5px;
    border-radius: 5px;
}

.project-re-btn:active {
    background-color: rgba(255, 0, 0, 0.301);
}

.project-btn-no {
    font-size: 28rpx;
    background-color: rgba(239, 239, 239, 1);
    color: white;
    padding: 8rpx 30rpx 8rpx 30rpx;
    border-radius: 10rpx;
}

.project-btn:active {
    background-color: #fe994479;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 5px;
}

.marquee-text {
    display: inline-block;
    animation: marquee 9s linear infinite;
    color: rgba(85, 0, 0, 1);
    font-size: 14px;
    margin-left: 15px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.download-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
}

.download-title {
    font-size: 16px;
    font-weight: bold;
    flex: 1;
    align-items: flex-start;
    text-align: left;
}

.download-btn-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: .5;
}

.download-btn {
    background-color: #fe9844c9;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
}

.download-btn:active {
    background-color: #fe9844;
}

.icon-table {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.icon-table::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzNTAyMTM4Nzc5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2ODIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTUxMiA1MTJtLTQ5MC42NjY2NjcgMGE0OTAuNjY2NjY3IDQ5MC42NjY2NjcgMCAxIDAgOTgxLjMzMzMzNCAwIDQ5MC42NjY2NjcgNDkwLjY2NjY2NyAwIDEgMC05ODEuMzMzMzM0IDBaIiBmaWxsPSIjRTlGNEZGIiBwLWlkPSIyNjgzIj48L3BhdGg+PHBhdGggZD0iTTMzMi44IDc0Ni42NjY2NjdoMjkwLjEzMzMzM2wxMTkuNDY2NjY3LTExOS40NjY2NjdWMjY4LjhhMzQuMTMzMzMzIDM0LjEzMzMzMyAwIDAgMC0zNC4xMzMzMzMtMzQuMTMzMzMzSDMzMi44YTM0LjEzMzMzMyAzNC4xMzMzMzMgMCAwIDAtMzQuMTMzMzMzIDM0LjEzMzMzM3Y0NDMuNzMzMzMzYTM0LjEzMzMzMyAzNC4xMzMzMzMgMCAwIDAgMzQuMTMzMzMzIDM0LjEzMzMzNHoiIGZpbGw9IiMwMEExRkYiIHAtaWQ9IjI2ODQiPjwvcGF0aD48cGF0aCBkPSJNNTg5LjE2MjY2NyA0NTAuNTZsLTE4My41NzMzMzQgMTgzLjU3MzMzMyAyLjU2IDQ1LjczODY2NyA0NS43MTczMzQgMi41Mzg2NjcgMTgzLjU1Mi0xODMuNTczMzM0LTQ4LjI1Ni00OC4yNTZ6IG0xMi4wNTMzMzMtMTIuMDUzMzMzbDQ4LjI3NzMzMyA0OC4yNzczMzMgMjQuMTI4LTI0LjE0OTMzM2ExNi44OTYgMTYuODk2IDAgMCAwIDAtMjQuMTI4bC0yNC4xMDY2NjYtMjQuMTI4YTE2Ljg5NiAxNi44OTYgMCAwIDAtMjQuMTQ5MzM0IDBsLTI0LjE0OTMzMyAyNC4xMDY2NjZ6IiBmaWxsPSIjRTlGNEZGIiBwLWlkPSIyNjg1Ij48L3BhdGg+PHBhdGggZD0iTTYyMi45MzMzMzMgNzQ2LjY2NjY2N2wxMTkuNDY2NjY3LTExOS40NjY2NjdoLTc2LjhhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMC00Mi42NjY2NjcgNDIuNjY2NjY3Vjc0Ni42NjY2Njd6IiBmaWxsPSIjOTZEOEZGIiBwLWlkPSIyNjg2Ij48L3BhdGg+PHBhdGggZD0iTTM2Mi42NjY2NjcgMjk4LjY2NjY2N20yMS4zMzMzMzMgMGwxOTIgMHEyMS4zMzMzMzMgMCAyMS4zMzMzMzMgMjEuMzMzMzMzbDAgMHEwIDIxLjMzMzMzMy0yMS4zMzMzMzMgMjEuMzMzMzMzbC0xOTIgMHEtMjEuMzMzMzMzIDAtMjEuMzMzMzMzLTIxLjMzMzMzM2wwIDBxMC0yMS4zMzMzMzMgMjEuMzMzMzMzLTIxLjMzMzMzM1oiIGZpbGw9IiNFOUY0RkYiIHAtaWQ9IjI2ODciPjwvcGF0aD48cGF0aCBkPSJNMzYyLjY2NjY2NyAzODRtMjEuMzMzMzMzIDBsMTA2LjY2NjY2NyAwcTIxLjMzMzMzMyAwIDIxLjMzMzMzMyAyMS4zMzMzMzNsMCAwcTAgMjEuMzMzMzMzLTIxLjMzMzMzMyAyMS4zMzMzMzRsLTEwNi42NjY2NjcgMHEtMjEuMzMzMzMzIDAtMjEuMzMzMzMzLTIxLjMzMzMzNGwwIDBxMC0yMS4zMzMzMzMgMjEuMzMzMzMzLTIxLjMzMzMzM1oiIGZpbGw9IiNFOUY0RkYiIHAtaWQ9IjI2ODgiPjwvcGF0aD48L3N2Zz4=');
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    display: block;
    height: 24px;
    margin-right: 8px;
}

.icon-tool {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.icon-tool::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzNTAyNDM0NDgxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTEwMTMuMDU3MDYzIDQ3Ni44MDUyNDRjMC0xMi43OTk4NzctMS4wMDI2NTctMjUuNTk5NzU1LTIuMTMzMzEzLTM4LjM5OTYzMnYtMC44MTA2NTlhMzQwLjgzOTQgMzQwLjgzOTQgMCAwIDAtMi42NjY2NDEtMzUuMTU2OTk2Yy0yLjYyMzk3NS0yMC45MDY0NjYtNS40MTg2MTUtNDEuODEyOTMzLTkuNjQyNTc0LTYyLjMxNDA3LTUuNjMxOTQ2LTI3LjU0MTA2OS0xMS42NjkyMjItNTUuMDgyMTM5LTE5LjE5OTgxNi04Mi4wMjU4OGE0MTQuNzU4NjkyIDQxNC43NTg2OTIgMCAwIDAtNDAuNTMyOTQ1LTk2LjQ4OTc0MiAyMjkuMzMxMTM2IDIyOS4zMzExMzYgMCAwIDAtNjIuNTI3NDAxLTcwLjkzMjY1NCAzMTYuMzcwMzAxIDMxNi4zNzAzMDEgMCAwIDAtNjAuMzA4NzU1LTM0Ljk4NjMzMSA1MDUuMDE5MTYgNTA1LjAxOTE2IDAgMCAwLTc3LjIwNDU5NC0yNy43MzMwNjhBNjkzLjE3NzM1NyA2OTMuMTc3MzU3IDAgMCAwIDYyMC44MjYxNTUgNS45ODMwODljLTIzLjQ2NjQ0Mi0yLjEzMzMxMy00Ni45MzI4ODQtNS4wMzQ2MTgtNzAuMzk5MzI1LTUuNjMxOTQ2YTcyOS44MDYzMzkgNzI5LjgwNjMzOSAwIDAgMC0zNi43OTk2NDctMC4xOTE5OThjLTkuODU1OTA2LTAuMTkxOTk4LTE5LjQ5ODQ4LTAuMTkxOTk4LTI5LjM1NDM4NiAwcy0xOS40OTg0OCAwLjgxMDY1OS0yOS4xNDEwNTQgMS41OTk5ODVjLTEzLjQ2MTIwNCAwLjU5NzMyOC0yNy4xMzU3NCAxLjgxMzMxNi00MC41MzI5NDUgMy4yMjEzMDItNi4yMjkyNzQgMC41OTczMjgtMTIuNjcxODc5IDEuNDA3OTg3LTE4LjkwMTE1MiAyLjEzMzMxMy02LjgyNjYwMSAwLjgxMDY1OS0xMy44NjY1MzQgMS41OTk5ODUtMjAuNzE0NDY4IDIuODE1OTczLTUuMDM0NjE4IDAuNTk3MzI4LTkuODU1OTA2IDEuNDA3OTg3LTE0LjkzMzE5IDIuMTMzMzEzYTYxNC4xMTY3ODEgNjE0LjExNjc4MSAwIDAgMC05Ni43MDMwNzQgMjIuNzE5NzgyIDQyMy4xMjEyNzggNDIzLjEyMTI3OCAwIDAgMC05NC4wNzkwOTggNDEuNjIwOTM1IDIyOC4yNjQ0NzkgMjI4LjI2NDQ3OSAwIDAgMC01OS45MDM0MjYgNTEuMDcxNTFBMzE2LjYwNDk2NiAzMTYuNjA0OTY2IDAgMCAwIDY5LjU5OTQzOCAxOTMuMzUxOTZhNTM3LjQ0NTUxNiA1MzcuNDQ1NTE2IDAgMCAwLTMwLjc2MjM3MiA4Ni44NDcxNjggODY1LjM1NzA0IDg2NS4zNTcwNCAwIDAgMC0yNC4xMjc3NjkgMTQxLjMzMTk3OWMtMi4xMzMzMTMgMjMuNDY2NDQyLTMuMDA3OTcxIDQ3LjI1Mjg4LTMuNjI2NjMyIDcwLjc2MTk4OS0wLjE5MTk5OCA2LjYzNDYwMy0wLjE5MTk5OCAxMy4yNjkyMDYgMCAxOS43MTE4MTFzLTAuMTkxOTk4IDEzLjI2OTIwNiAwIDE5LjcxMTgxMWMwLjU5NzMyOCAyMy40NjY0NDIgMS40MDc5ODcgNDcuMjUyODggMy42MjY2MzIgNzAuNzYxOTg4YTg0MC44NjY2MDggODQwLjg2NjYwOCAwIDAgMCAyNC4xMjc3NjkgMTQxLjMzMTk3OSA1NTcuNDEzMzI1IDU1Ny40MTMzMjUgMCAwIDAgMzAuNzYyMzcyIDg2LjgyNTgzNSAzMTYuNTgzNjMzIDMxNi41ODM2MzMgMCAwIDAgMzkuODA3NjE4IDY1Ljc0ODcwMyAyMjQuNjE2NTE0IDIyNC42MTY1MTQgMCAwIDAgNTkuOTAzNDI2IDUxLjA3MTUxMSA0MjcuMjM4NTcyIDQyNy4yMzg1NzIgMCAwIDAgOTQuMDc5MDk5IDQxLjYyMDkzNCA2MDguOTExNDk4IDYwOC45MTE0OTggMCAwIDAgOTYuNzAzMDczIDIyLjcxOTc4MmM1LjAzNDYxOCAwLjgxMDY1OSA5Ljg1NTkwNiAxLjQwNzk4NyAxNC45MzMxOSAyLjEzMzMxMyA2LjgyNjYwMSAxLjIxNTk4OCAxMy42NzQ1MzYgMi4wMDUzMTQgMjAuNzE0NDY4IDIuODE1OTczYTkxMC4xMzUyNzggOTEwLjEzNTI3OCAwIDAgMCA1OS40MzQwOTcgNS4zNTQ2MTZjOS42NDI1NzQgMC44MTA2NTkgMTkuNDk4NDggMS4yMTU5ODggMjkuMTQxMDU0IDEuNTk5OTg0czE5LjQ5ODQ4IDAuMTkxOTk4IDI5LjM1NDM4NiAwYzEyLjI2NjU0OSAwLjE5MTk5OCAyNC41MzMwOTggMC4xOTE5OTggMzYuNzk5NjQ3LTAuMTkxOTk4IDIzLjQ2NjQ0Mi0wLjU5NzMyOCA0Ny4wMzk1NDktMy42MjY2MzIgNzAuMzk5MzI1LTUuNjMxOTQ2YTY4OS41NTA3MjUgNjg5LjU1MDcyNSAwIDAgMCAxMTguMDE0ODY5LTIxLjkwOTEyMyA0NTkuMTEwMjY3IDQ1OS4xMTAyNjcgMCAwIDAgNzcuMjA0NTk0LTI3LjczMzA2OCAzNTQuMTI5OTQgMzU0LjEyOTk0IDAgMCAwIDYwLjMwODc1NS0zNC45ODYzMzEgMjMxLjk1NTExIDIzMS45NTUxMSAwIDAgMCA2Mi4zMTQwNy03MC45NzUzMiA0MjMuNTQ3OTQxIDQyMy41NDc5NDEgMCAwIDAgNDAuNTMyOTQ1LTk2LjQ4OTc0MiAxMjA2LjE3NTEwNyAxMjA2LjE3NTEwNyAwIDAgMCAxOS4xOTk4MTYtODIuMDI1ODgxYzQuMjY2NjI2LTIwLjUwMTEzNyA2LjgyNjYwMS00MS42MjA5MzQgOS42NDI1NzQtNjIuMzE0MDY5YTM0NS4wNjMzNiAzNDUuMDYzMzYgMCAwIDAgMi42MjM5NzUtMzUuMTc4MzN2LTAuNjYxMzI3YzEuMjE1OTg4LTEyLjc5OTg3NyAyLjEzMzMxMy0yNS41OTk3NTUgMi4xMzMzMTMtMzguMzk5NjMydi03MC4zOTkzMjV6IiBmaWxsPSIjRkZBNjAwIiBvcGFjaXR5PSIuMSIgcC1pZD0iMzcxMiI+PC9wYXRoPjxwYXRoIGQ9Ik03NjUuODcwMDk5IDI5MC43Mzc2OTRBNjAuOTkxNDE1IDYwLjk5MTQxNSAwIDAgMCA3MDAuMjI4MDYxIDIzNC42NzQyMzFIMzM2LjUxOTU0NkE2NS45MTkzNjggNjUuOTE5MzY4IDAgMCAwIDI2Ni45MzA4OCAyOTQuNDA2OTkydjQxNC45NTA2OWE3Ny4wNzY1OTUgNzcuMDc2NTk1IDAgMCAwIDc4Ljc4MzI0NSA3NC42NjU5NTFoMzU0LjUxMzkzNmE2My40MjMzOTIgNjMuNDIzMzkyIDAgMCAwIDY1LjY0MjAzOC02Mi4yOTI3MzZWMjkwLjczNzY5NHogbS00MjAuMjYyNjQgNDMuNjA0OTE1aDIyMy4yMDg1MjhhMjQuOTU5NzYxIDI0Ljk1OTc2MSAwIDEgMSAwIDQ5LjgzNDE4OUgz
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    display: block;
    height: 24px;
    margin-right: 8px;
}

.icon-source {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.icon-source::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzNTU2NDY2OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwMzg3IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik01MTEuMDI5IDUxMC43NzltLTQ0Ni41MyAwYTQ0Ni41MyA0NDYuNTMgMCAxIDAgODkzLjA2IDAgNDQ2LjUzIDQ0Ni41MyAwIDEgMC04OTMuMDYgMFoiIGZpbGw9IiM3NkMyQUYiIHAtaWQ9IjEwMzg4Ij48L3BhdGg+PHBhdGggZD0iTTY1Ny4wMDggNjc4LjIzNWMtOS4zNjIgMC0xOC41MDUtNC43MTUtMjMuNzg2LTEzLjI2Ni04LjA4OC0xMy4xMjMtNC4wMDYtMzAuMzEzIDkuMTEtMzguNDA4bDE0MS4yNzEtODcuMDk3YzAuMDY4LTAuMjQ1IDAuMDk1LTAuNTA0IDAuMDk1LTAuNzc3cy0wLjAyNy0wLjUzMS0wLjA5NS0wLjc3N2wtMTQxLjI3MS04Ny4wOTdjLTEzLjExNi04LjA5NC0xNy4xOTctMjUuMjg1LTkuMTEtMzguNDA4IDguMDg4LTEzLjExNiAyNS4yODUtMTcuMTk3IDM4LjQwOC05LjExbDE0OC4zMyA5MS40NTggMi4zMDMgMi4zMDNjMTEuMTI2IDExLjEyIDE3LjI1MiAyNS44OTggMTcuMjUyIDQxLjYzIDAgMTUuNzE5LTYuMTI1IDMwLjUwNC0xNy4yNDUgNDEuNjI0bC0yLjMxIDIuMzEtMTQ4LjMzIDkxLjQ1OGEyNy43OTcgMjcuNzk3IDAgMCAxLTE0LjYyMiA0LjE1N3pNMzY1LjA0OSA2NzguMjM1YTI3Ljc5NiAyNy43OTYgMCAwIDEtMTQuNjIyLTQuMTU2bC0xNDguMzMtOTEuNDU4LTIuMzEtMi4zMWMtMTEuMTItMTEuMTItMTcuMjQ1LTI1LjkwNS0xNy4yNDUtNDEuNjI0IDAtMTUuNzMyIDYuMTI1LTMwLjUxMSAxNy4yNTItNDEuNjNsMi4zMDMtMi4zMDMgMTQ4LjMzLTkxLjQ1OGMxMy4xMy04LjA4OCAzMC4zMDYtNC4wMDYgMzguNDA4IDkuMTEgOC4wODggMTMuMTIzIDQuMDA2IDMwLjMxMy05LjExIDM4LjQwOGwtMTQxLjI3MSA4Ny4wOTdjLTAuMDY4IDAuMjQ1LTAuMDk1IDAuNTA0LTAuMDk1IDAuNzc3czAuMDI3IDAuNTMxIDAuMDk1IDAuNzc3bDE0MS4yNzEgODcuMDk3YzEzLjExNiA4LjA5NCAxNy4xOTcgMjUuMjg1IDkuMTEgMzguNDA4LTUuMjczIDguNTUtMTQuNDI0IDEzLjI2NS0yMy43ODYgMTMuMjY1eiIgZmlsbD0iIzIzMUYyMCIgcC1pZD0iMTAzODkiPjwvcGF0aD48cGF0aCBkPSJNNDIwLjMyMSA4MDMuODIxYy0zLjMxMSAwLTYuNjg0LTAuNTkzLTkuOTYxLTEuODQ2LTE0LjM5Ny01LjUwNS0yMS42MDYtMjEuNjQtMTYuMS0zNi4wMzdMNTc1LjY2MiAyOTEuNWM1LjUwNS0xNC4zOTcgMjEuNjQtMjEuNjEyIDM2LjAzNy0xNi4xIDE0LjM5NyA1LjUwNSAyMS42MDYgMjEuNjQgMTYuMSAzNi4wMzdMNDQ2LjM5NiA3ODUuODc0Yy00LjI1MiAxMS4xMi0xNC44NCAxNy45NDctMjYuMDc1IDE3Ljk0N3oiIGZpbGw9IiMyMzFGMjAiIHAtaWQ9IjEwMzkwIj48L3BhdGg+PHBhdGggZD0iTTY1Ny4wMDggNjUwLjMyYy05LjM2MiAwLTE4LjUxMi00LjcwMS0yMy43ODYtMTMuMjU5LTguMDg4LTEzLjEyMy00LjAwNi0zMC4zMiA5LjExNi0zOC40MDFsMTQxLjI1MS04Ny4wOWEyLjk2NyAyLjk2NyAwIDAgMCAwLTEuNTgxbC0xNDEuMjUxLTg3LjA5Yy0xMy4xMjMtOC4wODEtMTcuMjA0LTI1LjI3OC05LjExNi0zOC40MDEgOC4wOTQtMTMuMTIzIDI1LjI3MS0xNy4yMTEgMzguNDAxLTkuMTAzbDE0OC4zNDQgOTEuNDUxIDIuMzEgMi4zMDNjMjIuOTQxIDIyLjk2MiAyMi45NDEgNjAuMyAwIDgzLjI2MWwtMi4zMSAyLjMwMy0xNDguMzQ0IDkxLjQ1MWEyNy43IDI3LjcgMCAwIDEtMTQuNjE1IDQuMTU2ek0zNjUuMDQ5IDY1MC4zMmEyNy43MDggMjcuNzA4IDAgMCAxLTE0LjYxNS00LjE1NkwyMDIuMDkgNTU0LjcxM2wtMi4zMS0yLjMwM2MtMjIuOTQxLTIyLjk2MS0yMi45NDEtNjAuMjk5IDAtODMuMjYxbDIuMzEtMi4zMDMgMTQ4LjM0NC05MS40NTFjMTMuMTAyLTguMTA4IDMwLjMyLTQuMDIgMzguNDAxIDkuMTAzIDguMDg4IDEzLjEyMyA0LjAwNiAzMC4zMi05LjExNiAzOC40MDFsLTE0MS4yNTEgODcuMDlhMi45NjcgMi45NjcgMCAwIDAgMCAxLjU4MWwxNDEuMjUxIDg3LjA5YzEzLjEyMyA4LjA4MSAxNy4yMDQgMjUuMjc4IDkuMTE2IDM4LjQwMS01LjI3MyA4LjU1Ny0xNC40MjQgMTMuMjU5LTIzLjc4NiAxMy4yNTl6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSIxMDM5MSI+PC9wYXRoPjxwYXRoIGQ9Ik00MjAuMzIxIDc3NS45MmMtMy4zMTEgMC02LjY4NC0wLjYtOS45NjEtMS44NTMtMTQuMzk3LTUuNTA1LTIxLjYwNi0yMS42NC0xNi4xLTM2LjAzbDE4MS40MDMtNDc0LjQzOGM1LjUwNS0xNC4zOSAyMS42NC0yMS42MjYgMzYuMDM3LTE2LjEwNyAxNC4zOTcgNS41MDUgMjEuNjA2IDIxLjY0IDE2LjEgMzYuMDNMNDQ2LjM5NiA3NTcuOTU5Yy00LjI1MiAxMS4xMi0xNC44NCAxNy45NjEtMjYuMDc1IDE3Ljk2MXoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEwMzkyIj48L3BhdGg+PC9zdmc+');
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    display: block;
    height: 24px;
    margin-right: 8px;
}

.download-all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    background-color: #fe9844c9;
    color: white;
    padding: 5px 0px;
    border-radius: 5px;
}

.download-all:active {
    background-color: #fe9844;
}


.download-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
}

.link-title {
    font-size: 14px;
    font-weight: bold;
}

.link {
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-all;
    width: 85vw;
    font-size: 14px;
    color: rgba(114, 197, 245, 0.692);
}

.custom-tips {
    margin-top: 80px;
}

.hint {
    font-size: 14px;
    text-align: center;
    color: rgb(248, 185, 50);
    font-weight: bold;
}