/* PC */
 @media (min-width: 1200px) {
    .forum-box{ width: 100%; background-image: url(../images/creation-bg.jpg); background-size: 100%; padding-top: 60px; border-bottom: 2px solid rgb(197, 170, 126); background-color: #10100E; padding-bottom: 90px;}

    .forum-area{ width: 900px;  margin: 0 auto; color: #fff;}
    .nav-list{ width: 990px; margin: 0 auto; display: flex; margin-bottom: 60px;}
    .nav-list li{ width: 120px; height: 48px; color: #fff; margin-right: 44px; cursor: pointer; text-align: center;}
    .nav-list li.nav{ color: #C5AA7E; font-weight: bold; border-bottom: 6px solid #C5AA7E;}



    .post-list.new,.post-list.reply{display: none;}
    .post-list{ width: 100%;}
    .post-list li{ width: 100%; color: #fff; margin-bottom: 60px;}
    .post-list li .title-box{ width: 100%; display: flex; margin-bottom: 20px;}
    .post-list li .title-box .title{flex: 0.8;}
    .post-list li .title-box .date{flex: 0.2; display: flex; align-items: center; justify-content: flex-end;}
    .post-list li .desc-box{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
    .post-list li .img-box{ height: 282px; margin-top: 20px;}
    .post-list li .img-box img{ height: 100%;}
    .post-list li .bottom-box{ height: 80px; border-bottom: 2px solid #C5AA7E; width: 100%; display: flex;}
    .post-list li .bottom-box .post-user-info{flex: 0.6; display: flex; align-items: center; justify-content: flex-start;height: 100%;}
    .post-list li .bottom-box .post-user-info img{ width: 36px; height: 36px; border-radius: 50%; margin-right: 20px;}
    .post-list li .bottom-box .post-comment-num{flex: 0.4;display: flex; align-items: center; justify-content: flex-end;height: 100%;}
    .post-list li .bottom-box .post-comment-num span{background-size: 20px auto;background-position-y:center; padding-left: 40px; background-repeat: no-repeat; cursor: pointer;}
    .post-list li .bottom-box .post-comment-num span:nth-child(1){background-image: url(../images/comment-icon.png);margin-right: 70px;background-position-y: 4px;}
    .post-list li .bottom-box .post-comment-num span:nth-child(2){background-image: url(../images/view-icon.png);}
 }

/* 手机 */
@media (max-width: 1199px) {

    .forum-box{ width: 100%; background-image: url(../images/creation-bg.jpg); background-size: 100%;  border-bottom: 1px solid rgb(197, 170, 126); background-color: #10100E; padding: 8vw 4vw;}

    .user_info-area{ width: 100%;padding: 4vw;}
    .nav-list{ width: 100%; margin: 0 auto; display: flex; margin-bottom: 8vw;}
    .nav-list li{ width: 18vw; height: 6.4vw; color: #fff; margin-right: 4vw; cursor: pointer;}
    .nav-list li.nav{ color: #C5AA7E; font-weight: bold; border-bottom: 1vw solid #C5AA7E;}

    .post-list{ width: 100%;}
    .post-list li{ width: 100%; color: #fff; margin-bottom: 8vw;}
    .post-list li .title-box{ width: 100%; display: flex; margin-bottom: 2.66vw;}
    .post-list li .title-box .title{flex: 0.8;}
    .post-list li .title-box .date{flex: 0.2; display: flex; align-items: center; justify-content: flex-end;}
    .post-list li .desc-box{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
    .post-list li .img-box{ height: 37.6vw; margin-top: 2.66vw;}
    .post-list li .img-box img{ height: 100%;}
    .post-list li .bottom-box{ height: 10.66vw; border-bottom: 2px solid #C5AA7E; width: 100%; display: flex;}
    .post-list li .bottom-box .post-user-info{flex: 0.6; display: flex; align-items: center; justify-content: flex-start;height: 100%;}
    .post-list li .bottom-box .post-user-info img{ width: 4.8vw; height: 4.8vw; border-radius: 50%; margin-right: 20px;}
    .post-list li .bottom-box .post-comment-num{flex: 0.4;display: flex; align-items: center; justify-content: flex-end;height: 100%;}
    .post-list li .bottom-box .post-comment-num span{background-size: 4vw auto; padding-left: 5.33vw; background-repeat: no-repeat; cursor: pointer; height: 100%; display: flex; background-position: center left; align-items: center;}
    .post-list li .bottom-box .post-comment-num span:nth-child(1){background-image: url(../images/comment-icon.png);margin-right: 9.33vw;}
    .post-list li .bottom-box .post-comment-num span:nth-child(2){background-image: url(../images/view-icon.png);}
  
    .post-list.new,.post-list.reply{display: none;}
}