/*
* @Author: omtech.cn
* @Date:   2019-04-03 17:57:42
* @Last Modified by:   Jason
* @Last Modified time: 2019-07-08 16:40:14
*/
@charset "utf-8";

/* show-article */
.show-article { margin-top: 0; }
.article-title,
.article-info,
.article-audio,
.article-video,
.article-atlas,
.article-content,
.article-quality { margin: 0 5%; }
.article-title,
.article-audio,
.article-video,
.article-description,
.article-atlas { margin-top: 2rem; }
.article-title,
.article-description,
.article-content { text-align: justify; }
.article-title {
    font-size: 2.3rem;
    line-height: 1.4;
}
.article-info {
    margin-top: 1.5rem;
    line-height: 1.8;
    color: #888;
}
.article-info-comefrom { margin-left: .5rem; }
.article-info-fontsize {
    position: relative;
    float: right;
    padding: .3rem .8rem .3rem 1.8rem;
    line-height: 1;
    border-radius: 5rem;
}
.article-info-fontsize:before {
    position: absolute;
    left: .8rem;
    top: 50%;
    content: '';
    width: .8rem;
    height: .8rem;
    margin-top: -.4rem;
    background: url('../../../images/cando/10.0.0/article_fontsize.png') no-repeat;
    background-size: auto 100%;
}
.article-info-fontsize:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    content: '';
    border: .1rem solid #e2e2e2;
    border-radius: 5rem;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
}
.article-description {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1.8rem;
    color: #888;
}
.article-audio {
    position: relative;
    display: none;
    background: url('../../../images/cando/10.0.0/audio_box_bg.png') no-repeat;
    background-size: 100% 100%;
}
.article-audio:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    content: '';
    border: .1rem solid #dcdcdc;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}
