body {
    background: #f2f2f2;
}

.login-box {
    width: 100%;
}

.w1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.login-box .w1200 {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.login_r {
    width: 330px;
}

.layui-form-tt {
    font-size: 24px;
    text-align: center;
    color: #333333;
    margin-bottom: 30px;
}

.login_r .layui-input {
    background: transparent;
    border: none;
    font-size: 16px;
    color: #999999;
    padding-left: 0;
}

    .login_r .layui-input:hover,
    .login_r .layui-input:focus {
        border: none !important;
        box-shadow: none !important;
    }

.login_r .layui-form-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #232323;
}

.layui-form-f {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login_r .layui-form-f .layui-input-block {
    width: calc(100% - 75px);
}

.login_r .layui-form-f button {
    margin: 0;
    font-size: 15px;
    border: none;
    background: transparent;
    color: #232323;
    width: 88px;
    cursor: pointer;
}

.ac .layui-layer-login .layui-layer-title {
    text-align: center;
    padding: 0px 25px;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8;
}

.ac .layui-layer-login .layui-layer-setwin {
    display: none;
}

.layui-form-agreement {
    margin-top: -10px;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    color: #666666;
}

    .layui-form-agreement .layui-form-checkbox[lay-skin=primary] > i {
        background: #edebeb;
        border-color: #edebeb !important;
        margin-right: 10px;
    }

    .layui-form-agreement .layui-form-checked[lay-skin=primary] > i {
        border-color: #232323 !important;
        background-color: #232323;
    }

    .layui-form-agreement span {
        color: #232323;
        cursor: pointer;
    }

.ser_text {
    width: 580px;
    max-height: 520px;
    overflow: auto;
    padding: 30px;
}

.ser_tex p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}

.layui-form-submit {
    margin-top: 40px;
}

    .layui-form-submit .layui-btn {
        width: 100%;
        border-radius: 6px;
        background: #edebeb;
        border: none;
        line-height: 50px;
        height: 50px;
        font-size: 16px;
        color: #333;
    }
    .layui-form-submit .layui-btn:hover{
        color: #fff;
        background: #232323;
    }
.layui-form-upload {
    text-align: center;
    margin-bottom: 40px;
}

.upload-but {
    margin: 0 auto;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 100%;
    width: 118px;
    height: 118px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .upload-but img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.layui-form-upload p {
    font-size: 20px;
    color: #666666;
}

.w1920 {
    max-width: 1920px;
    padding: 0 40px;
    margin: 0 auto;
}

.header {
    position: relative;
    z-index: 999;
    background: #fff;
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
}

    .header.positioning {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
    }

    .header .w1920 {
        display: flex;
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }

.header-l ul,
.header-l {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logo {
    margin-right: 40px;
}

    .logo a img {
        width: 107px;
        height: 30px;
    }

.header-l ul li {
    margin-right: 35px;
    list-style: none;
    list-style: none;
}

    .header-l ul li:last-child {
        margin-right: 0;
    }

    .header-l ul li a {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        font-weight: bold;
    }

        .header-l ul li a:hover {
            display: inline-block;
            animation: jumping 1s 1;
        }

@keyframes jumping {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }
}

.header-m {
    width: 304px;
    border-radius: 50px;
    background: #f2f2f2;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset -4px 4px 5px rgba(0, 0, 0, 0.05);
    position: relative;
}

    .header-m input {
        font-size: 14px;
        color: #999999;
        line-height: 30px;
        border: none;
        background: transparent;
        width: calc(100% - 40px);
    }

.sBut {
    width: 30px;
    height: 30px;
    background: #232323;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

    .sBut img {
        max-width: 100%;
        height: auto;
    }

.search {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: calc(100% - 40px);
    height: auto;
    z-index: 999;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    display: none;
}

.search-1 h4 {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}

.history {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
}

.history-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f2f2f2;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .history-item img {
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }

.hot {
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
}

.sort-item,
.hot-item {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    display: block;
}

    .sort-item span,
    .hot-item img {
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 5px;
    }

    .sort-item:nth-of-type(1) span,
    .sort-item:nth-of-type(2) span,
    .sort-item:nth-of-type(3) span {
        color: #e45f56;
        font-weight: bold;
    }

.header-r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-item {
    margin-right: 20px;
}

    .header-item a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #666666;
        cursor: pointer;
    }

        .header-item a img {
            margin-right: 10px;
        }

.header-login a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    background: #e5e5e5;
    padding: 0 20px;
    border-radius: 30px;
    cursor: pointer;
}

.header-avatar a img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: none;
}

.accountBox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    min-height: calc(100vh - 111px);
}

.accountL {
    width: 220px;
    padding: 0 20px;
    padding-top: 40px;
    border-right: 1px solid #e6e6e6;
    position: fixed;
    height: 100vh;
}

    .accountL ul li {
        padding: 6px 0px;
        list-style: none;
    }

        .accountL ul li a {
            display: block;
            padding: 6px 20px;
            line-height: 30px;
            font-size: 14px;
            color: #666666;
            font-weight: bold;
            border-radius: 5px;
        }

            .accountL ul li.current a,
            .accountL ul li a:hover {
                background: rgb(35, 35, 35, .1);
                color: #232323;
            }

.accountR {
    width: calc(100% - 321px);
    padding: 0 30px;
    padding-top: 40px;
    margin-left: 261px;
}

.accountPa {
    padding-bottom: 120px;
}

.account-tt {
    margin-bottom: 15px;
}

    .account-tt h4 {
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }

.xinxi {
    border-radius: 10px;
    background: #f3f3f3;
    padding: 0 40px;
}

.xinxi-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

    .xinxi-item:last-child {
        border: none;
    }

.xinxi-tt {
    width: 25%;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    font-weight: bold;
}

.xinxi-nr {
    width: calc(100% - 20px);
}

    .xinxi-nr img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
    }

.xinxi-img {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .xinxi-img img {
        cursor: pointer;
    }

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    z-index: 9999;
}

.footer {
    display: none;
}

footer .w1920 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-l {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0px;
}

    .footer-l p {
        font-size: 14px;
        color: #999999;
        line-height: 30px;
    }

        .footer-l p img {
            margin-right: 15px;
        }

        .footer-l p span {
            margin-right: 20px;
        }

    .footer-l ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .footer-l ul li {
            margin-left: 20px;
            list-style: none;
        }

            .footer-l ul li a {
                font-size: 14px;
                color: #666666;
                font-weight: bold;
            }

.footer-r {
    display: flex;
    justify-content: center;
    padding: 10px 0px;
}

