@font-face{font-family:fzbiaoysk;src:url('../fonts/FZBiaoYS_GBK_YS.ttf');font-weight:normal;font-style:normal}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html,body{
    margin: 0 auto;
	min-height: 100%;
    -webkit-text-size-adjust: none;
    /*font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei";*/
    font-family: fzbiaoysk;
    color: #333;
}

#main {
	width: 100%;
	padding: .13rem 15px;
    -webkit-overflow-scrolling: touch;
    margin-top: 45px;
    padding-bottom: 10px;
}
#scroller {

}
/**新闻标题*/
.caption {
    width: 100%;
    margin-top: .12rem;
}
.caption font {
    display: block;
    width: 100%;
    overflow: hidden;
}
.caption #guide {
    margin-bottom: .08rem;
    color: #999;
    font-size: .19rem;
    line-height: 1.2em;
	text-align:left;
}
.caption #main-title {
    font-size: .26rem;
    line-height: .34rem;
    font-weight: normal;
	text-align:left;
    color: #000;
}
.caption #main-title b{
    font-weight: 500;
}
.caption #sub-title {
    margin-top: .08rem;
    color: #999;
    font-size: .19rem;
    line-height: 1.2em;
	text-align:left;
}
.article-count-info {
    width: 100%;
    height: auto;
    font-size: .14rem;
    line-height: .18rem;
    margin-top: .18rem;
    color: #808080;
}
.article-count-info font {
    text-align: left;
    line-height: .20rem;
    font-size: .14rem;
    color: #808080;
}
.hr1 {
    height: 2px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    clear: both;
    margin-bottom: .15rem;
}
/**新闻正文*/
.content img{
    max-width: 100%;
    margin-bottom: 10px;
}

.content .yuan {
    margin-bottom: 0;
    height: .24rem;
    line-height: 30rem;
}
#main .content {
    text-align: justify;
    word-break: normal;
    word-wrap: break-word;
    margin-top: .10rem;
    font-size: .18rem;
    line-height: .30rem;
    color: #333;
    letter-spacing: 1px;
}
p{
    margin:5px; padding:5px;
    text-align:justify;
    text-align-last:left;
}


/**蒙板样式*/
#mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
/**分享框样式*/
#share {
    display: none;
	position: fixed;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
    background: rgba(255,255,255,0.8);
}
#share ul {
    position:relative;
	list-style: none;
    margin: 0;
    padding: 0 10px;
	width: 100%;
	height: 100px;
}
#share li {
	width: 25%;
	height: 100px;
	padding: 15px 0;
	float: left;
}
#share a {
	display: block;
	width: 100%;
	height: 70px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 45px 45px;
	color: #333;
	font-size: 12px;
	text-align: center;
	line-height: 120px;
    text-decoration: none;
}
/**返回顶部样式*/
#toTop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 15px;
    width: 30px;
    height: 30px;
    background-color: #D9383D;
    border-radius: 50%;
    background-image: url(../image5/up.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    float: right;
}
/**操作框样式*/
#operate {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
    display: none;
}
#operate ul{
    width: 100%;
    height: 60px;
    padding: 0 23%;
	list-style: none;
	border:0px solid red;
}
#operate li {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-left: 35px;
    float: left;
}
#operate li:first-of-type {
    width: 36%;
}
#operate li a {
	display: block;
    width: 30px;
    height: 30px;
    background-color: #D9383D;
    border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    float: right;
}
#operate li:first-of-type a {

    float: left;
    float: left;
}

#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}



@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1585560412924'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1585560412924#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1585560412924') format('woff'),
    url('../fonts/iconfont.ttf?t=1585560412924') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1585560412924#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dianzan:before {
    content: "\e600";
}

.icon-dianzan1:before {
    content: "\e623";
}

.icon-zhuanfa:before {
    content: "\e622";
}

.icon-pinglun:before {
    content: "\e61c";
}

.icon-pinglun1:before {
    content: "\e60d";
}

.icon-pinglun2:before {
    content: "\e6fa";
}

.icon-comment:before {
    content: "\e6df";
}

.icon-pinglun3:before {
    content: "\e678";
}