.article-audio .audiojs .loading {
    position: static;
    top: auto;
    left: auto;
}
.article-video {
    position: relative;
    display: none;
    background-color: #000;
}
.article-video video {
    display: block;
    width: 100%;
    height: 100%;
	cursor: pointer;
}
.video-poster,
.video-player-h5,
.video-player-flash {
    width: 100%;
    height: 100%;
}
.video-player-flash {
    font-size: 16px;
    line-height: 384px;
}
.video-player-flash a { color: #fff; }
.video-player-flash object {
    display: block;
    line-height: 1;
}
.video-poster {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.video-poster:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url('../../../images/cando/10.0.0/video_bg.png') no-repeat center;
    background-color: rgba(0,0,0,.4);
    background-size: 4.2rem auto;
}
.article-description,
.article-atlas,
.article-content { line-height: 1.6; }
.article-atlas,
.article-content { font-size: 1.8rem; }
.article-atlas { text-align: center; }
.article-atlas p {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}
.article-atlas img,
.article-content img {
    display: inline-block;
    height: auto !important;
    vertical-align: middle;
}
.article-content h3 { font-size: 1.9rem; }
.article-content .text-gray { font-size: 1.5rem; }
.article-content,
.article-content h3,
.article-content p {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.article-content h3:first-child,
.article-content p:first-child { margin-top: 0; }
.article-content h3:last-child,
.article-content p:last-child { margin-bottom: 0; }
.article-content video {
    display: block;
    width: 100%;
    background-color: #000;
}
.article-content i,
.article-content em { font-style: italic; }


.article-show { overflow: hidden; }

.article-hide { position: relative; }
.article-hide .hide-mask {
    position: absolute;
    top: -7rem;
    display: none;
    width: 100%;
    height: 9rem;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), color-stop(28%, hsla(0, 0%, 98%, 0.9)), color-stop(49.1%, #f6f6f6), to(#fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #fff);
    background-image: -o-linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #fff);
    background-image: linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #fff);
}
.article-hide .hide-mask .arrow {
    position: relative;
    top: 3rem;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAASFBMVEUAAAD/////QED/KyvvISHyGhryICDxHBzyGhrxHR3wGxvuHBzvGxvuHBzvGxvuGxvvGhrvGxvuGxvuGxvuGxvuGhruGxvuGhqqC3r8AAAAF3RSTlMAAQQGHycoNjpHVlx9i42YnLHI4+bn8AC8ksUAAABpSURBVDjL7dJJEoAgDERRcJ5nzf1vqhZaSFIQ9qaXXW/5lfr1qqGgZ9bX5FvgKPGXb7AS2AGRl4ORQD1hebs5Vaz0OSz9zpUh95VhZyXnXsm7R+68MzLGGRlyNgrdtIlEIVG40kYhi90Jm04QCwhDbJQAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    -webkit-animation: arrow 0.4s infinite alternate;
            animation: arrow 0.4s infinite alternate;
}
@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translate3d(0, -30%, 0);
                transform: translate3d(0, -30%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 30%, 0);
                transform: translate3d(0, 30%, 0);
    }
}
@keyframes arrow {
    0% {
        -webkit-transform: translate3d(0, -30%, 0);
                transform: translate3d(0, -30%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 30%, 0);
                transform: translate3d(0, 30%, 0);
    }
}
.article-hide .hide-button {
    position: relative;
    z-index: 2;
    display: block;
    margin: 1.5rem;
    padding: .8rem;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    border-radius: .5rem;
    background-color: #dc4712;
}
.article-hide .hide-button.active { background-color: #ff520a; }

/* show-vote */
.vote-title {
    margin: 1.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
}
.vote-desc {
    margin: -.5rem 1.5rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #888;
}
.vote-options,
.vote-result { margin: 0 1.5rem 2rem; }
.vote-list li {
    position: relative;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #555;
}
.vote-options li { padding-left: 1.5em; }
.vote-options input { display: none; }
.vote-options label { display: block; }
.vote-options .radio,
.vote-options .checkbox {
    position: absolute;
    top: .1em;
    left: 0;
    width: 1em;
    height: 1em;
    border: .1rem solid #d3cfc8;
}
.vote-options .radio,
.vote-options .checkbox {
    background: url('../../../images/cando/10.0.0/vote_options.png') no-repeat;
    background-size: auto 100%;
}
.vote-options .radio.checked,
.vote-options .checkbox.checked {
    border: none;
    background-position: right;
    background-color: #00b875;
}
.vote-options .radio { border-radius: 50%; }
.vote-options .checkbox { border-radius: .3rem; }
.vote-options .button button {
    padding: .5rem 1.5rem;
    font-size: 1.6rem;
    color: #fff;
    border: none;
    border-radius: .5rem;
}
.vote-options .button .submit {
    margin-right: 1.2rem;
    background-color: #e64a46;
}
.vote-options .button .submit.active { background-color: #dd3732; }
.vote-options .view { background-color: #ffc105; }
.vote-options .view.active { background-color: #ffb505; }
.vote-options .count {
    float: right;
    line-height: 2.6;
    color: #666;
}
.show-vote .count b {
    margin: 0 .3rem;
    font-weight: normal;
    color: #e64a46;
}
.vote-result { display: none; }
.vote-result .proportion {
    position: relative;
    margin-top: .8rem;
    padding-right: 3.6em;
    font-size: 1.2rem;
    line-height: 1;
}
.vote-result .proportion .number {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.6em;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.vote-result .proportion .value,
.vote-result .proportion .value span {
    display: block;
    height: .8rem;
    border-radius: 1rem;
}
.vote-result .proportion .value { background-color: #e5e5e5; }
.vote-result .proportion .value span { background-color: #00b875; }
.vote-result .count {
    padding-top: 1rem;
    font-size: 1.4rem;
}

/* view-more */
.view-more {
    position: fixed;
    bottom: 0;
    z-index: 10;
    text-align: center;
    background-color: #fff;
}
.view-more:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    height: 1px;
    background-color: #dbdbdb;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.view-more a {
    display: block;
    padding: 12px 10px;
}
.view-more p {
    display: inline-block;
    font-size: 1.4rem;
    color: #e64a46;
}
.view-more i {
    float: left;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: middle;
    background: url('../../../images/cando/10.0.0/viewmore_icon.png') no-repeat bottom;
    background-size: 100% auto;
}
.view-more span {
    float: left;
    font-size: 1.2rem;
    line-height: 1.4;
}
.view-more a.active i { background-position: bottom; }