@charset "utf-8";

html,body{ height: 100%; background-color: #d5d5d5;}
.main{ margin: 0 auto; max-width: 640px; min-height: 100%; background-color: #fff;}

.hjy-head img{ width:100%;}

.hjy-list li{ border-bottom: 1px solid #d2d2d2; overflow: hidden; *zoom:1; background-color: #fff;}
.hjy-list li > a{ display: block; color: #333;}
.hjy-list .img img{ width: 100%;}
.hjy-list .txt{ overflow: hidden; *zoom:1; font-size: 12px; line-height: 1.4;}
.hjy-list .txt p{ color: #999; }

.list01 li{ padding: 10px;}
.list01 .img{ float: left; margin-right: 10px; width: 100px; height: 75px;}
.list01 .img img{ width: 100%; height: 100%;}
.list01 .txt p{ padding-top: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.old{ margin-left: 8px; text-decoration: line-through;}
.hjy-tag{ overflow: hidden; *zoom:1;}
.hjy-tag span{ float: left; margin-right: 3px; padding: 2px 2px 1px 2px; border-style: solid; border-width: 1px; line-height: 1;}
.hjy-tag .t1{ border-color: #d38af2;}
.hjy-tag .t2{ border-color: #c7f28a;}

.list02 li{ padding: 10px 10px 5px 10px;}
.list02 h3{ overflow: hidden; *zoom:1;}
.list02 .img{ margin-bottom: 3px;}

.list03 li{ position: relative; border-top: 2px solid #fff; border-bottom: none;}
.list03 .img img{ max-height: 320px;}
.list03 .txt{ position: absolute; left: 0; bottom: 0; padding: 5px 10px; width: 100%; background: rgba(0,0,0,.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;}
.list03 .txt p{ color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list03 .hjy-tag{ margin-top: 2px;}
.list03 .hjy-tag .t1{ color: #d38af2;}
.list03 .hjy-tag .t2{ color: #c7f28a;}

.list04 li{ margin-top: 12px; height: 120px; border-top: 1px solid #d2d2d2;}
.list04 .img{ float: left; margin-right: 10px; width: 160px; height: 120px;}
.list04 .img img{ width: 100%; height: 100%;}
.list04 .txt{ padding: 12px 0 0 0;}
.list04 .txt p{ padding-top: 3px;}
.list04 .hjy-tag{ margin-top: 2px;}


.list05{ display:inline-block; *display:inline; *zoom:1; vertical-align: top; text-align: center;}
.list05 li{ margin: 0 5px 10px 5px; padding: 5px; border: none; width: 136px; background-color: #fff; box-shadow: 0 5px 3px #ccc;}
.list05 .txt{ margin-top: 5px; text-align: left;}
.list05 .txt p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.hjy-list10{}