body, html {
    margin: 0;
    padding: 0;
    text-align: left;
    /* font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang,Arial,sans-serif; */
    /* font-family: "Source Han Serif SC"; */
    /* font-family: 'Noto Serif SC'; */
    /* font-family: Noto Serif CJK SC, Noto Serif CJK, Source Han Serif SC, Source Han Serif, source-han-serif-sc, serif, SimSun; */
    /* font-family: 'SimSun','����'; */
    font-family: 'PingFang SC', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: 400;
    overflow-x: hidden !important;
    overflow-y: auto;
    /* background-color: #f8f8f8; */
    word-break: normal;
    word-wrap: break-word;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    -ms-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a {
    text-decoration: none;
    color: #222222;
}

html {
    background: #EBF0F8;
}

body {
    position: relative;
    width: 7.5rem;
    margin: 0 auto;
    background: #FFFFFF;
}

/* flex布局 */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/*------------- 组图详情 -----------------*/

/* 头部 */

.pic-header {
    background: -webkit-linear-gradient(top, #000000, transparent) !important;
    position: fixed;
    z-index: 2;
    box-shadow: none;
    width: 7.5rem;
}

.pic-header .back::before, .pic-header .back::after  {
    content: '';
    display: none;
}

.list-news-box {
    padding: 0 0 0.5rem 0;
}

/* 组图轮播 */

.swiper-container-groupimg {
    position: relative;
    width: 7.5rem;
    height: 100vh;
    overflow: hidden;
    background: #333333;
}

.swiper-slide {
    text-align: center;
    align-items: center;
}

.swiper-slide img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.swiper-pagination {
    width: auto;
    color: #fff;
    right: 0;
    top: 0.4rem;
    text-align: right !important;
    height: 0.46rem;
    font-size: 0.46rem;
    font-family: arial;
    padding-right: 0.3rem;
}

.swiper-pagination-current {
    color: #dc1900;
    font-weight: 700;
}

.swiper-pagination-total {
    font-size: 0.34rem;
    font-weight: normal;
    color: #FFFFFF;
}

.swiper-slide .img_description .title {
    float: unset;
}

.img_description {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.4rem 0.3rem 1.2rem;
    background: rgba(0, 0, 0, 0.5);
    text-align: left;
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
}

.img_description .title {
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 5.5rem;
    color: #FFF;
    font-size: 0.38rem;
    line-height: 0.46rem;
}

.img_description .index {
    float: right
}

.img_description .img_text {
    clear: both;
    z-index: 9998;
    max-height: 4rem;
    font-size: 0.26rem;
    margin-top: 0.17rem;
    overflow-y: auto;
    line-height: 0.37rem;
}

.img_description .img_text>p {
    color: #989898;
}

.img_description .img_text::-webkit-scrollbar {
    width: 6px;
}

.img_description .img_text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #7b7b7b;
}

.img_description .img_text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(110, 110, 110, 0.5);
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.8);
}

.main .content .img_description .img_text {
    color: #444444;
    max-height: unset;
    overflow-y: unset;
}

.img_preview_content {
    display: none;
    padding: 0.79rem 0.16rem 0.98rem;
    overflow-y: auto
}

.img_preview, .img_preview_left, .img_preview_right {
    display: none;
    float: left
}

.img_preview_left {
    margin-right: 0.16rem
}

.img_preview_left, .img_preview_right {
    width: 2.96rem
}

.img_preview img {
    float: left;
    width: 100%;
    margin-bottom: 0.2rem
}

.img_preview_left img, .img_preview_right img {
    float: left;
    width: 2.96rem;
    min-height: 0.94rem;
    margin-bottom: 0.2rem;
    cursor: pointer
}

/*------------- 图文详情 -----------------*/

/* 稿件内容 */

.news {
    width: 6.9rem;
    padding: 0 0.3rem;
    text-align: justify;
    margin: 0 auto;
    /* background: url(//j.rednet.cn/site/static/images/background_title.png) 0 0.4rem no-repeat; */
    background-size: 7.5rem 1.9rem;
    overflow: hidden;
    position: relative;
}

