.fadein_lang {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.wrap {
    position: relative;
}


/* 我的图片 */
.mypic {
    max-width: 1200px;
    margin: 0 auto;
}

.mypic ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 !important;
    justify-content: flex-start !important;
}

.mypic ul li {
    width: 220px;
    height: 300px !important;
    background: #fff;
    cursor: pointer !important;
}

.mypic ul li img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

/* .pic-item {
    position: relative;
    display: inline-block;
    margin: 10px;
  }
  
  .delete-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    padding: 2px;
    color: white;
  } */
.pic-item {
    width: 220px;
    height: 300px;
    margin: 0;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.pic-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    border: 1px solid #0080FD;
}

.preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    cursor: pointer;
}

/* 蒙版区域 */
.pic-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pic-item:hover .pic-mask {
    opacity: 1;
    border: 1px #0080FD solid;
}

/* 放大 */
.pic-mask .pic-actions .zoom-btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.pic-mask .pic-actions .zoom-btn img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.pic-mask .pic-actions .downloadImg {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.pic-mask .pic-actions .downloadImg img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.pic-mask .pic-actions .delete-btn {
    position: absolute;
    top: 5px;
    right: 0;
}

.pic-mask .pic-actions .delete-btn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.pic-actions {
    display: flex;
    gap: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.pic-actions button,
.pic-actions a {
    /* background: rgba(255, 255, 255, 0.9); */
    border: none;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    transition: background 0.2s;
}

/* .pic-actions button:hover,
.pic-actions a:hover {
    background: #2c8ef4;
    color: white;
} */

.image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.image-modal img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 6px;


}

.close-modal {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 36px;
    color: white;
    cursor: pointer;
}

/* 全屏预览模态框 */
.image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-header {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
    position: absolute;
    bottom: 20px;
}

.modal-header button,
.modal-header a {
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.modal-header button:hover,
.modal-header a:hover {
    background: #2c8ef4;
    color: #fff;
}

.image-modal img {
    max-width: 90vw;
    max-height: 80vh;
    border-radius: 6px;
}

.close-modal {
    position: absolute;
    top: 80px;
    right: 25px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

@media (max-width: 1150px) {
    .pic-item {
        width: 45.1%;
        margin: 5px;
    }
}

/* 我的文件 */
.file-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.file-table thead {
    background-color: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
}

.file-table th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    color: #6c757d;
}

.file-table td {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.file-table tr:last-child td {
    border-bottom: none;
}

.file-table tr:hover {
    background-color: #f5f7ff;
}

/* 文件信息样式 */
.file-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    color: #4a6bff;
    border-radius: 6px;
    font-size: 18px;
    flex-shrink: 0;
}

.file-icon img {
    width: 100%;
    height: auto;
}

.file-name {
    font-weight: 500;
    margin-bottom: 3px;
    word-break: break-word;
}

.file-meta {
    font-size: 13px;
    color: #6c757d;
}

.file-size {
    font-weight: 500;
}

.file-date {
    color: #6c757d;
    font-size: 14px;
}


.file-actions {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.action-btn {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    background-color: transparent;
    color: #6c757d;
}

.action-btn img {
    width: 100%;
    height: auto;
}

.action-btn:hover {
    background-color: #f8f9fa;
    color: #4a6bff;
}

.delete-btn:hover {
    color: #ff4a4a;
}

/* 小屏手机 (<480px) */
@media (max-width: 480px) {
    .file-actions {
        gap: 8px;
    }

    .file-table tbody tr {
        padding: 12px;
    }

    .file-table td::before {
        width: 70px;
        font-size: 13px;
    }

    .file-icon {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }

    .file-name {
        font-size: 13px;
    }

    .file-meta {
        font-size: 11px;
    }

    .file-date,
    .file-size {
        font-size: 13px;
    }

    .action-btn {
        width: 40px;
        height: 40px;
    }
}

/* 我的文件end */
/* 用户 */
.spanID {
    color: #716a6a !important;
    font-size: 14px !important;
}

.loginon .avatar,
.loginon .info_show .info div {
    font-family: 'Segoe UI Emoji', 'Apple Color Emoji', sans-serif;
}

/* 订单明细 */
.order-detail {
    overflow: auto;
    height: 540px;
}


.third-item-style {
    position: relative;
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
}

.third-item-style .hotIcon {
    display: flex;
    position: absolute;
    top: -20px;
    right: 0;
    color: white;
    padding: 2px;
    flex-direction: row;
    justify-content: center;
}

.third-item-style  .hotIcon .iconText{
    line-height: 25px;
    position: absolute;
    /* background: #fe3e61; */
    top: 5px;
}

/* 抠图 */
.result-wrap {
    display: flex;

}


.result-wrap .koutu-result {
    position: relative;
    background-color: #f5f6f9;
    border-radius: 8px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-wrap .koutu-result .kout-content {
    width: 583px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, rgb(235, 235, 235) 25%, transparent 25%, transparent 75%, rgb(235, 235, 235) 75%, rgb(235, 235, 235)), linear-gradient(45deg, rgb(235, 235, 235) 25%, transparent 25%, transparent 75%, rgb(235, 235, 235) 75%, rgb(235, 235, 235));
    background-size: 32px 32px;
    background-position: 0px 0px, 16px 16px;
}

.result-wrap .right-tool {
    width: 400px;
    margin-left: 40px;
}

.result-wrap .right-tool .select-bg {
    padding-bottom: 32px;
}

.result-wrap .right-tool .select-bg .bg-color {
    color: #1c1d1f;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    display: block;
    margin-bottom: 16px;
}

.result-wrap .right-tool .select-bg .bgColor-layout {
    display: flex;
    gap: 8px;
}

.result-wrap .right-tool .select-bg .bgColor-layout .block-item {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #ebedf2;
    background: red;
}

.result-wrap .right-tool .select-bg .bgColor-layout .block-item.active {
    border: 2px solid #38f;
}

.result-wrap .right-tool .more-use {
    padding-bottom: 32px;
}

.result-wrap .right-tool .more-use .label {
    color: #1c1d1f;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    display: block;
    margin-bottom: 16px;
}

.result-wrap .right-tool .more-use .moreUse-layout {
    display: flex;
    gap: 8px;
}

.result-wrap .right-tool .more-use .moreUse-layout .item {
    width: 84px;
    height: 78px;
    border: 1px solid #ebedf2;
    background: #f3f5f7;
    color: #17181a;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    font-size: 12px;
    font-weight: 400;

}

.result-wrap .right-tool .more-use .moreUse-layout .item span {
    margin-top: 4px;
}

.result-wrap .right-tool .down-list {
    display: flex;
    flex-direction: column;
}

.result-wrap .right-tool .down-list .preview-down {
    margin-bottom: 16px;
    background: #9563f9;
    color: #fff;
    width: 100%;
    border-radius: 8px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.result-wrap .right-tool .down-list .high-down {
    margin-bottom: 16px;
    background: #3287fe;
    color: #fff;
    width: 100%;
    border-radius: 8px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}


/* 我的订单 */
.person-layout {
    display: flex;
    height: 600px;
    margin-bottom: 100px;
}

.person-layout .sidebar {
    width: 170px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 40px 0px rgba(234, 234, 234, 1)
}

.person-layout .sidebar .sidebar-list {
    margin-top: 12px;
}

.person-layout .sidebar .sidebar-list .item {
    padding-left: 32px;
    padding-right: 20px;
    width: 100%;
    color: #333;
    font-size: 16px;
    display: flex;
    font-weight: bold;
    line-height: 61px;
    align-items: center;
    cursor: pointer;
}

.person-layout .sidebar .sidebar-list .item .icon-block {
    width: 28px;
    height: 28px;
    margin-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.person-layout .sidebar .sidebar-list .item.active {
    color: rgb(96 89 247);
}

.person-layout .table-wrap {
    background-color: #fff;
    flex: 1;
    border-radius: 12px;
    box-shadow: 0px 1px 40px 0px rgba(234, 234, 234, 1);
    padding: 40px;
    margin-left: 30px;
    border-radius: 12px;
}

.person-layout .table-wrap .content {}

.person-layout .table-wrap .content h2 {
    display: block;
    font-weight: bold;
    width: 100%;
    color: #333;
    font-size: 22px;
    margin-bottom: 30px;
}

.person-layout .table-wrap .content .table .head {
    border-radius: 99px;
    width: 100%;
    display: flex;
    background-color: #f2f2f4;
    padding: 12px 24px;
    font-size: 14px;
}

.person-layout .table-wrap .content .table .head div {
    color: #8c8b99;
    min-width: 200px;
    text-align: left;
}

.person-layout .table-wrap .content .table .tr {
    border-radius: 99px;
    width: 100%;
    display: flex;
    padding: 12px 24px;
    font-size: 14px;

}

.person-layout .table-wrap .content .table .tr div {
    color: #8c8b99;
    min-width: 200px;
    text-align: left;
}

.convert-content {
    margin: 0 auto;
    width: 450px;

}

.convert-content span {
    color: rgb(34 42 65);
    font-size: 16px;
}

#convert-val {
    width: 100%;
}

.convert-content .convert-wrap {
    position: relative;
    font-size: 14px;
    box-shadow: 0px 10px 20px rgba(0, 12, 63, .1);
    border-radius: 14px;
    border: 1px solid rgb(234 237 247);
    height: 42px;
    display: flex;
    overflow: hidden;
    margin-top: 30px;
}

.convert-content .convert-wrap input {
    border: none;
    outline: none;
    padding-left: 12px;
}

.convert-content .convert-wrap .btn {
    position: absolute;
    right: 0;
    padding: 0 30px;
    color: #fff;
    height: 100%;
    border: none;
    outline: none;
    background-color: rgb(85 85 255);
    cursor: pointer;
}

/* 收费弹窗style */

.shadow-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999999999;
    background: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.shadow-layer .modal-wrap {
    width: 920px;
    height: 720px;
    border-radius: 24px;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    position: relative;
}

.shadow-layer .modal-wrap .close {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: rgba(0, 0, 0, .3);
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 99px;
    cursor: pointer;
}

.shadow-layer .modal-wrap .close:hover {
    background-color: rgb(248 113 113);
}

.shadow-layer .modal-wrap .close svg {
    padding: 4px;
}

.shadow-layer .modal-wrap .scheme-member {
    padding-top: 64px;
    width: 38%;
    height: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(131.63deg, rgb(94, 169, 249) 20.59%, rgb(85, 85, 255) 91.67%);
}

.scheme-member .best-scheme {
    text-align: center;
    font-weight: bold;
    color: rgb(45 45 51);
    font-size: 22px;
    position: relative;
}

.scheme-member .best-scheme svg {
    position: absolute;
    bottom: -2px;
    right: 80px;
}

.scheme-member .scheme-list {
    padding-left: 40px;
}

.scheme-member .scheme-list .title {
    margin-top: 48px;
    margin-bottom: 16px;
    font-weight: bold;
    color: rgb(85 85 255);
    font-size: 20px;
}

.scheme-member .scheme-list ul li {
    margin-bottom: 16px;
    display: flex;
}

.scheme-member .scheme-list ul li svg {
    margin-top: 4px;
    margin-right: 8px;
}

.scheme-member .scheme-list ul li span {
    font-weight: 400;
    color: rgb(105 103 133);
    font-size: 16px;
}

.scheme-member .contrast-text {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    color: rgb(121 120 141);
    cursor: pointer;
}

.scheme-member .contrast-text svg {
    margin-right: 5px;
}

.shadow-layer .modal-wrap .scheme-detail-wrap {
    font-size: 14px;
    flex: 1;
    padding-top: 64px;
    padding-bottom: 24px;
}

.scheme-detail-wrap .thali-layout {
    height: 100%;
}

.scheme-detail-wrap .thali-layout .tab-block {
    display: flex;
    justify-content: center;
    gap: 50px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
}

.scheme-detail-wrap .thali-layout .tab-block .item {
    color: rgb(45 45 51);
    font-weight: bold;
    cursor: pointer;
}

.scheme-detail-wrap .thali-layout .tab-block .item.active {
    color: rgb(85 85 255);
    position: relative;
}

.scheme-detail-wrap .thali-layout .tab-block .item.active::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 999px;
    position: absolute;
    background: rgb(85 85 255);
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.scheme-detail-wrap .thali-layout .content {
    width: 400px;
    height: calc(100% - 35px);
    margin: 32px auto 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.scheme-detail-wrap .thali-layout .content ul {
    display: flex;
    flex-direction: column;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.scheme-detail-wrap .thali-layout .content ul li {
    margin-bottom: 24px;
    height: 77px;
    display: flex;
    border: 1px solid rgba(140, 139, 153, .2);
    border-radius: 14px;
    box-shadow: 0 5px 10px 0 rgba(170, 183, 217, .25);
    padding: 18px 24px;
    align-items: center;
    cursor: pointer;
    transform: translateZ(0);
}

.scheme-detail-wrap .thali-layout .content ul li .img-block {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.scheme-detail-wrap .thali-layout .content ul li.active {
    border: 2px solid rgb(85 85 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), linear-gradient(90deg, rgb(94, 169, 249) 1.05%, rgb(84, 91, 246) 98.95%);
}


.scheme-detail-wrap .thali-layout .content ul li .left {
    display: flex;
    flex-direction: column;

}

.scheme-detail-wrap .thali-layout .content ul li .left span:first-child {
    color: #2d2d33;
    font-size: 16px;
    font-weight: bold;
}

.scheme-detail-wrap .thali-layout .content ul li .left span:last-child {
    font-weight: 400;
    font-size: 12px;
    margin-top: 8px;
    color: #8C8B99;
}

.scheme-detail-wrap .thali-layout .content ul li .right-price {
    flex: 1;
    text-align: right;
    font-size: 22px;
    font-weight: bold;

}

.scheme-detail-wrap .thali-layout .content ul li .right-price .pricePrefix {
    font-size: 14px;
    position: relative;
    left: 2px;
}

.scheme-detail-wrap .thali-layout .content ul li .right-price .value {
    font-size: 24px;
    font-weight: bold;
}

.scheme-detail-wrap .thali-layout .content .pay-block {
    padding-bottom: 24px;
}

.pay-block .pay-layout {
    display: flex;
    margin-top: 16px;
}

.pay-block .pay-layout .erweima-wrap {
    width: 132px;
    height: 132px;
    border: 1px solid rgba(85, 85, 255, .1);
    border-radius: 14px;
    margin-right: 24px;
    overflow: hidden;
}

.pay-block .pay-layout .erweima-wrap img {
    width: 100%;
    height: 100%;
}

.pay-block p {
    color: rgb(140 139 153);
    font-size: 12px;
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pay-block p a {
    color: rgb(45 45 51) !important;
}

.pay-block p svg {
    cursor: pointer;
    margin-right: 4px;
}

.pay-block .pay-layout .right-wrap .price {
    display: flex;
    align-items: end;
}

.pay-block .pay-layout .right-wrap .price .label {
    font-size: 14px;
    font-weight: 600;
    color: #2D2D33
}

.pay-block .pay-layout .right-wrap .price .price {
    font-weight: bold;
    font-size: 40px;
    color: rgb(85 85 255);
    position: relative;
    top: 10px;
}

.pay-block .pay-layout .right-wrap .price .discount {
    color: rgb(140 139 153);
    font-size: 12px;
    margin-left: 8px;
}

.pay-block .pay-layout .right-wrap .sweep {
    margin-top: 24px;
    margin-bottom: 8px;
    color: rgb(140 139 153);
    font-weight: 400;
    display: flex;
    align-items: center;
}

.pay-block .pay-layout .right-wrap .pay-methods {
    display: flex;
    gap: 8px;
}

.pay-block .pay-layout .right-wrap .pay-methods svg {
    width: 24px;
    height: 24px;
}

.pay-block .pay-layout .right-wrap .sweep svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.fadein_lang .box {
    overflow: hidden;
    max-width: 1200px;
    background: #fff;
    position: relative;
    border-radius: 10px;
    padding: 20px 50px;
}

.fadein_lang .box .close {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.fadein_lang .box ul {
    overflow: hidden;
    display: flex;
    padding-top: 25px;
    flex-wrap: wrap;
}

.fadein_lang .box ul li {
    width: 25%;
    overflow: hidden;
}

.fadein_lang .box ul li a {
    font-size: 16px;
    padding-left: 50px;
    display: block;
    box-sizing: border-box;
    line-height: 50px;
    color: #000;
}

.fadein_lang .box ul li a:hover {
    color: #028dfd;
}

.loginon {
    position: relative;
    margin-left: 16px;
    height: 100%;
    display: flex;
    display: none;
    align-items: center;
}

.loginon .avatar {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(45deg, #035efe 0%, #028dfd 100%);
}

.loginon:hover .info_show {
    top: 100%;
    opacity: 1;
    visibility: inherit;
}

.loginon .info_show {
    overflow: hidden;
    width: 216px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    visibility: hidden;
    right: 0;
    top: 120%;
    border-radius: 12px;
    opacity: 0;
    transition: all .3s;
    padding: 20px 0 10px 0;
}

.loginon .info_show .lk {
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #EFEFEF;
}

.loginon .info_show .lk:last-child {
    border: none;
}

.loginon .info_show .lk a {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
}

.loginon .info_show .lk a:hover {
    background: #E8EAEC;
}

.loginon .info_show .lk a img {
    width: 20px;
    margin-right: 9px;
}

.loginon .info_show .info {
    overflow: hidden;
    padding-bottom: 16px;
}

.loginon .info_show .info span {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    color: #000;
}

.loginon .info_show .info div {
    width: 56px;
    height: 56px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(45deg, #035efe 0%, #028dfd 100%);
}

.service {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: 5vh;
    background: #009CE0;
    z-index: 999;
}

.service a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service a svg {
    width: 56%;
    display: block;
}

.fadein .box .head .down a i.a {
    background-image: url(../images/anz.png);
}

.fadein .box .head .down a i.i {
    background-image: url(../images/ios.png);
}

.content .header .m .right .login.on {
    background: none;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0080FD;
}

.content .header .m .right .login {
    cursor: pointer;
}

.content .header .m .right .login.on:hover {
    cursor: pointer;
    background: none;
}

.fadein_tip {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999;
}

.fadein_tip .box {
    width: 460px;
    overflow: hidden;
    background: #fff;
    position: relative;
    padding: 60px 30px 40px 30px;
    border-radius: 10px;
}

.fadein_tip .box .close1 {
    cursor: pointer;
    width: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.fadein_tip .box .message {
    overflow: hidden;
    padding-bottom: 20px;
    min-height: 100px;
}

.fadein_tip .box .message span {
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 1.8;
}

.fadein_tip .box .button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fadein_tip .box .button div {
    width: 160px;
    height: 46px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-image: linear-gradient(to right, #0289FD, #0361FE);
    font-size: 16px;
    color: #fff;
}

.fadein_code {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 999999;
}

.fadein_code .box {
    width: 360px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 0;
    border-radius: 4px;
}

.fadein_code .box .t {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.fadein_code .box .close {
    width: 32px;
    position: absolute;
    right: -36px;
    top: -36px;
    cursor: pointer;
}

.fadein_code .box .code {
    overflow: hidden;
    padding: 0 80px;
    width: 360px;
    height: 200px;
}

.fadein_code .box span {
    display: block;
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 20px;
}

.fadein_code .box .code img {
    display: block;
    width: 100%;
    /*width: 200px;*/
    height: 200px;
}

.content .main_content .m1200 .main_file_list {
    width: 100%;
    background: #fff;
    margin-top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    display: none;
    position: relative;
    padding: 0 48px;
}

.content .main_content .m1200 .main_file_list .add {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content .main_content .m1200 .main_file_list .add div {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    padding: 0 12px;
    height: 30px;
    cursor: pointer;
    color: #0080FD;
    border-radius: 3px;
    position: relative;
    transition: all .1s;
    border: 1px solid #0080FD;
}

.content .main_content .m1200 .main_file_list .add div input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.content .main_content .m1200 .main_file_list .add div:hover {
    background: #0080FD;
    color: #fff;
}

.content .main_content .m1200 .main_file_list .button {
    width: 100%;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .main_content .m1200 .main_file_list .button div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 60px;
    cursor: pointer;
    transition: all .1s;
    font-size: 16px;
    border-radius: 6px;
    color: #fff;
    background: #0080FD;
}

.content .main_content .m1200 .main_file_list .button div:hover {
    opacity: 0.8;
}

.content .main_content .m1200 .main_file_list .list {
    width: 100%;
    border-bottom: 1px dashed #9AC6FF;
    min-height: 196px;
    padding-bottom: 16px;
}

.content .main_content .m1200 .main_file_list .list .label {
    width: 100%;
    height: 52px;
    transition: all .1s;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.content .main_content .m1200 .main_file_list .list .label:hover {
    background: #F3F3F3;
}

.content .main_content .m1200 .main_file_list .list .label .remove {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.content .main_content .m1200 .main_file_list .list .label .icon {
    width: 20px;
    margin: 0 8px 0 12px;
}

.content .main_content .m1200 .main_file_list .list .label span {
    font-size: 16px;
    color: #2d2d33;
}




.content .main_content .m1200 .main_file_list1 {
    width: 100%;
    background: #fff;
    margin-top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    position: relative;
    display: none;
    padding: 0 48px;
}

.content .main_content .m1200 .main_file_list1 .add {
    height: 60px;
    display: flex;
    align-items: center;
}

.content .main_content .m1200 .main_file_list1 .add div {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    padding: 0 12px;
    height: 30px;
    cursor: pointer;
    color: #666;
    position: relative;
    transition: all .1s;
}

.content .main_content .m1200 .main_file_list1 .add div img {
    width: 26px;
    margin-right: 10px;
}

.content .main_content .m1200 .main_file_list1 .button {
    width: 100%;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .main_content .m1200 .main_file_list1 .button div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 60px;
    cursor: pointer;
    transition: all .1s;
    font-size: 16px;
    border-radius: 6px;
    color: #fff;
    background: #0080FD;
}

.content .main_content .m1200 .main_file_list1 .button div:hover {
    opacity: 0.8;
}

.content .main_content .m1200 .main_file_list1 .list {
    width: 100%;
    border-bottom: 1px dashed #9AC6FF;
    min-height: 156px;
    padding-bottom: 16px;
}

.content .main_content .m1200 .main_file_list1 .list .label {
    width: 100%;
    height: 60px;
    transition: all .1s;
    display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px dashed #BDD9FF;
    border-radius: 4px;
    cursor: pointer;
}

.content .main_content .m1200 .main_file_list1 .list .label:hover {
    background: #F3F3F3;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove {
    position: absolute;
    right: 30%;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove em {
    font-size: 16px;
    color: #0080FD;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove img {
    width: 30px;
    margin-right: 4px;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove div {
    background-image: url(../images/success.png);
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.content .main_content .m1200 .main_file_list1 .list .label .down {
    height: 66%;
    display: flex;
    align-items: center;
    padding: 0 36px;
    position: absolute;
    right: 4%;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(to right, #0289FD, #0362FE);
    border-radius: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.content .main_content .m1200 .main_file_list1 .list .label .down.hide {
    display: none;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove.fail em {
    color: #F54F3F;
}

.content .main_content .m1200 .main_file_list1 .list .label .remove.fail div {
    background-image: url(../images/fail.png);
}

.content .main_content .m1200 .main_file_list1 .list .label .icon img {}

.content .main_content .m1200 .main_file_list1 .list .label .icon {
    width: 20px;
    margin: 0 8px 0 12px;
}

.content .main_content .m1200 .main_file_list1 .list .label span {
    font-size: 16px;
    color: #2d2d33;
}


.code em {
    display: block;
    text-align: center;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
}

.content .main_content .m1200 .main_updata.on {
    opacity: 0;
    z-index: -1;
}

/*.content .main_content .m1200 .main_updata1.on{
    opacity:1;
    z-index: 9;
}*/
.ts {
    display: none;
    height: 68px;
    align-items: center;
    justify-content: center;
}

.loader {
    display: flex;
    justify-content: center;
    gap: 12px;
    height: 68px;
    align-items: center;
}

.ball {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff4d4f;
    animation: jump 1.2s ease-in-out infinite;
}

.ball:nth-child(2) {
    animation-delay: 0.15s;
    background: #1B7CF9;
}

.ball:nth-child(3) {
    animation-delay: 0.3s;
    background: #FFC700;
}

.ball:nth-child(4) {
    animation-delay: 0.45s;
    background: #4AAE4A;
}

@keyframes jump {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

.content .main_content .m1200 .main_updata1 .b {
    overflow: hidden;
}

.content .main_content .m1200 .main_updata1 .b span {
    display: block;
    text-align: center;
    font-size: 16px;
    transform: translateY(-20px);
    margin: 0;
    color: #333;
}

.content .main_content .m1200 .main_updata1 img {
    display: block;
    width: 200px;
}

.content .main_content .m1200 .main_updata1 .b.i1 {
    display: block;
}

.content .main_content .m1200 .main_updata1 .b.i2 {
    display: none;
}

.content .main_content .m1200 .main_updata1 .b.i3 {
    display: none;
}

.content .main_content .m1200 .main_updata1.on .b.i1 {
    display: none;
}

.content .main_content .m1200 .main_updata1.on .b.i2 {
    display: block;
}

.content .main_content .m1200 .main_updata1.on .b.i3 {
    display: none;
}

.content .main_content .m1200 .main_updata1.on1 .b.i1 {
    display: none;
}

.content .main_content .m1200 .main_updata1.on1 .b.i2 {
    display: none;
}

.content .main_content .m1200 .main_updata1.on1 .b.i3 {
    display: block;
}

.content .main_content .m1200 .main_updata2 .video-wrap {
    width: 400px;
    height: 400px;
    display: flex;
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, .05);
}

.content .main_content .m1200 .main_updata2 .video-wrap video {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap {
    flex: 1;
    margin-left: 20px;
    width: 100%;
    border: 2px dashed #adafb2;
    background-color: rgba(243, 245, 247, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border-radius: 24px;
    padding-top: 64px;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap:hover {
    border-color: #38f;
    background: rgba(229, 242, 255, .25);
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .file-layout-center {
    text-align: center;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .file-layout-center img {
    margin-bottom: 20px;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .file-layout-center .upload-tip {
    margin-bottom: 40px;
    font-size: 16px;
    color: #797c7f;

}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap {
    display: flex;
    gap: 20px;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap button {
    background-color: none;
    outline: none;
    width: 180px;
    border-radius: 200px;
    height: 52px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 44px;
    cursor: pointer;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .file-upload {
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .file-upload:hover {
    background-color: #f5f5f5;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .batch-upload {
    background-color: #3589ff;
    border: 1px solid rgba(0, 0, 0, .15);
    color: #fff;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .batch-upload:hover {
    background-color: #3183f5;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .btn-item {
    display: flex;
    flex-direction: column;
}

.content .main_content .m1200 .main_updata2 .file-right-wrap .btn-wrap .btn-item .uploadFiles {
    color: #3388ff;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 8px;
    text-align: center;
}


.content .main_content .m1200 .main_updata2 .no-bg {
    background-color: none !important;
    box-shadow: none !important;
}

.content .main_content .m1200 .main_updata1 {
    width: 100%;
    background: #fff;
    margin-top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    height: 396px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    left: 0;
    top: 0;
    display: none;
}

.content .main_content .m1200 .main_updata1.on .view .t {
    display: none;
}

.content .main_content .m1200 .main_updata1.on .ts {
    display: block;
}

.gsbox {
    width: 100%;
    height: 396px;
    position: relative;
}

.jd {
    width: 0%;
    height: 4px;
    background-image: url(../images/jds.png);
    position: absolute;
    left: 0;
    top: 0;
}

.jda {
    width: 0%;
    height: 4px;
    background-image: url(../images/jds.png);
    position: absolute;
    left: 0;
    top: 0;
}

.content .main_content .m1200 .main_updata1 .icon {
    width: 155px;
    position: absolute;
    left: -66px;
    z-index: -1;
    top: 232px;
}

.main_updata1 {
    position: relative;
}

.content .main_content .m1200 .main_updata1 .view {
    width: 100%;
    border-radius: 8px;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.content .main_content .m1200 .main_updata1 .view .t {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .main_content .m1200 .main_updata1 .view span {
    font-size: 16px;
    color: #666;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.content .main_content .m1200 .main_updata1 .view .r {
    width: 20px;
    margin: 0 30px;
}

.content .main_content .m1200 .main_updata1 .view .i {
    display: block;
    width: 56px;
}

.content .main_content .m1200 .main_updata1 .view .i:last-child {
    width: 65px;
}








.content .main_content .m1200 .main_shangchuan {
    width: 100%;
    background: #fff;
    margin-top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    height: 396px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    display: none;
}

.gsbox {
    width: 100%;
    height: 396px;
    position: relative;
}

.content .main_content .m1200 .main_shangchuan .icon {
    width: 155px;
    position: absolute;
    left: -66px;
    z-index: -1;
    top: 232px;
}

.content .main_content .m1200 .main_shangchuan .view {
    width: 100%;
    border-radius: 8px;
    left: 0;
    top: 0;
    background: #fff;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.content .main_content .m1200 .main_shangchuan .view .t {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content .main_content .m1200 .main_shangchuan .view span {
    font-size: 17px;
    color: #666;
    display: block;
    text-align: center;
    margin-top: 20px;
}





.content {
    overflow: hidden;
    width: 100%;
}

.content .header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 70px;
    z-index: 99999;
    display: flex;
    background: rgba(255, 255, 255, 0.9);
    align-items: center;
    border-bottom: 1px solid #F6F6F6;
    backdrop-filter: blur(3px);
    justify-content: space-between;
}

.content .header .m {
    width: 1480px;
    max-width: 1480px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content .header .m .right {
    height: 100%;
    display: flex;
    align-items: center;
}

.content .header .m .right .down {
    height: 42px;
    margin-right: 24px;
    border-radius: 6px;
    border: 1px solid #0080FD;
    position: relative;
}

.content .header .m .right .down a {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    color: #0080FD;
}

.content .header .m .right .down a i {
    width: 20px;
    height: 20px;
    background-image: url(../images/win.svg);
    background-size: 100% 100%;
    margin-right: 9px;
}

.content .header .m .right .login {
    height: 42px;
    background-image: linear-gradient(to right, #0289FD, #0362FE);
    border-radius: 6px;
    transition: all .1s;
}

.content .header .m .right .login:hover {
    background-image: linear-gradient(to right, #0362FE, #0289FD);
}

.content .header .m .right .login a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0 16px;
    font-size: 16px;
    color: #fff;
}

.content .header .m .fl {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.content .header .m .fl .logo {
    display: block;
    width: 131.98px;
}

.content .header .m .fl .link_list {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 18px;
}

.content .header .m .fl .link_list>li {
    height: 100%;
    position: relative;
}

.content .header .m .fl .link_list>li .showbox {
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border-top: 2px solid #0080FD;
    display: flex;
    justify-content: space-between;
    transition: all .2s;
    align-items: flex-start;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 20px 20px;
    visibility: hidden;
    top: 120%;
    z-index: 99999;
    opacity: 0;
    padding: 25px 20px 20px;
}

.content .header .m .fl .link_list>li .showbox.on {
    width: 525px;
    padding: 25px 50px 50px;
}

.content .header .m .fl .link_list>li .showbox.on1 {
    width: 750px;
    padding: 25px 50px 50px;
}

.content .header .m .fl .link_list>li .showbox .item {
    overflow: hidden;
}

.content .header .m .fl .link_list>li .showbox .item .head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 10px;
}

.content .header .m .fl .link_list>li .showbox .item .head span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}

.content .header .m .fl .link_list>li .showbox .item .head img {
    width: 20px;
    margin-left: 8px;
}

.content .header .m .fl .link_list>li .showbox .item .link {
    overflow: hidden;
    height: 40px;
    white-space: nowrap;
    border-radius: 4px;
    margin-bottom: 10px;
}

.content .header .m .fl .link_list>li .showbox .item .link:hover {
    background: #F3F3F3;
}

.content .header .m .fl .link_list>li .showbox .item .link a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px 0 10px;
}

.content .header .m .fl .link_list>li .showbox .item .link a span {
    font-size: 14px;
    color: #000;
    margin: 0 6px;
}

.content .header .m .fl .link_list>li .showbox .item .link a .icon {
    width: 20px;
}

.content .header .m .fl .link_list>li .showbox .item .link a .new {
    width: 30px;
}

.content .header .m .fl .link_list>li:hover .showbox {
    opacity: 1;
    visibility: inherit;
    top: 100%;
}

.content .header .m .fl .link_list>li:hover .label span {
    color: #0080FD;
}

.content .header .m .fl .link_list>li:hover .label .down {
    color: #0080FD;
    transform: rotate(180deg);
}

.content .header .m .fl .link_list>li .label {
    height: 100%;
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin: 0 6px;
}

.content .header .m .fl .link_list>li .label span {
    font-size: 16px;
    color: #000;
}

.content .header .m .fl .link_list>li .label .down {
    width: 12px;
    margin-left: 4px;
    transition: all .1s;
}

.content .header .m .fl .link_list>li .label .new {
    width: 32px;
    margin: 0 3px;
}

.content .main_content {
    overflow: hidden;
    width: 100%;
    background: url(../images/bg.svg) left top/100% 596px no-repeat;
    background-size: 100%;
    padding-top: 90px;
    margin-top: 70px;
}

.content .main_content .m1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.content .main_content .m1200 .head {
    width: 100%;
    text-align: center;
}

.content .main_content .m1200 .head h1 {
    line-height: 64px;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 24px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.content .main_content .m1200 .head h1 img {
    position: absolute;
    top: 0;
    right: -74px;
    width: 70px;
}

.content .main_content .m1200 .head span {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #2d2d33b3;
}

.content .main_content .m1200 .main_updata2 {
    width: 100%;
    margin-top: 48px;
    border-radius: 8px;
    height: 396px;
    position: relative;
    left: 0;
    top: 0;
    display: flex;
}

.content .main_content .m1200 .main_updata {
    width: 100%;
    background: #fff;
    margin-top: 48px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    height: 396px;
    position: relative;
    left: 0;
    top: 0;
}

.content .main_content .m1200 .main_updata .icon {
    width: 155px;
    position: absolute;
    left: -66px;
    top: 232px;
}

.content .main_content .m1200 .main_updata input {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

.content .main_content .m1200 .main_updata .view {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.content .main_content .m1200 .main_updata .view .m {
    overflow: hidden;
}

.content .main_content .m1200 .main_updata .view .m img {
    display: block;
    width: 56px;
    margin: 0 auto;
}

.content .main_content .m1200 .main_updata .view .m div {
    width: 260px;
    height: 60px;
    margin: 0 auto;
    background: #0080FD;
    margin-top: 24px;
    max-width: 90%;
    border-radius: 6px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.content .main_content .m1200 .main_updata .view .m span {
    margin-top: 12px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #666;
}

.content .main_content .m1200 ul {
    width: 100%;
    margin-top: 70px;
    display: flex;
    padding-bottom: 48px;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content .main_content .m1200 ul li {
    overflow: hidden;
    width: 372px;
    min-height: 184px;
    margin-bottom: 42px;
    padding: 16px;
    transition: all .06s;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
}

.content .main_content .m1200 ul li:hover {
    border: 1px solid #0080FD;
}

.content .main_content .m1200 ul li:nth-child(1) div {
    background-image: url(../images/quick.acfc0ea4.svg);
}

.content .main_content .m1200 ul li:nth-child(1):hover div {
    background-image: url(../images/quick-hover.76e1df1b.svg);
}

.content .main_content .m1200 ul li:nth-child(2) div {
    background-image: url(../images/accurate.f963de29.svg);
}

.content .main_content .m1200 ul li:nth-child(2):hover div {
    background-image: url(../images/accurate-hover.08e58e39.svg);
}

.content .main_content .m1200 ul li:nth-child(3) div {
    background-image: url(../images/platform.b85722a4.svg);
}

.content .main_content .m1200 ul li:nth-child(3):hover div {
    background-image: url(../images/platform-hover.b4b36ae5.svg);
}

.content .main_content .m1200 ul li:nth-child(4) div {
    background-image: url(../images/productive.393b1afc.svg);
}

.content .main_content .m1200 ul li:nth-child(4):hover div {
    background-image: url(../images/productive-hover.d5862fca.svg);
}

.content .main_content .m1200 ul li:nth-child(5) div {
    background-image: url(../images/safe.f7035399.svg);
}

.content .main_content .m1200 ul li:nth-child(5):hover div {
    background-image: url(../images/safe-hover.4051c423.svg);
}

.content .main_content .m1200 ul li:nth-child(6) div {
    background-image: url(../images/customer.b77054da.svg);
}

.content .main_content .m1200 ul li:nth-child(6):hover div {
    background-image: url(../images/customer-hover.fd948ddb.svg);
}

.content .main_content .m1200 ul li div {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-size: 100% 100%;
}

.content .main_content .m1200 ul li img {
    display: block;
    margin: 0 auto;
    height: 40px;
}

.content .main_content .m1200 ul li p {
    text-align: center;
    font-size: 20px;
    color: #2d2d33;
    font-weight: bold;
    margin-top: 12px;
}

.content .main_content .m1200 ul li span {
    font-size: 14px;
    line-height: 23px;
    color: #222a41;
    opacity: 0.7;
    margin-top: 8px;
    display: block;
}

.content .main_content .m1200 ul li:nth-child(3n) {
    margin-right: 0;
}

.content .main_descbox {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bgsm.svg);
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
    background-color: #F8F9FE;
}

.content .main_descbox .m1200 {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1200px;
}

.content .main_descbox .m1200 ul {
    display: flex;
    justify-content: space-between;
}

.content .main_descbox .m1200 ul li {
    overflow: hidden;
    padding: 0 24px;
    margin-bottom: 64px;
}

.content .main_descbox .m1200 ul li .item {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.content .main_descbox .m1200 ul li .item div {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    background: #fc4262;
    margin-right: 10px;
}

.content .main_descbox .m1200 ul li .item span {
    font-size: 20px;
    color: #222a41;
    font-weight: bold;
}

.content .main_descbox .m1200 ul li em {
    display: block;
    font-size: 14px;
    color: #222a41;
    opacity: 0.7;
    margin-top: 24px;
}

.content .main_faq {
    overflow: hidden;
    padding: 120px 0;
}

.content .main_faq .m1200 {
    margin: 0 auto;
    max-width: 1200px;
}

.content .main_faq .m1200 ul {
    overflow: hidden;
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 72px 120px 86px 72px;
    margin-bottom: 49px;
}

.content .main_faq .m1200 ul li {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    margin-bottom: 70px;
}

.content .main_faq .m1200 ul li:last-child {
    margin-bottom: 0;
}

.content .main_faq .m1200 ul li img {
    width: 30px;
    margin-right: 28px;
}

.content .main_faq .m1200 ul li div {
    flex: 1;
    overflow: hidden;
}

.content .main_faq .m1200 ul li div p {
    font-size: 20px;
    color: #222a41;
    font-weight: bold;
}

.content .main_faq .m1200 ul li div span {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    color: #222a41;
    opacity: 0.7;
}

.content .main_pdf_tool {
    overflow: hidden;
    background-color: #F8F9FE;
    padding: 46px 0 70px;
}

.content .main_pdf_tool .box {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1336px;
    margin: 0 auto;
}

.content .main_pdf_tool .box .item {
    overflow: hidden;
}

.content .main_pdf_tool .box .item p {
    font-size: 16px;
    color: #222a41;
    font-weight: bold;
    padding-left: 8px;
}

.content .main_pdf_tool .box .item ul {
    overflow: hidden;
    margin-top: 16px;
}

.content .main_pdf_tool .box .item ul li {
    overflow: hidden;
    border-radius: 4px;
    transition: all .04s;
    height: 44px;
    margin-bottom: 8px;
}

.content .main_pdf_tool .box .item ul li:hover {
    background: #DFEBFE;
}

.content .main_pdf_tool .box .item ul li a {
    height: 100%;
    display: flex;
    padding: 0 8px;
    align-items: center;
}

.content .main_pdf_tool .box .item ul li a img {
    width: 25px;
}

.content .main_pdf_tool .box .item ul li a span {
    font-size: 16px;
    color: #222a41;
    margin-left: 8px;
}

.content .footer {
    overflow: hidden;
    background: #F5F5F5;
}

.content .footer .m1200 {
    margin: 0 auto;
    max-width: 1200px;
}

.content .footer .m1200 footer {
    overflow: hidden;
    padding: 22px 0 60px;
    box-sizing: border-box;
}

.content .footer .m1200 footer div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content .footer .m1200 footer div a {
    font-size: 16px;
    color: #999990;
    line-height: 61px;
    margin-right: 20px;
    display: block;
}

.content .footer .m1200 footer div a:hover {
    color: #0080FD;
}

.content .footer .m1200 footer div p {
    font-size: 16px;
    cursor: pointer;
    color: #999990;
    display: flex;
    align-items: center;
}

.content .footer .m1200 footer div p img {
    width: 10px;
    margin-left: 6px;
}

.content .footer .m1200 .main_info {
    overflow: hidden;
    padding: 80px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #CBCCD1;
    justify-content: space-between;
    padding-right: 140px;
}

.content .footer .m1200 .main_info .pdf {
    width: 60px;
    display: block;
}

.content .footer .m1200 .main_info .label {
    overflow: hidden;
}

.content .footer .m1200 .main_info .label p {
    font-size: 18px;
    line-height: 2;
    color: #222a41;
    font-weight: bold;
}

.content .footer .m1200 .main_info .label ul {
    overflow: hidden;
    margin-top: 13px;
}

.content .footer .m1200 .main_info .label ul li {
    overflow: hidden;
    margin-bottom: 13px;
}

.content .footer .m1200 .main_info .label ul li:hover a {
    color: #0285FD;
}

.content .footer .m1200 .main_info .label ul li a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #222a41;
    opacity: 0.7;
}

.content .footer .m1200 .main_info .info .logo {
    display: block;
    width: 160px;
}

.content .footer .m1200 .main_info .info .contact {
    margin-top: 40px;
}

.content .footer .m1200 .main_info .info .contact p {
    font-size: 16px;
    line-height: 36px;
    color: #222a41;
    margin-bottom: 13px;
}

.content .footer .m1200 .main_info .info .contact .share {
    display: flex;
    align-items: center;
}

.content .footer .m1200 .main_info .info .contact .clab {
    position: relative;
    margin-right: 11px;
}

.content .footer .m1200 .main_info .info .contact .clab a {
    display: block;
}

.content .footer .m1200 .main_info .info .contact .clab a img {
    width: 24px;
}

.content .main_actilc {
    padding: 48px 0;
    padding-bottom: 146px;
}

.content .main_actilc .m1200 {
    margin: 0 auto;
    max-width: 1200px;
}

.content .main_actilc .m1200 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.content .main_actilc .m1200 ul li {
    overflow: hidden;
    width: 32%;
    margin-right: 1.5%;
}

.content .main_actilc .m1200 ul li:hover p {
    color: #0080FD;
}

.content .main_actilc .m1200 ul li div {
    overflow: hidden;
    width: 100%;
    height: 255px;
}

.content .main_actilc .m1200 ul li div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.content .main_actilc .m1200 ul li p {
    font-size: 18px;
    color: #222a41;
    text-align: center;
    margin-top: 16px;
}

.content .main_actilc .m1200 ul li:nth-child(3n) {
    margin-right: 0;
}

.content .public_btn {
    text-align: center;
    font-size: 12px;
}

.content .public_btn a {
    height: 50px;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    background: #0080FD;
    padding: 0 21px;
    font-size: 20px;
    overflow: hidden;
    transition: all .3s;
    position: relative;
    color: #fff;
}

.content .public_btn a input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: none;
    opacity: 0;
    cursor: pointer;
}

.content .public_btn a::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #0461fe 0%, #0085fd 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .3s;
}

.content .public_btn a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #0085fd 0%, #0461fe 100%);
    position: absolute;
    left: -100%;
    top: 0;
    z-index: -1;
    transition: all .3s;
}

.content .public_btn a:hover {
    transform: translateY(-3px);
}

.content .public_btn a:hover::before {
    left: 0;
}

.content .public_btn a:hover::after {
    left: 100%;
}

.content .public_btn a img {
    margin-left: 6px;
    width: 16px;
}

.content .public_title {
    width: 100%;
    padding-bottom: 40px;
}

.content .public_title p {
    text-align: center;
    font-size: 38px;
    color: #222a41;
    line-height: 45px;
    font-weight: bold;
}

.menu {
    display: none;
}

.fadein {
    display: none;
}

.my-picture .picture-list {}

.picture-list .picture-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.picture-list .picture-ul .li-item {
    width: 18.2%;
    height: 250px;
}

.picture-list .picture-ul .li-item:hover .del {
    display: block;
    background-color: blue;
}

/*我的图片*/



@media (max-width: 1150px) {

    /* 个人中心 */
    .person-layout {
        display: flex;
        flex-direction: column;
    }

    .person-layout .sidebar {
        width: 100%;
    }

    .person-layout .sidebar .sidebar-list {
        display: flex;
        margin-top: 0;
    }

    .order-detail .table {
        overflow-x: scroll;
    }

    .order-detail .table .head {
        width: 900px;
    }
}

@media (max-width: 1025px) {
    .person-layout .table-wrap .content .table .head {
        width: 900px;
    }

    .person-layout .table-wrap {
        margin-left: 0;
    }

    .content .header .m .fl .link_list {
        display: none;
    }

    .content .header .m {
        padding: 0 10px;
        padding-right: 20px;
    }

    .content .header .m .right .down,
    .content .header .m .right .login {
        display: none;
    }

    .content .header .m .fl {
        padding: 0;
    }

    .menu {
        width: 20px;
        height: 20px;
        background-image: url(../images/menu.svg);
        background-size: 100% 100%;
        display: block;
    }

    .menu.on {
        background-image: url(../images/close.svg);
    }

    .content .main_content {
        padding-top: 28px;
        background-size: 300%;
    }

    .content .main_content .m1200 ul li {
        border: none;
        margin-bottom: 0;
    }

    .content .main_content .m1200 ul li span {
        font-size: .26rem;
        line-height: 1.8;
        text-align: center;
    }

    .content .main_content .m1200 ul li p {
        font-size: .33rem;
    }

    .content .main_content .m1200 ul li div {
        width: .88rem;
        height: .88rem;
    }

    .content .main_content .m1200 ul {
        margin-top: .6rem;
    }

    .content .main_content .m1200 .head h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .content .main_content .m1200 .head h1 img {
        display: none;
    }

    .content .main_content .m1200 .head span {
        font-size: 16px;
    }

    .content .main_content .m1200 .main_updata {
        width: 86%;
        margin: 0 auto;
        margin-top: 24px;
    }

    .content .main_content .m1200 .main_updata .view .m span {
        display: none;
    }

    .content .public_title p {
        font-size: .46rem !important;
    }

    .content .main_descbox .m1200 ul {
        display: block;
    }

    .content .main_descbox .m1200 ul li .item span {
        font-size: .34rem;
    }

    .content .main_descbox .m1200 ul li {
        margin-bottom: .56rem;
    }

    .content .public_btn a {
        height: .9rem;
        padding: 0 .3rem;
        font-size: .3rem;
    }

    .content .main_faq {
        padding: .8rem .3rem;
    }

    .content .main_faq .m1200 ul {
        padding: .36rem;
    }

    .content .main_faq .m1200 ul li {
        display: block;
    }

    .content .main_faq .m1200 ul li img {
        display: block;
        width: .66rem;
        margin: 0 auto;
    }

    .content .main_faq .m1200 ul li div {
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .content .main_faq .m1200 ul li div p {
        text-align: center;
        margin-top: .3rem;
        font-size: .32rem;
        line-height: 1.6;
    }

    .content .main_faq .m1200 ul li div span {
        text-align: center;
        font-size: .26rem;
        margin-top: .2rem;
        line-height: 1.6;
    }

    .content .main_faq .m1200 ul li {
        margin-bottom: .6rem;
    }

    .content .main_descbox .m1200 ul li em {
        font-size: .28rem;
    }

    .content .public_title {
        padding-bottom: .4rem;
    }

    .content .main_faq .m1200 ul {
        margin-bottom: .6rem;
    }

    .content .main_actilc {
        padding: .6rem .3rem;
    }

    .content .main_actilc {
        display: block;
    }

    .content .footer .m1200 .main_info {
        padding: .5rem;
        background: #fff;
        border-top: 1px solid #F6F6F6;
        display: flex;
        flex-wrap: wrap;
    }

    .content .footer .m1200 .main_info .info .logo {
        margin: 0 auto;
    }

    .content .footer .m1200 .main_info .info .contact p {
        text-align: center;
        font-size: .26rem;
    }

    .content .footer .m1200 .main_info .info .contact .share {
        justify-content: center;
    }

    .content .footer .m1200 .main_info .info .contact .clab {
        width: .66rem;
        height: .66rem;
    }

    .content .footer .m1200 .main_info .pdf {
        display: none;
    }

    .content .footer .m1200 .main_info .label {
        margin-top: .3rem;
    }

    .content .footer .m1200 .main_info .label p {
        font-size: .3rem;
    }

    .content .footer .m1200 .main_info .label ul li a {
        font-size: .26rem;
        line-height: 2;
    }

    .content .footer .m1200 footer div:first-child {
        display: none;
    }

    .content .footer .m1200 .main_info .info {
        width: 100%;
    }

    .content .footer .m1200 .main_info .info .contact .clab a img {
        width: 100%;
    }

    .content .footer .m1200 .main_info .info .contact {
        margin-top: .3rem;
    }

    .content .main_actilc .m1200 ul li {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
    }

    .content .main_actilc .m1200 ul li p {
        font-size: .3rem;
    }

    .content .main_pdf_tool {
        display: none;
    }

    .content .main_content .m1200 ul li {
        width: 100%;
    }

    .content .main_descbox .m1200 ul {
        margin-top: .3rem;
    }

    .content .footer .m1200 footer {
        background: #000;
        padding: .3rem;
    }

    .content .footer .m1200 footer div {
        display: block;
    }

    .content .footer .m1200 footer div a {
        font-size: .2rem;
        padding: 0 .1rem;
        display: block;
        line-height: 1.6;
        text-align: center;
        margin: 0;
        opacity: 1;
    }

    .content .footer .m1200 footer div p {
        font-size: .2rem;
        padding: 0 .1rem;
        display: block;
        line-height: 1.6;
        text-align: center;
        opacity: 1;
        margin: 0;
    }

    .fadein {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999999;
        display: none;
    }

    .fadein .box {
        width: 100%;
        overflow: hidden;
        max-height: 100%;
        overflow-y: auto;
        background: white;
        backdrop-filter: blur(10px);
        padding-bottom: .3rem;
    }

    .fadein .box .link_list {
        height: 100%;
        position: relative;
    }

    .fadein .box .link_list>li {
        position: relative;
    }

    .fadein .box .link_list>li .showbox {
        background: #fff;
        border-top: 2px solid #0080FD;
        justify-content: space-between;
        align-items: flex-start;
        padding: .2rem;
        display: none;
    }

    .fadein .box .link_list>li .showbox .item {
        overflow: hidden;
    }

    .fadein .box .link_list>li .showbox .item .head {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        padding-left: 10px;
    }

    .fadein .box .link_list>li .showbox .item .head span {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        white-space: nowrap;
    }

    .fadein .box .link_list>li .showbox .item .head img {
        width: 20px;
        margin-left: 8px;
    }

    .fadein .box .link_list>li .showbox .item .link {
        overflow: hidden;
        height: 40px;
        white-space: nowrap;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .fadein .box .link_list>li .showbox .item .link:hover {
        background: #F3F3F3;
    }

    .fadein .box .link_list>li .showbox .item .link a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 20px 0 10px;
    }

    .fadein .box .link_list>li .showbox .item .link a span {
        font-size: 14px;
        color: #000;
        margin: 0 6px;
    }

    .fadein .box .link_list>li .showbox .item .link a .icon {
        width: 20px;
    }

    .fadein .box .link_list>li .showbox .item .link a .new {
        width: 30px;
    }

    .fadein .box .link_list>li:hover .label span {
        color: #0080FD;
    }

    .fadein .box .link_list>li:hover .label .down {
        color: #0080FD;
        transform: rotate(180deg);
    }

    .fadein .box .link_list>li .label {
        display: flex;
        cursor: pointer;
        position: relative;
        align-items: center;
        padding: .26rem 12px;
    }

    .fadein .box .link_list>li .label span {
        font-size: 16px;
        color: #000;
    }

    .fadein .box .link_list>li .label .down {
        width: 12px;
        margin-left: 4px;
        transition: all .1s;
    }

    .fadein .box .link_list>li .label .new {
        width: 32px;
        margin: 0 3px;
    }

    .fadein .box .head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .3rem;
        height: 1.2rem;
    }

    .fadein .box .head .fl {
        display: flex;
        align-items: center;
    }

    .fadein .box .head .close {
        width: .34rem;
    }

    .fadein .box .head .down {
        height: .68rem;
        margin-right: .2rem;
        border-radius: 6px;
        border: 1px solid #0080FD;
        position: relative;
        width: 2.6rem;
    }

    .fadein .box .head .down a {
        height: 100%;
        display: inline-flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        font-size: .26rem;
        color: #0080FD;
    }

    .fadein .box .head .down a i {
        width: 20px;
        height: 20px;
        background-image: url(../images/win.svg);
        background-size: 100% 100%;
        margin-right: 9px;
    }

    .fadein .box .head .login {
        height: .68rem;
        width: 2.6rem;
        background-image: linear-gradient(to right, #0289FD, #0362FE);
        border-radius: 6px;
        transition: all .1s;
    }

    .fadein .box .head .login:hover {
        background-image: linear-gradient(to right, #0362FE, #0289FD);
    }

    .fadein .box .head .login a {
        display: inline-flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: .26rem;
        color: #fff;
    }

    .fadein_code .box {
        width: 6rem;
    }

    .content .main_content .m1200 .main_updata2 .video-wrap {
        display: none;
    }
}

        /* 弹出框遮罩层 */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1000;
        }

        .popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* 弹出框主体 */
        .popup {
            background: white;
            border-radius: 15px;
            padding: 30px;
            max-width: 400px;
            width: 90%;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            transform: scale(0.8) translateY(50px);
            transition: all 0.3s ease;
        }

        .popup.warning {
            border-left: 5px solid #ff9800;
        }

        .popup.warning h2 {
            color: #ff9800;
        }

        .popup.success {
            border-left: 5px solid #0289FD;
        }

        .popup.success h2 {
            color: #0289FD;
        }

        .popup.error {
            border-left: 5px solid #f44336;
        }

        .popup.error h2 {
            color: #f44336;
        }

        .popup h2 {
            color: #333;
            margin-bottom: 15px;
            font-size: 24px;
            display: none;
        }

        .popup p {
            color: #666;
            line-height: 1.6;
            margin-bottom: 25px;
            font-size: 16px;
            text-align: center;
        }

        .popup-buttons {
            display: flex;
            justify-content: center;
        }

        .btn {
            padding: 12px 25px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
            min-width: 100px;
        }

        .btn-primary {
            background: linear-gradient(to right, #0289FD, #0362FE);
            color: white;
        }

        .btn-primary:hover {
            background: linear-gradient(to right, #0289FD, #0362FE);
            transform: translateY(-1px);
        }

        .btn-secondary {
            background: #f5f5f5;
            color: #333;
            border: 2px solid #ddd;
        }

        .btn-secondary:hover {
            background: #e9e9e9;
            border-color: #ccc;
        }

        .close-btn {
            position: absolute;
            top: 15px;
            right: 20px;
            background: none;
            border: none;
            font-size: 24px;
            color: #999;
            cursor: pointer;
            transition: color 0.3s ease;
        }

        .close-btn:hover {
            color: #333;
        }

        /* 响应式设计 */
        @media (max-width: 480px) {
            .popup {
                padding: 20px;
                margin: 20px;
            }
            
            .popup-buttons {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
            }
        }

/*# sourceMappingURL=css.css.map */