/*重置代码*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, table, td, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, textarea, input{margin: 0;padding: 0;border: 0;outline: none 0;vertical-align: baseline;font-weight: 500;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input, select, textarea{-webkit-appearance: none;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
html{height: 100%;font-size: 625%;line-height: 1.5;background-color: #f0f0f0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
body{min-height: 100%;max-width: 640px;margin: 0 auto;font-size: .14rem;color: #333;font-family: "Microsoft YaHei", "Helvetica", "Helvetica Neue";}
ul, ol, li, dl, dt, dd{list-style-type: none;}
.clearfix:before, .clearfix:after{display: table;content: '';}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
i, em{font-style: normal}
.pr{position: absolute;right: 0;top: 0;}
.pl{position: absolute;left: 0;top: 0;}
.fl{float: left;}
.fr{float: right;}
/*底通*/.footerzxbj-wrap{height: .52rem;}
.footerzxbj-box{position: relative;z-index: 999;height: .42rem;padding: .05rem;background: #fff;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.footerzxbj-box::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #e0e0e0;}
.footerzxbj-box .item{text-align: center;line-height: 1;-webkit-box-flex: 1;-webkit-flex: 1 0 0;-ms-flex: 1 0 0;flex: 1 0 0;}
.footerzxbj-box .item .icon{display: inline-block;margin-top: .05rem;width: .17rem;height: .19rem;background: url(//mued3.jia.com/image/mobile/toutiao/fix-icons.png) 0 0 no-repeat;background-size: 100%;vertical-align: top;}
.footerzxbj-box .item .pos1{background-position: 0 0;}
.footerzxbj-box .item .pos2{background-position: 0 33.33%;}
.footerzxbj-box .item .pos3{background-position: 0 66.67%;}
.footerzxbj-box .item .pos4{background-position: 0 100%;}
.footerzxbj-box .item .txt{margin-top: .02rem;font-size: .12rem;line-height: .16rem;color: #666;}
.footerzxbj-box .hb-wrap{position: static;display: block !important;width: .51rem;height: .41rem;background: url(//mued3.jia.com/image/mobile/toutiao/fix-hb-1.png) 0 0 no-repeat;background-size: 100%;cursor: pointer;}
/*红包*/.fixed-hb{top: 50%;right: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.fixed-hb .hb-box{display: block;width: .94rem;height: .85rem;background: url("//mued3.jia.com/image/mobile/toutiao/hb_shake.gif") no-repeat;background-size: 100%;}
.fixed-hb.hide{-webkit-transform: translate(.32rem, -50%);-moz-transform: translate(.32rem, -50%);-ms-transform: translate(.32rem, -50%);-o-transform: translate(.32rem, -50%);transform: translate(.32rem, -50%);}
.fixed-hb.shake{right: 0 !important;}
.fixed-hb.shake .hb-box{width: 1.1rem;height: .99rem;background: url("//mued3.jia.com/image/mobile/toutiao/hb_shake.gif") no-repeat;background-size: 100%;}
.popmask{z-index: 100001;background: rgba(0, 0, 0, 0.4);top:0;left: 0;right: 0;bottom: 0;}
mip-jia-redpacket .hb-popup{z-index: 100005;}
.popup-maskEdit{z-index: 100008;}
/* 内容*/.newHeader.tukuHeader{position: relative;background: #fff;height: .38rem;line-height: .38rem;z-index: 10;}
.newHeader.tukuHeader .backtohis{padding: 0;background: #fff; width: .11rem;height: .11rem;margin: .12rem .14rem;border-left: .02rem solid #333;border-bottom: .02rem solid #333;display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);text-indent: -9999px;z-index: 99;}
.newHeader .tag-search-box{position: absolute;top: 0;left: 0;width: 100%;}
.newHeader .mip-tuku-search{position: relative;display: block;width: 70%;background: #f2f2f2;height: .26rem;margin: .06rem auto;border-radius: .05rem;}
.newHeader input{background: #f2f2f2;font-size: .11rem;width: 100%;height: 100%;vertical-align: top;border-radius: .05rem;padding-left: .24rem;}
.newHeader .icon{position: absolute;left: .07rem;top: 0;display: inline-block;width: .14rem;height: .14rem;background: url(//mued3.jia.com/image/mobile/tuku/search-icon.png) no-repeat;background-size: 100%;vertical-align: top;margin: .06rem .04rem 0 0;}
.newHeader .slide-icon{width: .2rem;height: .2rem;background: url(//mued3.jia.com/image/mobile/tuku/header-slide-icon.png) no-repeat;background-size: 100%;margin: .09rem .1rem;}
.head-main-nav{position: fixed;z-index: 999;}
.head-main-nav, .head-main-nav .bg{left: 0;top: 0;height: 100%;width: 100%;}
.head-main-nav .bg{position: absolute;background-color: rgba(0, 0, 0, .5);}
.head-main-nav .content{padding: .11rem;position: relative;background-color: #fff;-webkit-animation: headNavDown .5s;animation: headNavDown .5s;}
.head-main-nav .close-btn{display: inline-block;width: .14rem;height: .14rem;background: url(//mued3.jia.com/image/mobile/headerCom/Hclose.png) no-repeat;background-size: 100%;position: absolute;left: .12rem;top: .12rem;z-index: 3;}
.head-main-nav .tk-tab-list{margin-top: .2rem;}
.head-main-nav .tk-tab-list li{float: left;width: 25%;font-size: .11rem;border-right: 1px solid #eee;border-top: 1px solid #eee;text-align: center;padding: .1rem 0 .05rem 0;box-sizing: border-box;}
.head-main-nav .tk-tab-list li p{color: #333;}
.head-main-nav .tk-tab-list li:first-child, .head-main-nav .tk-tab-list li:nth-child(2), .head-main-nav .tk-tab-list li:nth-child(3), .head-main-nav .tk-tab-list li:nth-child(4){border-top: 1px solid #fff;padding: .05rem 0 .1rem 0;}
.head-main-nav .tk-tab-list li:nth-child(4n+4){border-right: 0;}
.head-main-nav .tk-tab-list .icon{display: block;width: .2rem;height: .185rem;background: url(//mued3.jia.com/image/mobile/tuku/header-down-icon.png) no-repeat;background-size: 100%;margin: 0 auto .04rem auto;}
.head-main-nav .tk-tab-list .icon.home{background-position: 0 13.9%;}
.head-main-nav .tk-tab-list .icon.anli{background-position: 0 27.8%;}
.head-main-nav .tk-tab-list .icon.gl{background-position: 0 41.7%;}
.head-main-nav .tk-tab-list .icon.designer{background-position: 0 55.6%;}
.head-main-nav .tk-tab-list .icon.company{background-position: 0 69.5%;}
.head-main-nav .tk-tab-list .icon.jc{background-position: 0 83.4%;}
.head-main-nav .tk-tab-list .icon.topic{background-position: 0 97.2%;}
.head-main-nav .suprise-house-list{padding: .2rem 0 .05rem 0;}
.suprise-house-list .suprise-house-item{position: relative;float: left;width: 30.33%;margin-right: 4.5%;box-shadow: 0 0.03rem 0.03rem rgba(0, 0, 0, 0.2);}
.suprise-house-list .suprise-house-item .image-box{position: relative;display: block;overflow: hidden;background: #f8f8f8;padding-top: 134%;z-index: 5;}
.image-box mip-img{position: absolute;left: 0;top: 0;height: 100%;}
.suprise-house-list .suprise-house-item .info{position: absolute;top: 0;left: 0;padding: .07rem;color: #fff;font-size: .06rem;}
.suprise-house-list .suprise-house-item .info .big-tit{font-size: .14rem;font-weight: bold;margin-top: .08rem;line-height: 1.2;}
.suprise-house-list .suprise-house-item .info .small-tit{font-size: .085rem;margin-top: .04rem;}
.head-main-nav .suprise-house-list .suprise-house-item:nth-child(3n+3){margin-right: 0;}
#MIP-LLIGTBOX-MASK{background: rgba(0, 0, 0, 0)}
.tuku-images-list{position: relative;padding: .35rem 0 .1rem .1rem;}
.tuku-images-nav{position: absolute;z-index: 12;left: 0;top: -.01rem;right: 0;width: 100%;height: .35rem;background: #fff;}
.tuku-images-nav .nav-ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;height: .35rem;}
.tuku-images-nav .nav-li{-webkit-box-flex: 1;-webkit-flex: 1;-moz-flex: 1;flex: 1;padding: .05rem 0;}
.tuku-images-nav .nav-a{position: relative;display: block;width: 100%;line-height: .25rem;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
.tuku-images-nav .nav-span{font-size: .12rem;color: #282828;white-space: nowrap;text-overflow: ellipsis;text-align: center;overflow: hidden;}
.tuku-images-nav .nav-em{width: 0;height: 0;border-top: .04rem solid #282828;border-left: .03rem solid transparent;border-right: .03rem solid transparent;display: inline-block;vertical-align: top;margin: .11rem 0 0 .04rem;}
.tuku-images-nav .nav-li.cur .nav-span{color: #d00;}
.tuku-images-nav .nav-li.cur .nav-em{border-bottom: .04rem solid #d00;border-top: .04rem solid transparent;margin-top: .07rem;}
.tuku-images-nav .nav-show-menu{height: 0;background: #fff;overflow: hidden;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-ms-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
.nav-show-menu .menu-ul{padding: .05rem .14rem .13rem .14rem;border-top: 1px solid #f2f2f2;}
.nav-show-menu .menu-li, .nav-show-menu .menu-li-more{float: left;width: 25%;}
.nav-show-menu .menu-a, .nav-show-menu .menu-a-more, .nav-show-menu .menu-color{display: block;margin-right: .06rem;margin-top: .08rem;height: .23rem;line-height: .23rem;text-align: center;font-size: .11rem;color: #333;background: #f0f0f0;border: 1px solid #f0f0f0;border-radius: .04rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav-show-menu .menu-li.cur .menu-a{color: #d00;border-color: #d00;background: #fff;}
.tuku-images-list .list-ul{float: left;width: 50%;}
.tuku-images-list .list-li{margin-top: .1rem;padding-right: .1rem;box-sizing: border-box;}
.tuku-images-list .list-a{position: relative;display: block;width: 100%;background: #fff;padding-bottom: .05rem;box-sizing: border-box;}
.tuku-images-list img.lazy{min-height: 1.13rem;display: block;}
.tuku-images-list .list-li p.title{max-height: .36rem;padding: .05rem .05rem 0 .05rem;font-size: .11rem;line-height: .18rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tuku-images-list .list-li p.info{position: absolute;font-size: .095rem;color: #fff;left: 0;bottom: .28rem;width: 100%;padding: .07rem;text-align: right;box-sizing: border-box;background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.55)),color-stop(0.05,rgba(0,0,0,0.55)),color-stop(.5,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0));background: linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,0.55) 5%,rgba(0,0,0,0) 90%,rgba(0,0,0,0));}
.tuku-images-list .loadmore, .load_nomore{position: relative;display: none;height: .16rem;line-height: .16rem;text-align: center;margin: .12rem 0;overflow: hidden;float: left;width: 100%;}
.tuku-images-list .loadmore i{display: inline-block;color: #999;position: relative;text-indent: -9999px;width: .16rem;height: .16rem;background-image: url(//mued3.jia.com/image/mobile/toutiao/refresh-loading.png);background-size: 100% auto;-webkit-animation: rotateChange .8s infinite linear;animation: rotateChange .8s infinite linear;-moz-animation: rotateChange .8s infinite linear;}
.page-flip{overflow: hidden;background: #fff;padding: .08rem 11%;border-top: 1px solid #e9e9e9}
.page-flip ul li{position: relative;display: block;float: left;width: 34.3%;text-align: center;font-size: .13rem;height: .28rem;line-height: .28rem;background: #ee2d1b}
.page-flip ul li a{display: block;color: #fff}
.page-flip ul li:nth-child(2){width: 31.4%;color: #666;background: #fff}
.page-flip ul li a.cur{background: #f0f0f0;border: 1px solid #dfdfdf;color: #666;box-sizing: border-box}
.page-flip .pagination-pages{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0}
.page-flip li:nth-child(2) em{display: block;color: #666}
.page-flip li em .more{color: #ee2d1b;font-style: normal}
.tt-crumbs{background: #fff;padding: .14rem .1rem;font-size: .12rem;color: #ccc}
.tt-crumbs a,.tt-crumbs i{color: #ccc}
.tt-crumbs .crumbs-title{margin: 0 .05rem}
.recommendSec{background: #fff}
.recommendSec .title{position: relative;background: #fff}
.recommendSec .title:before{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #ebebeb}
.recommendSec .title span{position: relative;padding: 0 .12rem;font-size: .15rem;background: #fff;z-index: 2}
.recommend-list{padding: 0 .12rem}
.recommend-list .recommend-a{float: left;font-size: .126rem;background: #e6e6e6;padding: .01rem .05rem;margin: .14rem .05rem 0 0;border-radius: .2rem}
@-webkit-keyframes rotateChange{0{-webkit-transform: rotate(0)}
50%{-webkit-transform: rotate(180deg)}
100%{-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotateChange{0{-webkit-transform: rotate(0)}
50%{-webkit-transform: rotate(180deg)}
100%{-webkit-transform: rotate(360deg)}}
@keyframes rotateChange{0{-webkit-transform: rotate(0)}
50%{-webkit-transform: rotate(180deg)}
100%{-webkit-transform: rotate(360deg)}}