.news.packed {
    max-height: 1200px;
}

.news.small .title {
    font-size: 0.46rem;
}

.news.big .title {
    font-size: 0.54rem;
}

.news.small .content {
    font-size: 0.34rem;
}

.news.big .content {
    font-size: 0.42rem;
}

.news .title {
    font-size: 0.5rem;
    line-height: 0.68rem;
    padding-top: 0.55rem;
    font-weight: 900;
}
.news .subtitle {
    font-size: 0.35rem;
    line-height: 0.48rem;
    padding-top: 0.40rem;
    font-weight: 500;
}

.content {
    line-height: 0.64rem;
    font-size: 0.38rem;
    color: #222222;
    /* font-family: "PingFangSC"; */
    font-weight: 400;
    padding-bottom: 0.5rem;
}

.content p {
    /* text-indent: 2em; */
    margin: 0.26rem 0;
}

.bottom-source {
    flex-wrap: wrap;
    justify-content: space-between;
}

.bottom-source>p {
    width: 100%;
}

.content p[name="appImgDesc"], .content p[name="appSystemTxt"] {
    /* text-indent:0;
	height: 0.68rem !important;
	line-height: 0.68rem !important;
	background: #f8f8f8;
	margin: -0.26rem 0 0.5rem 0 !important;
	font-size: 0.28rem !important;
	color: #777777 !important;
	background-size: 0.68rem 100%; */
    text-indent: 0 !important;
    /* min-height: 0.68rem !important;
    line-height: 0.6rem !important; */
    background: #f8f8f8;
    margin: -0.26rem 0 0.5rem 0 !important;
    font-size: 0.28rem !important;
    color: #777777 !important;
    /*background: url(//j.rednet.cn/site/static/images/logo_rednet_pic_info.png) top left #f8f8f8 no-repeat;*/
    background-size: 0.68rem 0.64rem;
    min-height: 0.52rem !important;
    line-height: 0.42rem !important;
    padding: 0.13rem 0.3rem 0.13rem;
}

.content p img {
    display: block;
    margin: 0 auto;
	width:auto;
}

.time {
    margin: 0.2rem 0 0.55rem;
    color: #9D9D9D;
    font-size: 0.26rem;
    line-height: 0.44rem;
    overflow:hidden;
}

.font-setting {
    float: right;
    right: 0;
}

.font-setting span {
    margin-left: 0.3rem;
    display: inline-block;
}

.font-setting span.current {
    font-size: 0.3rem;
    color: #ff0000;
    font-weight: 900;
    position: relative;
}

.font-setting span.current:after {
    content: "";
    position: absolute;
    height: 0.07rem;
    width: 100%;
    display: block;
    background: #ffeded;
    bottom: 0;
}

.show-article {
    position: absolute;
    text-align: center;
    display: none;
    width: 100%;
    bottom: 0px;
    left: 0px;
    height: 2.85rem;
    z-index: 1;
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
}

.show-article .more {
    position: relative;
    top: 1rem;
    color: var(--theme-color);
    font-size: 0.3rem;
}

.show-article .more .iconfont {
    font-size: 0.5rem;
    -webkit-animation: arrow 0.8s infinite alternate;
    animation: arrow 0.8s infinite alternate;
}

.source {
    margin-left: 0.3rem;
}

/* 点赞 */

.fav-box {
    position: relative;
}

.fav-tips {
    position: absolute;
    left: -0.6rem;
    top: -1.2rem;
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 0.08rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
}

.favNum {
    display: inline-block;
    color: #999999;
}

.fav {
    position: relative;
    height: 0.7rem;
    line-height: 0.7rem;
    width: auto;
    border: 1px solid #b8bcc1;
    border-radius: 0.35rem;
    font-size: 0.28rem;
    color: #b8bcc1;
    cursor: pointer;
    margin: 0.5rem auto 0;
    justify-content: center;
    max-width: 1.8rem;
}

.active .fav {
    border: 1px solid #e00;
}

.active .qifu {
    border: 1px solid #AC8C5C;
}

.active .like .favNum {
    color: #e00;
}

