.label_wrap { overflow: hidden; margin: 20px 0; }
.label_wrap a { display: block; float: left; background: #edeff5; text-align: center; line-height: 32px; margin: 0 12px 0 0; font-size: 14px; color: #9d97be; padding: 0 20px; border-radius: 3px; }
.label_wrap a.on, .label_wrap a:hover { background: #22c485; color: #fff; }

.Min_1 { overflow: hidden; margin: 15px auto; background: #fff; padding-bottom: 24px; }
.Min_1 .lis { display: block; float: left; margin: 24px 0 0 16px; position: relative; overflow: hidden; padding: 5px 5px 0; }
.Min_1 .lis .icon_hot { position: absolute; left: 0; top: 0; width: 62px; height: 63px;  z-index: 10; }
.Min_1 .lis, .Min_1 .lis img { width: 270px; height: 140px; }
.Min_1 .lis img { transition: all .2s linear; position: relative; z-index: 1; }
.Min_1 .lis p { width: 260px; height: 40px; line-height: 40px; padding: 0 5px; text-align: center; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); left: 5px; bottom: 0; color: #fffefe; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Min_1 .lis .upbox { position: absolute; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); left: 5px; top: 100%; bottom: 100%; z-index: 9; width: 270px; height: 160px; transition: all .3s linear; text-align: center; }
.Min_1 .lis .upbox span { font-size: 24px; text-align: center; width: 100%; color: #fff; margin: 25px 0 20px 0; font-weight: bold; display: inline-block; }
.Min_1 .lis .upbox .btn {padding:0; display: block; width: 84px; height: 30px; line-height: 30px; color: #fff; font-size: 16px; background: #e53333; margin: 0 auto; text-align: center; overflow: hidden; }
.Min_1 .lis:hover p { bottom: -40px; }
.Min_1 .lis:hover .upbox { top: 5px; }

.Min_2 { overflow: hidden; width: 100%; background: #fff; padding: 20px 0; }
.Min_2 .item { padding: 14px 15px 10px 0; margin: 8px auto; background: #f5f2f3; width: 1140px; }
.Min_2 .item:after { display: block; content: ''; clear: left; }
.Min_2 .item .collect_cover { position: relative; width: 300px; float: left; margin-left: 15px; }
.Min_2 .item .collect_cover:before { content: ''; position: absolute; top: -6px; left: -26px; width: 0; height: 0; border-bottom: 6px solid #b3b3b3; border-left: 12px solid transparent; }
.Min_2 .item .collect_cover img { display: block; margin: 0 0 0 -26px; width: 311px; height: 158px; border: 1px solid #e6e6e6; }
.Min_2 .item .collect_cover .collect_tit { font-size: 18px; color: #8f8164; line-height: 40px; }
.Min_2 .item .collect_cover .collect_opts { color: #8f8f8f; }
.Min_2 .item .collect_swiper { margin-right: 5px; position: relative; width: 790px; float: right; }
.Min_2 .item .collect_swiper .collect_box { width: 790px; position: relative; height: 244px; }
.Min_2 .item .collect_swiper .collect_box .scroll_btn { position: absolute; top: 44%; z-index: 9; margin: -23px 0 0 0; height: 45px; width: 31px; background: #22c485; opacity: 0.1; }
.Min_2 .item .collect_swiper .collect_box .scroll_btn:hover { opacity: 0.6; }
.Min_2 .item .collect_swiper .collect_box .prev_btn { left: -18px; background: url(../images/slide_btn2.png) 0px 0 no-repeat; }
.Min_2 .item .collect_swiper .collect_box .next_btn { right: -18px; background: url(../images/slide_btn2.png) -32px 0 no-repeat; }
.Min_2 .item .collect_swiper .collect_box .tempWrap { width: 800px; position: relative; overflow: hidden; height: 244px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul { width: 1400px; height: 244px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li { float: left; width: 200px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item { margin: 0; background: #FFF; width: 190px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item { position: relative; float: left; margin: 0 0 12px 0; width: 186px; padding-bottom: 34px; border: 1px solid #f0f0f0; cursor: default; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_content { padding: 16px 16px 10px; color: #8f8f8f; text-align: center; border-bottom: 1px solid #f0f0f0; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_content img { display: block; margin: 0 auto 10px; height: 84px; width: 84px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_name { font-size: 14px; color: #333; line-height: 18px; overflow: hidden; height: 18px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_name a:hover, .Min_2 .item .collect_swiper .collect_box .tempWrap ul li .gift_list_tit a:hover, .Min_2 .item .collect_swiper .collect_box .tempWrap ul li .fl_name a:hover { color: #22c485; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_opts { margin: 10px 0 6px; font-size: 12px; line-height: 1; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item .star_box { margin: 8px auto 0; display: block; max-width: 76px; height: 15px; background: url(../images/yxk_bg.png) no-repeat; background-position: -76px 0; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item .star_box span { display: block; max-width: 100%; height: 15px; background: url("../images/yxk_bg.png") no-repeat; background-position: 0 0; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_load { position: absolute; bottom: -1px; left: 0; width: 100%; height: 35px; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li .sort_item_load a { display: block; width: 100%; height: 100%; color: #e53333; text-align: center; line-height: 34px; transition: all 150ms linear; }
.Min_2 .item .collect_swiper .collect_box .tempWrap ul li:hover .sort_item_load a { color: #FFF; background: #22c485; }

.details_cont { overflow: hidden; width: 100%; height: 270px; background: url("../images/bg.jpg") repeat; border-top-right-radius: 6px; border-top-left-radius: 6px; margin: 20px 0; }
.details_cont .img { display: block; margin: 15px; float: left; }
.details_cont .img, .details_cont .img img { width: 480px; height: 240px; }
.details_cont .info { float: left; width: 670px; }
.details_cont .info h2 { width: 100%; padding: 18px 0; display: block; font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; color: #fff; }
.details_cont .info .collection_opt { margin: 0 0 14px; color: #8f8f8f; line-height: 1; }
.details_cont .info .collection_txt { font-size: 16px; color: #CCC; line-height: 24px; width: 100%; height: 120px; overflow: hidden; }
.details_cont .info .time { font-size: 16px; color: #fff; line-height: 24px; margin-top: 10px; }

.details_item { overflow: hidden; width: 100%; margin: 20px auto; padding: 10px 0; }
.details_item .zthj-list > ul { width: 108%; }
.details_item .zthj-list > ul > li { padding-bottom: 15px; display: block; float: left; width: 380px; height: auto; background: #fff; margin: 0 30px 20px 0; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; }
.details_item .zthj-list > ul > li:hover { margin-top: -5px; margin-bottom: 25px; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.details_item .zthj-list > ul > li > a img { width: 100px; height: 100px; border-radius: 12px; display: block; float: left; margin: 20px; }
.details_item .bqtips { background: url(../images/kicon.gif) no-repeat; width: 110px; height: 106px; position: absolute; right: -3px; top: -6px; z-index: 9; }
.details_item .bqtj { background-position: 0 -112px; }
.details_item .bqlove { background-position: 0 -224px; }
.details_item .bqtips2 { width: 42px; height: 60px; background: url(../images/ico-tuijian.png) no-repeat; position: absolute; right: 0; top: -3px; z-index: 9; }
.details_item .ztli-name { display: block; float: left; width: 220px; height: 100px; margin-top: 20px; }
.details_item .ztli-name a { display: block; width: 226px; height: 24px; line-height: 24px; color: #595959; font-size: 16px; font-weight: bold; overflow: hidden; }
.details_item .ztli-name a:hover { color: #12b89c; }
.details_item .ztli-name > p { color: #8ba8a3; font-size: 12px; width: 220px; height: 16px; overflow: hidden; line-height: 16px; margin: 6px 0; }
.details_item .star-c { width: 106px; height: 20px; display: block; float: left; position: relative; background: url(../images/ico-star2.png) repeat-x; margin-right: 15px; margin-top: 5px; }
.details_item .star-c p { width: 106px; height: 20px; position: absolute; left: 0; top: 0; background: url(../images/ico-star1.png) repeat-x; overflow: hidden; max-width: 106px; line-height: 80px; }
.details_item .ztli-name > span { display: block; float: left; font-size: 22px; color: #8ba8a3; margin: 0 0 0 4px; font-weight: bold; }
.details_item .ztls-jj { width: 340px; height: 66px; margin: 0 0 0 20px; color: #999; font-size: 12px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.details_item .ztls-bq { width: 360px; margin: 12px 0 0 14px; overflow: hidden; height: 32px; }
.details_item .ztls-bq a { display: block; float: left; padding: 0 16px; height: 28px; line-height: 26px; text-align: center; background: #f0f3f3; margin: 2px 10px 0 0; border-radius: 20px; color: #666; }
.details_item .ztls-bq a:hover { background: #16debd; color: #fff; }
.details_item .btdowl { width: 100px !important; display: block; float: left; font-size: 14px !important; border-radius: 6px; text-align: center; color: #12b89c !important; border: 1px solid #12b89c; }
.details_item .btdowl:hover { background: #12b89c; color: #fff !important; }

/*# sourceMappingURL=collection.css.map */