body{background: #efefef; font-size: 14px;  color:#333; max-width: 768px; margin: 0 auto;}
#wrapper{width: 100%; padding: 0 4% 10px; background: #fff; }
h1{font-size: 1.5em; line-height: 1.5em;  font-weight: bold; padding: 14px 0 10px; color: #343434; margin: 0;}
p{font-size: 1.1em; line-height: 1.5em; color: #6c6a6a; margin-bottom: 8px;}
.origin{font-size: 0.9em; width: 100%; position: relative; color: #a3a3a3; padding-bottom: 10px;}
.btnRead{position: absolute; right: 0; top: -10%; height: 120%; width: auto; } 
.content{font-size: 1.1em; color:#333; word-break: normal; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; }
.content img{display: block; max-width: 100% !important; height: auto; margin: 0 auto;}
video{display: block; max-width: 100% !important; margin: 0 auto; background: #000;}
.app-download-fixed-top{padding-top: 60px;}
.app-download-fixed-top .app-download{position: fixed !important; max-width: 768px; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;}
.app-download-fixed-bottom{padding-bottom: 60px;}
.app-download-fixed-bottom .app-download{position: fixed !important; max-width: 768px; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 9999;border-top: 1px solid #f4f4f4;border-bottom: 0 solid #f4f4f4;}

.content .pictext{font-size: 0.9em; text-align: center;}
.content-overflow{overflow: hidden; height: 100vh; position: relative;}
.content-overflow-mask{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 9999;}
.content-overflow-tips{background: #fff; padding-bottom: 10px; padding-top: 5px;}
.content-overflow-tips img{max-width: 100% !important; margin: 0 auto;}
.content-overflow-icon{width: 100%; height: 100px; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); position: relative;}
.content-overflow-icon img{width: 20px; display: block; height: auto; position: absolute; bottom: 35px; opacity: 0; left: 50%; margin-left: -10px; animation: top2btm 2s infinite;}
@keyframes top2btm{
	100%{bottom: 0; opacity: 1;}
}
@media only screen and (min-width: 800px) {
	.content img, video{max-width: 50% !important;}
	.videoPlayBtn{left: calc(25% + 15px) !important;}
	h1, .origin{text-align: center;}
	.content-overflow-tips img{max-width: 50% !important;}
}
.pc .content img, .pc video{max-width: 100% !important;}
.pc .videoPlayBtn{left: 15px !important;}

/*相关推荐*/
.recommend{width: 100%; max-width: 1024px; margin: 0 auto; border-top: 5px solid #f4f4f4; padding: 0 4% 20px; background: #fff; }
.recommendTitle{font-size: 1em; margin-top: 10px; font-weight: bold;}
.recommend .flex{width:100%; margin-top: 10px;}
.recommend .flex img{width:100px; height:70px; display: block;}
.recommend .flex1{position: relative;}
.recommend .flex .title{font-size: 1.1em; height: 2.6em; line-height: 1.2em; padding-top: 2px; padding-left: 8px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-line-break: auto;}
.recommend .flex .From{font-size: 0.9em; color: #999; position: absolute; bottom: 0px; left: 8px;}
.recommend .showType0{height: 70px;}

#swiperBtm, #slider {width: 100%; height: 50px; background: rgba(255,255,255,1); position: fixed; bottom: 0; left: 0%;  border-top: 1px solid #f4f4f4;}  
@media only screen and (min-width: 1024px) {#slider {width: 1024px; left: 50%; margin-left: -512px;}}
.sBtmImg{position: absolute; left: 0; top: 0; width: 55px; height: 50px;}
.sBtmImgSize{object-fit: cover; width: 40px; height: 40px; margin-top: 5px; margin-left: 15px; display: block; border-radius: 5px;}
.sBtmTitle{position: absolute; width: calc(100vw - 125px); left: 55px; top: 0; padding: 8px 8px 0; font-size: 14px; line-height: 16px; height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-line-break: auto;}
.sBtmBtn{position:absolute; right: 20px; width: 50px; height: 24px; top: 13px; line-height: 24px; text-align: center; border: 1px solid #ea5455; color: #ea5455; border-radius: 12px; font-size: 12px;  background: rgba(255,255,255,0)}
#slider .close{cursor:pointer; position: absolute; right: 2px; top: 2px; width: 15px; height: 15px; border-radius: 50%; background: url() 50% 50% no-repeat; background-size: 100% 100%; z-index: 99;}


.mui-preview-header {top: calc(100vh - 44px); left: calc(50vw - 35px);}
.mui-preview-header .mui-preview-indicator {display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4;width: 70px;background-color: rgba(117, 117, 117, 0.4);border-radius: 12px;    font-size: 16px;}
.mui-slider-indicator {bottom: -3px;}
.mui-slider-indicator .mui-indicator {width: 3px; height: 3px; margin: 1px 0px; background: #ccc; -webkit-box-shadow: 0 0 0px 0px rgba(255,255,255,0);}
.mui-slider-indicator .mui-active.mui-indicator {background: #666;}


.TuiGuang{background: #fff; width: 100%; border-top: 5px solid #f4f4f4; font-size: 1em; padding: 15px 4%; max-width: 1024px; margin: 0 auto;}
.TGtitle{ font-weight: bold;}
.TuiGuang div{width: 100%;}
.TuiGuang img{width: 100%; height: auto; display: block; padding: 8px 0;}
.TGtitle span{color: #ea5455; border: 1px solid #EA5455; padding: 0px 3px;  border-radius: 4px; font-size: .8em; font-weight: normal; margin-right: 5px;}

.popNewsMask{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: rgba(0,0,0,.6);}
.popNewsMain{position: fixed; width: 90%; left: 5%; top: 50%; margin-top: -100px; z-index: 101;}
.popNewsTitle{width: 100%; color: #ea5455; font-size: 20px; text-align: center; height: 40px; line-height: 40px; border-radius: 20px 20px 0 0; background: #f4f4f4; position: relative;}
.popNewsTitle span{width: 60px;  background: url() 0 50% no-repeat; background-size: 28px auto; padding-left: 30px;}
.popNews .close{cursor:pointer; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; border-radius: 50%; background: url() 50% 50% no-repeat; background-size: 60% 60%;}
.popNewsList{background: #fff;}
.popNewsList div{font-size: 1.1em; width: 100%; padding: 10px 4vw 8px; border-bottom: 1px solid #f4f4f4;}
.popNewsMore{width: 100%; border-radius: 0 0 20px 20px; background: #fff; padding: 12px 0; text-align: center;}
.popNewsMoreBtn{color: #ea5455; font-size: 12px;  height: 28px; border-radius: 14px; line-height: 28px; padding: 0 15px; display: inline-block; border: 1px solid #EA5455;}


/*v5 点赞 */
.vLike{width: 60px; height: 60px; border: 1px solid #ccc; border-radius: 50%; margin: 5px auto 0; background: url() 50% 50% no-repeat; background-size: 60% auto;}
.vLike2{border: 1px solid #EA5455; background:#EA5455 url() 50% 50% no-repeat; background-size: 60% auto;}
.vLikeNum{width: 100%; text-align: center; padding: 6px 0 10px;}

/*vote投票*/
.vote{width: 100%; max-width: 1024px; margin: 0 auto; border-top: 5px solid #f4f4f4; padding: 0 4% 20px; background: #fff; }
.voteTitle{font-size: 1em; margin-top: 10px; font-weight: bold; border-bottom: 1px solid #f1f1f1; padding: 2px 0 8px;}
.voteTitle .flex1{text-align: right; color: #aaa; font-weight: normal;}
.voteListTitle{font-size: 1.2em; padding: 10px 0 2px;}
.voteList{color: #aaa; border: 1px solid #ddd; padding: 5px 12px; margin: 5px 0 12px; font-size: 1em; border-radius: 20px; cursor: pointer;}
.voteBtnSub{font-size: 1.2em; color: #aaa; font-weight: bold; margin: 0 auto; text-align: center; border: 1px solid #ddd; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; cursor: pointer;}
.voteRed{color: #F04D64; border: 1px solid #F04D64;}
.voteResult{font-size: 0.8em; color: #aaa; height: 15px; line-height: 15px; width: 90%; margin: 0 auto 15px;}
.votePrecent{width: 0%; background: #ddd;; border-radius: 7.5px;}
.voteResult .flex1{padding-left: 2px;}

/*评论comment*/
.comment{width: 100%; max-width: 1024px; margin: 0 auto; border-top: 5px solid #f4f4f4; padding: 0 4% 20px; background: #fff; }
.commentTitle{font-size: 1em; margin-top: 10px; font-weight: bold; border-bottom: 1px solid #F1F1F1; padding-bottom: 5px;}
.comment .flex{margin-top: 10px;}
.comment .flex1{padding: 0 0px 10px 0px; border-bottom: 1px solid #F1F1F1;}
.commentUserIcon{width: 52px;}
.commentUserIcon img{width: 42px; height: 42px; border-radius: 50%; display: block;}
.commentName{color: #999;}
.commentOpenApp{width: 100%; text-align: center; margin-top: 20px;}
.commentOpenApp span{border: 1px solid #F04D64; color: #F04D64; padding: 5px 8px; border-radius: 16px;}

/* 专栏 */
.column{background: #f1f1f1; border-radius: 8px; padding: 10px;}
.column-cover{width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 8px;}
.column-cover img{width: 100%; height: 100%; object-fit: cover;}
.column-next{width: 10px; background: url(../common/img/next.png) no-repeat 50% 50% / 100% auto;}
.column-title{padding: 5px 10px 0; font-size: 18px;}
.column-desc{font-size: 14px; color:#999; padding: 5px 10px 0;}

/* pc */
@media only screen and (min-width: 1200px){
	#wrapper{display: none;}
}