.active .qifu .favNum {
    color: #AC8C5C;
}

.fav a {
    position: relative;
    display: block;
    color: #999999;
    width: 100%;
    height: 0.65rem;
    line-height: 0.65rem;
    margin-right: 0.1rem;
}

.fav span {
    font-size: 0.32rem;
}

.like a {
    background: url(https://j.rednet.cn/site/static/wap/images/wap-icon-like@1x.png) 0 0.19rem no-repeat;    
    background-size: 0.32rem 0.32rem;
    width: 0.4rem;
    height: 0.7rem;
}

.qifu a {
    background: url(https://j.rednet.cn/site/static/wap/images/ico_hand.png) 0 0.16rem no-repeat;
    background-size: 0.35rem 0.35rem;
    width: 0.4rem;
    height: 0.7rem;
}

.active .like>a , .like a:hover, .like a:active, .like a:visited {
    background: url(https://j.rednet.cn/site/static/wap/images/wap-icon-like@2x.png) 0 0.19rem no-repeat;
    background-size: 0.32rem 0.32rem;
    color: #d72007;
}

.active .qifu>a , .qifu a:hover, .qifu a:active, .qifu a:visited {
    background: url(https://j.rednet.cn/site/static/wap/images/ico_hand_on.png) 0 0.16rem no-repeat;
    background-size: 0.35rem 0.35rem;
    color: #AC8C5C;
}

.cover img {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

.mask, .preview {
    display: none
}

.mask, .preview, .preview>div {
    width: 100%;
    height: 100%
}

.mask {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000
}


/*详情点击图片放大*/
.imgMask,.preview {
				display: none
			}
			
			.imgMask,.preview,.preview>div {
				width: 100%;
				height: 100%
			}
			
			.openmoment,.preview,.preview>div {
				text-align: center;
				display: flex;
				display: -webkit-flex;
				display: -moz-box;
				display: -mz-flexbox;
				/*align-items: center;*/
			}
			
			.imgMask {
				z-index: 10000;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #000
			}
/**/
.split-block {
    background: #f5f6f8;
    height: 0.16rem;
    width: 100%;
}

.taglink, .hotcomment {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding: 0 0.3rem;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
}

.taglink {
    border-top: 0.16rem solid #f5f6f8;
    /* margin-bottom: 1.16rem; */
    /*20190826��ʱ����*/
}

.taglink-text, .hotnew-txt {
    font-size: 0.36rem;
    height: 0.45rem;
    line-height: 0.45rem;
    margin: 0.5rem 0 0rem;
    border-radius: 20px;
    width: 100%;
    /* background: url(//j.rednet.cn/site/static/images/Title_hotcomment.png) center center no-repeat;
	background-size: 1.72rem 0.45rem; */
}

.taglink-text {
    text-align: center;
    font-size: 0.36rem;
    color: #303133;
    display: none;
    /* background: url(//j.rednet.cn/site/static/images/Title_news_command.png) center center no-repeat;
	background-size: 1.72rem 0.45rem; */
    margin: 0.45rem 0 0.2rem;
}

.tagtitle, .userups {
    font-size: 0.34rem;
}

.taglink-content {
    clear: both;
    /* padding-top: 15px */
}

.taglink-text h3, .hotnew-txt h3 {
    position: relative;
    width: 1.7rem;
    margin: 0 auto;
    font-weight: initial;
}

.taglink-text h3::after, .hotnew-txt h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    background: var(--theme-color);
    width: 1.5rem;
    height: 0.2rem;
    z-index: 0;
    opacity: .12;
}

.commentlist, .taglist {
    margin: 0;
    padding: 0;
}

.taglist li, .commentlist li {
    position: relative;
    list-style-type: none
}

.userups {
    /*.taginfo,*/
    position: absolute
}

.tagdetail {
    min-height: 1.42rem;
    padding: 0.28rem 0;
    border-bottom: 1px solid #ebebeb;
    /* max-height: 1.97rem; */
    overflow: hidden;
    height: auto;
}

.tagimg, .userimg {
    float: left;
}

.tagimg img {
    width: 2.22rem;
    height: 1.51rem;
    background: url(//j.rednet.cn/site/static/images/default.png) center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border-radius: 0.08rem;
}

.openmoment, .spreadchart, .taginfo, .tagtitle {
    cursor: pointer
}

.tagtitle {
    line-height: 0.48rem;
    padding-left: 2.32rem;
    color: #000;
    font-weight: 400;
}

.taginfo {
    padding-left: 2.32rem;
    color: #A1A1A1;
    font-size: 0.22rem;
    margin-top: 0.14rem;
}

.tagline {
    clear: both;
    margin: 0 0.35rem;
    border-bottom: 1px solid #e5e5e5;
}

.spreadchart {
    padding: 0.4rem 0 0.45rem;
    margin: 0 auto;
    width: 6.8rem;
}

.spreadchart img {
    /* float: left;
	clear: both; */
    width: 100%;
    border-radius: 0.08rem;
}

.spreadchart h1 {
    width: 100%;
    margin: 0 0 0.2rem;
    color: #000000;
    font-size: 0.30rem;
    height: 0.34rem;
    line-height: 0.34rem;
    font-weight: normal;
}

.commentlist {
    min-height: 1.9rem;
}

.commentlist li {
    margin-top: 0.4rem;
    border: 1px solid #ebebeb;
    border-radius: 0.08rem;
    padding: 0.3rem 0.5rem 0.48rem;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, .05);
}

.commentlist .commentDetail {
    padding-left: 0.86rem;
    color: #313138;
    font-size: 0.28rem;
}

.userimg img {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
}

.usertitle2 {
    color: #999999;
    font-size: 0.24rem;
    margin-top: 0.1rem;
}

.usertitle2 .commentarea {
    margin-left: 0.3rem;
}

.comment {
    font-size: 0.3rem;
    color: #000;
    line-height: 160%;
    margin-top: 0.18rem;
    /* padding-bottom: 0.18rem; */
}

.openmoment {
    display: block;
    width: 6.78rem;
    height: 0.8rem;
    margin: 0.3rem auto;
    color: #fff;
    line-height: 0.8rem;
    font-size: 0.32rem;
    text-align: center;
    background: #fff;
    cursor: pointer;
    background: var(--theme-color);
    border-radius: 0.05rem;
}

.blank {
    clear: both;
    height: 98px
}

img[momenttype=system] {
    width: 100%
}

/*�ȱ�������Ӧ*/

.video-player {
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-top: 56.25% !important;
    /* ���㷽ʽ����������16��9�ı�����ʾ�������ֵΪ 9/16 * 100 = 56.25  */
    margin-bottom: 20px;
}

.video-js {
    margin-bottom: 0.6rem;
}

.video-js .vjs-subs-caps-button {
    display: none !important;
}

.content p img.filetypeIco {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px;
    min-width: 0 !important;
    display: inline-block;
    margin-top: 8px;
}

table tr td {
    border: 1px solid #e6ebf5;
}

.topic {
    width: 6.8rem;
    margin: 0.35rem auto -0.22rem;
    background: rgba(255, 255, 255, 0.6);
    font-family: "PingFangSC-Semibold";
    font-size: 0.3rem;
    height: 0.8rem;
    border: 1px solid #eee;
    position: relative;
    border-left: 0;
    border-right: 0;
}

.topic span {
    background: #ff331c;
    color: #fff;
    display: inline-block;
    padding: 0 0.08rem;
    margin: 0.24rem 0.2rem;
    font-size: 0.2rem;
    height: 0.3rem;
    line-height: 0.28rem;
    border-radius: 0.04rem;
    float: left;
}

.topic a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    width: 5.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 0.8rem;
    line-height: 0.8rem;
    float: left;
}

.topic a em {
    display: block;
    width: 0.11rem;
    height: 0.22rem;
    background: url(//j.rednet.cn/site/static/images/icon-arrow.png) center no-repeat;
    background-size: 100% 100%;
    float: right;
    right: 0.25rem;
    top: 0.3rem;
    position: absolute;
}

.footer .swiper-container {
    width: 4.95rem;
    height: 100%;
    margin: 0 0.1rem 0 0.35rem;
}

.footer .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: flex;
    align-items: center;
}

.footer .swiper-slide img {
    width: 0.76rem;
    height: 0.76rem;
    margin-right: 0.2rem;
    border-radius: 0.1rem;
}

.footer .swiper-slide a {
    padding-top: 0.05rem;
    font-size: 0.28rem;
    text-align: left;
    line-height: 0.35rem;
    color: #222222;
    font-weight: 600;
    text-decoration: none;
    flex: 1;
    /* ��������ʡ�Ժ� */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.footer .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 2.9rem;
    height: 0.04rem;
    width: auto;
}

.footer .swiper-pagination-bullet {
    width: 0.26rem;
    height: 100%;
    opacity: 1;
    margin: 0 0 0 0.1rem !important;
    -webkit-transition: ease 0.8s;
    -o-transition: ease 0.8s;
    transition: ease 0.8s;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: #e6e6e6;
    float: left;
    display: block;
}

.footer .swiper-pagination-bullet-active {
    background: #c0c0c0;
    ;
}

@media screen and (max-width:1920px) {
    .content img {
        /* min-width: 50% !important;
		width: 100% !important; */
        max-width: 100% !important;
        height: auto !important;
    }

.shareWxPic img{

        max-width: 264px !important;
        height: 264px !important;
	
}

}

blockquote {
    margin: 0 !important;
    padding: 0 !important;
}

@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);
    }
}

