body{background-color:#f5f7f7}.page{width:100%;display:flex;flex-direction:column}.collection{width:100%;background-color:#fff}.collection .pic{position:relative;height:4.6rem}.collection .pic img{width:100%;height:100%;display:block}.overlay{position:absolute;bottom:0;height:.8rem;background-color:rgba(0,0,0,.6);text-align:center;line-height:.8rem;width:100%}.overlay p{font-size:.36rem;font-weight:bold;color:#FFFFFF;padding:0 .4rem;width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.desc{box-sizing:border-box;padding:0.3rem;font-size:0.3rem;font-family:"PingFang";color:#333;line-height:.52rem}.about_special{box-sizing:border-box;padding:0rem .2rem;background-color:#fff}.common-title{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:relative}.common-title h2{font-size:0.32rem;margin-bottom:0.1rem;color:#404040}.about_special .list{margin-left:-.20rem;overflow:hidden;margin-bottom:.32rem}.about_special .list .item{color:#FF7800;font-size:.28rem;padding:0 .3rem;border:.01rem solid #FF7800;border-radius:.10rem;float:left;height:.5rem;text-align:center;line-height:.5rem;margin:.2rem 0 0 .2rem}.about_special .list .item:last-child{margin-bottom:0}.recommend,.relative{background-color:#fff;margin-top:0.2rem;box-sizing:border-box;padding:0.3rem}.recommend .common-title,.relative .common-title{border-bottom:1px solid #E6E6E6;padding-bottom:.2rem}.recommend .common-title h2::before,.relative .common-title h2::before{content:'';height:.32rem;width:.04rem;background:#FF7800;position:absolute;left:-.95em;top:.05rem}.recommend .list .item{width:100%;height:2.32rem;box-sizing:border-box;position:relative}.recommend .list .item::before{content:"";width:1.19rem;height:0.52rem;display:block;background-size:100% 100%;position:absolute;left:-0.05rem;top:0.2rem;z-index:999;background-size:cover}.recommend .list .item:nth-child(1):before{background-image:url(https://js.18183.com/18183dl/index/2021/zt/pc/images/rank1.png)}.recommend .list .item:nth-child(2):before{background-image:url(https://js.18183.com/18183dl/index/2021/zt/pc/images/rank2.png)}.recommend .list .item:nth-child(3):before{background-image:url(https://js.18183.com/18183dl/index/2021/zt/pc/images/rank3.png)}.recommend .list .item{border-bottom:1px solid #F1F1F1;padding-top:.42rem;padding-bottom:.3rem;box-sizing:border-box}.recommend .list .item a{display:flex;position:relative}.recommend .list .item a>img{width:1.6rem;height:1.6rem;margin-right:0.3rem;flex-shrink:0}.recommend .list .item a .info{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;padding-right:1.72rem;box-sizing:border-box}.recommend .list .item .info h3{color:#404040;font-size:0.32rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.recommend .item .info ul{display:flex;align-items:center}.recommend .list .item .info ul li{color:#808080;font-size:0.24rem;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:1.2rem}.recommend .list .item .info ul li:nth-child(2){color:#666;font-size:0.2rem;padding:0 0.15rem;box-sizing:border-box;width:0.1rem}.recommend .list .item .info p{color:#666;font-size:0.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.recommend .list .item .down{width:1.7rem;height:0.7rem;color:#FF7800;font-size:0.28rem;border:0.02rem solid #FF7800;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:0.4rem;margin-left:0.2rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.load_more{margin-top:.3rem;width:100%;height:0.8rem;background:#F7F7F7;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.3rem}.load_more img{width:.28rem;height:.16rem;display:block;margin-left:.1rem}.hide{display:none}.relative ul li{border-bottom:1px solid #f1f1f1}.relative ul li a{height:1.4rem;display:flex;flex-direction:column;justify-content:space-around}.relative ul li a h2{color:#404040;font-size:.32rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.relative ul li a .other{display:flex;justify-content:space-between;color:#999;font-size:.24rem}.footer{margin-top:10px;background-color:#fff}.footer .foot_u{padding:10px 0;border-bottom:1px solid #dedede;background:#fff}ul.n_c{width:100%;display:-webkit-box;-webkit-box-sizing:border-box;display:-ms-flexbox;height:30px;line-height:30px}ul.n_c li{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;-ms-flex:1;width:1%;text-align:center}ul.n_c li:after{content:"|";color:#ccc;float:right}ul.n_c li:last-child:after{content:""}ul.n_c li a{color:rgb(127,127,127)}.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read_more{margin-top:.1rem;background-color:#fff;font-size:0.28rem;color:#fa612f;text-align:center;height:0.35rem;line-height:0.35rem;position:relative}.read_more::after{position:absolute;content:'';width:0.15rem;height:0.15rem;border-bottom:0.01rem solid #fa612f;border-left:0.01rem solid #fa612f;right:2.6rem}.read_more.open::after{transform:rotate(-45deg);top:0}.read_more.close::after{transform:rotate(135deg);top:0.12rem}