.mobile_Top, .mobile_footer { display: none; }
 @media screen and (max-device-width:480px) {
 @charset "utf-8";
html,  body { -webkit-text-size-adjust: none; }
html { font-size: 312.5%; }
.mobile_Top,  .mobile_footer { display: block; }
.mob_top { clear: both; width: 100%; height: 1rem; position: fixed; z-index: 99; left: 0; top: 0; background-color: #fff; border-bottom: 0.04rem solid #000; }
.mob_top .logo { position: absolute; left: 50%; top: 50%; margin: -0.33rem 0 0 -0.83rem; width: 1.67rem; height: 0.67rem; }
.mob_top .menu { position: absolute; right: 4%; top: 50%; margin-top: -0.15rem; width: 0.35rem; height: 0.31rem; }
.hdmenu { clear: both; width: 100%; position: fixed; top: 1rem; left: 0; z-index: 99; background-color: #333; text-align: center; padding-top: 0.4rem; display: none; }
.hdmenu dl { margin: 0 auto; width: 61%; height: 0.46rem; background-color: #fff; }
.hdmenu dt { width: 14%; height: 0.46rem; float: right; background: url(../img/ss.gif) no-repeat 50% 50%; background-size: 100% 100%; }
.hdmenu dd { width: 85%; float: left; overflow: hidden; }
.hdmenu dt input { width: 100%; height: 0.46rem; border: 0; background: none; line-height: 0.46rem; }
.hdmenu dd input { width: 100%; height: 0.46rem; line-height: 0.46rem; border: 0; background: none; }
.hdmenu .lm1 { clear: both; color: #666; font-size: 0.28rem; line-height: 0.34rem; padding: 0.52rem 0; }
.hdmenu .lm1 a { color: #ddd; margin: 0 0.1rem; }
.hdmenu .lm1 a:visited { color: #ddd !important; }
.hdmenu .lm2 { clear: both; font-size: 0.24rem; line-height: 1.2em; }
.hdmenu .lm2 a { padding: 0.05rem 0.2rem; border: 1px solid #ddd; border-radius: 0.1rem; display: inline-block; margin: 0 0.08em; color: #ddd; }
.hdmenu .sdup { clear: both; width: 100%; height: 0.54rem; background: url(../img/sq.gif) no-repeat 50% 50%; background-size: auto 100%; }
.mob_footer { background-color: #F5F5F5; text-align: center; padding-top: 0.45rem; line-height: 0.4rem; }
.mob_footer p { padding-bottom: 0.4rem; }
.mob_footer .f1 { color: #333; font-size: 0.26rem; }
.mob_footer .f1 a,.mob_footer .f1 span { color: #333; margin: 0 0.05rem; font-weight: bold; display: inline-block; padding-left: 0.4rem; background-repeat: no-repeat; }
.mob_footer .f1 .fo1 { background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo1.png); background-size: auto 50%; background-position: 0 50%; }
.mob_footer .f1 .fo2 { background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo2.png); background-size: auto 60%; background-position: 5% 50%; }
.mob_footer .f1 .fo3 { background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo3.png); background-size: auto 60%; background-position: 5% 50%; }
.mob_footer .f1 .fo4 { background-image: url(http://art.china.cn/images/2019Art/mobile/img/fo4.png); background-size: auto 50%; background-position: 8% 50%; }
.mob_footer .f2 { color: #848589; font-size: 0.1rem; padding-top: 0.1rem; border-top: 0.04rem solid #000; }
}