.header{height:40px;line-height:40px;overflow:hidden;margin:10px 0}
.header a{display:block;float:left}
.header a:nth-child(1){width:15%;height:40px;margin:0 1%}
.header a:nth-child(1) img{height:40px;object-fit:cover;-webkit-object-fit:cover}
.header a:nth-child(2){width:68%;border-radius:20px;height:36px;line-height:36px;margin-top:2px;font-size:14px;border:#ddd 1px solid;background-color:#fff;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:5px}
.header a:nth-child(3){width:14%;height:30px;line-height:30px;font-size:26px;float:right;margin:5px 1% 0 0;position:relative}
.header a:nth-child(3) b{display:block;position:absolute;min-width:14px;padding:0 3px;height:20px;line-height:20px;font-size:12px;border-radius:12px;background-color:#FF6F6F;right:5px;top:-5px;color:#fff;border:#fff 1px solid}

.topadvs{border-radius:6px;position:relative;margin:0 auto;overflow:hidden}
.topadvs_main{width:900%}
.topadvs_li{float:left;margin:0 auto;overflow:hidden}
.topadvs_li a img{width:100%;height:100%;display:block}
.topadvs_ico{width:100%;height:10px;text-align:center;position:absolute;left:0;z-index:2}
.topadvs_ico_li{width:5px;height:5px;display:inline-block;border-radius:5px;background-color:#fff;margin-left:3px; margin-right:3px}
.topadvs_ico_li_on{width:10px;height:5px;border:0;background-color:#FF7D7D;border-radius:5px}

h1.h1{width:94%;padding:12px 3% 0 3%;margin:15px auto;font-size:18px;text-align:left;font-weight:bold;color:#000;border-top:#F9F9F9 12px solid}
h1.h1 a{float:right;font-size:14px;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:180px;height:180px;display:block;position:relative;margin:0 10px 0 0;border-radius:14px;overflow:hidden}
.cbox ul a img.b{position:absolute;left:0;top:0;width:180px;height:180px;object-fit:cover;-webkit-object-fit:cover}
.cbox ul a h5{width:100%;line-height:40px;position:absolute;left:0;bottom:0;text-align:left;font-size:16px;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:28px;height:28px;font-size:14px;background-color:#FF9125;color:#fff;border-radius:0 0 14px 0;padding:0 10px}
.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:4px 0;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.list a p{width:100%;height:190px;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:22px;height:22px;background-color:rgba(0,0,0,0.3);color:#fff;padding:0 6px;font-size:12px;display:inline-block;border-radius:0 0 0 0;}
.list a h2{width:92%;margin:8px auto 5px auto;font-size:14px;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:18px;height:18px;background-color:#FC8982;color:#fff;padding:0 3px;font-size:12px;display:inline-block;border-radius:2px;margin-right:2px}
.list a em{width:92%;height:30px;margin:0 auto;font-family:Arial}
.list a em font{font-size:18px;color:#F83244;float:left}
.list a em font:before{font-size:14px;content:'¥'}
.list a em i{padding-left:16px;float:right;font-size:12px;color:#999;position:relative;margin-top:3px}
html,body{height:100%}