body #toast {
  /*max-width: 512px;*/
  position: fixed;
  overflow: auto;
  bottom: 25%;
  left: 50%;
  width: 80%;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5em;
  background: #000;
  border-radius: 0.03333rem;
  z-index: 99;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  color: #fff;
  text-align: center;
}

body #toast.toast-show {
  opacity: 0.7;
}

body #toast p {
  color: #fff;
  text-align: center;
  margin: 0;
}
table{border-collapse:collapse}td,th{padding:0}h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,input,textarea,button{margin:0;padding:0;font-weight:normal}li{list-style:none}a,a:hover{text-decoration:none;cursor:pointer}em,i{font-style:normal}.clearfix:before,.clearfix:after{content:" ";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
body{margin:0;background:#f5f5f5}.channel-warp{width:26.66667rem;margin:0 auto}.channel-warp .channel-top{position:relative;padding:1.06667rem 1.06667rem 0 1.06667rem;background-color:#f5f5f5}.channel-warp .channel-top .channel-bg{width:26.66667rem;height:12.08889rem;background:url(//cdn.cnbj1.fds.api.mi-img.com/mimobile-channel/img/channel_bg.763a7bbf.png) no-repeat;background-size:contain;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0}.channel-warp .channel-top .channel-top-content{position:relative;z-index:1}.channel-warp .channel-top .channel-top-content>h1{color:#fff;font-size:.99556rem;margin-bottom:.78222rem}.channel-warp .channel-top .channel-top-content .top-bannel{width:24.53333rem;-webkit-box-sizing:border-box;box-sizing:border-box}.channel-warp .channel-contain{padding:0 1.06667rem}.channel-warp .channel-contain .contain-top{background:#fff;padding:.99556rem 1.06667rem;border-radius:.53333rem;height:4.97778rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.channel-warp .channel-contain .contain-top .top-title{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.78222rem;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.channel-warp .channel-contain .contain-top .top-title img{width:1.13778rem;height:1.13778rem;margin-right:.35556rem}.channel-warp .channel-contain .contain-top .top-title h3{font-size:.92444rem;font-weight:bold;color:#000}.channel-warp .channel-contain .contain-top ul{display:-webkit-box;display:-ms-flexbox;display:flex}.channel-warp .channel-contain .contain-top ul li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:1.06667rem;height:1.06667rem}.channel-warp .channel-contain .contain-top ul li:nth-last-of-type(1){margin-right:0}.channel-warp .channel-contain .contain-top ul li img{width:1.06667rem;height:1.06667rem;margin-right:.35556rem}.channel-warp .channel-contain .contain-top ul li label{font-size:.85333rem;color:#999;line-height:1.35111rem}.channel-warp .channel-contain .channel-more{margin-top:1.06667rem}.channel-warp .channel-contain .channel-more>h4{font-size:.99556rem;color:#000;margin-bottom:.78222rem}
.list-item{width:100%;min-height:10.09778rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:.53333rem;padding:1.42222rem 1.06667rem 1.06667rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.71111rem}.list-item .item-left{margin-right:.71111rem;width:5.04889rem;height:3.2rem;position:relative}.list-item .item-left img{width:100%;height:100%;position:absolute;top:0}.list-item .item-right{width:16.64rem;position:relative}.list-item .item-right .item-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:.49778rem}.list-item .item-right .item-title h2{color:#000;font-size:1.13778rem;font-weight:bold;height:1.20889rem;line-height:1.49333rem}.list-item .item-right .item-title .title-tip{font-size:0;color:#FF6B00;background:#fff4ec;margin-left:.35556rem;text-align:center;height:1.20889rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.28444rem .28444rem .17778rem;border-radius:.14222rem;font-weight:bold}.list-item .item-right .item-title span{font-size:.85333rem;height:.85333rem;line-height:.85333rem}.list-item .item-right .desc{font-size:.85333rem;line-height:1.20889rem;color:#848282;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list-item .item-right .item-bottom{position:absolute;right:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list-item .item-right .item-bottom .btn{display:block;width:7.18222rem;height:2.27556rem;text-align:center;line-height:2.41778rem;font-size:.92444rem;font-weight:bold;color:#FF6B00;background:#fff4ec;border-radius:1.13778rem}.list-item .item-right .item-bottom>label{font-size:.99556rem;color:#FF6B00}.list-item .item-right .item-bottom>label>span{font-size:1.77778rem}.list-item.top-item .item-right h2{font-size:1.28rem}.list-item.top-item .item-right .desc{font-size:.88889rem}.list-item.top-item .item-right .item-bottom{margin-top:.92444rem}.list-item.top-item .item-right .item-bottom .btn{color:#fff;background:#FF6B00}.list-item.top-item .item-right .item-bottom>label{font-size:.99556rem;color:#FF6B00}.list-item.top-item .item-right .item-bottom>label>span{font-size:1.77778rem}.list-item a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}