.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.fr {
    float: right;
}
.customers-list {
    margin-top: 10px;
    background-color: #F7F7F7;
}
.customers-list h3 {
    padding: 10px 0 10px 5px;
    font-size: 20px;
    background-size: 20px;
    border-bottom: 1px solid #fff;
}
.customers-list h3 .iconfont {
    padding-top: 3px;
    padding-right: 7px;
    font-size: 20px;
}
.customers-user-list {
    padding: 10px 5px;
    border-bottom: 1px solid #fff;
}
.customers-user-list .user-photo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.customers-user-list dd:first-child {
    padding: 10px 5px;
}
.customers-user-list {
    display: flex;
}
.customers-user-list dd:last-child {
    padding-left: 5px;
    padding-top: 25px;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.customers-user-list .user-i {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.customers-user-list .user-i .u-c {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.customers-user-list .user-i a {
    line-height: 20px;
}
.customers-user-list .user-i a img {
    width: 18px;
}
.customers-user-list .user-i .live {
    font-size: 12px;
}
.customers-user-list .user-i .live .icon-dianzan {
    font-size: 18px;
    padding-left: 5px;
    color: #bbb;
}
.customers-user-list .user-i .user-i-i {
    margin-left: 6px;
    padding: 17px 10px;
    width: 20px;
    height: 20px;
    background: url('../images/article-commend-define.png') center top no-repeat;
    background-size: 18px 18px;
    font-size: 0;
}
.customers-user-list .user-name {
    font-size: 14px;
}
.customers-user-list .user-time {
    font-size: 12px;
    color: #999;
}
.customers-user-list .customers-info {
    font-size: 16px;
}

body {
    padding-bottom: 45px;
}
.customers-opinions * {
    box-sizing: border-box;
}
.customers-opinions input {
    outline: none;
}
.customers-opinions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 45px;
    border-top: 1px solid #ddd;
    background-color: #fff;
}
.customers-opinions .inp {
    padding: 5px 0 5px 15px;
    width: 55%;
}
.fl {
    float: left !important;
}
.customers-opinions .inp input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 17px;
    -webkit-appearance: none;
    background-color: #eee;
}
.customers-s {
    padding: 0 2%;
    width: 45%;
}
.customers-number, .article-commend, .article-share {
    width: 33.333%;
    padding-top: 5px;
    text-align: center;
}
.customers-number a {
    display: block;
    position: relative;
    font-size: 28px;
    font-weight: 300;
}
.article-commend a {
    display: block;
    position: relative;
    font-size: 28px;
}
.article-share a {
    display: block;
    position: relative;
    padding-top: 2px;
    font-size: 26px;
}

.customers-number i.num {
    position: absolute;
    top: 1px;
    left: 60%;
    font-size: 11px;
    display: block;
    line-height: 1em;
    background-color: #fff;
    border-radius: 3px;
    font-style: normal;
    color: rgb(218, 58, 56);
}

/* 查看更多*/

.sharePage{
    position:relative;
    height:900px;
    overflow: hidden;
    margin-bottom: 40px;
}

.read-more {
    display:none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    width: 100%;
    background-image: linear-gradient(-180deg,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.48) 56%,hsla(0,0%,100%,.96) 92%);
}

.read-more .read-more-mask {
    position: relative;
    height: 236px;
}

.read-more .read-more-mask .read-more-zhankai {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    text-align: center;
    animation: jump 1s ease-in-out infinite forwards;
}

.read-more-zhankai img{
    width: 0.5rem;
    height: auto;
}

.read-more-btm{
    position: relative;
    /* 			bottom: 0.53rem; */
    height:0.5rem;
    text-align: center;
}

.openApp{
    width:100%;
    height:0.4rem;
    line-height:0.4rem;
    border:1px solid #e92110;
    background-color:#e92110;
    border-radius: 5px;
}

@keyframes jump{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(5px)
    }to{
         transform:translateY(0)
     }
}
@media screen and (max-width:374px){html{font-size:74px}}
@media screen and (min-width:375px) and (max-width:413px){html{font-size:90px}}
@media screen and (min-width:414px) and (max-width:767px){html{font-size:100px}}
@media screen and (min-width:768px) and (max-width:833px){html{font-size:182px}}
@media screen and (min-width:834px) and (max-width:1023px){html{font-size:186px}}
@media screen and (min-width:1024px){html{font-size:240px}}

.pswp .pswp__button--down {
    background: url('../images/down-icon.svg') center center no-repeat;
}




.article-count-info {
    position: relative;
}

.article-count-info .audio-box {
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.185rem;
    text-align: center;
    line-height: 0;
    width: .32rem;
    height: .32rem;
    border: 0;
    border-radius: 0;
    display:flex;
}


.article-count-info .audio-box .html-audio {
    display: none;
    width: 100%;
/*     display: block; */
    align-self:center;
    border: 0;
    border-radius: 0;
}

.article-count-info .audio-box .display-show {
	display: block;
}