.page_body {
    margin-bottom: 60px
}

.page_body_bottom, .page_body_top {
    background-color: #fff
}

.work_info {
    border-bottom: 1px solid #eee
}

.work_info .upload_width {
    display: flex;
    align-items: center
}

.work_info .info_detail {
    width: 790px;
    border-right: 1px solid #eee;
    padding: 30px 28px 30px 0
}

.work_info .info_detail .tip {
    color: #fb5959;
    margin-bottom: 19px
}

.work_info .info_detail .title {
    font-size: 24px;
    color: #33383e
}

.work_info .info_detail .time {
    margin-top: 18px;
    color: #999
}

.work_info .info_detail .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.work_info .info_detail .bottom .left {
    display: flex;
    align-items: center;
    color: #999
}

.work_info .info_detail .bottom .left .fg {
    margin: 0 16px
}

.work_info .info_detail .bottom .left .icon {
    width: 17px;
    height: 17px;
    background: url(../../images/upload/icons_upload.png) no-repeat -100px -72px;
    margin-left: 30px
}

.work_info .info_detail .bottom .right {
    display: flex;
    align-items: center
}

.work_info .info_detail .bottom .right .item {
    color: #999;
    display: flex;
    align-items: center
}

.work_info .info_detail .bottom .right .item::before {
    content: '';
    display: block;
    margin-right: 6px
}

.work_info .info_detail .bottom .right .item.view::before {
    width: 20px;
    height: 14px;
    background: url(../../images/upload/icons_upload.png) no-repeat -129px -72px
}

.work_info .info_detail .bottom .right .item.comment::before {
    width: 18px;
    height: 16px;
    background: url(../../images/upload/icons_upload.png) no-repeat -161px -72px
}

.work_info .info_detail .bottom .right .item.like::before {
    width: 17px;
    height: 16px;
    background: url(../../images/upload/icons_upload.png) no-repeat -189px -72px
}

.work_info .info_detail .bottom .right .line {
    width: 1px;
    height: 14px;
    background-color: #ededed;
    margin: 0 30px
}

.work_info .author_info {
    width: 410px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    justify-content: space-between
}

.work_info .author_info .info_left {
    display: flex;
    align-items: center
}

.work_info .author_info .info_left .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    margin-right: 19px
}

.work_info .author_info .info_left .author_detail .name {
    font-size: 16px;
    color: #33383e;
    width: 172px
}

.work_info .author_info .info_left .author_detail .address_job {
    margin-top: 11px;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 12px
}

.work_info .author_info .info_left .author_detail .address_job .line {
    width: 1px;
    height: 12px;
    background-color: #ededed;
    margin: 0 8px
}

