.title{font-size: 32px; color:#ef4e3a;  margin:30px 0 20px 0; }
.subtitle{font-size: 26px; color:#000000;  margin:20px 0 0px 0; }
.desp{font-size:18px; color:#999; margin-top:10px;}


.tips{margin-bottom:40px; color:#999;}
.listtitle{font-size:22px; color:#333; margin:50px 0 5px 0; display: flex; align-items: flex-end; justify-content: space-between;}
.listtitle .rt button{width: 280px; font-size: 16px; margin-bottom:5px;}

.tabbar{display: flex; margin-bottom:30px; user-select: none; justify-content: space-between;}
.tabbar>div{flex:0 0 237px; width:237px; text-align: center; font-size:24px; height:54px; line-height: 54px; background: #e6e6e6; transition-duration: 300ms; cursor:pointer; box-shadow: 3px 3px 3px #ccc;}
.tabbar.pro>div{flex:0 0 298px; width:298px;}
.tabbar>div.active{background:#ef4e3a; color:#fff; box-shadow: 3px 3px 4px #999;}

.ewrap{width:1200px; overflow: hidden;}
.exhilist{display: flex; flex-wrap: wrap; width: 1238px;}
.exhilist .list{padding:16px; border:1px solid #999; box-shadow: 5px 5px 1px #b3b3b3; margin-right: 37px; margin-bottom:40px; display: none; flex-direction: column; justify-content: center;}
.exhilist .list.show{display: flex;}
/* .exhilist .list:not([style*="display: none"]):nth-of-type(4n){margin-right: 0;} */
.exhilist .list img{width: 236px; margin:20px 0;}
.exhilist .list .brand{width: 219px; text-align: center; font-size:18px; color:#ef4e3a; font-weight: bold; text-decoration: underline;}
.exhilist .list .htitle{width: 219px; text-align: center; color:#333;}


@media screen and (max-width: 500px) {
    .pages-base{padding:0 0px; width: 384px;}
    .title{font-size: 22px;  margin:20px 0 15px 0;}
    .subtitle{font-size: 22px;}
    .desp{font-size:18px; }

    .listtitle{font-size:22px; color:#333; margin:30px 0 5px 0;}

    .tabbar{margin-bottom:20px;}
    .tabbar>div{flex:0 0 76.8px; width:76.8px; font-size:16px; height:44px; line-height: 44px;}
    .tabbar.pro>div{flex:0 0 96px; width:96px; }
    .ewrap{width:384px; }

    .exhilist{width: 394px;}
    .exhilist .list{padding:5px; border:1px solid #999; box-shadow: 3px 3px 1px #b3b3b3; margin-right: 8px; margin-bottom:20px; display: none; flex-direction: column; justify-content: center;}
    .exhilist .list img{width: 176px; margin:10px 0;}
    .exhilist .list .brand{width: 176px; font-size:14px;}
    .exhilist .list .htitle{width: 176px; font-size: 14px;}

    .listtitle .rt button{width: 160px; font-size: 13px; margin-bottom:5px;}

}