@import url(right.css);

body { background: #f3f0e7; }
#main { padding: 40px 0; }
#main .fl { width: 700px; background: #fff; border-right: 1px solid #dad8cf; border-bottom: 1px solid #dad8cf; }
#main .fr { width: 250px; }

.breadbox { }
.bread { color: #808080; font-size: 13px; line-height: 13px; padding: 28px 0 22px 20px; float: left; }
.bread a { line-height: 13px; color: #808080; }
.bread a:hover { color: #ff9933; }
.catname { float: right; padding: 28px 15px 22px 0; }
.catname a { display: inline-block; height: 20px; padding: 0 3px; text-align: center; overflow: hidden; }
.catname a.cur { color: #ff9933; }

.mylist { border-top: 1px solid #e6e6e6; padding: 20px 15px; }
.mylist li { padding-top: 17px; padding-bottom: 17px; border-bottom: 1px #ccc dashed; height: 133px; }
.mylist .pic { float: left; width: 200px; height: 133px; display: block; background: no-repeat center; background-size: cover; }
.mylist .info { float: right; width: 460px; }
.mylist .info h3 { font-size: 16px; color: 666px; }
.mylist .info h3 a { font-size: 16px; color: 666px; }
.mylist .info h3 span { color: #c42d2d; }
.mylist .info p { color: #999; line-height: 24px; padding: 10px 0; }
.mylist .info .tag2 { margin-top: 4px; height: 16px; }
.mylist .info .tag2 a { padding: 0 5px; display: block; font-size: 12px; line-height: 16px; height: 16px; color: #fff; margin-right: 4px; background-color: #c4602d; float: left; }
.mylist .info .other .num { color: #a6a6a6; font-size: 12px; line-height: 26px; float: right; }
.mylist .info .other .nk { font-size: 12px; line-height: 1em; padding: 3px 6px; border: 1px solid #ccc; border-radius: 10px; }
.mylist .info .other .nk:hover { border-color: #ff9933; }

.pages { text-align: center; padding: 15px; background: #fff; }
.pages li { display: inline-block; border: 1px solid #ccc; color: #808080; margin: 0 1px; border-radius: 2px; margin-bottom: 8px; }
.pages li a,.pages li span { color: #808080; padding: 5px 10px; display: block; }
.pages li.active { border-color: #ff9933; color: #ff9933; }