.list {
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;    
    /*ustify-items: center;*/
    /*grid-template-columns: repeat(auto-fill,50%);*/
    /*width: 100%;*/
    padding-left: 10px;
    padding-right: 10px;
}

.list-title {
    font-size: 16px;
    margin-top:8px;
    color:#555;
}

.kuang {
    width: 500px;
    text-align: center;
    /*margin-top: 15px;*/
}

    .kuang img {
        border-radius: 10px;
        width: 90%;
        height: 230px;
    }

    .kuang a {
        text-decoration: none;
        color: #0070aa;
    }

    .kuang .ding {
        text-align: right;
        position: relative;
        top: 150px;
        right: 50px;
        color: darkorange;
        font-size: 20px;
        font-weight: 800;
        /*font-style: italic;*/
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
    }

        .kuang .ding a {
            color: #03A9F4;
            font-size: 20px;
            font-weight: 800;
            /*font-style: italic;*/            
        }
        .kuang .ding span {
            font-size: 9px;            
        }


.now {
    position: fixed;
    top: 100px;
    right: 100px;
    font-size: 40px;
    font-weight:800;
    color: #03A9F4;

    width:300px;
    height:120px;

    background:url("now.png") no-repeat;
    background-size:contain;
}