@charset "utf-8";
/* CSS Document */
.is-iphone{ border:1px solid #ddd; padding: 13px 0 30px; height: auto;    overflow: hidden;  }
.i-wrap {height:auto; padding: 0 20px;}
.i-wrap .wrap{ display: none;}
.i-wrap .wrap.active{ display: block;}

/*.l-weibo {width: 606px; height: 453px;  float: left; padding-top: 10px;}
.l-weibo .list{ padding-left: 26px; height: 435px;}*/
.list {padding-left:22px; margin-top: 7px; height: 442px; overflow-y: auto; padding-top: 20px; margin-bottom: 15px;}
.list ul{ display: none;}
.list ul.active{ display: block;}
.list li {width: 117px; float: left; margin-right: 43px;}
.list li a {display: block; }
.list li img{background: red;}
.list li span {display: block; height: 30px;line-height: 30px;font-size: 12px; color: #3d3d3d; text-align: center;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 10px;}

/*.r-weibo {float: right; height: 407px; width: 386px; margin-top: 20px; background: #fef9f9;}*/
.tit {height: 37px; line-height: 36px; background:url(../images/secbg.jpg) bottom repeat-x;}
.tit  ul li {float: left; }
.tit  ul li a{padding: 0 5px; height: 37px; line-height: 36px; font-size: 16px; color: #333; display: block;}
.tit  ul li.active a {    background: url(../images/titico2.png) no-repeat center bottom;color: #1f76bb;}
.i-btn {height:56px; padding-left: 80px; }
.i-btn ul li{float: left;  text-align: center;width: 326px; height: 56px;margin-right:30px; }
.i-btn ul li a {line-height: 56px; display: block; background: #1f76bb; border-radius:30px; font-size: 22px; color: #fff;  }
.i-btn ul li img{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.i-btn ul li#last{ margin-right: 0px;}
.i-btn ul li.active a{ background: #288ddd;}
@media (min-width:992px) and (max-width:1199px) {
.i-btn{ padding-left: 25px;}
.i-btn ul li{ margin-right: 20px;width: 300px;}
.list li{ margin-right: 33px;}
}
@media (max-width:991px) {
.list li{ margin-right: 49px;}
.i-btn {padding-left: 15px;}
.i-btn ul li{width: 228px;margin-right: 15px;}
.i-btn ul li a{ font-size: 18px;}
}
@media (max-width:767px) {
.is-iphone{ padding: 2%;}
.i-wrap{ padding: 0px;}
.i-btn{ padding-left: 0px; height: auto;}
.i-btn ul li{float: none;width: 100%;margin-right:0px; margin-bottom: 2%; }
.i-btn ul li#last{ margin-bottom: 0px;}
.list{ padding-left: 0px;}
.list li{ width: 24.6%; margin-right: 0px; text-align: center;}
}
@media (max-width: 600px) {
.list li{ width: 33%;}
}
@media (max-width: 450px) {
.list li{ width: 49.5%;}
}