@font-face{
    font-family:"NotoSans"; /* 定义字体名称 */
    src: url(NotoSans.ttf);
}

* {
    margin: 0;
    padding: 0;
    font-family:"NotoSans", Arial, sans-serif;
}

img {border: 0;}
li {list-style: none;}


a {
    color: #444;
    text-decoration: none;
}
a:hover {color: #F60;}

.fl {float: left;}
.fr {float: right;}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

body {
    min-width: 1300px;
}

.position, .position a {
    color: #FFF;
    margin: 0 12px;
}


/*.imgs-list li {*/
/*    position: relative;*/
/*    width: 248px;*/
/*    height: 153px;*/
/*    border: 1px #e2e2e2 dashed;*/
/*    padding: 5px;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    margin: 15px;*/
/*    overflow: hidden;*/
/*    float: left;*/
/*}*/

/*.imgs-list li img {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 1;*/
/*    left: 50%;*/
/*    vertical-align: middle;*/
/*    max-width: 100%;*/
/*    max-height: 140px;*/
/*}*/


.imgs-list li {
    float: left;
    margin: 20px 40px;
    border: 1px #e2e2e2 dashed;
    padding: 5px;
}

.imgs-list li img {
    width: auto;
    height: 200px;
}