.footer-item {
    margin-right: 20px;
    width: 30px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .footer-item img {
        max-width: 100%;
    }

    .footer-item:last-child {
        margin-right: 0px;
    }

.rightBox {
    position: fixed;
    z-index: 999;
    right: 32px;
    bottom: 80px;
    display: none;
}

.frightItem {
    width: 52px;
    height: 52px;
    background: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

    .frightItem img {
        width: 22px;
        height: 20px;
    }

.ac .layui-layer-title {
    padding-left: 25px;
    border-bottom: none;
    font-size: 18px;
    font-weight: bold;
}

.inp {
    padding: 10px 25px;
    width: 422px;
    padding-bottom: 10px;
}

    .inp:last-child {
        margin-bottom: 20px;
    }

    .inp input {
        width: calc(100% - 30px);
        border: none;
        background: #f3f3f3;
        padding: 5px 15px;
        line-height: 30px;
        font-size: 14px;
        color: #333;
    }

.inp_code input {
    width: calc(100% - 130px);
    padding-right: 115px;
}

.inp_code button {
    position: absolute;
    right: 25px;
    padding: 5px 15px;
    border: none;
    background: #232323;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    width: 100px;
    cursor: pointer;
}

.ac .layui-layer {
    border-radius: 6px;
}

.ac .layui-layer-btn {
    padding-bottom: 30px;
}

.ac .layui-layer-btn0 {
    height: auto;
    background: #fff;
    color: #437a42;
    border: 1px solid #437a42;
    font-size: 14px;
    border-radius: 5px;
}

.ac .layui-layer-btn1 {
    height: auto;
    background: #232323;
    color: #fff;
    border: 1px solid #437a42;
    font-size: 14px;
    border-radius: 5px;
}

.pe-tt {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pe-tt-img {
    width: 70px;
    height: 70px;
}

    .pe-tt-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.pe-tt-text {
    padding-left: 20px;
}

    .pe-tt-text h4 {
        font-size: 14px;
        color: #333333;
        font-weight: bold;
        line-height: 30px;
    }

.pe-xinxi {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .pe-xinxi p {
        background-repeat: no-repeat;
        padding-left: 20px;
        background-position: left center;
        font-size: 14px;
        color: #666666;
        line-height: 30px;
        font-weight: bold;
    }

        .pe-xinxi p span {
            display: inline-block;
            font-size: 14px;
            color: #232323;
            font-weight: bold;
            margin: 0 12px;
        }

    .pe-xinxi a {
        display: inline-block;
        width: 60px;
        border: 1px solid #e8e8e8;
        line-height: 30px;
        text-align: center;
        border-radius: 35px;
        font-size: 14px;
        color: #333;
    }

.pe-item {
    background: #f3f3f3;
    padding: 20px 40px;
    border-radius: 10px;
    margin-bottom: 25px;
}

.pe-item-tt {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .pe-item-tt h4 {
        font-size: 19px;
        color: #333333;
    }

        .pe-item-tt h4 span {
            font-weight: 400;
        }

    .pe-item-tt a {
        background: #232323;
        color: #fff;
        padding: 0 16px;
        line-height: 35px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-radius: 8px;
    }

        .pe-item-tt a img {
            margin-right: 5px;
        }

.pe-list {
    padding-top: 25px;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.pe-li-item {
    width: 100%;
}

.pe-li-img {
    display: block;
    position: relative;
}

    .pe-li-img img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        border-radius: 10px;
    }
    .points .pe-li-img img{
        max-width: 100%;
        width: auto;
    }
        .pe-li-img img.pe-li-xiajiaimg {
            z-index: 99;
            position: absolute;
            height: auto;
            width: auto;
            right: 0;
            border-radius: 0;
        }
.mw-css-16mljcb{
        position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .24);
    font-size: 14px;
    padding: 0 8px;
    text-align: center;
    color: white;
    font-weight: 600;
    line-height: 24px;
border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    pointer-events: none;
}
.pe-li-item h4 {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    font-weight: bold;
    padding: 5px 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
}

.pe-li-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

    .pe-li-icon span {
        display: inline-block;
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 13px;
        color: #666666;
        margin-right: 15px;
    }

        .pe-li-icon span:last-child {
            margin-right: 0px;
        }

    .pe-li-icon .like {
        cursor: pointer;
        background-image: url(/images/dianzan.png);
    }

        .pe-li-icon .like.selected {
            background-image: url(/images/dianzan_h.png);
        }

.pe-li-but {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
}

    .pe-li-but button {
        border: none;
        font-size: 14px;
        color: #999999;
    }

        .pe-li-but button img {
            margin-right: 10px;
        }

.tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
}
    .tips img {
        width: 17px !important;
        height: 20px !important;
    }

.shoucang {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    background: #000;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    display: none;
    Z-INDEX: 9;
}

    .shoucang .icon {
        width: 14px;
        height: 13px;
        background-image: url(/images/soucang_b.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .shoucang.selected .icon {
        background-image: url(/images/soucang_hb.png);
    }

.pe-li-img:hover .shoucang {
    display: flex;
}

.pe-li-xinxi {
    display: flex;
    justify-content: flex-start;
    margin-top: 12px;
}

.pe-xinxi-img img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
}

.pe-xinxi-text {
    padding-left: 15px;
    width: calc(100% - 40px);
}

    .pe-xinxi-text h4 {
        padding: 0;
        line-height: 24px;
    }
    .pe-xinxi-text h4 a{
            display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
    .pe-xinxi-text p {
        font-size: 14px;
        color: #666666;
    }

.index1 .w1920 {
    padding: 0;
}

.index1-item1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index1-item1-l {
    width: calc(25% - 80px);
    padding: 40px;
    background: #fff;
}

.item1-I {
    margin-bottom: 22px;
    position: relative;
    display: block;
}

    .item1-I:last-child {
        margin-bottom: 0px;
    }
.item1-I img{
    width: 100%;
    height: 125px;
    object-fit: cover;
}
.item1-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .item1-text p {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }

.index1-item1-r {
    width: calc(75% - 70px);
    background: #fff;
    padding-right: 40px;
    padding-top: 40px;
    padding-left: 30px;
}

    .index1-item1-r .pe-list {
        padding: 0;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    column-gap: 30px;
    }

    .index1-item1-r .pe-li-img img {
        height: 315px;
    }

  .coll  .index1-item1-r .pe-li-img img {
        height: 220px;
    }

.index1-item2 {
    background: #fff;
}

.item2 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.item2-box {
    position: relative;
    padding: 0 55px;
}

.index1Swiper .swiper-slide {
    width: auto;
}

.index-slide {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    border: 1px solid #e9e9e9;
    line-height: 40px;
    padding: 0px 20px;
    border-radius: 30px;
    background: #f2f2f2;
    cursor: pointer;
}

    .index-slide:hover,
    .index-slide.current {
        color: #fff;
        background: #232323;
        border: 1px solid #232323;
    }

.index1Swiper-next,
.index1Swiper-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, .3);
}

.index1Swiper-prev {
    left: 0;
}

.index1Swiper-next {
    right: 0;
}

    .index1Swiper-next::after,
    .index1Swiper-prev::after {
        font-size: 14px;
        color: #333333;
    }

.index2 {
    background: #f3f3f3;
    padding: 40px 0;
}

.index2-tt {
    margin-bottom: 30px;
}

    .index2-tt a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .index2-tt a h4 {
            font-size: 20px;
            color: #333333;
            line-height: 30px;
            margin-right: 10px;
        }

        .index2-tt a img {
            width: 17px;
            height: 17px;
        }

.index2-box {
    padding: 0 55px;
    position: relative;
}

.index2Swiper .swiper-slide {
    background-image: url(/images/bg.png);
    background-position: top center;
    background-size: calc(100% - 20px);
    padding-top: 16px;
    background-repeat: no-repeat;
}

    .index2Swiper .swiper-slide a {
        position: relative;
    }
.slide2-img{
        border-radius: 10px;
}
.slide2-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.slide2-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(0, 0, 0, .8), transparent, transparent);
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    border-radius: 10px;
}

.slide2-t {
    padding: 15px;
}

.slide2-text h4 {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 5px;
}

.slide2-text p {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.index2Swiper-next,
.index2Swiper-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, .3);
}

