.april_social-detail .contentBox{width:calc(100% - 540px);display:inline-block;vertical-align:top}.april_social-detail .contentBox .movie{position:relative}.april_social-detail .contentBox .info{padding:17px 0 0;position:relative;height:187px}.april_social-detail .contentBox .info span{display:inline-block;color:#fd856d;margin-right:5px;font-size:1.2em;font-weight:600}.april_social-detail .contentBox .info em{color:#888;font-size:1.2em;font-weight:400;letter-spacing:-.02em}.april_social-detail .contentBox .info h3{width:100%;height:28px;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april_social-detail .contentBox .info .std{margin:15px 0 10px;height:36px}.april_social-detail .contentBox .info .std button{display:inline-block;text-align:center;vertical-align:top;width:44px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px}.april_social-detail .contentBox .info .std button img{width:36px;height:36px;border-radius:50%}.april_social-detail .contentBox .info .std button em{position:absolute;display:inline-block}.april_social-detail .contentBox .info .std button .user-level1{width:38px;height:38px;left:3px;top:-1px}.april_social-detail .contentBox .info .std button .user-level2{width:38px;height:41px;left:3px;top:-4px}.april_social-detail .contentBox .info .std button .user-level3{width:40px;height:42px;left:2px;top:-4px}.april_social-detail .contentBox .info .std button .user-level4{width:42px;height:48px;left:1px;top:-7px}.april_social-detail .contentBox .info .std button .user-level5{width:42px;height:47px;left:1px;top:-7px}.april_social-detail .contentBox .info .std button div{height:12px;text-align:center}.april_social-detail .contentBox .info .std button div em{position:relative;display:inline-block;width:11px;height:11px;margin:0;border-radius:0}.april_social-detail .contentBox .info .std button:first-child{margin-left:-5px}.april_social-detail .contentBox .info .std span{display:inline-block;margin-left:6px;color:#333}.april_social-detail .contentBox .info .teacher{position:absolute;right:0;top:82px;padding-right:38px;text-align:right}.april_social-detail .contentBox .info .teacher img{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.april_social-detail .contentBox .info .teacher .name{display:block;color:#333;line-height:1.4em;font-weight:400;letter-spacing:-.02em}.april_social-detail .contentBox .info .teacher .branch{display:block;color:#999;font-size:.9em;line-height:1em;font-weight:400}.april_social-detail .contentBox .info .cummunity{margin-top:30px;position:relative}.april_social-detail .contentBox .info .cummunity div{display:inline-block;vertical-align:middle}.april_social-detail .contentBox .info .cummunity .buff-content button{background-color:transparent;border:0;padding:0}.april_social-detail .contentBox .info .cummunity .buff-content button:hover,.april_social-detail .contentBox .info .cummunity .buff-content button:active{background-color:transparent!important;opacity:1!important}.april_social-detail .contentBox .info .cummunity .buff-content button span{display:flex;align-items:center}.april_social-detail .contentBox .info .cummunity .buff-content .buff-on{vertical-align:middle;font-weight:500;color:#ff583d}.april_social-detail .contentBox .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-detail .contentBox .info .cummunity .buff-content .buff-off{font-weight:500;vertical-align:middle;color:#333}.april_social-detail .contentBox .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-detail .contentBox .info .cummunity .buff-content .ic-buff{display:inline-block;vertical-align:middle;margin-right:8px}.april_social-detail .contentBox .info .cummunity .big{display:inline-block;vertical-align:middle;margin-right:15px}.april_social-detail .contentBox .info .cummunity .big .buff-content span{font-size:1.3rem}.april_social-detail .contentBox .info .cummunity .big .buff-content .ic-buff{width:24px;height:40px;position:relative;top:-3px}.april_social-detail .contentBox .info .cummunity .small{margin-right:15px}.april_social-detail .contentBox .info .cummunity .small .buff-content span{font-size:1.1em}.april_social-detail .contentBox .info .cummunity .small .buff-content .ic-buff{width:18px;height:30px;background-size:18px 30px;position:relative;top:-2px}.april_social-detail .contentBox .info .cummunity .ml-auto{margin-right:15px}.april_social-detail .contentBox .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-detail .contentBox .info .cummunity button.btn-delete:hover,.april_social-detail .contentBox .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_social-detail .contentBox .info .cummunity .views{position:absolute;right:0;bottom:5px;font-size:1.2em;color:#333}.april_social-detail .contentBox .info .cummunity .views em{color:#333;font-size:.9em;display:inline-block;padding-right:10px}.april_social-detail .replyBox{width:510px;display:inline-block;margin-left:30px;vertical-align:top}.april_social-detail .replyBox .insertArea .pic{vertical-align:middle;display:inline-block;margin-right:5px}.april_social-detail .replyBox .insertArea .pic button{width:55px;height:55px}.april_social-detail .replyBox .insertArea .pic img{width:55px;height:55px;border-radius:50%}.april_social-detail .replyBox .insertArea .select-box-common{position:relative}.april_social-detail .replyBox .insertArea .select-box-common .custom-select{width:363px;background:url(/assets/images/april/select_arrow.png) no-repeat left 12px center;padding:.375rem 1rem .375rem 40px}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn{position:absolute;top:14.5px;right:100px;background-color:transparent;border:0px;padding:0 0 10px}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn:hover,.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn:active{background-color:transparent!important}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn.selected em{background:url(/assets/images/ic_emoticon_btn_on.png) no-repeat center}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn em{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_emoticon_btn_off.png) no-repeat center}.april_social-detail .replyBox .insertArea .btnBlue{width:80px;height:52px;margin-left:5px}.april_social-detail .replyBox .insertArea .btnBlue.disabled{cursor:default;opacity:.5}.april_social-detail .replyBox .select-emotions{padding-left:60px;padding-bottom:20px;align-items:center}.april_social-detail .replyBox .select-emotions .emotions-gray-box{display:flex;align-items:center;width:120px;padding:1px 10px;border-radius:5px;background-color:#bfbfbf;text-align:left}.april_social-detail .replyBox .select-emotions .emotions-gray-box img{width:62px;height:62px}.april_social-detail .replyBox .select-emotions .emotions-gray-box .close-emotions-btn{background-color:transparent;padding:5px;border:0;width:34px;height:34px}.april_social-detail .replyBox .select-emotions .emotions-gray-box .close-emotions-btn em{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_close.png) no-repeat center}.april_social-detail .replyBox .comment-count{margin-top:30px;margin-bottom:5px;position:relative}.april_social-detail .replyBox .comment-count p{display:inline-block;margin-left:10px;font-size:1.3em;font-weight:500;color:#333;background:url(/assets/images/april/icon_comment.png) left center no-repeat;background-size:20px 20px;padding-left:30px}.april_social-detail .replyBox .comment-count .btn.disabled,.april_social-detail .replyBox .comment-count .btn:disabled{opacity:1}.april_social-detail .replyBox .comment-count .refresh-btn{position:absolute;right:5px;top:3px;width:20px;height:20px;padding:0;border:0;background-color:transparent}.april_social-detail .replyBox .comment-count .refresh-btn em{display:inline-block;width:20px;height:20px;background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}.april_social-detail .replyBox .comment-count .refresh-btn:hover em,.april_social-detail .replyBox .comment-count .refresh-btn:active em{background:url(/assets/images/april/ic_comment_refresh_on.png) no-repeat center;background-size:100%}.april_social-detail .replyBox .comment-count .refresh-btn .disabled em,.april_social-detail .replyBox .comment-count .refresh-btn:disabled em{background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat center;background-size:100%}.april_social-detail .replyBox .commentList{height:550px;overflow-y:scroll;background-color:#f7f7f7}.april_social-detail .replyBox .list-group .list-group-item{padding:20px 15px;border:0px;border-bottom:1px solid #e4e4e4;background-color:transparent;position:relative}.april_social-detail .replyBox .list-group .list-group-item img{margin-left:70px}.april_social-detail .replyBox .list-group .list-group-item span{display:inline-block;vertical-align:middle;font-size:1.12em}.april_social-detail .replyBox .list-group .list-group-item .pic{width:75px}.april_social-detail .replyBox .list-group .list-group-item .pic .btn{padding:0}.april_social-detail .replyBox .list-group .list-group-item .pic button{display:inline-block;text-align:center;width:55px;border:0px;outline:0px;opacity:1!important;background-color:transparent!important;padding:0;position:relative}.april_social-detail .replyBox .list-group .list-group-item .pic button img{width:55px;height:55px;border-radius:50%;margin-left:0}.april_social-detail .replyBox .list-group .list-group-item .pic button em{position:absolute;display:inline-block}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level1{width:57px;height:57px;left:-1px;top:-1px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level2{width:57px;height:62px;left:-1px;top:-5px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level3{width:59px;height:62px;left:-3px;top:-5px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level4{width:64px;height:73px;left:-5px;top:-10px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level5{width:67px;height:75px;left:-6px;top:-10px}.april_social-detail .replyBox .list-group .list-group-item .pic button div{height:12px;text-align:center}.april_social-detail .replyBox .list-group .list-group-item .pic button div em{position:relative;display:inline-block;width:11px;height:11px;margin:0 1px;border-radius:0}.april_social-detail .replyBox .list-group .list-group-item .comment{width:250px}.april_social-detail .replyBox .list-group .list-group-item .time{width:110px;color:#919191;text-align:right}.april_social-detail .replyBox .list-group .list-group-item button.delete{border:0px;width:20px;height:22px;position:absolute;right:10px;top:36px;background:url(/assets/images/april/icon_commentDelete.png) center no-repeat transparent;background-size:100%}.april_social-detail .replyBox .list-group .viewMore{padding-bottom:20px}.april_social-detail .replyBox .list-group .viewMore .btn-primary{font-size:1em;height:45px}.april_social-detail .replyBox .commentList.has-emoticon{height:466px}.april_social-detail.modal-content{border:0px;padding:15px;display:block}.plyr audio,.plyr video{width:100%;height:480px}.plyr:fullscreen video{height:100%!important}