@charset "utf-8";
/* CSS Document */



/*pc-public*/
@media screen and (min-width: 1340px){
    body{background: #fff;}
    .main{width: 1200px; margin: 40px auto;}
    .main .msg-wrap{font-size: 0;}
    .main .msg-wrap .msg{width: 1080px; height: 230px; padding: 30px 60px; border-bottom: 1px solid #e6e5e5;cursor: pointer;}
    .main .msg-wrap .msg .pic{display: inline-block;width: 280px; height: 200px; margin-right: 40px; overflow: hidden;}
    .main .msg-wrap .msg .pic img{width: 100%;}
    .main .msg-wrap .msg .con{display: inline-block;width: 760px; vertical-align: top; }
    .main .msg-wrap .msg .con-nopic{width: 100%; vertical-align: top; }
    .main .msg-wrap .msg .con .title{ width: 100%; font-size: 25px; color: #393d49; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600}
    .main .msg-wrap .msg .con .desc{font-size: 18px; color: #393d49; margin-top: 30px; height: 70px; line-height: 35px; overflow: hidden; display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .main .msg-wrap .msg .con .desc::after{
        content:"...";
        font-weight:bold;
        position:absolute;
        bottom:0;
        right:0;
        padding-left:20px;}
    .main .msg-wrap .msg .con .date{ font-size: 18px; color: #A1A1A1; margin-top: 30px;}
    .main .loading{text-align: center; width: 100%;height: 100px; background: #fff; color: #afaeae; font-size: 18px;padding-top: 40px;}

}

/*mobile*/
@media screen and (max-width: 1339px) {
    body{background: #fff;}
    .main{margin-top: 44px; font-size: 0;}
    .main .msg-wrap{font-size: 0;}
    .main .msg-wrap .msg{width: 92%; height: 90px; padding: 20px 0 15px; border-bottom: 1px solid #e6e5e5;margin: 0 auto; }
    .main .msg-wrap .msg .pic{display: inline-block;width: 30%;max-width: 111px; max-height: 83px; margin-right: 10px; overflow: hidden;}
    .main .msg-wrap .msg .pic img{width: 100%;}
    .main .msg-wrap .msg .con{width: 65%;display: inline-block;vertical-align: top; }
    .main .msg-wrap .msg .con-nopic{width: 100%; vertical-align: top; }
    .main .msg-wrap .msg .con .title{ width: 100%; font-size: 12px; color: #393d49; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600}
    .main .msg-wrap .msg .con .desc{font-size: 9px; color: #393d49; margin-top: 8px; height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .main .msg-wrap .msg .con .desc::after{
        content:"...";
        font-weight:bold;
        position:absolute;
        bottom:0;
        right:0;
        padding-left:20px;}
    .main .msg-wrap .msg .con .date{ font-size: 9px; color: #A1A1A1; margin-top: 8px;}
    .main .loading{text-align: center; width: 100%;height: 50px; background: #fff; color: #afaeae; font-size: 12px;padding-top: 20px;}

}