.index2Swiper-prev {
    left: 0;
}

.index2Swiper-next {
    right: 0;
}

    .index2Swiper-next::after,
    .index2Swiper-prev::after {
        font-size: 14px;
        color: #333333;
    }

.index3 {
    padding: 30px 0px;
    background: #fff;
}

.index2-list .pe-list {
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
    column-gap: 30px;
}

.index2-list .pe-li-img img {
    height: 315px;
}

/* .index4 {
    padding-bottom: 100px;
} */

.pr {
    width: 100%;
}

    .pr .w1920 {
        padding: 0;
    }

.pr-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.pr-l {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 300px;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 51px;
    background: #fff;
}

.pr-l-t {
    padding-left: 40px;
    padding-right: 22px;
}

    .pr-l-t h4 {
        font-size: 20px;
        color: #333333;
        line-height: 40px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e8e8e8;
        background-image: url(/images/clss.png);
        background-position: left 12px;
        background-repeat: no-repeat;
        background-size: 20px 19px;
        padding-left: 40px;
    }

.pr-l-list {
    padding-top: 10px;
}

    .pr-l-list li .pr-l-li {
        padding-left: 80px;
        padding-right: 22px;
        cursor: pointer;
    }

        .pr-l-list li.current .pr-l-li,
        .pr-l-list li .pr-l-li:hover {
            background: #f8f8f8;
        }

        .pr-l-list li .pr-l-li img {
            transition: transform 0.5s ease;
        }

    .pr-l-list li.expand .pr-l-li img {
        transform: rotate(90deg)
    }

.pr-l-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

    .pr-l-item span {
        font-size: 16px;
        color: #333333;
        line-height: 30px;
    }

.Level2 {
    display: none;
    padding: 5px 0;
}

.Level2-item {
    padding: 5px 0;
    padding-left: 80px;
    padding-right: 22px;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    display:block;
}

    .Level2-item.current,
    .Level2-item:hover {
        background: #232323;
        color: #fff;
    }

.pr-r {
    width: calc(100% - 380px);
    padding: 0 40px;
    padding-top: 25px;
    padding-bottom: 51px;
    margin-left: 300px;
}

