/*
* @Author: omtech.cn
* @Date:   2019-04-03 17:57:42
 * @Last Modified by: Doris.LeeLee
 * @Last Modified time: 2020-06-16 11:39:333
*/
@charset "utf-8";

/* list-section */
.list-section {
    overflow: hidden;
    background-color: #fff;
}

/* list-banner */
.list-banner img { width: 100%; }

/* list-introduct */
.list-introduct {
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #878787;
    background-color: #fff;
}

/* list-nav */
.list-nav {
    overflow: hidden;
    padding: 1rem 0;
    background-color: #fff;
}
.list-nav li {
    float: left;
    width: 33.33%;
    padding: .5rem;
    text-align: center;
}
.list-nav li a {
    display: block;
    overflow: hidden;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    color: #335175;
    border-radius: 5rem;
    background-color: #f4f4f4;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    word-break: break-all;
}
.list-nav li a.on,
.list-nav li a.active { color: #fd3832; }

.list-nav li.long {
	width: 66%;
}

/* list-content */
.list-content { min-height: 715px; }

/* news-head */
.news-head {
    position: relative;
    display: block;
    overflow: hidden;
    padding: .6rem 4rem .6rem 1rem;
    font-size: 1.3rem;
    line-height: 1.5;
    background-color: #f4f4f4;
}
.news-head h2 {
    float: left;
    font-weight: normal;
}
.news-head span {
    position: absolute;
    top: .6rem;
    right: 1rem;
    color: #335175;
}

/*news-list*/
.news-list { min-height: 5rem; }
.news-list li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 1.5rem 0 1.5rem 1.75rem;
}
.news-list li a:after {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: .1rem;
    content: '';
    background-color: #e2e2e2;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
}
.news-list li .image,
.news-list li img {
    position: relative;
    float: right;
    width: 15rem;
    height: 8.4rem;
    margin-left: 1rem;
}
.news-list li .image img {
    object-fit: cover;
}
.news-list li .image s {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 4rem;
    height: 4rem;
    background: url("../../../images/cando/10.0.0/list_video_tag.png") no-repeat left top;
    background-size: 100% auto;
}
.news-list li dl { overflow: hidden; }
.news-list li dt {
    margin-top: 1rem;
    display: -webkit-box;
    overflow: hidden;
    height: 2.6em;
    font-size: 1.7rem;
    /* font-weight: bold; */
    line-height: 1.3;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list li dd {
    overflow: hidden;
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #888;
}
.news-list li dd 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%;
}
.news-list li dd .video { background-position: 0 0; }
.news-list li dd .audio { background-position: -1em 0; }
.news-list li dd .atlas { background-position: -2em 0; }
.news-list li dd p {
    font-size: 1.2rem;
    line-height: 1.4;
}

/* list-content-category */
.list-content-category li:last-child a:after { height: 0; }

/* list-loading */
.list-loading {
    margin: 1.5rem 0;
    font-size: 1.3rem;
    text-align: center;
}
.list-loading .text { color: #888; }
.list-loading .text i {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: hidden;
    margin-right: .5rem;
    vertical-align: middle;
    background: url('../../../images/cando/10.0.0/loading_icon.png') no-repeat;
    background-size: 100% auto;
    -webkit-animation: rotate 1.5s infinite linear;
            animation: rotate 1.5s infinite linear;
}
.list-loading .more { display: none; }
.list-loading .more a {
    position: relative;
    display: block;
    padding-bottom: .8rem;
    color: #008ce9;
}
.list-loading .more a:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    margin-left: -.4rem;
    content: '';
    border: .1rem solid #008ce9;
    border-top: transparent;
    border-left: transparent;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.list-loading .more a:active {
    color: #06a;
    background-color: #fff;
}
.list-loading .more a:active:after { border-color: #06a; }

/* 20201022 新增区列表页块链标识 */
/* <i class="certificate"></i> */
i.certificate {
    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%;
    margin-bottom: -.4rem;
    margin-right: .5rem;
}