/*��Ƶ��������ʽ�޸�*/

.plyr__poster {
    background-color: #000;
    background-size: 100% 100%;
}

.plyr__video-wrapper .video-plyr {
    text-indent: 0 !important;
}

.plyr__control--overlaid {
    background: rgba(0, 0, 0, .7) !important;
    padding: 0 !important;
    z-index: 0;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover, .plyr--video .plyr__control:hover {
    background: rgba(0, 0, 0, .7) !important;
}

.plyr__control--overlaid svg, .tcp-skin .vjs-big-play-button .vjs-button-icon, .tcp-skin .vjs-big-play-button {
    width: 58px !important;
    height: 58px !important;
}

.plyr__control--overlaid svg {
    left: 0 !important;
}

.plyr video.fullscreen {
    height: 100% !important;
    width: 100% !important;
}

.back-to-index, .back-to-top, .back-to-level {
    border: 1px solid var(--theme-color);
    background: #FFFFFF;
    border-radius: 50%;
    display: none;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    z-index: 99999;
    right: 0.2rem;
    bottom: 3.7rem;
    position: fixed;
    text-decoration: none;
    color: var(--theme-color);
    box-shadow: 0rem 0rem 0.08rem 0px var(--theme-color);
}

.back-to-index::after, .back-to-top::after, .back-to-level::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.1;
}