.work_info .author_info .attention {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

.work_info .author_info .attention.no {
    background-color: #68c4b1
}

.work_info .author_info .attention.no:hover {
    background-color: #50c1aa
}

.work_info .author_info .attention.yes {
    background-color: #c1c1c1;
}

.work_content {
    padding: 30px 0 60px;
    border-bottom: 1px solid #eee
}

.work_content .content_box img {
    max-width: 100%;
    margin: 0 auto 20px
}

.work_content .content_bottom {
    margin-top: 49px
}

.work_content .content_bottom .like {
    width: 118px;
    height: 72px;
    background-color: #68c4b1;
    border-radius: 36px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.work_content .content_bottom .like .icon {
    width: 24px;
    height: 23px;
    margin-bottom: 7px;
    background: url(../../images/upload/icons_upload.png) no-repeat -216px -72px
}

.work_content .content_bottom .like.liked {
    background-color: rgba(104, 196, 177, .15);
    color: #68c4b1
}

.work_content .content_bottom .like.liked .icon {
    background: url(../../images/upload/icons_upload.png) no-repeat -250px -72px
}

.work_content .content_bottom .text {
    color: #666;
    margin: 40px auto 27px;
    text-align: center
}

.work_content .content_bottom .designer_list {
    display: flex;
    align-items: center;
    justify-content: center
}

.work_content .content_bottom .designer_list .designer {
    width: 40px;
    height: 40px;
    margin-right: 20px
}

.work_content .content_bottom .designer_list .designer > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.work_content .content_bottom .designer_list .total_designer {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #68c4b1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.page_body_bottom .upload_width {
    padding: 20px 0 30px
}

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

.tag_btn .tag_list {
    display: flex
}

.tag_btn .tag_list .tag_item {
    height: 26px;
    background-color: #f6f9fc;
    border-radius: 4px;
    padding: 0 10px;
    color: #c1c1c1;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.tag_btn .tag_list .tag_item:last-child {
    margin-right: 0
}

.tag_btn .tool_btn {
    display: flex;
    align-items: center
}

.tag_btn .tool_btn .btn {
    display: flex;
    align-items: center;
    color: #999;
    height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 0 11px;
    margin-right: 10px;
    cursor: pointer
}

.tag_btn .tool_btn .btn:last-child {
    margin-right: 0
}

.tag_btn .tool_btn .btn::before {
    content: '';
    display: block;
    margin-right: 3px
}

.tag_btn .tool_btn .btn.report::before {
    width: 16px;
    height: 18px;
    background: url(../../images/upload/icons_upload.png) no-repeat -151px -92px
}

.tag_btn .tool_btn .btn.share::before {
    width: 16px;
    height: 16px;
    background: url(../../images/upload/icons_upload.png) no-repeat -175px -92px
}

.tag_btn .tool_btn .btn.collection::before {
    width: 17px;
    height: 15px;
    background: url(../../images/upload/icons_upload.png) no-repeat -199px -96px
}

.page_body_bottom .tips {
    margin-top: 26px;
    color: #c1c1c1;
    line-height: 18px;
    font-size: 12px
}

.desginer_info_box {
    margin-top: 20px
}

.desginer_info_box .upload_width {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 4px
}

.desginer_info_box .desginer_info {
    width: 410px;
    display: flex;
    align-items: center
}

.desginer_info_box .desginer_info .avatar {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    margin-right: 19px;
    flex-shrink: 0
}

.desginer_info_box .desginer_info .author_detail .name {
    font-size: 16px;
    color: #33383e;
    width: 172px
}

.desginer_info_box .desginer_info .author_detail .address_job {
    margin-top: 11px;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 12px
}

.desginer_info_box .desginer_info .author_detail .address_job .line {
    width: 1px;
    height: 12px;
    background-color: #ededed;
    margin: 0 8px
}

.desginer_info_box .desginer_info .author_detail .attention {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    margin-top: 16px;
    cursor: pointer
}

.desginer_info_box .desginer_info .author_detail .attention.no {
    background-color: #68c4b1
}

.desginer_info_box .desginer_info .author_detail .attention.no:hover {
    background-color: #50c1aa
}

.desginer_info_box .desginer_info .author_detail .attention.yes {
    background-color: #c1c1c1;
}

.work_list {
    display: flex;
    align-items: center
}

.work_list .work_item {
    width: 158px;
    height: 100px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 10px
}

.work_list .work_item:last-child {
    margin-right: 0
}

.work_list .work_item > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.comment_box {
    margin-top: 20px
}

.comment_box .upload_width {
    background-color: #fff;
    border-radius: 4px;
    padding: 20px
}

.comment_box .title {
    font-size: 20px;
    color: #666
}

.comment_box .input_box {
    margin-top: 19px
}

.comment_box .input_box > textarea {
    width: 100%;
    height: 100px;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    border-radius: 2px;
    outline: 0;
    padding: 16px;
    resize: none
}

.comment_box .input_box > textarea::placeholder {
    color: #c1c1c1
}

.comment_box .input_box .comment_submit_btn {
    width: 138px;
    height: 45px;
    background-color: #68c4b1;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer
}

.comment_box .input_box .comment_submit_btn:hover {
    background-color: #50c1aa
}

.dialog_report_goods_wrapper .dialog_box {
    width: 606px
}

.dialog_report_goods_wrapper .dialog_box .dialog_body {
    padding-bottom: 10px
}

.dialog_report_goods_wrapper .report_goods_form .form_row {
    margin-bottom: 22px
}

.dialog_report_goods_wrapper .report_goods_form .form_row:last-child {
    margin-bottom: 0
}

.dialog_report_goods_wrapper .report_goods_form .form_row.info {
    color: #999;
    display: flex;
    align-items: center
}

.dialog_report_goods_wrapper .report_goods_form .form_row.info .info_item {
    margin-right: 38px
}

.dialog_report_goods_wrapper .report_goods_form .form_row.info .info_item:last-child {
    margin-right: 0
}

.dialog_report_goods_wrapper .report_goods_form .form_row.info .info_item > span {
    color: #666
}

.dialog_report_goods_wrapper .report_goods_form .form_row.radio_list {
    display: flex;
    color: #33383e
}

.dialog_report_goods_wrapper .report_goods_form .form_row.radio_list .radio_container {
    margin-right: 29px
}

.dialog_report_goods_wrapper .report_goods_form .form_row.radio_list .radio_container:last-child {
    margin-right: 0
}

.dialog_report_goods_wrapper .report_goods_form .form_row.textarea_input .text {
    color: #c1c1c1;
    line-height: 24px;
    margin-bottom: 12px
}

.dialog_report_goods_wrapper .report_goods_form .form_row.textarea_input textarea {
    width: 100%;
    height: 136px;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    border-radius: 2px;
    outline: 0;
    padding: 16px;
    resize: none
}

.dialog_report_goods_wrapper .report_goods_form .form_row.textarea_input textarea::placeholder {
    color: #c1c1c1
}

.picview {
    width: 800px;
    margin: 0 auto
}

.picview-article .cpimgbox {
    position: relative;
    left: 50%;
    width: 1220px;
    margin-left: -610px;
    cursor: pointer;
    text-align: center;
}

.cpimgbox img {
    display: block;
    cursor: pointer;
    margin: 0 auto;
}
.ct-video,.picview-article li{text-align: center;}
.collection.active {
    color: #cc3c5b!important;
    background-color: rgba(204, 60, 91, .1)!important;
    border: 1px solid rgba(204, 60, 91, .1)!important;}
.collection.active::before {
    background: url(../../images/icons.png) no-repeat -295px -135px!important;
}