.pr-r-1 {
    background: linear-gradient(to right, #383839, #59595d, #666666, #666666);
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 30px;
    color: #fff;
}


    .pr-r-1 h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .pr-r-1 p {
        font-size: 14px;
        line-height: 30px;
    }

.filter {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.filter-but {
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .filter-but img {
        width: 13px;
        height: 13px;
        margin-left: 5px;
    }

.pr-r-2 .pe-list {
    grid-template-columns: repeat(3, 1fr);
}

.pr-r-2 .pe-li-img img {
    height: 330px;
}

.filter-box {
    position: absolute;
    top: 65px;
    z-index: 9;
    right: 0;
    width: 390px;
    background: #fff;
    padding-top: 20px;
    border-radius: 5px;
    display: none;
}

.filter-1 {
    padding-left: 20px;
    padding-right: 30px;
    max-height: 540px;
    overflow: auto;
}

.filter-item {
    margin-bottom: 10px;
}

.filter-tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

    .filter-tt h4 {
        display: block;
        width: calc(100% - 20px);
        font-size: 14px;
        color: #333;
        line-height: 30px;
    }

.filter-tt {
    transition: transform 0.5s ease;
}

    .filter-tt.expand img {
        transform: rotate(90deg);
    }

.item-box {
    display: none;
}

.filter-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.filter-I {
    cursor: pointer;
    margin-right: 10px;
    font-size: 12px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 10px;
    background: #f3f3f3;
    border-radius: 20px;
    padding: 0 12px;
}

    .filter-I:hover,
    .filter-I.current {
        background: #232323;
        color: #fff;
    }

.filter-f {
    border-top: 1px solid #e8e8e8;
    padding: 15px 30px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .filter-f button {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        padding: 0 16px;
        border-radius: 25px;
        border: 1px solid #e8e8e8;
        background: #fff;
        cursor: pointer;
    }

    .filter-f .sub {
        background: #232323;
        border: 1px solid #232323;
        color: #fff;
    }

.pr-xq1 {
    padding-top: 15px;
}

.pr-xq1-box {
    background: #fff;
    border-radius: 10px;
    padding: 24px 40px;
    padding-bottom: 10px;
}

.pr-xq1-tt {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.prXq1-L {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.prXq1-xinxi {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

    .prXq1-xinxi img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.prXq1-text {
    margin-left: 15px;
}

    .prXq1-text h4 {
        color: #333333;
        font-size: 18px;
        line-height: 30px;
    }

    .prXq1-text p {
        font-size: 14px;
        color: #333333;
        line-height: 24px;
    }

.prXq1-R {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.crumb {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    font-weight: 700;
}

    .crumb a {
        margin-right: 5px;
    }

    .crumb span {
        margin-left: 5px;
    }

.cop-but, .copbut {
    margin-left: 20px;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 15px;
    border-radius: 20px;
    background: #f2f2f2;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

    .cop-but img, .copbut img {
        width: 15px;
        height: 15px;
        margin-right: 6px;
    }

.layui-layer-copyright .layui-layer-title {
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
    color: #333333;
    padding: 10px 0px;
    padding-left: 20px;
    line-height: 40px;
    height: auto;
}

.layui-layer-copyright .layui-layer-setwin {
    display: none;
}

.co-box {
}

.problem {
    padding: 20px;
    height: 100%;
    overflow: auto;
    padding-bottom: 0px;
}

.form-div {
    margin-bottom: 20px;
}

    .form-div:last-child {
        margin-bottom: 0px;
    }

    .form-div label {
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        font-weight: bold;
    }

        .form-div label span {
            color: #eb0b0b;
        }

    .form-div .layui-input-block {
        margin: 0;
    }

        .form-div .layui-input-block input {
            display: block;
            background: #f3f3f3;
            border: none;
            padding: 5px 20px;
            line-height: 30px;
            font-size: 14px;
            color: #333;
            width: calc(100% - 40px);
        }

.layui-input-text {
    background: #f3f3f3;
    border-radius: 5px;
    padding: 0 20px;
    padding-top: 20px;
}

    .layui-input-text textarea {
        border: none;
        background: transparent;
        display: block;
        width: 489px;
        height: 79px;
        line-height: 24px;
        color: rgb(153, 153, 153);
        margin-bottom: 20px;
        resize: none;
    }

.form-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.form-item {
    width: 88px;
    height: 88px;
    border-radius: 5px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 30px;
}

    .form-item:last-child {
        margin-right: 0px;
    }

    .form-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.del {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 9;
}

    .del img {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.form-div .copyrightItem {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
}

.copyrightBut {
    padding: 10px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 24px;
}

    .copyrightBut img {
        width: 19px;
        height: 16px;
        margin-right: 5px;
    }

.ac .layui-layer-copyright .layui-layer-btn {
    padding: 15px 20px;
    border-top: 1px solid #e6e6e6;
}

.pr-xq1-box2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 25px;
}

.pr-xq1-l {
    width: calc(50% - 15px);
    position: relative;
}

.gallery-top {
    width: 100%;
    height: 408px;
}

    .gallery-top .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
    }

        .gallery-top .swiper-slide img {
            width: auto;
            max-width: 100%;
            height: auto;
            max-height: 100%;
            vertical-align: middle;
            position: relative;
            z-index: 0;
            object-fit: cover;
        }

.gallery-thumbs {
    margin: 0 30px;
    margin-top: 15px;
}

    .gallery-thumbs .swiper-slide {
        width: 100%;
        height: 90px;
        border: 2px solid #fff;
        background: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .gallery-thumbs .swiper-slide img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }


.cpNext {
    top: auto;
    left: auto;
    right: 0;
    width: 25px;
    height: 92px;
    bottom: 0px;
    margin: 0px;
    align-items: center;
    justify-content: center;
    color: transparent !important;
    border-radius: 5px;
}

.cpPrev {
    top: auto;
    left: 0;
    width: 25px;
    height: 92px;
    bottom: 0px;
    margin: 0px;
    justify-content: center;
    align-items: center;
    color: transparent !important;
    border-radius: 5px;
}

    .cpNext:after,
    .cpPrev:after {
        display: none;
        visibility: hidden;
    }

.cpPrev,
.swiper-rtl .cpNext,
.cpNext,
.swiper-rtl .cpPrev {
    background: #cbcbcb;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid #fbdc2d;
    background: #fff;
    border-radius: 5px;
}

.gallery-top .tips {
    z-index: 1;
}

.pr-xq1-r {
    width: calc(50% - 15px);
}

.pr-xq1-r-box {
    background: #f3f3f3;
    margin-bottom: 30px;
}

.prXq1-r-tt {
    padding: 15px 15px 5px;
    border-bottom: 1px solid #e6e6e6;
}

    .prXq1-r-tt h4 {
        font-size: 18px;
        color: #333333;
        line-height: 30px;
    }

    .prXq1-r-tt span {
        font-size: 14px;
        font-weight: 500;
    }

.label-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.label-item {
    font-size: 14px;
    color: #666666;
    margin-right: 10px;
    background: #e7e7e7;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

    .label-item.current,
    .label-item:hover {
        background: #666;
        color: #fff;
    }

.prXq1-ul {
    padding: 15px 0px;
    border-bottom: 1px solid #e6e6e6;
}

    .prXq1-ul ul ul {
        max-height: 333px;
        overflow: auto;
    }

    .prXq1-ul ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        margin-bottom: 10px;
        list-style: none;
    }

        .prXq1-ul ul li:last-child {
            margin-bottom: 0px;
        }

.prXq1-liBox {
    position: relative;
    width: 100%;
}

.prXq1-liT {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
}

.prXq1-liImg {
    width: 96px;
    height: 72px;
}

    .prXq1-liImg img {
        width: 100%;
        height: 72px;
        border-radius: 5px;
        object-fit: cover;
    }

.prXq1-liText {
    width: calc(100% - 110px);
}

    .prXq1-liText h4 {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.prXq1-liLabel {
    display: flex;
    justify-content: flex-start;
    margin-top: 5px
}

.liLabel {
    background: rgb(35, 35, 35, .1);
    font-size: 14px;
    padding: 0 6px;
    border-radius: 3px;
    font-weight: bold;
    color: #232323;
    line-height: 24px;
}

.liIcon {
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 20px;
    margin-left: 15px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.prXq1-ul ul li.current .prXq1-liBox .prXq1-liT {
    background: #fff;
}

.li-box {
    position: absolute;
    right: 100%;
    top: 0;
    width: 480px;
    z-index: 11;
    display: none;
}

.li-nr {
    margin-right: 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 20px 30px;
    max-height: 458px;
    overflow: auto;
}

.liSwiper {
    width: 100%;
    height: 80px;
}

    .liSwiper .swiper-slide img {
        width: 100%;
        height: 80px;
        object-fit: cover;
    }

.li-div {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

    .li-div h4 {
        font-size: 15px;
        color: #333;
        line-height: 30px;
        margin-bottom: 10px;
    }

.li-xinxi {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

    .li-xinxi img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border-radius: 100%;
    }

    .li-xinxi h6 {
        font-size: 14px;
        color: #666666;
        font-weight: 500;
    }

.shuqian {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.shuqian-item {
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-right: 20px;
}

.li-text {
    position: relative;
}

.expand-text {
    overflow: hidden;
}

    .expand-text p {
        font-size: 16px;
        line-height: 24px;
        color: #333333;
        display: block;
    }

.li-expand {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #232323;
    padding-left: 10px;
    line-height: 24px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

.li-f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
}

.li-date {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

.fold {
    color: #232323;
    line-height: 24px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

.shuqian-f {
    padding: 15px 0px 7px;
    border-bottom: 1px solid #e6e6e6;
}

    .shuqian-f .shuqian {
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .shuqian-f .shuqian .shuqian-item {
            margin-right: 0;
            padding-left: 30px;
            background-size: auto 23px;
        }

.li-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.li-data-item {
    background: #f72323;
    color: #fff;
    margin-right: 8px;
    border-radius: 5px;
    line-height: 20px;
    padding: 2px 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

    .li-data-item span {
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #fff;
        margin: 0 10px;
    }

.pan-f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    background: #f2f2f2;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
}

    .pan-f h4 {
        font-weight: 400;
        color: #333333;
        font-size: 14px;
        line-height: 24px;
    }

        .pan-f h4 span {
            color: #999999;
        }

    .pan-f p {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .pan-f p img {
            width: 5px;
            height: 11px;
            margin-left: 5px;
        }

.layui-layer-plate .layui-layer-title {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e6e6e6;
}

.plate-div {
    padding-bottom: 20px;
}

    .plate-div ul {
        padding: 0 25px;
    }

        .plate-div ul li {
            padding-top: 25px;
            list-style: none;
        }

            .plate-div ul li h4 {
                font-size: 16px;
                color: #333;
                line-height: 30px;
                margin-bottom: 10px;
            }

.plate-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.plate-img {
    position: relative;
}

    .plate-img img {
        width: 90px;
        height: 90px;
        object-fit: cover;
    }

    .plate-img p {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 16px;
        color: #333333;
    }

.plate-text {
    width: calc(100% - 100px);
    margin-left: 10px;
}

    .plate-text .shuqian {
        margin-bottom: 15px;
    }

        .plate-text .shuqian .shuqian-item {
            padding-left: 30px;
            background-size: auto 23px;
        }

.prXq1-r-but {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}

.export-but {
    line-height: 30px;
    background: #232323;
    color: #fff;
    font-weight: bold;
    padding: 6px 25px;
    border-radius: 6px;
    font-size: 16px;
    border: none;
}

.open-but {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 30px;
    background: #232323;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.prXq1-open {
    width: calc(100% - 95px);
    position: relative;
}

    .prXq1-open h4 {
        width: calc(100% - 70px);
        text-align: center;
        padding: 6px 0px;
        font-size: 16px;
        position: relative;
        height: 30px;
    }

        .prXq1-open h4::after {
            content: '';
            position: absolute;
            top: 8px;
            right: 0;
            width: 1px;
            height: 24px;
            background: #fff;
        }

    .prXq1-open button {
        width: 70px;
        padding: 5px 0px;
        line-height: 30px;
        height: 40px;
        border: none;
        background: #232323;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        cursor: pointer;
    }

        .prXq1-open button:hover {
            background: #232323;
        }

.open-box {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    z-index: 99;
    display: none;
}

.open-item {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
}

    .open-item:hover {
        background: #f8f8f8;
    }

.jiazai {
    display: flex;
    justify-content: center;
    padding: 15px 0px;
}

    .jiazai img {
        width: 40px;
        height: 40px;
    }

.accountR-tt {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.upload-v {
    margin-bottom: 10px;
}

.label-tt {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    display: block;
}

.inp-v input {
    border: none;
    line-height: 40px;
    background: #f3f3f3;
    padding: 0 15px;
    display: block;
    width: calc(100% - 30px);
    font-size: 14px;
    color: #333;
    border-radius: 5px;
}

.inp-linkage {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .inp-linkage .layui-input-block {
        width: calc(33.33% - 5px);
        margin-bottom: 10px;
    }

        .inp-linkage .layui-input-block .layui-input {
            font-size: 14px;
            color: #333;
            line-height: 40px;
            padding: 0 15px;
            border: 1px solid #e8e8e8;
        }

    .inp-linkage .layui-form-select dl dd.layui-this {
        background: rgb(35, 35, 35, .1);
        color: #232323;
        font-weight: 500;
    }

.inp-down .layui-input-block {
    width: 100%;
}

.inp-multiple .layui-form-checkbox[lay-skin=primary] {
    font-size: 12px;
    color: #666666;
}

.inp-multiple .layui-form-checkbox > i {
    top: 4px;
}

.cover {
    display: inline-block;
}

.coverbut img {
    width: 97px;
    height: 97px;
    object-fit: cover;
    border-radius: 5px;
}

.imgBox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.imgList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.upload-item {
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
}

    .upload-item img {
        width: 97px;
        height: 97px;
        object-fit: cover;
        border-radius: 5px;
    }

.imgList .del img {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 0px;
}

.inp-videos {
    display: flex;
    justify-content: flex-start;
}

.videos {
    display: none;
    position: relative;
    width: 97px;
    margin-right: 10px;
}

#videos {
    width: 97px;
    height: 97px;
    object-fit: cover;
    border-radius: 5px;
}

.inp-v textarea {
    width: calc(100% - 30px);
    height: 240px;
    border: none;
    line-height: 30px;
    background: #f3f3f3;
    padding: 10px 15px;
    display: block;
    font-size: 14px;
    color: #333;
    resize: none;
}

.form-but {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

    .form-but .but-grey, .form-but .but-green {
        border: none;
        margin-left: 15px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 15px;
        cursor: pointer;
        border-radius: 5px;
    }

.but-grey {
    background: #edebeb;
    color: #666;
}

.but-green {
    color: #fff;
    background: #232323;
}

.uploadItem {
    margin-bottom: 10px;
}

.flex-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 75%;
}

.plate-from {
    background: #f3f3f3;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 30px;
}

    .plate-from ul li {
        margin-bottom: 15px;
        list-style: none;
    }

        .plate-from ul li:last-child {
            margin-bottom: 0px;
        }

        .plate-from ul li h4 {
            font-size: 14px;
            color: #333;
            line-height: 30px;
            margin-bottom: 5px;
        }

.plate-f-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.plate-f-l {
    display: flex;
    justify-self: flex-start;
    width: calc(100% - 200px);
}

.plate-f-img {
    margin-right: 20px;
}

    .plate-f-img img {
        width: 90px;
        height: 90px;
        border-radius: 5px;
    }

.plate-f-r {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .plate-f-r .plate-f-del,
    .plate-f-r .plate-f-modify {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 20px;
        font-size: 13px;
        cursor: pointer;
    }

    .plate-f-r img {
        margin-right: 5px;
    }

.li-wenjian {
    display: flex;
    justify-content: flex-start;
    padding-top: 5px;
}

.li-wenjian-item {
    margin-right: 30px;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}

    .li-wenjian-item a {
        color: #232323;
        text-decoration: underline;
    }

.plate-f-l .shuqian {
    margin-bottom: 5px;
}

.inp-multiple {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .inp-multiple .upload-v {
        width: calc(33.33% - 5px);
    }

    .inp-multiple .inp-v input {
        background: #e7e7e7;
    }

.layui-input-butt {
    width: calc(33.33% - 5px);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.linkage-but div {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .linkage-but div img {
        width: 15px;
        height: 15px;
        border-radius: 100%;
    }

.inp-linkage .linkage-but .add {
    /* display: none;*/
}

.inp-linkage:last-child .linkage-but .add {
    display: flex;
}

.inp-linkage:last-child .linkage-but .reduce {
    /*  display: none;*/
}

.inp-linkage .inp-v {
    width: calc(100% - 30px);
}

    .inp-linkage .inp-v input {
        background: #e7e7e7;
    }

.uploadBtn {
    width: 97px;
    height: 97px;
    cursor: pointer;
}

    .uploadBtn img {
        max-width: 100%;
        max-height: 100%;
    }

#fileList1 .li-wenjian-item,
#fileList .li-wenjian-item {
    margin-right: 0px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plate-butt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
}

    .plate-butt button {
        border: none;
        margin-left: 15px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 20px;
        cursor: pointer;
        border-radius: 5px;
        background: #fff;
        color: #333;
    }

.tt-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .tt-box a {
        margin-bottom: 15px;
        background: #232323;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        padding: 0 10px;
        border-radius: 5px;
        line-height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .tt-box a img {
            width: 15px;
            height: 15px;
            margin-right: 5px;
        }

.table-v {
    background: #f3f3f3;
    margin-top: 10px;
    border-radius: 5px;
}

    .table-v table {
        width: 100%;
    }

        .table-v table thead {
            border-bottom: 1px solid #e6e6e6;
        }

            .table-v table thead tr th {
                font-size: 14px;
                line-height: 30px;
                color: #666666;
                padding: 15px 10px;
            }

        .table-v table tbody tr td {
            font-size: 14px;
            line-height: 30px;
            color: #333;
            font-weight: bold;
            padding: 10px;
            text-align: center;
        }

.td-but {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .td-but button,
    .td-but a {
        color: #666666;
        padding: 0;
        margin: 0 10px;
        border: none;
        font-weight: 500;
        text-decoration: underline;
    }

        .td-but button:hover,
        .td-but a:hover {
            color: #232323;
        }

.icon_box {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
}

.icon_item {
    position: relative;
}

.icon_xq {
    padding: 5px 25px;
    background: #f7f7f7;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    border-right: 1px solid #666666;
    background-repeat: no-repeat;
    background-position: 25px center;
    padding-left: 45px;
    cursor: pointer;
}

.icon_item:first-child .icon_xq {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.icon_item:last-child .icon_xq {
    border-right: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 35px;
}

.like-xq {
    background-image: url(/images/dianzan.png);
}

.icon_item.selected .like-xq{
    background-image: url(/images/dianzan_h.png);
}

.collect-xq {
    background-image: url(/images/soucang.png);
}

.icon_item.selected .collect-xq {
    background-image: url(/images/soucang_h.png);
}

.com-xq {
    background-image: url(/images/pinglun.png);
    background-size: 16px 12px;
}

.fenList {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 130px;
    background: #fff;
    z-index: 99;
    display: none;
}

    .fenList a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 5px 15px;
    }

        .fenList a:last-child {
            border-top: 1px solid #e6e6e6;
        }

.fen-img {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

    .fen-img img {
        max-width: 100%;
        max-height: 100%;
    }

.fenList a span {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    width: calc(100% - 20px);
}

.fenList a:hover {
    background: #ebebeb;
}

.icon_xia {
    display: flex;
    align-items: center;
    margin-right: 25px;
}

    .icon_data,
    .icon_xia span {
        color: #666666;
        line-height: 30px;
        font-size: 13px;
        margin-left: 5px;
    }

.middle {
    padding-bottom: 50px;
}

.pr-xq2-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
}

.pr-xq2-l {
    width: calc(100% - 306px);
}

.pr-xq2-description,
.pr-xq2-comment,
.pr-xq2-material {
    background: #fff;
    padding: 25px 40px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.pr-xq2-tt {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-bottom: 5px;
}

.pr-xq2-i h6 {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-bottom: 10px;
}

.pr-xq2-i ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .pr-xq2-i ul li {
        width: calc(50% - 5px);
        margin-bottom: 15px;
        list-style: none;
    }

        .pr-xq2-i ul li a {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            background: #f3f3f3;
            border-radius: 5px;
        }

.xq2-img {
    width: 72px;
    height: 72px;
}

    .xq2-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.xq2-text {
    width: calc(100% - 130px);
    padding-left: 15px;
}

.xq2-text-tt {
    font-size: 14px;
    color: #232323;
    text-decoration: underline;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xq2-text p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.xq2-span {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    margin-left: 5px;
}

.description-text p {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 30px;
}

.description-tt {
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
}

.description-text img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.description-but {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

    .description-but a {
        display: block;
        padding: 5px 15px;
        border-radius: 5px;
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        border: 1px solid #e8e8e8;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .description-but a:hover {
            background: #666666;
            color: #fff;
            border: 1px solid #666666;
        }

.pr-xq2-form {
    width: 100%;
    padding-top: 10px;
}

    .pr-xq2-form .layui-input-text {
        padding: 10px 20px;
      
    }

        .pr-xq2-form .layui-input-text textarea {
            display: block;
            width: 100%;
            height: auto;
            min-height: 24px;
            margin-bottom: 10px;
        }

    .pr-xq2-form .form-item {
        margin-bottom: 10px;
    }

.pr-xq2-form-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

    .pr-xq2-form-box .copyrightBut {
        color: #666666;
        font-weight: 400;
        padding: 0px;
    }

.pr-xq2-form-r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .pr-xq2-form-r p {
        font-size: 14px;
        color: #999999;
        line-height: 30px;
        margin-right: 20px;
    }

.fabu {
    background: #232323;
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    height: 32px;
    border: 1px solid #232323;
}

    .fabu img {
        margin-right: 5px;
    }

.comment-box {
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid #e8e8e8;
}

.com-filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .com-filter button {
        border: none;
        background: transparent;
        margin-right: 30px;
        font-size: 14px;
        color: #666666;
        cursor: pointer;
    }

        .com-filter button:last-child {
            margin-right: 0px;
        }

        .com-filter button.current,
        .com-filter button:hover {
            color: #232323;
        }

.com-list {
}

.com-item {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.com-l {
    width: 30px;
    height: 30px;
}

    .com-l img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.com-r {
    width: calc(100% - 45px);
    padding-left: 15px;
}

    .com-r h4 {
        line-height: 30px;
        font-size: 14px;
        color: #666666;
        font-weight: 500;
    }

    .com-r p {
        font-size: 14px;
        line-height: 24px;
        color: #333;
    }

.com-img {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}

.com-img-item {
    width: calc(33.33% - 10px);
    height: 188px;
}

    .com-img-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.com-but {
    padding: 15px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.com-but-text {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

.huifu {
    background-image: url(/images/huifu.png);
    cursor: pointer;
}

.com-huifu {
    padding: 20px;
    border-radius: 10px;
    background: #f3f3f3;
}

.huifu-item {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.huifu-l {
    width: 30px;
    height: 30px;
}

    .huifu-l img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.huifu-r {
    width: calc(100% - 45px);
    padding-left: 15px;
}

    .huifu-r h4 {
        display: inline-block;
        background: #666666;
        color: #fff;
        padding: 0 10px;
        line-height: 24px;
        font-size: 14px;
        border-radius: 15px;
        margin-top: 3px;
        margin-bottom: 10px;
    }

.huifu-data {
    margin-top: 5px;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.huifu-m {
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-top: 15px;
}

    .huifu-m button {
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: 700;
        color: #999999;
    }

.quxiao {
    background: transparent;
    color: #333;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    margin-right: 20px;
    height: 32px;
}

.pr-xq2-r {
    width: 296px;
}

.xq2-r-2,
.xq2-r-1 {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 10px;
}

    .xq2-r-1 h6 {
        font-size: 14px;
        line-height: 30px;
        color: #333333;
        font-weight: 400;
        margin-bottom: 5px;
    }

.xq2-r-1-img {
    margin-bottom: 10px;
}

    .xq2-r-1-img img {
        max-width: 100%;
        height: auto;
    }

.xq2-r-1 h4 {
    line-height: 24px;
    font-size: 12px;
    color: #666666;
}

.xq2-r-1 p {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
}

.xq2-r-2 .pe-list {
    display: block;
    padding: 0px;
}

    .xq2-r-2 .pe-list .pe-li-item {
        margin-bottom: 30px;
    }

        .xq2-r-2 .pe-list .pe-li-item:last-child {
            margin-bottom: 0px;
        }

.xq2-r-but {
    display: block;
    padding-top: 30px;
    padding-bottom: 10px;
}

    .xq2-r-but a {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        width: 100%;
        display: block;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        padding: 5px 0px;
        text-align: center;
    }

.list-tt h4 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 10px;
}

.list-class {
    display: flex;
    justify-content: space-between;
    align-items: center;
            flex-wrap: wrap;
    margin-bottom: 20px;
}

    .list-class ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

        .list-class ul li {
            margin-right: 34px;
            list-style: none;
        }

            .list-class ul li a {
                line-height: 30px;
                font-size: 14px;
                color: #666666;
                font-weight: bold;
            }

.list-upload a {
    background: #232323;
    color: #fff;
    padding: 0 16px;
    line-height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
}

    .list-upload a img {
        margin-right: 5px;
    }

.list-class ul li a:hover,
.list-class ul li.current a {
    color: #232323;
}

.status {
    padding: 20px 0px;
    padding-top: 5px;
}

.status-lass {
    padding: 0 40px;
    border-bottom: 1px solid #e6e6e6;
}

    .status-lass ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

        .status-lass ul li {
            padding-right: 50px;
            list-style: none;
        }

            .status-lass ul li a {
                font-size: 16px;
                color: #999999;
                line-height: 30px;
                padding: 12px 0px;
                display: block;
                font-weight: bold;
                border-bottom: 3px solid transparent;
            }

                .status-lass ul li.current a,
                .status-lass ul li a:hover {
                    color: #232323;
                    border-bottom: 3px solid #232323;
                }

.status .pe-list {
    padding-left: 40px;
    padding-right: 40px;
}

.data-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

    .data-box p {
        font-size: 14px;
        color: #999999;
    }

.failure, .drawdown {
    font-size: 14px;
    color: #666666;
    text-decoration: underline;
    cursor: pointer;
}

    .failure:hover, .drawdown:hover {
        color: #5c60fd;
    }

.status-but {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
}

    .status-but a {
        background: #fff;
        text-align: center;
        line-height: 35px;
        border-radius: 5px;
        font-size: 14px;
        color: #333333;
        padding: 3px 0px;
    }

.status-short {
    width: 30%;
}

.status-medium {
    width: calc(70% - 10px);
}

.status-long {
    width: 100%;
}

.status-but a:hover {
    background: #232323;
    color: #fff;
}

/* 咨询 */
.zixun {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .zixun .w1920 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 150px;
    }

        .zixun .w1920 h4 {
            font-size: 24px;
            color: #fff;
            line-height: 30px;
        }

.zixun-box {
    padding-bottom: 20px;
}

.zixun-tt {
    padding-top: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #333333;
}

.zixunList {
    margin-top: 20px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 38px;
}

    .zixunList a {
        display: block;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        background: #fff;
        padding-bottom: 15px;
    }

.zixun-img {
    background: #fff;
    padding: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .zixun-img img {
        width: 100%;
        height: 206px;
        object-fit: cover;
    }

.zixunList a h4 {
    font-size: 16px;
    color: #333;
    padding: 0 10px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.zixunList a p {
    padding: 0 10px;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

.zixunList a:hover {
    border: 1px solid #232323;
}

    .zixunList a:hover h4 {
        color: #232323;
    }

.zixun-xq {
    padding-top: 30px;
}

    .zixun-xq .w1200 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

.zixun-l {
    width: calc(100% - 330px);
    padding-bottom: 40px;
    background: #fff;
    border-radius: 10px;
}

.zixun-xq-tt {
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}

.zixun-xq-text {
    width: calc(100% - 140px);
}

    .zixun-xq-text h4 {
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }

    .zixun-xq-text p {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
    }

.zixun-xq-tt a {
    line-height: 30px;
    background: #232323;
    color: #fff;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 16px;
    width: 100px;
    text-align: center;
}

.zixun-r {
    width: 295px;
}

    .zixun-r h4 {
        font-size: 16px;
        color: #333333;
        line-height: 30px;
    }

    .zixun-r .zixunList {
        display: block;
        margin-top: 10px;
    }

        .zixun-r .zixunList a {
            margin-bottom: 20px;
        }

    .zixun-r .zixun-img img {
        height: 136px;
    }

.zixun-xq-con {
    padding: 20px 40px;
}

    .zixun-xq-con p {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .zixun-xq-con img {
        margin-bottom: 10px;
    }

.zixun-xq-but {
    padding: 15px 40px;
    padding-bottom: 0px;
    border-top: 1px solid #e8e8e8;
}

    .zixun-xq-but div {
        font-weight: bold;
        font-size: 14px;
        color: #999999;
        line-height: 30px;
    }

        .zixun-xq-but div a {
            color: #666666;
            margin-left: 10px;
            display: inline-block;
        }

            .zixun-xq-but div a:hover {
                color: #232323;
            }

.order .pe-item-tt {
    border-bottom: none
}

    .order .pe-item-tt h4 {
        font-size: 24px;
    }

.order-list {
    border-radius: 10px;
    background: #f3f3f3;
}

.order-tt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #e6e6e6;
}

.order-item {
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    width: 65%;
    text-align: center;
}

    .order-item span {
        padding: 0 10px;
    }

    .order-item:nth-of-type(2) {
        width: 20%;
    }

    .order-item:nth-of-type(3) {
        width: 10%;
    }

    .order-item:nth-of-type(4) {
        width: 5%;
    }

.order-con {
    padding: 10px 20px;
}

    .order-con a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

        .order-con a h4 {
            font-size: 14px;
            color: #333333;
            line-height: 30px;
            padding: 5px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
        }

        .order-con a:hover {
            background: #ffffff;
            border-radius: 5px;
        }

.record-list {
    border-top: 1px solid #e8e8e8;
    padding-top: 15px;
}

.record-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.record-img {
    width: 30px;
    height: 30px;
}

    .record-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.record-text {
    width: calc(100% - 40px);
}

    .record-text h4 {
        line-height: 30px;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
    }

        .record-text h4 span {
            margin-left: 20px;
            font-size: 14px;
            color: #999999;
        }
.record-text img{
    max-width: 100%;
    height: auto;
}
    .record-text p {
        font-size: 14px;
        color: #333;
        line-height: 24px;
        margin-top: 10px;
    }

.record-form {
    padding-top: 20px;
    padding-bottom: 50px;
}

.record-extare {
    margin-bottom: 20px;
}

    .record-extare textarea {
        display: block;
        width: calc(100% - 40px);
        height: 250px;
        padding: 20px;
        border: none;
        resize: none;
        background: #f3f3f3;
        border-radius: 10px;
    }

.record-but {
    display: flex;
    justify-content: flex-end;
}

    .record-but .record-Button {
        display: flex;
        align-items: center;
        border: none;
        background: #232323;
        color: #fff;
        padding: 5px 15px;
        border-radius: 5px;
        line-height: 30px;
        background-image: url("/images/fabu.png");
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 35px;
        background-position-x: 15px;
    }

.message {
    padding: 15px 40px;
}

    .message .record-text h6 {
        line-height: 24px;
        font-size: 14px;
        font-weight: 400;
        color: #666;
    }

    .message .record-text h4 {
        color: #999999;
    }

.message-img {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.img-item {
    padding-right: 10px;
    width: 98px;
    height: 97px;
}

    .img-item img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

.message-list {
    padding: 0 40px;
    padding-top: 15px;
}

.message-item {
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.message-text {
    width: calc(100% - 50px);
}

    .message-text h4 {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
    }

    .message-text p {
        font-size: 14px;
        color: #999999;
        line-height: 24px;
    }

.message-xiala {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-end;
}

    .message-xiala img {
        width: 7px;
        height: 15px;
    }

.expand-con {
    width: 100%;
    padding: 10px 0px;
    display: none;
}

    .expand-con p {
        font-size: 14px;
        color: #333333;
        line-height: 24px;
    }

    .expand-con a {
        color: #232323;
        line-height: 30px;
    }

.message-item.expand .message-xiala img {
    transform: rotate(90deg);
}

.data-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.data-item {
    width: calc(20% - 38px);
    margin-right: 10px;
    background: rgb(35, 35, 35, .1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

    .data-item:nth-child(5n) {
        margin-right: 0px;
    }

.data-img {
    background: rgb(35, 35, 35, .1);
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-name {
    width: calc(100% - 55px);
}

    .data-name h4 {
        font-size: 14px;
        color: #666666;
    }

    .data-name p {
        font-size: 24px;
        color: #333333;
    }

.polyline {
    background: #f3f3f3;
    padding: 30px 40px;
    border-radius: 10px;
    margin-bottom: 25px;
    padding-bottom: 0px;
}

.tongji {
    width: 100%;
    height: 400px;
}

.imageText .w1200 {
    width: 100%;
    height: 324px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.imageText h4 {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    padding: 0 40px;
}

.imageText-con {
    margin-top: 60px;
}

    .imageText-con h4 {
        margin-bottom: 30px;
        font-size: 24px;
        text-align: center;
    }

    .imageText-con p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #333;
        margin-bottom: 20px;
    }

.fileList {
    width: 100%;
}

    .fileList .upload-item {
        width: 100%;
        background: #e7e7e7;
        display: flex;
        padding: 10px 15px;
        margin-right: 0;
        padding-right: 100px;
    }

        .fileList .upload-item img {
            width: 30px;
            height: 30px;
        }

    .fileList .li-wenjian-item {
        padding-left: 10px;
        margin-right: 0;
    }

    .fileList .del {
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 9;
    }

        .fileList .del button {
            border: 1px solid #232323;
            height: 28px;
            background: transparent;
            padding: 0 20px;
            color: #232323;
            border-radius: 4px;
        }

.layui-layer-partition .plate-from {
    margin-bottom: 0px;
}

.layui-layer-loading-icon {
    font-size: 60px;
    color: #fff;
}






.points .pe-list {
    padding-top: 0px;
}

.points .pe-li-img {
    background: #f8f8f8;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.points .status-short {
    width: auto;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px 13px;
    font-size: 14px;
    color: #232323;
    font-weight: bold;
    line-height: 30px;
}

.points .status-medium {
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #232323;
    color: #fff;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 5px;
    cursor: pointer;
}

    .points .status-medium img {
        width: 17px;
        height: 12px;
        margin-right: 5px;
    }

.layui-layer-jifen .layui-layer-btn {
    text-align: center;
    padding-top: 0px;
}

.layui-layer-jifen .failure-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .layui-layer-jifen .failure-box p {
        font-size: 16px;
        color: #333;
        line-height: 30px;
        font-weight: bold;
    }

        .layui-layer-jifen .failure-box p span {
            color: #232323;
        }

.layui-layer-jifen .layui-layer-setwin {
    display: none;
}

.list-upload p {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    font-weight: bold;
    display: flex;
    padding-left: 30px;
}

    .list-upload p span {
        font-size: 24px;
        color: #232323;
        line-height: 30px;
    }

.des {
    padding: 40px;
    background: #f3f3f3;
    margin-bottom: 30px;
    border-radius: 5px;
}

    .des p {
        font-size: 14px;
        color: #333333;
        line-height: 28px;
    }

.jifen-but {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.message-xiala p {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.message-text h6 {
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

    .message-text h6 span {
        color: #232323;
    }

.exchange-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.exchange-l {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% - 100px);
}

.exchange-img {
    margin-right: 20px;
    width: 160px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    border-radius: 5px;
}

    .exchange-img img {
        max-width: 100%;
        max-height: 100%;
    }

.exchange-text {
    width: calc(100% - 180px);
}

    .exchange-text h4 {
        color: #333333;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .exchange-text p {
        font-size: 14px;
        color: #666666;
        line-height: 24px;
    }

        .exchange-text p button {
            background: transparent;
            display: inline-block;
            margin-left: 20px;
            border: none;
            color: #232323;
            text-decoration: underline;
            font-size: 14px;
            cursor: pointer;
        }

.exchange-r h4 {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}

.collection {
    padding: 40px;
    margin-top: 30px;
    background: #fff;
}

    .collection p {
        font-size: 14px;
        color: #666;
        line-height: 30px;
    }

.cal-box {
    margin: 10px 0px;
}

    .cal-box a {
        margin-right: 5px;
        padding: 3px 10px;
        background: #e5e5e5;
        line-height: 24px;
        border-radius: 2px;
    }

.collection h6 {
    font-size: 18px;
    color: #333;
    padding-top: 5px;
}

    .collection h6 span {
        font-weight: 400;
        color: #999;
        font-size: 14px;
        display: inline-block;
    }

.coll .index1-item1-r {
    width: 100%;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
}

    .coll .index1-item1-r .pe-list {
        row-gap: 30px;
    }
    .about-video{
    width: 100%;
    height: 100%;
    position: relative;
}
.popup-video{
    width: 100%;
    height: 100%;
}
.bofang{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.bofang img{
        width: 80px;
    height: 80px;
    cursor: pointer;
}

.form-btn{
    display: flex;
    justify-content: flex-end;
    padding: 15px 0px;
    border-top: 1px solid #e6e6e6;
}

.form-btn  button{
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 0;
    padding: 0 16px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}
.form-btn  .form-btn0{
    height: auto;
    background: #fff;
    color: #437a42;
    border: 1px solid #437a42;
    font-size: 14px;
    border-radius: 5px;
}
.form-btn  .form-btn1{
height: auto;
    background: #232323;
    color: #fff;
    border: 1px solid #437a42;
    font-size: 14px;
    border-radius: 5px;
}
.sousuo{
    display: flex;
    justify-content: center;
    padding: 30px 0px;
}
.sousuo  .header-m{
    width: 650px;
    box-shadow:none
}
.nav {
    border-bottom: 1px solid  #e8e8e8;
}
.nav  .w1920  ul{
 display: flex;
 justify-content: center;
 align-items: center;
}
.nav  .w1920  ul li {
    cursor: pointer;
    margin: 0  20px;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: #999999;
    padding-bottom: 15px;
    position: relative;
}
.nav  .w1920  ul li a:hover,
.nav  .w1920  ul li a.current{
    color: #232323;
}
.nav  .w1920  ul li a:hover::after,
.nav  .w1920  ul li a.current::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #232323;
}
.filterBox{
  padding-top: 20px;
}
.filterBox .filter-but{
    background: #f2f2f2;
}
.filterItem{
    margin-left: 30px;
}
.dateBox{
    padding: 10px 0px;
    right: 146px;
    width: 109px;
}
.dateBox   .filter-1{
    padding: 0px;
}
.dateItem{
    cursor: pointer;
    line-height: 35px;
    padding: 0 20px;
    font-size: 14px;
    color: #5c5c5c;
}
.dateItem.current,
.dateItem:hover{
    color: #fff;
    background: #232323;
}

.classBox  .filter-1{
    display: flex;
    flex-flow: column wrap;
    padding: 0px 20px 20px 0px;
}
.classI{
        display: flex;
    flex-direction: column;
}
.class-tt{
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
    border-radius: 2px;
    cursor: pointer;
    padding: 0px 8px;
}
.class-text{
    margin-left: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    color: #666;
    cursor: pointer;
    padding: 0px 8px;
}

.classI .class-tt.current, .classI .class-text.current,
.classI .class-tt:hover,
.classI .class-text:hover {
    color: #fff;
    background: #232323;
}
.filterBox .index2-list{
    padding: 25px 0px;
}
.pr-close,
.nav_but{
    display: none;
}