.back-to-index>div, .back-to-top>div, .back-to-level>div {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90%;
}

.back-to-index .iconfont, .back-to-top .iconfont, .back-to-level .iconfont {
    font-size: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
}

.back-to-index span, .back-to-top span, .back-to-level span {
    font-size: 0.14rem;
    height: 0.2rem;
    line-height: 0.2rem;
}

.back-to-level {
    bottom: 2.5rem;
}

.back-to-top {
    bottom: 1.3rem;
}
/** iphone X */

@media only screen and (width: 375px) and (min-height: 690px) {
    .footer {
        padding-bottom: 20px;
    }
}

/* appClient-content-vote*/

.mask, iframe {/*
    width: 100%;
    height: 100%;*/
}

iframe {
    border: 0;
    margin: 0;
    padding: 0
}

.mask {
    display: none;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .65)
}

.vote_dialog, .vote_explain {
    position: relative;
    border-radius: 6px
}

.vote_dialog {
    display: none;
    width: 85%;
    margin: 0 auto;
    background-color: #FFF;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: default;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.vote_explain {
    width: 100%;
    height: 100%;
    background: url(./images/vote/bg_title.png) bottom center no-repeat;
    background-size: 100% auto;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    pointer-events: none
}

.vote_explain>img {
    position: absolute;
    width: 22%;
    max-width: 119.68px
}

