/*tags-page*/
.label a { float: left; color: #333; font-size: .7rem; height: 1.2rem; line-height: 1.2rem; border: .05rem solid #ccc; padding: 0 .5rem; margin: 1rem .5rem 0 0; text-align: center; }
.label a.active{ color:#fff; background:#ffb82e; border-color:#ffb82e; }
.label { overflow: hidden; max-height: 7rem; padding: 0 .75rem 0; background: #fff; }
.label.active { max-height: none; }
.label .label-tip { background: #f5ddb3; color: #a37729; position: relative; border: none; height: 1.55rem; line-height: 1.55rem; transform: translateY(.1rem); margin-top: .7rem; }
.label .label-tip:after { content: ""; position: absolute; top: 0; right: 0; border: .25rem solid #c29a54; border-color: transparent transparent #c29a54 #c29a54; }
.label .label-tip:before { content: ""; position: absolute; top: 0; right: 0; border: .25rem solid #fff; }
.all-btn { display: block; text-align: center; color: #999; font-size: .6rem; height: 2rem; line-height: 2rem; position: relative; cursor: pointer; background: #fff; }
.all-btn:before { content: ""; position: absolute; top: 55%; left: 41%; border: .35rem solid #ccc; border-color: #ccc transparent transparent transparent; transform: translateY(-50%); }
.list-title {display: block;line-height: 2.8rem;position: relative;margin: 1.5rem auto 0;background: url(../images/tagtitle-ico.png) bottom center no-repeat;background-size: 100% auto;width: 17.25rem;height: 2.8rem;overflow: hidden;}
.img-box { float: left; width: 3rem; height: 3rem; }
.img-box img { display: block; width: 100%; height: 100%; border-radius: .1rem; }
.list li {overflow: hidden;padding: .6rem 0;border-top: .05rem solid #eee;margin-top: -.05rem;position: relative;}
.list {overflow: hidden;padding: 1.6rem .75rem 1rem;}
.list-cen { float: left; margin-left: .7rem; width: 10rem; }
.item-btns {float: right;width: 2.5rem;height: 1.3rem;background-color: #fab439;border-radius: .15rem;text-align: center;line-height: 1.3rem;color: #fff;font-size: .6rem;margin-top: .8rem;}
.item-tit { display: block; color: #333; font-size: .75rem; height: .75rem; line-height: .75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }
.list-info { display: block; font-size: .6rem; height: .6rem; line-height: .6rem; color: #999; margin-top: .5rem; }
.list-info a {color: #fff;margin-right: .5rem;background: #27cd36;padding: 0 .2rem;}
.tags-time {float: right;color: #999;font-size: .6rem;margin-right: .7rem;}
.tagslist-time {display: block;font-size: .6rem;height: .6rem;line-height: .6rem;color: #999;margin-top: .3rem;overflow: hidden;}
.list-tit-box {float: left;margin-left: 1.2rem;}
.list-tit {overflow: hidden;font-size: 1rem;color: #333;font-weight: bold;display: block;height: 1rem;line-height: 1rem;margin-top: .5rem;}
.list-txt {display: block;color: #ffcf4c;font-size: .6rem;font-weight: bold;height: .8rem;line-height: .8rem;margin-top: .2rem;}
.add-more { display: none; text-align: center; height: 2rem; line-height: 2rem; font-size: .7rem; color: #666; background: #efefef; width: 80%; margin: 0 auto 1rem; border-radius: .2rem; cursor: pointer; }
.list li:nth-of-type(-n+3):before,.list li:nth-of-type(-n+3):after {content: "";position: absolute;top: 0;left: 0;border: 1rem solid #ff3722;border-color: #ff3722 transparent transparent #ff3722;}
.list li:nth-of-type(-n+3):after {content: "1";border: none;width: .8rem;height: .8rem;font-size: .8rem;color: #fff;left: .3rem;line-height: .8rem;top: .2rem;font-weight: bold;}
.list li:nth-of-type(3):after {content: "3";}
.list li:nth-of-type(3):before {border-color: #f6a81f transparent transparent #f6a81f;}
.list li:nth-of-type(2):after {content: "2";}
.list li:nth-of-type(2):before {border-color: #fb7533 transparent transparent #fb7533;}
.list li:nth-of-type(-n+3) .img-box{margin-left: .5rem;}
.list li:nth-of-type(-n+3) .item-btns svg {width: 100%;height: 1.6rem;display: block;fill: #fab439;}
.list li:nth-of-type(-n+3) .item-btns {background: none;color: #fab439;height: 2.6rem;margin: 0;}
.list li:nth-of-type(1) .item-btns svg,.list li:nth-of-type(1) .item-btns{fill:#ff3722;color:#ff3722;}
.list li:nth-of-type(2) .item-btns svg,.list li:nth-of-type(2) .item-btns{fill:#fb7533;color:#fb7533;}
.list li:nth-of-type(3) .item-btns svg,.list li:nth-of-type(3) .item-btns{fill:#f6a81f;color:#f6a81f;}
