html {background: #fff;}
body {background: #fff;}

.loading, .error {display: none; text-align: center; line-height: .5rem; padding: .5rem 0;}
.loading img {display: inline-block; vertical-align: bottom; margin-right: 5px;}

.list a{display: block; position: relative;}
.item {border-bottom: 1px solid #eee; padding: .2rem 0; margin: 0 .2rem;}
.item:active {background: #f5f5f5;}
.item dt {float: left; position: relative; width: 2.5rem; height: 1.8rem; margin-right: .2rem;}
.item dt .status {position: absolute; background-color: #0787ff; border-radius: .04rem; color: #fff; top: .1rem; left: .1rem; width: .9rem; height: .32rem; background: url(../images/onfair2.gif); background-size: contain;  background-repeat:no-repeat; text-decoration: none; text-align: center; line-height: .34rem; font-size: .18rem;}
.item dt .status_102 {background: #87cc24;}
.item dt .status_103 {background: #464646;}
.item dt .status_104 {background: #ea2626;}
.item dt .status_105 {background: #5c78ff;}
.item dt .status_106 {background: #d32fd6;}
.item dt .status_107 {background: #ff4949;}
.item dt img {display: block; object-fit: cover; width: 100%; height: 100%; background: #f7f7f7;border-radius: 10px;}
.item dd {position: relative; overflow: hidden; padding-right: .5rem;}
.item dd h5 {font-size: .34rem; line-height: .48rem; height: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.item dd p {color: #9c9c9c; font-size: .22rem; line-height: .4rem;}
.item dd p em {display: inline-block; width: .2rem;}
.item dd:after {content: ''; display: block; position: absolute; top: 50%; right: .1rem; margin-top: -.1rem; width: .2rem; height: .2rem; border-right: 1px solid #ccc; border-top: 1px solid #ccc; transform:rotate(45deg);}