#content{padding:0 0 60px}.grp-main{overflow:hidden}.grp-sidebar{float:right;margin-left:30px;padding:20px 20px 30px;width:270px;background:#fff}.grp-sidebar h2{font-size:16px;line-height:36px}.grp-sidebar .btn-post{display:block;font-size:16px;line-height:32px}.grp-sidebar .signed,.grp-sidebar .signed:hover{background:#ddd;cursor:not-allowed}.grp-sidebar .hot-grps ul{margin-bottom:20px}.grp-sidebar .hot-grps ul a:hover{color:#3e82f7}.grp-sidebar .hot-grps li{position:relative;margin:10px 0;border:1px solid #eee;border-radius:3px;padding:14px 0 0 60px;height:56px;background:#f6f6f6}.grp-sidebar .hot-grps li img{position:absolute;top:14px;left:14px;height:40px;width:40px}.grp-sidebar .hot-grps li .name{font-size:14px}.grp-sidebar .tools ul{margin:0 auto;border:1px solid #eee;border-width:0 1px 1px 0;width:268px;overflow:hidden}.grp-sidebar .tools li{float:left;border:1px solid #eee;border-width:1px 0 0 1px;width:133px;line-height:49px;font-size:14px;text-align:center;font-weight:700}.grp-sidebar .tools li:hover{background:#fbfbfb;color:#3e82f7}.grp-sidebar .QR-code{margin-top:20px;text-align:center;font-size:16px;font-weight:700}.main-groups{margin:20px -15px 20px 0;overflow:hidden}.main-groups li{float:left;margin-right:15px;width:270px;height:130px}.grp-main .banner{position:relative;height:336px}.banner .ctrl-panel{position:absolute;left:50%;bottom:10px;margin-left:-50px;width:100px;z-index:10;text-align:center}.banner .ctrl-panel li{display:inline-block;width:11px;height:11px;margin:0 1px;background:#9e918c;border-radius:50%;cursor:pointer}.banner .ctrl-panel .cur{background:#0084ff}.hot-articles{padding:20px;background:#fff}.hot-articles h2{font-size:16px}.hot-articles ul{margin-top:20px;border-top:1px solid #eee}.hot-articles li{position:relative;border-bottom:1px solid #eee;padding-left:50px}.hot-articles li .avater{position:absolute;left:0;top:10px;height:40px;width:40px}.hot-articles li .avater img{width:100%;border-radius:50%}.hot-articles li .title{float:left;max-width:500px;padding-top:18px;font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.hot-articles li .from a:hover,.hot-articles li .title:hover{color:#3e82f7}.hot-articles li .from{padding:18px 0;color:#999;white-space:nowrap;overflow:hidden}.ft-ad{display:none;position:fixed;z-index:99999999;bottom:0;width:100%}.ft-ad .back{position:absolute;left:0;bottom:0;top:auto;width:100%;background:#000;opacity:.8;filter:alpha(opacity=80)}.ft-ad .w1180{position:relative}.icon-close{position:absolute;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAACampqampqZmZmZmZlzMUDjAAAABHRSTlMAj4vLjTtgnwAAAF1JREFUGNNl0NsJwCAMheHYCXzoAIV2gm6g+w/l5fcIBwXB+IVoEn/s9caXdU41UlFw574fzldBxyIfAiAAAhYBogmiCSKBgjNNBby0PyqA/KN0B9HgurS2bSA2qgZhpwptonYLTwAAAABJRU5ErkJggg==)}.ft-ad .wrapper{margin:0 auto}.ft-ad .wrapper img{position:absolute;bottom:0}.grp-sidebar .btn-exchange{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:10px auto;border-radius:3px;font-size:16px;line-height:32px;color:#fff;background:#fa504b}.grp-sidebar .btn-exchange:hover{background:#ff605b}.btn-exchange i{height:20px;width:20px;margin-right:10px;background:url(//qhyxpicoss.kujiale.com/2016/05/16/K44UXJYKAEDGURODAAAAABY8_36x36.png) no-repeat;background-size:cover}