@media only screen and (min-width:640px){.index_bz,.nav_quick{display:none}
.tab_content .mark{display:none}
.tab_content p{display:none}
.tab_content .price{color:#ff4341;font-size:14px;align-items:flex-end;line-height:initial;padding-right:.22rem;position:relative}
.tab_content .price::after{content:'';position:absolute;width:.02rem;height:.18rem;right:0;top:50%;transform:translateY(-50%);background-color:#adadad}
.tab_content .other{height:30px;line-height:20px}
.tab_content .other2{height:30px;line-height:20px}
.price o{font-size:12px;color:#ccc;color:#999;text-decoration:line-through}
.pcfr{float:right}
.footer_tabbar{display:none}
}
@media only screen and (max-width:640px){body{background:#f5f5f5;font:12px/1.5 'Microsoft YaHei','宋体',Tahoma,Arial,sans-serif;color:#555}
.knowledge{display:none!important}
.index_bz{margin:.6rem;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:.75rem;padding:.5rem}
.index_bz li{display:flex;align-items:center;transform:scale(.9)}
.index_bz img{margin-right:.08rem;width:1.5rem;height:1.5rem}
.nav_quick{background-color:#fff;border-radius:.18rem;padding:1.3rem 0;margin:.8rem}
.nav_quick ol,.nav_quick ul{display:flex;justify-content:space-between}
.nav_quick ul{margin-bottom:.42rem}
.nav_quick li{display:flex;flex:1;width:25%;float:left;color:#333;font-size:1rem;flex-direction:column;align-items:center;justify-content:center;position:relative}
.nav_quick li span{font-size:1em;line-height:3rem}
.nav_quick li a{color:#333;display:flex;flex-direction:column;align-items:center}
.nav_quick i{position:absolute;width:.46rem;height:.26rem;background:url(../image/hot_1.png) no-repeat;background-size:100%;top:-2px;right:2px}
.nav_quick ul img{width:4.5rem;height:3.3rem;margin-bottom:.18rem}
.nav_quick ol img{width:4.5rem;height:3.3rem;margin-bottom:.18rem}
.w25{width:25%}
.tab_content{background:#f5f5f5}
.tab_content li{width:100%;margin:4px 2%;height:80px;background-color:#fff;border-radius:.64rem;margin-bottom:.6rem;justify-content:space-between;padding:.3rem}
.tab_content li img{width:100%;height:auto}
.tab_content li a{float:left;width:30%;padding-top:.4rem}
.tab_content li h2{float:left;padding-left:2%;width:68%;color:#333;font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;height:30px;line-height:20px}
.tab_content li h2 a{width:100%}
.tab_content .mark{font-size:0;white-space:nowrap;overflow-x:auto;display:block;float:left;line-height:18px;padding-left:2%}
.tab_content .mark span{color:#333;display:inline-flex;border-radius:.04rem;border:solid 1px #e0e0e0;margin-right:4px;white-space:nowrap}
.tab_content .mark span.b{border:solid 1px #fbb7a2;color:#f76f3a}
.tab_content .mark em{font-style:normal;font-size:1rem;transform:scale(.8)}
.tab_content .mark span:last-child{margin-right:0}
.tab_content .other{display:flex;align-items:flex-end;display:block;float:left;height:30px;line-height:20px;color:#999}
.price{color:#ff4341;font-size:1rem;align-items:flex-end;line-height:initial;padding-right:.22rem;position:relative}
.price o{font-size:.9rem;color:#ccc;color:#999;text-decoration:line-through}
.tab_content .price::after{content:'';position:absolute;width:.02rem;height:.18rem;right:0;top:50%;transform:translateY(-50%);background-color:#adadad}
.tab_content .other{color:#999}
.tab_content .other span{white-space:nowrap}
.tab_content .other span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0;flex:1}
.tab_content .other span:nth-child(2){margin:0 .2rem}
.tab_content li p{display:none}
.tab_content .other2{display:flex;align-items:flex-end;display:block;float:left;height:30px;line-height:20px;color:#999}
.tab_content .other2 span{white-space:nowrap}
.tab_content .other2 span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0;flex:1}
.tab_content .other2 span:nth-child(2){margin:0 .2rem}
.footer_tabbar{position:fixed;width:100%;bottom:0;z-index:4;background:#fff;border-top:1px solid #f3f3f3;height:4rem;display:flex;justify-content:space-between;color:#606469;font-size:1rem}
.footer_tabbar>a{display:flex;align-items:flex-end;justify-content:center;flex:1;padding-bottom:.1rem;color:#606469}
.footer_tabbar .home{background:url(../image/tabbar_11.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .home.on{background:url(../image/tabbar_121.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .tc{background:url(../image/tabbar_21.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .tc.on{background:url(../image/tabbar_22.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .jg{background:url(../image/tabbar_31.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .jg.on{background:url(../image/tabbar_32.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .zx{background:url(../image/tabbar_41.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .zx.on{background:url(../image/tabbar_42.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .mine{background:url(../image/tabbar_51.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .mine.on{background:url(../image/tabbar_52.png) no-repeat center .5rem/1.7rem 1.7rem}
.footer_tabbar .on{color:#099eff}
.contLbox,.maincont,.pubbgbox{width:100%}
.contLbox{padding:0 10px}
.adthumb_top,.contRbox{display:none}
.detailh2{padding:0 15px}
.contLbox p{width:90%;margin:0 10px;text-indent:0}
.bkhd{padding-top:55px}
}

.link_a a{
  color: #fff; 
  padding-bottom: 5px;
  position: relative;
  min-width: 55px;
  display: inline-block;
  text-align: center;
}

.link_a a.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
}

.link_a a:hover{
    background-color: #fff;
    color: #7abdfd;
}