.april-social-card{border-radius:90px 15px;height:412px;border:0px;box-shadow:none!important}.april-social-card .card-body{padding:0}.april-social-card .card-body .card-item-buffs-medal{position:absolute;width:78px;height:78px;top:-6px;right:20px;z-index:13}.april-social-card .card-body .card-first-position{top:160px;left:17px;z-index:15}.april-social-card .card-body .card-second-position{top:160px;left:72px;z-index:15}.april-social-card .card-body .card-item-ci-medal,.april-social-card .card-body .card-item-tp-medal{position:absolute;width:45px;height:45px;z-index:15}.april-social-card .card-body .thumb a{display:block}.april-social-card .card-body .thumb img{width:100%;height:216px}.april-social-card .card-body .btn{padding:0;width:100%;overflow:hidden;border-radius:88px 13px 0 0;border:0px}.april-social-card .card-body .info{padding:18px 20px;height:192px;position:relative}.april-social-card .card-body .info span{display:inline-block;color:#fd856d;margin-right:5px}.april-social-card .card-body .info em{color:#888;font-size:1em;font-weight:300;letter-spacing:-.02em}.april-social-card .card-body .info em:before{display:none!important}.april-social-card .card-body .info h3{width:100%;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april-social-card .card-body .info .std{margin:15px 0 10px}.april-social-card .card-body .info .std button{display:inline-block;text-align:center;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px;border-radius:50%;overflow:visible}.april-social-card .card-body .info .std button img{width:36px;height:36px;border-radius:50%}.april-social-card .card-body .info .std button em{position:absolute;display:inline-block}.april-social-card .card-body .info .std button .user-level1{width:38px;height:38px;left:3px;top:-1px}.april-social-card .card-body .info .std button .user-level2{width:38px;height:41px;left:3px;top:-4px}.april-social-card .card-body .info .std button .user-level3{width:40px;height:42px;left:2px;top:-4px}.april-social-card .card-body .info .std button .user-level4{width:42px;height:48px;left:1px;top:-7px}.april-social-card .card-body .info .std button .user-level5{width:42px;height:47px;left:1px;top:-7px}.april-social-card .card-body .info .std button div{height:12px;text-align:center}.april-social-card .card-body .info .std button div em{position:relative;display:inline-block;width:11px;height:11px;margin:0;border-radius:0}.april-social-card .card-body .info .std button:first-child{margin-left:-5px}.april-social-card .card-body .info .std span{display:inline-block;margin-left:6px;color:#333}.april-social-card .card-body .info .teacher{position:absolute;right:18px;top:80px;padding-right:38px;text-align:right}.april-social-card .card-body .info .teacher img{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.april-social-card .card-body .info .teacher .name{display:block;width:97px;color:#333;line-height:1.4em;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april-social-card .card-body .info .teacher .branch{display:block;width:97px;height:15px;color:#999;font-size:.9em;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april-social-card .card-body .info .cummunity{position:absolute;bottom:20px;left:20px;right:20px}.april-social-card .card-body .info .cummunity div{display:inline-block;vertical-align:middle}.april-social-card .card-body .info .cummunity .buff-content button{background-color:transparent;border:0;padding:0}.april-social-card .card-body .info .cummunity .buff-content button:hover,.april-social-card .card-body .info .cummunity .buff-content button:active{background-color:transparent!important;opacity:1!important}.april-social-card .card-body .info .cummunity .buff-content button span{display:flex;align-items:center}.april-social-card .card-body .info .cummunity .buff-content .buff-on{vertical-align:middle;font-weight:500;color:#ff583d}.april-social-card .card-body .info .cummunity .buff-content .buff-on .ic-buff{background:url(/assets/images/april/icon_like_on.png) no-repeat center;background-size:24px 40px}.april-social-card .card-body .info .cummunity .buff-content .buff-off{font-weight:500;vertical-align:middle;color:#333}.april-social-card .card-body .info .cummunity .buff-content .buff-off .ic-buff{background:url(/assets/images/april/icon_like_off.png) no-repeat center;background-size:24px 40px}.april-social-card .card-body .info .cummunity .buff-content .ic-buff{display:inline-block;vertical-align:middle;margin-right:8px}.april-social-card .card-body .info .cummunity .big{margin-right:15px}.april-social-card .card-body .info .cummunity .big .buff-content span{font-size:1.3rem}.april-social-card .card-body .info .cummunity .big .buff-content .ic-buff{width:24px;height:40px;position:relative;top:-3px}.april-social-card .card-body .info .cummunity .small{margin-right:15px}.april-social-card .card-body .info .cummunity .small .buff-content span{font-size:1.1em}.april-social-card .card-body .info .cummunity .small .buff-content .ic-buff{width:18px;height:30px;background-size:18px 30px}.april-social-card .card-body .info .cummunity .comment{margin-right:15px;font-size:1.1em;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:25px}.april-social-card .card-body .info .cummunity button.btn-delete{border:0;font-size:0;width:40px;height:40px;background:url(/assets/images/april/icon-delete.png) center no-repeat transparent;background-size:20px 21px;vertical-align:middle}.april-social-card .card-body .info .cummunity button.btn-delete:hover,.april-social-card .card-body .info .cummunity button.btn-delete:active{background:url(/assets/images/april/icon-delete.png) center no-repeat transparent!important;background-size:20px 21px!important;opacity:.9}.april_mobileCard{overflow:hidden;text-align:left}.april_mobileCard .image-thumbnail-btn.btn{width:100%;border-radius:50px 5px 0 0;padding:0;overflow:hidden;position:relative}.april_mobileCard .image-thumbnail-btn.btn img{width:100%;height:200px}.april_mobileCard .image-thumbnail-btn.btn-secondary{background-color:transparent;border:0}.april_mobileCard .first-position,.april_mobileCard .second-position{bottom:10px}.april_mobileCard .info{padding:10px 15px;height:170px;position:relative}.april_mobileCard .info span{display:inline-block;color:#fd856d;margin-right:5px;font-size:.9em}.april_mobileCard .info em{color:#888;font-weight:300;font-size:.9em;letter-spacing:-.02em}.april_mobileCard .info em:before{display:none}.april_mobileCard .info h3{width:100%;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.2em!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april_mobileCard .info .std{margin:15px 0 10px}.april_mobileCard .info .std button{display:inline-block;text-align:center;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px;border-radius:50%;overflow:visible}.april_mobileCard .info .std button img{width:36px;height:36px;border-radius:50%}.april_mobileCard .info .std button em{position:absolute;display:inline-block}.april_mobileCard .info .std button .user-level1{width:38px;height:38px;left:3px;top:-1px}.april_mobileCard .info .std button .user-level2{width:38px;height:41px;left:3px;top:-4px}.april_mobileCard .info .std button .user-level3{width:40px;height:42px;left:2px;top:-4px}.april_mobileCard .info .std button .user-level4{width:42px;height:48px;left:1px;top:-7px}.april_mobileCard .info .std button .user-level5{width:42px;height:47px;left:1px;top:-7px}.april_mobileCard .info .std button div{height:10px;text-align:center}.april_mobileCard .info .std button div em{position:relative;top:0;display:inline-block;width:10px;height:10px;margin:0;border-radius:0}.april_mobileCard .info .std button:first-child{margin-left:-5px}.april_mobileCard .info .std span{display:inline-block;vertical-align:middle;margin-left:6px;color:#333;line-height:1.2em}.april_mobileCard .info .std span em{display:block;font-weight:600;color:#333;line-height:1.5em}.april_mobileCard .info .teacher{position:absolute;right:15px;top:66px!important;bottom:auto;padding-right:38px;text-align:right}.april_mobileCard .info .teacher img{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.april_mobileCard .info .teacher .name{display:block;color:#333;line-height:1.5em;letter-spacing:-.02em;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april_mobileCard .info .teacher .branch{display:block;width:80px;height:15px;color:#999;font-size:.9em;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april_mobileCard .info .cummunity{position:absolute;bottom:5px;left:15px;right:15px}.april_mobileCard .info .cummunity div{display:inline-block;vertical-align:middle}.april_mobileCard .info .cummunity .buff-content button{background-color:transparent;border:0;padding:0}.april_mobileCard .info .cummunity .buff-content button:hover,.april_mobileCard .info .cummunity .buff-content button:active{background-color:transparent!important;opacity:1!important}.april_mobileCard .info .cummunity .buff-content button span{display:flex;align-items:center}.april_mobileCard .info .cummunity .buff-content .buff-on{vertical-align:middle;font-weight:500;color:#ff583d}.april_mobileCard .info .cummunity .buff-content .buff-on .ic-buff{background:url(/assets/images/april/icon_like_on.png) no-repeat center;background-size:24px 40px}.april_mobileCard .info .cummunity .buff-content .buff-off{font-weight:500;vertical-align:middle;color:#333}.april_mobileCard .info .cummunity .buff-content .buff-off .ic-buff{background:url(/assets/images/april/icon_like_off.png) no-repeat center;background-size:24px 40px}.april_mobileCard .info .cummunity .buff-content .ic-buff{display:inline-block;vertical-align:middle;margin-right:8px}.april_mobileCard .info .cummunity .big{margin-right:15px}.april_mobileCard .info .cummunity .big .buff-content span{font-size:1.3rem}.april_mobileCard .info .cummunity .big .buff-content .ic-buff{width:24px;height:40px;position:relative;top:-3px}.april_mobileCard .info .cummunity .small{margin-right:15px}.april_mobileCard .info .cummunity .small .buff-content span{font-size:1.1em}.april_mobileCard .info .cummunity .small .buff-content .ic-buff{width:18px;height:30px;background-size:18px 30px;position:relative;top:0}.april_mobileCard .info .cummunity .comment{margin-right:15px;font-size:1.1em;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:25px}.april_mobileCard .info .cummunity button.btn-delete{border:0;font-size:0;width:40px;height:40px;background:url(/assets/images/april/icon-delete.png) center no-repeat transparent;background-size:18px 19px;vertical-align:middle}.april_mobileCard .info .cummunity button.btn-delete:hover,.april_mobileCard .info .cummunity button.btn-delete:active{background:url(/assets/images/april/icon-delete.png) center no-repeat transparent!important;background-size:18px 19px!important;opacity:.9}
