#app{
    padding-bottom: 120px;
}

.detail-container .item .title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #0F0F0F;
}


.detail-container .item .view-date {
    font-size: 14px;
    color: #7A7A7A;
    margin: 30px 0;
}


.detail-container .item .date {
    margin-left: 20px;
}

.detail-container .item .date span {
    font-weight: 700;
    color: #494949
}

.detail-container .item .text {
    font-size: 16px;
    color: #464646;
}

.detail-container .item .text img{
    max-width: 100%;
}
.detail-container .item video{
    max-width: 100%;
}

.detail-container .item .cover {
    margin-top: 30px;
    width: 100%;
    height: 429px;
    border-radius: 10px;
    object-fit: cover;
}





.detail-container .designer {
    border-radius: 5px;
    background: #FFFFFF;
    /* ¿¨Æ¬ÒõÓ° */
    box-shadow: 0px 4px 20px 0px rgba(13, 35, 62, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

.detail-container .designer .title {
    font-size: 16px;
    font-weight: 500;
    color: #4A4A4A;
    text-align: center;
    padding: 8px 4px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

.detail-container .designer .avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.detail-container .designer .username {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.detail-container .designer .position {
    height: 22px;
    padding: 0 10px 0 30px;
    box-sizing: border-box;
    font-size: 12px;
    color: #b6d9ff;
    position: relative;
    border-radius: 22px;
    background: #3a3a3a;
    /* margin-left: 9px; */
}

.detail-container .designer .position img {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.detail-container .designer .works-exp {
    margin-top: 20px;
    font-size: 14px;
    color: #7A7A7A
}

.detail-container .designer .works-exp span {
    font-size: 18px;
    color: #074D98
}

.detail-container .designer .works-exp .works {
    margin-right: 10px;
}


.detail-container .designer .cur-designer-intro {
    margin-top: 32px;

    font-size: 14px;
    color: #7a7a7a;
}

.detail-container .designer .find {
    align-self: center;
    margin-top: 20px;
    width: 124px;
    height: 35px;
    border-radius: 78px;
    box-sizing: border-box;
    border: 2px solid #074D98;

    font-size: 14px;
    font-weight: 500;
    color: #074D98;
    cursor: pointer;
}

.detail-container .price {
    border-radius: 5px;
    background: #FFFFFF;
    /* ¿¨Æ¬ÒõÓ° */
    box-shadow: 0px 4px 20px 0px rgba(13, 35, 62, 0.1);
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.detail-container .price .title {
    font-size: 22px;
    color: #474747;
    text-align: center;
}

.detail-container .price .small-title {
    font-size: 16px;
    color: #474747;
    text-align: center;
    margin-top: 6px;
}

.detail-container .price input {
    box-shadow: none !important;
    width: 252px;
    height: 43px;
    border-radius: 78px;
    background: #F3F3F3;
    margin-top: 20px;
    font-size: 14px;
    color: #A3A3A3;
}

.detail-container .price button {
    width: 252px;
    height: 48px;
    border-radius: 78px;
    background: #005EC2;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 40px;
}<!--ºÄʱ1755808669.617Ãë-->