/*
* @Author: omtech.cn
* @Date:   2019-04-03 17:57:42
* @Last Modified by:   Administrator
* @Last Modified time: 2021-07-05 11:01:34
*/
@charset "utf-8";

/* show-section */
#J_comment_box {
    display: none;
}
.show-section {
    margin-top: 1rem;
    overflow: hidden;
    background-color: #fff;
}
.section-title { margin: 0 1.5rem; }
.section-title h2 {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 1.5rem .5rem;
    font-size: 1.5rem;
    font-weight: normal;
}
.section-title h2:after { background-color: #e64a46; }

/* 新增居中标题 20200220 */
/* 居中标题 */
.section-title-center {
    margin-top: 1rem;
    text-align: center;
}
.section-title-center.bb:after {
    bottom: 50%;
    left: 35%;
    right: 35%;
    background-color: #dc4712;
    -webkit-transform: scaleY(1);
}
.section-title-center h2 {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    text-align: center;
}
.section-title-center h2.bb:after { display: none; }

 /* show-quality */
.show-quality {
    position: relative;
    display: none;
    line-height: 2.2;
}
.quality-tips {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    display: none;
    color: #888;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.quality-tips .type { color: #55cbfc; }
.quality-switch {
    position: relative;
    padding: 1rem 0;
    color: #55cbfc;
    text-align: right;
}
.quality-switch-wrap { display: inline-block; }
.quality-switch-btn {
    position: relative;
    display: inline-block;
    padding: 0 2.5rem 0 1rem;
    color: #55cbfc;
    border-radius: .5rem;
    background-color: #fff;
}
.quality-switch-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    content: "";
    border: .1rem solid #55cbfc;
    border-radius: .5rem;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
}
.quality-switch-btn:after {
    position: absolute;
    top: 50%;
    right: .8rem;
    width: 0;
    height: 0;
    margin-top: -.25rem;
    content: "";
    border-top: .5rem solid #55cbfc;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    border-left: .5rem solid transparent;
    -webkit-transition: 500ms;
            transition: 500ms;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: .5rem .2rem;
}
.quality-switch-btn.up:after {
    position: absolute;
    content: "";
    background-size: .5rem auto;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.quality-switch-menu {
    position: absolute;
    top: 3.5rem;
    right: -.1rem;
    z-index: 2;
    display: none;
    width: 5.5rem;
    text-align: center;
    background: url("../../../images/cando/10.0.0/video_quality_menu.png") no-repeat center;
    background-size: 100% 100%;
}
.quality-switch-menu ul { margin-top: .6rem; }
.quality-switch-menu li { padding: 0 .8rem }
.quality-switch-menu li a {
    display: block;
    padding: .4rem 0;
    color: #222;
    border-bottom: .1rem solid #f4f4f4;
}
.quality-switch-menu li:last-child a { border-bottom: none; }
.quality-switch-menu li.selected,
.quality-switch-menu li.selected a { color: #55cbfc; }

/* show-like */
.show-like {
    margin-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}
.show-like-btn {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 12.6rem;
    padding-left: 5.25rem;
    padding-right: 2.25rem;
    height: 4.5rem;
    padding-top: 0;
    color: #3d5070;
    border-radius: 2.25rem;
    background-color: #fff000;
}
.show-like-btn:before {
    position: absolute;
    top: 1.35rem;
    left: 2.25rem;
    width: 2rem;
    height: 1.8rem;
    content: "";
    background: url("../../../images/cando/10.0.0/show_like.png") no-repeat;
    background-size: 100% auto;
}
.show-like-btn.on:before { background-position: bottom; }
.show-like-btn.active { background-color: #e9db00; }
.show-like-btn i {
    position: absolute;
    left: 60%;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    color: #e64a46;
    -webkit-transition: 1000ms;
            transition: 1000ms;
}
.show-like-btn .add { top: 50%; }
.show-like-btn .less { top: -50%; }
.show-like-btn span {
    display: inline-block;
    height: 100%;
    font-size: 1.2rem;
    line-height: 4.5rem;
}
.show-like-count {
    color: #3d5070;
    font-size: 1.2rem;
    font-weight: normal;
}


/* 新增广告 20200129 */
.show-adv { padding: 1rem; }
.show-adv img { width: 100%; }


/* 新增关联主体 20200224 */
.show-subject .wrap {
    display: block;
    padding: 2rem 1.5rem;
}
.show-subject .box {
    position: relative;
    height: 5rem;
    padding-right: 1.5rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RDdDRTk1MTlGMDgxMUU5QUMyNUZENjgyOTJDQTcyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RDdDRTk1MjlGMDgxMUU5QUMyNUZENjgyOTJDQTcyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhEN0NFOTRGOUYwODExRTlBQzI1RkQ2ODI5MkNBNzIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhEN0NFOTUwOUYwODExRTlBQzI1RkQ2ODI5MkNBNzIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fOOubAAAAY1JREFUeNpi/P//PwM54HGSxhYgZQnE8XLzb24hxwwmBvKBLRALAfG6R4nqfvS2PBCIvwMxKxCvIccBZFsODOp9QMoHzQEh9PI5sgO+QB2wEuiAaGL1M5Kb4BgZGeFsoIXmQGoXEPMB8T8gjgM6bClNfY4UAieBlBsQf4KauQjooFi6WI7HAZl0sRzJATZA/AYqNA2fA6hqOdQBl4GUEzEOoLrleBxQQRfLkRwAKgWfQoXa0R1AM8uhDrgBpBxwOYCmlkMdcAeLA5qpVsgQA4AWKgOpnUCsDBVqppvlUAeAQmA/lPuT5sGOZLEKkFqCJFTHREeLDwCxNFSoEpgWupjoYLEukDqIZnEHiMFCB4tB1a4IVKgYaHEfTJ6FjhZnAS2eTvNCBmixMSGLaeJzLA0LkMUzsallobHFeFs0TFS02JLUphQTlSwGVZ97SW3DsVDJYlCPhROIfwNxCNDiTTRvOlNiMUWWAy32BVLbybWY0mAHxSkbtMcSALR4Fz37aqAE9gLUYyHHYhAACDAAyKiudQfyxYQAAAAASUVORK5CYII=") no-repeat right center;
    background-size: 1.5rem auto;
}
.show-subject .logo {
    position: relative;
    float: left;
    width: 5rem;
    height: 5rem;
    overflow: hidden;
}
.show-subject .logo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    content: "";
    border: .1rem solid #bbb;
    border-radius: 50%;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.show-subject .logo.default:after {
    display: none;
}
.show-subject .logo img,
.show-subject .logo span {
    display: block;
    width: 100%;
    height: 100%;
}
.show-subject .logo img {
    border-radius: 50%;
    object-fit: cover;
}

.show-subject .logo span {
    background: url("../../../images/cando/10.0.0/logo.png") no-repeat center;
    background-size: auto 100%;
}
.show-subject .text {
    position: absolute;
    top: 50%;
    right: 3rem;
    left: 6.5rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.show-subject .title {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #393e46;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.show-subject .note,
.show-subject .desc {
    font-size: 1.4rem;
    color: #909ba8;
    overflow: hidden;
}
.show-subject .note {
    margin-top: .5rem;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.show-subject .desc {
    margin-top: 1rem;
    line-height: 1.4;
}

.show-subject-government,
.show-subject-program {
    position: relative;
    padding-bottom: .5rem;
    background-color: #f4f4f4;
}
.show-subject-government .wrap,
.show-subject-program .wrap {
    background-color: #fff;
}
.show-subject-government .wrap.active,
.show-subject-program .wrap.active {
    background-color: rgba(0, 0, 0, .1);
}

.show-subject-program .wrap {
    padding: 1.5rem;
}
.show-subject-program .logo {
    width: 9.25rem;
    height: 5rem;
}
.show-subject-program .logo:after {
    border-radius: 3rem;
}
.show-subject-program .logo img,
.show-subject-program .logo span {
    border-radius: 1.5rem;
}
.show-subject-program .logo span {
    background-color: #ff570c;
}
.show-subject-program .text {
    left: 10.75rem;
}


/* related-list */
.related-list li { position: relative; }
.related-list li:after {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    content: "";
    height: .1rem;
    background-color: #e2e2e2;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
}
.related-list li:last-child:after { height: 0; }
.related-list li a {
    display: block;
    max-height: 100%;
    overflow: hidden;
    padding: 1.5rem 0 1.5rem 1.75rem;
}
.related-list li img {
    float: right;
    width: 15rem;
    height: 8.4rem;
    margin-left: 1rem;
}
.related-list li h4 {
    margin-top: 1rem;
    display: -webkit-box;
    overflow: hidden;
    height: 2.6em;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.3;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.related-list li .info {
    overflow: hidden;
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #888;
}
.related-list li i {
    display: inline-block;
    float: left;
    width: 1em;
    height: 1em;
    margin-right: .5rem;
    background: url("../../../images/cando/10.0.0/list_showtype.png") no-repeat;
    background-size: auto 100%;
}
.related-list li .video { background-position: 0 0; }
.related-list li .audio { background-position: -1em 0; }
.related-list li .atlas { background-position: -2em 0; }
.related-list li p {
    font-size: 1.2rem;
    line-height: 1.4;
}
.related-list li span { margin-right: .5rem; }

/* video-list */
.video-list-title h2 { padding-left: 2.3rem; }
.video-list-title h2:before {
    position: absolute;
    top: 48%;
    left: .5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: url("../../../images/cando/10.0.0/series_title.png") no-repeat;
    background-size: auto 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.video-list {
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}
.video-list li {
    float: left;
    width: 50%;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
}
.video-list li .box {
    position: relative;
    display: block;
    height: 0;
    padding-top: 56.25%;
}
.video-list li .box:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../../../images/cando/10.0.0/video_bg.png") no-repeat center 40% rgba(0,0,0,.4);
    background-size: 15% auto;
}
.video-list li.on .box:after { border: .2rem solid #ff0; }
.video-list li .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.video-list li .title {
    display: -webkit-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 2em;
    overflow: hidden;
    padding: 0 1rem;
    line-height: 2;
    color: #fff;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* 新增 关注按钮 20170920  */
.article-info-attention {
    position: relative;
    float: right;
    width: 4.5rem;
    height: 2rem;
    margin-top: -.1rem;
    margin-left: 1rem;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
}
.article-info-attention span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.article-info-attention.on { background-color: #dc4712; }
.article-info-attention.off { background-color: rgba(255,255,255,.4); }


/* 修改 20180710 */
/* 评论列表 */
.comment-list { margin: 0 0 0 1.5rem; }
.comment-list li {
    position: relative;
    padding: 1.5rem 0;
    overflow: hidden;
}
.comment-list li:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 4.2rem;
    height: .1rem;
    content: "";
    background-color: #e5e5e5;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.comment-list .avatar,
.comment-list .avatar img {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
}
.comment-list .avatar {
    float: left;
    margin-right: 1rem;
    background: url("../../../images/cando/10.0.0/comment_avatar.png") no-repeat center;
    background-size: auto 50%;
    background-color: #eee;
}
.comment-list .cont {
    overflow: hidden;
    padding-right: 1.5rem;
}
.comment-list header {
    margin-top: .2rem;
    line-height: 1.2;
}
.comment-list header span {
    display: block;
    font-size: 1.4rem;
    color: #1171d7;
    overflow: hidden;
}
.comment-list header a {
    font-size: 1.1rem;
    color: #999;
}
.comment-list .like {
    position: relative;
    float: right;
    margin-left: 1rem;
    padding-left: 0rem;
    padding-right: 1.8rem;
    font-family: Arial;
    line-height: 1.2;
}
.comment-list .like:before {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -.8rem;
    content: "";
    background: url("../../../images/cando/10.0.0/comment_like_1.png") no-repeat;
    background-size: 100% auto;
}
.comment-list .like.on:before { background-position: bottom; }
.comment-list .like:after { display: none; }
.comment-list section {
    display: block;
    margin: .5rem 0 0 0;
    padding: .2rem 0;
    font-size: 1rem;
    color: #999;
}
.comment-list section span {
    display: inline-block;
    position: relative;
    margin-right: 1.5rem;
    margin-bottom: .5rem;
    padding: .2rem 2rem .2rem 0;
    border-radius: 0;
    background-color: #fff;
}
.comment-list section span.icon-source:after {
    position: absolute;
    top: -.3rem;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    background-image: url("../../../images/cando/10.0.0/icon-source.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.comment-list section span.icon-source-wx:after { background-position: top center; }
.comment-list section span.icon-source-cd:after { background-position: bottom center;}
.comment-list time {
    margin-right: 1.5rem;
    padding: .2rem 0;
}
.comment-list .reply {
    position: relative;
    display: inline-block;
    padding: .35rem 0 .3rem;
    width: 4.4rem;
    color: #999;
    border-radius: .8rem;
    text-align: center;
}
.comment-list .reply:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    content: "";
    border: 1px solid #ccc;
    border-radius: 1.6rem;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-list .reply.active {
    color: #dc4712;
    background: none;
}
.comment-list .reply.active:after { border-color: #dc4712; }
.comment-list .n_con {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
}
.comment-list .n_con .content {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: .8rem;
    background-color: #f4f8fa;
}
.comment-list .n_con > .content {
    margin: 1rem 0;
    padding: 1rem 1rem .8rem;
    overflow: hidden;
}
.comment-list .n_con .content:after {
    position: absolute;
    right: -.5rem;
    bottom: 0;
    left: -.5rem;
    height: .1rem;
    content: "";
    background-color: #dfebf1;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.comment-list .n_con > .content:after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 200%;
    height: 200%;
    pointer-events: none;
    content: "";
    border: .1rem solid #dfebf1;
    background: none;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-list .n_con .content span {
    display: block;
    margin-top: .2rem;
    margin-bottom: .3rem;
    font-size: 1rem;
    line-height: 1.2;
    color: #1171d7;
}
.comment-list .n_con .content i { float: right; }
.comment-list .n_con .content pre { white-space: pre-wrap; }
.comment-list .n_con > span {
    position: absolute;
    top: -.4rem;
    left: 1.4rem;
    z-index: 2;
    width: .8rem;
    height: .8rem;
    background-color: #f4f8fa;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.comment-list .n_con > span:before,
.comment-list .n_con > span:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #dfebf1;
}
.comment-list .n_con > span:before {
    top: 0;
    bottom: 0;
    left: 0;
    width: .1rem;
    -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-list .n_con > span:after {
    top: 0;
    right: 0;
    left: 0;
    height: .1rem;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-list .n_con .content .source-line {
    display: block;
    margin-bottom: .3rem;
    padding: 0;
    font-size: 1rem;
    color: #999;
}
.comment-list .n_con .content .source-line span {
    display: inline-block;
    position: relative;
    margin: 0;
    margin-right: 1.5rem;
    padding: .2rem 2rem .2rem 0;
    line-height: 1;
    border-radius: 0;
    background-color: transparent;
    color: #999;
}
.comment-list .n_con .content .source-line span:after {
    position: absolute;
    top: -.3rem;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    color: #999;
    content: "";
    background-image: url("../../../images/cando/10.0.0/icon-source.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.comment-list .n_con .content .source-line span.icon-source-wx:after { background-position: top center; }
.comment-list .n_con .content .source-line span.icon-source-cd:after { background-position: bottom center; }
.comment-list .n_con .content .source-line time {
    margin-right: 1.5rem;
    padding: .2rem 0;
}
/* 评论列表-音频 */
.comment-list .n_con .audio {
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    padding: .8rem 2rem .8rem 5rem;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    border-radius: 5rem;
    background-color: #53cbfd;
}
.comment-list .n_con .audio:before {
    position: absolute;
    top: -.6rem;
    left: .6rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: url("../../../images/cando/10.0.0/comment_audio_bg.png") no-repeat left;
    background-size: auto 100%;
}
.comment-list .n_con .audio.active,
.comment-list .n_con .audio.on { background-color: #00b4ff; }
.comment-list .n_con .audio.active:before,
.comment-list .n_con .audio.on:before { background-position: right; }
.comment-list .n_con .audio i {
    position: absolute;
    top: 50%;
    left: 2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../../../images/cando/10.0.0/comment_audio_icon3.png") no-repeat;
    background-size: auto 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.comment-list .n_con .audio.on i {
    -webkit-animation: audioplay 1s linear infinite;
            animation: audioplay 1s linear infinite;
}
@-webkit-keyframes audioplay {
    0%  { background-image: url("../../../images/cando/10.0.0/comment_audio_icon1.png"); }
    33% { background-image: url("../../../images/cando/10.0.0/comment_audio_icon2.png"); }
    66% { background-image: url("../../../images/cando/10.0.0/comment_audio_icon3.png"); }
}
@keyframes audioplay {
    0%  { background-image: url("../../../images/cando/10.0.0/comment_audio_icon1.png"); }
    33% { background-image: url("../../../images/cando/10.0.0/comment_audio_icon2.png"); }
    66% { background-image: url("../../../images/cando/10.0.0/comment_audio_icon3.png"); }
}
/* 评论列表-视频 */
.comment-list .n_con .video {
    position: relative;
    display: inline-block;
    margin-top: .5rem;
    max-width: 60%;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
}
.comment-list .n_con .video i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 20%;
    height: 0;
    padding-top: 20%;
    line-height: 1;
    background: url("../../../images/cando/10.0.0/video_bg.png") no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.comment-list .n_con .video img {
    max-width: 100%;
    height: auto;
}
.comment-list .n_con .content .video {
    margin-top: 0;
    width: 15%;
    height: 0;
    padding-top: 15%;
}
.comment-list .n_con .content .video i {
    padding-top: 65%;
    width: 65%;
}
.comment-list .n_con .content .video-tips {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: .5rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #53cbfd;
    white-space: nowrap;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.comment-list .n_con .content img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
/* 评论列表-加载更多 */
.comment-more,
.comment-noinfo {
    margin: 2rem 1rem;
    font-size: 1.4rem;
    color: #888;
}
.comment-more { text-align: center; }
.comment-more a {
    position: relative;
    display: inline-block;
    padding-right: 1.5rem;
    color: #E64A46;
}
.comment-more a.on { padding-right: 0; }
.comment-more a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: .7rem;
    height: 1.4rem;
    content: "";
    background: url("../../../images/cando/10.0.0/icon_more.png") no-repeat 0 0;
    background-size: 100%;
}
.comment-more a.on:after { display: none; }
.comment-more a.active {
    color: #e4100b;
    background: none;
}
.comment-noinfo p { text-align: center; }

/* 评论输入框展示 */
.comment-input-show {
    position: fixed;
    bottom: 0;
    z-index: 20;
    background-color: #fff;
}
.comment-input-show:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .1rem;
    content: "";
    background-color: #dbdbdb;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-input-show .wrap {
    position: relative;
    margin: .8rem 1rem;
}
.comment-input-show .inner {
    position: relative;
    padding: .7rem 1.2rem .7rem 3rem;
    font-size: 1.4rem;
    color: #888;
    border-radius: 5rem;
    background-color: #eee;
    flex: 1;
    -webkit-box-flex: 1;
}
.comment-input-show .inner:after {
    position: absolute;
    left: 1rem;
    top: 50%;
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -.7rem;
    background: url("../../../images/cando/10.0.0/comment_input.png") no-repeat center;
    background-size: auto 100%;
}

/* 评论输入框提交 */
.comment-input-submit {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 60;
    display: none;
    /* display: block; */
    background-color: #f0f0f0;
}
.comment-input-submit .head {
    position: relative;
    height: 4.5rem;
    font-size: 1.6rem;
    line-height: 4.5rem;
    text-align: center;
    background-color: #fff;
}
.comment-input-submit .head:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .1rem;
    content: "";
    background-color: #dbdbdb;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.comment-input-submit .head h2 {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: normal;
}
.comment-input-submit .head a { padding: 0 1.5rem; }
.comment-input-submit .head .channel {
    float: left;
    color: #1171d5;
}
.comment-input-submit .head .channel.active { color: #666; }
.comment-input-submit .head .submit {
    float: right;
    color: #ff6565;
}
.comment-input-submit .head .submit.active { color: #e22d1e; }
.comment-input-submit .cont {
    padding: 1.5rem;
    background-color: #fafafa;
}
.comment-input-submit .cont textarea {
    width: 100%;
    height: 15rem;
    font-size: 1.6rem;
    line-height: 1.5;
    border: none;
    background: none;
}

/* 评论加载中 */
.show-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
}
.show-loading .line,
.show-loading .line .cur { height: .25rem; }
.show-loading .line { background-color: #dbdbdb; }
.show-loading .line .cur {
    width: 0;
    background-color: #e64a46;
    -webkit-transition: 100ms;
            transition: 100ms;
}
.show-loading .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.show-loading .icon {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    background: url("../../../images/cando/10.0.0/loading_icon.png") no-repeat center;
    background-size: 100% auto;
    -webkit-animation: rotate 1.2s infinite linear;
            animation: rotate 1.2s infinite linear;
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
    from { transform: rotate(0); }
    to { transform: rotate(360deg); }
}
.show-loading .logo {
    width: 12rem;
    height: 5rem;
    margin-top: 2rem;
    opacity: .5;
    background: url("../../../images/cando/10.0.0/loading_logo.png?t=202006161827") no-repeat center;
    background-size: 100% auto;
}


/* 点赞限制 */
.show-like-nolimit {
    display: none;
    margin-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}
.show-like-nolimit-wrapper {
    position: relative;
    z-index: 2;
    display: inline-block;
}
.show-like-nolimit-btn {
    position: relative;
    display: inline-block;
    padding-top: 0;
    padding-left: 6.3rem;
    padding-right: 3.6rem;
    width: auto;
    min-width: 12.6rem;
    height: 4.4rem;
    color: #333;
    border-radius: 2.2rem;
    border: .1rem solid #eee;
    background-color: #fff;
}
.show-like-nolimit-btn.on { border: .1rem solid #E64A47; }
.show-like-nolimit-btn:before {
    position: absolute;
    top: 1.1rem;
    left: 3.8rem;
    width: 2rem;
    height: 1.8rem;
    content: "";
    background: url("../../../images/cando/10.0.0/show_like_nolimit.png") no-repeat;
    background-size: 100% auto;
}
.show-like-nolimit-btn.on:before { background-position: bottom; }
.show-like-nolimit-btn span .show-like-nolimit-count {
    display: inline-block;
    height: 100%;
    line-height: 4.2rem;
    font-size: 1.6rem;
    font-weight: normal;
    color: #333;
}
.show-like-nolimit-btn.on span .show-like-nolimit-count,
.show-like-nolimit-btn.active span .show-like-nolimit-count { color: #E64A47; }
.show-like-nolimit-wrapper .add {
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    margin-left: -1.6rem;
    color: #f55c5b;
    pointer-events: none;
    border-radius: 50%;
    background: url("../../../images/cando/10.0.0/show_like_zan.png") no-repeat center;
    background-color: #f55c5b;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
}
.show-like-nolimit-wrapper .add .num {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: .5rem;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.show-like-nolimit-wrapper .add .num b {
    line-height: 1;
    font-size: 1.2rem;
    vertical-align: middle;
}
.show-like-nolimit-wrapper .add-red {
    color: #F55C5B;
    background-color: #F55C5B;
}
.show-like-nolimit-wrapper .add-blue {
    color: #2cc5f5;
    background-color: #2cc5f5;
}
.show-like-nolimit-wrapper .add-yellow {
    color: #f5b82c;
    background-color: #f5b82c;
}
.show-like-nolimit-wrapper .add-move1 {
    -webkit-animation: addMove1 2s linear infinite;
            animation: addMove1 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move2 {
    -webkit-animation: addMove2 2s linear infinite;
            animation: addMove2 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move3 {
    -webkit-animation: addMove3 2s linear infinite;
            animation: addMove3 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move4 {
    -webkit-animation: addMove4 2s linear infinite;
            animation: addMove4 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move5 {
    -webkit-animation: addMove5 2s linear infinite;
            animation: addMove5 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move6 {
    -webkit-animation: addMove6 2s linear infinite;
            animation: addMove6 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move7 {
    -webkit-animation: addMove7 2s linear infinite;
            animation: addMove7 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move8 {
    -webkit-animation: addMove8 2s linear infinite;
            animation: addMove8 2s linear infinite;
}
.show-like-nolimit-wrapper .add-move9 {
    -webkit-animation: addMove9 2s linear infinite;
            animation: addMove9 2s linear infinite;
}
@-webkit-keyframes addMove1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-10%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-20%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-30%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-40%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-50%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(-60%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(-70%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(-80%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(-90%,-900%);
    }
}
@keyframes addMove1 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(-10%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(-20%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(-30%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(-40%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(-50%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(-60%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(-70%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(-80%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-90%,-900%);
    }
}
@-webkit-keyframes addMove2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(10%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(20%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(30%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(40%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(50%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(60%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(70%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(80%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(90%,-900%);
    }
}
@keyframes addMove2 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(10%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(20%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(30%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(40%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(50%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(60%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(70%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(80%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(90%,-900%);
    }
}
@-webkit-keyframes addMove3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-18%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-36%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-54%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-72%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-90%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(-72%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(-54%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(-36%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(-18%,-900%);
    }
}
@keyframes addMove3 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(-18%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(-36%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(-54%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(-72%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(-90%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(-72%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(-54%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(-36%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-18%,-900%);
    }
}
@-webkit-keyframes addMove4 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-20%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-45%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-75%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-115%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-160%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(-210%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(-190%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(-170%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(-150%,-900%);
    }
}
@keyframes addMove4 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(-20%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(-45%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(-75%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(-115%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(-160%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(-210%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(-190%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(-170%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-150%,-900%);
    }
}
@-webkit-keyframes addMove5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-25%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(25%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(-25%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(0%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(25%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(-25%,-900%);
    }
}
@keyframes addMove5 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(-25%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(0%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(25%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(0%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(-25%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(0%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(25%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-25%,-900%);
    }
}
@-webkit-keyframes addMove6 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(25%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(50%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(75%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(100%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(125%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(100%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(75%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(50%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(25%,-900%);
    }
}
@keyframes addMove6 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(25%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(50%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(75%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(100%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(125%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(100%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(75%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(50%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(25%,-900%);
    }
}
@-webkit-keyframes addMove7 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(35%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(70%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(105%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(140%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(175%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(210%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(245%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(280%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(300%,-900%);
    }
}
@keyframes addMove7 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(35%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(70%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(105%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(140%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(175%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(210%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(245%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(280%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(300%,-900%);
    }
}
@-webkit-keyframes addMove8 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(0%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(0%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(0%,-900%);
    }
}
@keyframes addMove8 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(0%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(0%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(0%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(0%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(0%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(0%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(0%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(0%,-900%);
    }
}
@-webkit-keyframes addMove9 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        -webkit-transform: scale(1) translate(32%,-100%);
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translate(64%,-200%);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1) translate(86%,-300%);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1) translate(118%,-400%);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translate(86%,-500%);
    }
    70% {
        opacity: .75;
        -webkit-transform: scale(1) translate(64%,-600%);
    }
    80% {
        opacity: .5;
        -webkit-transform: scale(1) translate(32%,-700%);
    }
    90% {
        opacity: .25;
        -webkit-transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1) translate(-32%,-900%);
    }
}
@keyframes addMove9 {
    0% {
        opacity: 1;
        transform: scale(0) translate(0,0);
    }
    10% {
        opacity: 1;
        transform: scale(1) translate(0,0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translate(32%,-100%);
    }
    30% {
        opacity: 1;
        transform: scale(1) translate(64%,-200%);
    }
    40% {
        opacity: 1;
        transform: scale(1) translate(86%,-300%);
    }
    50% {
        opacity: 1;
        transform: scale(1) translate(118%,-400%);
    }
    60% {
        opacity: 1;
        transform: scale(1) translate(86%,-500%);
    }
    70% {
        opacity: .75;
        transform: scale(1) translate(64%,-600%);
    }
    80% {
        opacity: .5;
        transform: scale(1) translate(32%,-700%);
    }
    90% {
        opacity: .25;
        transform: scale(1) translate(0%,-800%);
    }
    100% {
        opacity: 0;
        transform: scale(1) translate(-32%,-900%);
    }
}

/* 20201022 新增区详情页块链标识 */
.show-certificate {
    margin: 1rem 0;
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 1.3rem;
}
.show-certificate.black {
    background-color: rgba(17, 17, 17, .5);
}
.show-certificate * {
    vertical-align: middle;
    padding: 0 1rem;
}
.show-certificate .show-cer-box i {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: url("../../../images/cando/10.0.0/icon_qkl.png") no-repeat center;
    background-size: auto 100%;
}
.show-cer-box {
    display: block;
    width: 100%;
    padding: 1em;
    color: #393e46;
}
.show-certificate.black .show-cer-box {
    color: #f7f7f7;
}
.show-certificate .show-cer-l {
    color: #dc4712;
    padding: 0 1.5rem;
}

/* 新增表情评论 */
.comment-emoji {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background: no-repeat center center;
    background-size: auto 100%;
    vertical-align: text-bottom;
}
.comment-list .n_con .content i.comment-emoji {
    float: none !important;
}
.comment-emoji-bx {
    width: 6.4rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/bx.png");
}
.comment-emoji-dz {
    width: 6.3rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/dz.png");
}
.comment-emoji-gz {
    width: 5rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/gz.png");
}
.comment-emoji-jx {
    width: 5rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/jx.png");
}
.comment-emoji-sk {
    width: 3.8rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/sk.png");
}
.comment-emoji-zf {
    width: 6.4rem;
    height: 5rem;
    background-image: url("../../../images/cando/10.0.0/comment/zf.png");
}


.J_cando_adv,
.J_cando_adv_txt {
    display: none;
}
.J_cando_adv_txt {
    text-align: center;
    padding: 2rem 0;
    font-size: 1.5rem;
    color: #999;
}