.header{height:4rem;line-height:4rem;overflow:hidden;margin:1rem 0}
.header a{display:block;float:left}
.header a:nth-child(1){width:15%;height:4rem;margin:0 1%}
.header a:nth-child(1) img{height:4rem;object-fit:cover;-webkit-object-fit:cover}
.header a:nth-child(2){width:68%;border-radius:.3rem;height:3.6rem;line-height:3.6rem;margin-top:.2rem;font-size:1.4rem;background-color:#F8F8F8;color:#aaa;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.header a:nth-child(2) span{display:inline-block;margin-left:.5rem}
.header a:nth-child(3){width:14%;height:3rem;line-height:3rem;font-size:2.6rem;float:right;margin:.5rem 1% 0 0;position:relative}
.header a:nth-child(3) b{display:block;position:absolute;min-width:1.4rem;padding:0 .3rem;height:2rem;line-height:2rem;font-size:1.2rem;border-radius:1.2rem;background-color:#FF6F6F;right:.5rem;top:-.5rem;color:#fff;border:#fff 1px solid}

.bn{width:100%;max-width:750px;position:relative;z-index:0;overflow:hidden}
.bn .bn_main{width:900%}
.bn .bn_main .bn_li{float:left;overflow:hidden}
.bn .bn_main .bn_li a img{width:100%;height:100%;display:block;margin:0 auto;object-fit:cover;-webkit-object-fit:cover}
.bn .bn_ico{width:100%;height:1rem;text-align:center;position:absolute;left:0;z-index:2}
.bn .bn_ico_li{width:.7rem;height:.7rem;display:inline-block;border-radius:.5rem;background-color:#fff;margin-left:.5rem; margin-right:.5rem}
.bn .bn_ico_li_on{width:1.5rem;height:.7rem;border:0;border-radius:.5rem}

h1.h1{width:94%;padding:1.5rem 3% 0 3%;margin:1.5rem auto;font-size:1.8rem;text-align:left;font-weight:bold;color:#000;border-top:#F9F9F9 1.2rem solid}
h1.h1 a{float:right;font-size:1.4rem;font-weight:normal}

.cbox{width:100%;padding:0 3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.cbox ul{-ms-overflow-style:none;overflow:-moz-scrollbars-none;display:-webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch}
.cbox ul::-webkit-scrollbar{background-color:transparent;display: none;}
.cbox ul a{width:18rem;height:15rem;display:block;position:relative;margin:0 1rem 0 0;border-radius:.6rem;overflow:hidden}
.cbox ul a img.b{position:absolute;left:0;top:0;width:18rem;height:15rem;object-fit:cover;-webkit-object-fit:cover}
.cbox ul a h5{width:100%;line-height:3.6rem;position:absolute;left:0;bottom:0;text-align:left;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:rgba(255,255,255,0.8)}
.cbox ul a span.kind{display:inline-block;position:absolute;left:0;top:0;line-height:2.8rem;height:2.8rem;font-size:1.2rem;background-color:#FF9125;color:#fff;border-radius:0 0 1.4rem 0;padding:0 1rem}
.cbox ul a span.kind1{background-image: -webkit-linear-gradient(left, #f3b268 , #f09641 );}
.cbox ul a span.kind2{background-image: -webkit-linear-gradient(left, #4BCAFF , #0EB8FF );}/*#5f79f4 , #7c6cf6*/
.cbox ul a span.kind3{background-image: -webkit-linear-gradient(left, #8BD3A2 , #5EB87B );}
.cbox ul a span.kind4{background-image: -webkit-linear-gradient(left, #ED5AA7 , #E83191 );}
.cbox ul a span.kind5{background-image: -webkit-linear-gradient(left, #4789BB , #196BAA );}
.cbox ul a span.kind6{background-image: -webkit-linear-gradient(left, #DD01DD , #bf00bf );}
.cbox ul a span.kind7{background-image: -webkit-linear-gradient(left, #ff794e , #ff5722 );}
.cbox ul a span.kind8{background-image: -webkit-linear-gradient(left, #999 , #666 );}
.cbox ul a em{position:absolute;left:0;bottom:0;display:none}

.listbox{width:94%;margin:0 auto}
.list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
.list a{position:relative;width:49%;margin:0 0 1rem 0;border-radius:.6rem;overflow:hidden;box-shadow:0 1px .5rem rgba(0,0,0,0.1)}
.list a p{width:100%;height:19rem;text-align:center;position:relative}
.list a p img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.list a p img.no{border:#eee 1px solid}
.list a p .onum{position:absolute;bottom:0;right:0;line-height:2.2rem;height:2.2rem;background-color:rgba(0,0,0,0.3);color:#fff;padding:0 .6rem;font-size:1.2rem;display:inline-block;border-radius:0 0 0 0;}
.list a h2{width:92%;margin:.8rem auto .5rem auto;font-size:1.4rem;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list a h2 .fahuokind2{line-height:1.8rem;height:1.8rem;background-color:#FC8982;color:#fff;padding:0 .3rem;font-size:1.2rem;display:inline-block;border-radius:.2rem;margin-right:.2rem}
.list a em{width:92%;height:3rem;margin:0 auto;font-family:Arial}
.list a em font{font-size:1.8rem;color:#F83244;float:left}
.list a em font:before{font-size:1.4rem;content:'¥'}
.list a em i{padding-left:1.6rem;float:right;font-size:1.2rem;color:#999;position:relative;margin-top:.3rem}
html,body{height:100%}