/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0 auto;padding: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu {display: block;margin: 0 auto;padding: 0;}
ul, ol, li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0 none;display: block;vertical-align: top;}
a {text-decoration: none;outline: none;color: inherit;}
/*全局定义*/
body {font-family: "微软雅黑", "Arial Narrow";  }
.fl {display: inline;float: left;}
.fr {display: inline;float: right;}
/*主体*/
.main { padding-top: 13rem; width: 7.5rem;height: auto;color: #d45329;background: #bd1127; background-image: url(../images/body_bg2.jpg); background-repeat: no-repeat; background-size: contain;}
.box {width: 7.08rem;height: auto;overflow: hidden;}
.box ul li {float: left;width: 3.24rem;height: 6.14rem;background: url(../images/li_bg.png) no-repeat;background-size: contain;overflow: hidden;margin: 0 0.15rem 0.7rem 0.15rem;cursor: pointer;}
.box ul li img {width: 2.7rem;height: 5.1rem;margin: 0.2rem 0.27rem 0.1rem 0.27rem;}
.box ul li span {display: block;width: 2.7rem;height: 0.48rem;line-height: 0.24rem;font-size: 0.16rem;overflow: hidden;margin-left: 0.27rem;text-align: center;}
.music {display: none;}
.foot {padding-bottom: 0.5rem;font-size: 0.16rem;color: #ffffff; text-align: center; line-height: 0.3rem;}
/*hack*/
@media only screen and (max-width: 360px){
  .box ul li span{ font-size: 0.1rem;}
  .foot{ font-size: 0.1rem;}
}