html, body, div, ul, li, div, dl, dd, dt, hr, p, h1, h2, h3, h4, h5,a { margin: 0; padding: 0; box-sizing: border-box;-webkit-box-sizing:border-box;}
html { font-size: 62.5%; height: 100%; }
a{color: #111111; text-decoration: none;}
a:hover{text-decoration: underline; }
h1 { font-size: 24px; font-size: 2.4rem; }
ul { list-style: none; }
img{vertical-align:middle;outline:none;height:100%;border:0;}
img, object, embed, video { max-width: 100%;}

.header, .container{ margin-left: auto !important;margin-right: auto !important; z-index: 2;overflow: hidden;position: relative;font-size: 1.4rem;}
.headerimg img{width:100%;}
.tab{background-color: #eee;border-bottom: 1px solid #D81510;}
.tab .item{border-bottom: 2px solid #D81510;color: #D81510;display: block;text-align: center;font-size: 16px;height:44px;line-height:44px;}

.lists li { margin: 0 10px;position: relative; margin-top: 15px;padding-bottom: 14px;border-bottom: 1px solid #e4e4e4;}
img.header {border-radius: 50%;width: 15px;height: 15px;}
.lists li>.header {position: absolute;top: -2px;left: 0;z-index: 999;}
.lists .msg_box {border-radius: 4px;position: relative;margin-left: 42px;padding: 4px 9px;background: #fff;}
#live_list.lists .msg_box {background: 0 0; padding: 0; margin-left: 20px;}
.lists .msg_right {float: right;display: table;position: relative; top: -2px;line-height: 15px;z-index: 999;}
.lists .date {margin-left: 9px;color: #999;font-size: 10px;position: relative;bottom: 2px;}
.lists .user {position: relative;top: -4px;}
.lists .media { margin: 7px 0 0;}
.lists .media img{margin:2px 1px 3px 1px;}



@media (min-width: 768px) {
  .header,.container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .header,.container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .header,.container {
    width: 980px;
  }
  .lists li{margin-top:30px;padding-bottom:30px;}
  .text_default{padding:10px 0px;}
  .tab .item{font-size:20px;height:50px;line-height:50px;}
}