.vote_explain>span {
    position: absolute;
    width: 100%;
    color: #0C0C0C;
    font-size: 0.38rem;
    text-align: center
}

.vote_explain>span>p {
    display: inline-block;
    margin: .8em 0 0;
    padding: .5em 4em;
    color: #FFF;
    font-size: 0.24rem;
    background-color: #D72007;
    cursor: pointer;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    pointer-events: auto
}

.vote_detail {
    display: none;
    position: relative;
    width: 85%;
}

.vote_close {
    z-index: 9999;
    position: fixed;
    cursor: pointer
}

.vote_body {
    background-color: #F2F4F7
}

.vote_body>div {
    width: 100%;
    height: 100%
}

.plyr video.fullscreen {
    height: 100% !important;
    width: 100% !important;
}

/*VR*/

#vr-viewer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(//moment.rednet.cn/common/vr/images/pic_360.png) no-repeat;
    background-size: 100% 100%
}

#vr-viewer.active {
    border: 4px solid red
}

#vr-viewer .vr-button {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(//moment.rednet.cn/common/vr/images/btn_open.png) no-repeat;
    background-size: 100% 100%
}

.content .bottom-source {
    color: #9d9d9d;
    font-size: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
    margin: 0.3rem 0 0 0;
}

.content .bottom-link {
    color: #9d9d9d;
    line-height: 0.34rem;
    font-size: 0.24rem;
    text-align: left;
    padding: 0.6rem 0 0 0;
    margin: 0;
}

/* 新闻推荐 */

.taglist {
    margin-top: 0.45rem;
}

.taglist .list_a {
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.taglist .left {
    width: 4.37rem;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.34rem;
    box-sizing: border-box;
}

.taglist .left .title {
    max-height: 1.44rem;
    overflow: hidden;
    line-height: 0.48rem;
    margin-bottom: 0.3rem;
    font-weight: normal;
}

.taglist .left .source {
    font-size: 0.22rem;
    margin: 0;
}

.taglist .source span {
    color: #A1A1A1;
    float: left;
}

.taglist .right img {
    width: 2.22rem;
    height: 1.51rem;
    border-radius: 0.08rem;
    background: #F5F6F8;
    display: block;
    object-fit: cover;
}

/* 底部信息 */



/* 404页面 */

.box-404 {
    padding-bottom: 0.25rem;
}

.box-404 .img img {
    width: 100%;
    height: 3.43rem;
    margin: 0.6rem 0 0.5rem 0;
}

.box-404 .tips {
    text-align: center;
    font-size: 0.3rem;
    color: #6A6A6A;
}

.box-404 .back {
    display: block;
    width: 2.1rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background: var(--theme-color);
    border-radius: 0.36rem;
    margin: 0.8rem auto 0;
    font-size: 0.3rem;
    color: #FFFFFF;
}

/*------------- 组图详情 -----------------*/

.img_description .index em, .title {
    font-weight: 700
}

.img_description .index em {
    font-size: 0.44rem;
    font-style: normal;
    color: #FFF;
    color: #dc1900;
}

.img_description .index span {
    font-size: 0.44rem;
    color: #fff;
}

.img_description .index span:last-child {
    font-size: 0.34rem;
}

.img_mode {
    z-index: 9999;
    height: 0.88rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/wap-background-title@3x.png) repeat-x;
    background-size: auto 0.88rem;
}

.img_mode .return {
    float: left;
    margin: 0.34rem 0.3rem 0 0.3rem;
    background: url(../images/wap-icon-return@2x.png) no-repeat;
    background-size: 0.11rem 0.2rem;
    width: 0.11rem;
    height: 0.2rem;
}

.img_mode .logo img {
    width: auto;
    max-height: 0.6rem;
    float: left;
    margin: 0 0.2rem;
}

.img_mode .icon {
    float: left;
    background: url(../images/wap-icon-pic@2x.png) no-repeat;
    width: 0.86rem;
    height: 0.42rem;
    background-size: 0.86rem 0.42rem;
    margin: 0.22rem 0 0 0;
}

