*{padding:0;margin:0;}
body{padding:0;margin:0;}

.cate-title{position:fixed;top:0;left:50%;z-index:10;width:100%;max-width:688px;height:40px;margin:auto;font-size:16px;font-weight:bold;line-height:40px;text-align:center;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);transform:translateX(-50%);}

.cate-title {}

.cate-title .row{display:flex;align-items:center;justify-content:space-between;margin:0 10px;}

.cate-title .row .col1 {}

.cate-title .row .col2{flex:1;}

.cate-title .row .col2 form{display:flex;align-items:center;justify-content:space-between;}

.cate-title .row .col2 form input{box-sizing:border-box;flex:1;height:30px;padding:0 15px;margin:0 10px;border:1px solid #ddd;border-radius:100px;outline:none;}

.cate-title .row .col2 form button{background:none;}

.cate-title .row .col2 form button img{width:30px;height:30px;}

.cate-bg{position:relative;max-width:688px;margin:auto;}

.cate-bg .cate {}

.cate-bg .cate .row{display:flex;justify-content:space-between;/* height:calc(100vh - 48px - 40px); */}

.cate-bg .cate .row .col1{position:fixed;top:44px;width:85px;height:calc(100vh - 48px - 40px);overflow:auto;background:#f0f0f0;}

.cate-bg .cate .row .col1 .item{height:60px;overflow:hidden;line-height:60px;text-align:center;}
.cate-bg .cate .row .col1 .item.active{position:relative;font-weight:bold;color:#000;background:#fff;}
.cate-bg .cate .row .col1 .item.active:before{position:absolute;top:0;left:-6px;display:block;width:12px;height:60px;content:"";background:#2da4f4;border-radius:100%;}
.cate-bg .cate .row .col2{flex:1;padding:10px;margin-top:44px;margin-bottom:48px;margin-left:85px;/* overflow:auto; */}

.cate-bg .cate .row .col2 a.item{display:block;padding:10px 0;}

.cate-bg .cate .row .col2 a.item .r1{display:flex;}

.cate-bg .cate .row .col2 a.item .r1 .c1{width:67px;height:67px;}
.cate-bg .cate .row .col2 a.item .r1 .c1 img{display:block;width:67px;height:67px;border-radius:8px;}
.cate-bg .cate .row .col2 a.item .r1 .c2{flex:1;margin-left:10px;}

.cate-bg .cate .row .col2 a.item .r1 .c2 .t1{height:1.5em;overflow:hidden;font-size:15px;font-weight:bold;line-height:1.5em;}

.cate-bg .cate .row .col2 a.item .r1 .c2 .t2{height:18px;overflow:hidden;line-height:18px;}

.cate-bg .cate .row .col2 a.item .r1 .c2 .t2 span{margin-right:3px;font-size:10px;color:#999;}
.cate-bg .cate .row .col2 a.item .r1 .c2 .t2 span:nth-of-type(1){color:#019cff;}
.cate-bg .cate .row .col2 a.item .r1 .c2 .t3{margin-top:5px;}

.cate-bg .cate .row .col2 a.item .r1 .c2 .t3 span{display:inline-block;padding:2px 2px;margin-right:1px;margin-bottom:5px;font-size:8px;color:#019cff;border:1px solid #019cff;border-radius:3px;}
.cate-bg .cate .row .col2 a.item .r1 .c2 .t3 span.color2{color:#ff0d00;border:1px solid #ff0d00;}
.cate-bg .cate .row .col2 a.item .r1 .c2 .t3 span.color3{color:#e8b60d;border:1px solid #e8b60d;}
.cate-bg .cate .row .col2 a.item .r2{display:flex;align-items:center;justify-content:center;/*height:240px;*/margin-top:10px;overflow:hidden;border-radius:10px;}

.cate-bg .cate .row .col2 a.item .r2 img{display:block;width:100%;border-radius:10px;}

.cate-bg .cate .row .col2 .itemG{display:none;}
.cate-bg .cate .row .col2 .itemG.active{display:block;}

@media screen and (max-width: 800px){.cate-bg .cate .row .col2 a.item .r2{/* height:130px; */}}
div::-webkit-scrollbar{display:none;}
html::-webkit-scrollbar{display:none;}
body::-webkit-scrollbar{display:none;}
::-webkit-scrollbar{display:none;}