锘緻charset 'utf-8';

#connect{width:100%;max-width: 1167px;min-height: 0;float:none;margin:auto;}
#NavBar{width:100%;max-width:600px;float:none;margin:auto;position: relative;
  overflow: hidden;}
  #NavBar .nav{width:20%;height:100%;top:0;cursor: pointer;position: absolute;
    text-align: center;}
  #NavBar .nav p{width:28%;height:100%;margin-left:22%;float: left;
    border-bottom: 2px solid #BA0C2B;display: none;}
  #NavBar .nav.c p{display:block;}

#connect #detail{width:96%;float:none;margin:auto;padding-bottom: 2rem;
  font-size: 1.4rem;color:#666;line-height: 200%;}
#connect #detail h1{text-align: center;color:#666;margin: 0}
#connect #detail h2{text-align: center;color:#777;font-size: 1.5rem;margin-top: 0.5rem;font-weight: normal;}
#connect #detail img{margin: 1rem auto;}
#listbox{width:96%;max-width: 1060px;float:none;margin:auto;font-size: 1rem;}
#listbox .li{width:100%;margin:0;border-top:1px solid #ccc;padding:0;
  overflow: hidden;position:relative;box-sizing: border-box;}
  #listbox .li .sub{width: 100%;clear: both;}
  #listbox .li .bg{width:100%;height:auto;clear: both;overflow: hidden;position: relative;}
#listbox .li:first-child{border-top:0;}
#listbox .li .pic{width:38%;max-width:400px;float:left;border-radius:1.6em;
  overflow:hidden;position:relative;}
#listbox .li .pic div{position:absolute;width:100%;height:100%;background:no-repeat center center;
  background-size: 100% auto;top:0;left:0;cursor: pointer;}
  #listbox .li .pic img{width:100%;}
#listbox .li .title{width:58%;height:100%;max-width: 610px;float:right;
  text-align:left;color:#777;line-height:100%;overflow:hidden;}
#listbox .li .title a{color:#777;}
#listbox .li .title a:hover{color:#BA0C2B;}
#listbox .li .title font{font-size:1.6em;color:#999;line-height:150%;}
#listbox .li .title h2{margin:0.38em 0;font-size:2.6em;overflow: hidden;line-height: 1em;
  white-space:nowrap;text-overflow: ellipsis;}
#listbox .li .title .btnMore{position: absolute;bottom:0;left:42%;
  font-size: 1.5em;line-height: 2.1em;padding: 0 0.8em;border: 1px solid #aaa;
  border-radius:8px;}

@media screen and (max-width:640px){
  #listbox{font-size:0.8rem;}
  #listbox .li .title .btnMore{left:auto;right:1em;}
}

@media screen and (max-width:480px){
  #listbox{font-size:0.6rem;}
}