.img_content {
    background: #333;
}

.img_content, .img_content_div, .img_content_div div {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.footer {
    display: block
}

.img_content_div {
    float: left;
    margin-left: 100%;
    text-align: center;
}

.img_content_div:first-child {
    margin-left: 0
}

.img_content_div img {
    display: none;
    width: 100%;
    max-width: 100%;
    max-height: auto;
}

.img_description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.32rem 0.3rem;
    background-size: 100% auto;
    background: rgba(0, 0, 0, .5);
    text-align: left;
}

.img_description .imgtitle {
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 5.5rem;
    color: #FFF;
    font-size: 0.4rem;
    line-height: 0.46rem;
}

.img_description .index {
    float: right;
    font-family: arial;
}

.img_description .description {
    clear: both;
    z-index: 9998;
    max-height: 4rem;
    font-size: 0.26rem;
    margin-top: 0.17rem;
    overflow-y: auto;
    line-height: 0.37rem;
}

.img_description .description>p {
    color: #989898;
}

.img_description .description::-webkit-scrollbar {
    width: 6px;
}

.img_description .description::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #7b7b7b;
}

.img_description .description::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(110, 110, 110, 0.5);
    border-radius: 10px;
    background: rgba(51, 51, 51, 0.8);
}

.main .content .img_description .description {
    color: #444444;
    max-height: unset;
    overflow-y: unset;
}

.img_preview_content {
    display: none;
    padding: 0.79rem 0.16rem 0.98rem;
    overflow-y: auto
}

.img_preview, .img_preview_left, .img_preview_right {
    display: none;
    float: left
}

.img_preview_left {
    margin-right: 0.16rem
}

.img_preview_left, .img_preview_right {
    width: 2.96rem
}

.img_preview img {
    float: left;
    width: 100%;
    margin-bottom: 0.2rem
}

.img_preview_left img, .img_preview_right img {
    float: left;
    width: 2.96rem;
    min-height: 0.94rem;
    margin-bottom: 0.2rem;
    cursor: pointer
}


/* 客户端下载页 */

.down_bg {
    background: url(../images/down-bg-top.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 5.27rem;
    position: absolute;
    top: 0;
    left: 0;
}

.down_box {
    position: relative;
    width: 6.04rem;
    height: 100%;
    background: #FEFEFE;
    margin: 0 auto;
    cursor: default;
}

.down_box .header {
    width: 6.04rem;
    height: 3.72rem;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0.02rem 0.23rem 0px rgba(0,0,0,0.17);
    border-radius: 0.16rem;
    margin: 1.7rem auto 0;
}

.down_box .header .logo {
    width: 1.86rem;
    height: 1.86rem;
    margin: 0 auto;
    border: 0.1rem solid #FFFFFF;
    position: relative;
    top: -1.3rem;
    box-shadow: 0px 0.02rem 0.23rem 0px rgba(0,0,0,0.17);
    border-radius: 0.2rem;
}

.down_box .header .logo img {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
}

.down_box .header .atitle {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    text-align: center;
    position: relative;
    top: -1.07rem;
}

.down_box .header .star {
    position: relative;
    top: -0.95rem;
    justify-content: center;
    color: #FFB700;
    font-size: 0.4rem;
}

.down_box .header .star span {
    margin: 0 0.15rem 0 0;
}

.down_box .header .abtn {
    position: relative;
    top: -0.7rem;
    width: 3.3rem;
    height: 0.73rem;
    line-height: 0.73rem;
    border-radius: 0.37rem;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 0.28rem;
    letter-spacing: 0.04rem;
    text-align: center;
    cursor: pointer;
}

.down_box .adesc {
    text-align: center;
    font-size: 0.28rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    line-height: 0.42rem;
    font-weight: 400;
    margin: 0.16rem 0 0 0;
}

.down_box .aimg img {
    width: 4.3rem;
    height: 5.8rem;
    display: block;
    margin: 0 auto;
}

.down_box .footer {
    font-size: 0.2rem;
    color: #A1A1A1;
    text-align: center;
    margin: 0.15rem 0 0 0;
}