.txt p{
    font-size: 14px;
    line-height: 1.375rem;
    color: #333;
    position: relative;}
.txt p a{
    color: #333;}
.cont img{width:100%;max-width:100%;}
.Judging_Criteria{    overflow: hidden;}
.Judging_Criteria li {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;}


.Judging_Criteria img{
width:100%;
max-width:100%;
height:auto;}
.Judging_Criteria li p {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    height: 66px;
    color: #999999;
    margin: 0.875rem 0 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}


@media (max-width: 1310px) {

.Judging_Criteria li {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 0 20px 0;}
.Judging_Criteria li p {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    height: 66px;
    color: #999999;
    margin: 0.875rem 0 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
}
.cont img{width:100%;max-width:100%;}
.quiz{
    flex-wrap: wrap;
    display: flex;
    margin: -1%;}
.quiz p{
    color: #333;
    text-align: center;}
.quiz .img{    width: 18%;
    margin: 0 1%;}
.quiz .img a{
    display:block;
    position: relative;
    width: 100%;
    overflow: hidden;}

.quiz .img .img_hezi{
    padding-bottom: 100%;
    transition: .5s;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;}


@media (max-width: 768px) {
.quiz .img{width: 31.3%;}
}


.Homework{
    display: flex;
    flex-wrap: wrap;}
.Homework li{
    width: 33.3%;
    line-height: 1.5;
    margin: 10px 0;}

.Homework li a{
    color:#333;}

.Homework li a:hover{
    color:rgb(102 8 116);}