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

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}

body {
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	overflow-x: hidden;
}

li {
	list-style: none;
	color: #333333;
}

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

button {
	outline: none;
}
img{width: 100%;}
.topBox{position: relative;}
.reGo{position: absolute;top: 0.5rem;left: 0.5rem;z-index: 999;}
.reGo img{width: 0.7rem;}
.topBox video{width: 100%;}
.navTabBox,.tabContentBox{width: 90%;margin: 0.5rem auto;}
.navTabBox ul{display: flex;justify-content: space-between;}
.navTabBox ul li{font-size: 0.85rem;line-height: 1.5rem;cursor: pointer;}
.ActiveBox span{color:rgb(184,9,0) ;border-bottom: 0.1rem solid rgb(184,9,0);padding-bottom: 0.2rem;}
.itemTab{display: none;}
.itemTab:nth-child(1){display: block;}
.itemTab h2{font-size: 0.85rem;margin: 1rem 0;}
.itemTab>p{font-size: 0.8rem;line-height: 1.5rem;}
.pngBox{display: flex;justify-content: space-between;margin: 1rem auto;}
.pngBox li{width: 22%;text-align: center;}
.pngBox li img{width: 1.2477rem;}
.pngBox li p{font-size: 0.75rem;margin: 0.3rem auto;}
.tuwenBox li{display: flex;position: relative;overflow: hidden;}
.leftImg{width:15%;margin-right: 5%;}
.leftImg img{border-radius: 50%;overflow: hidden;width: 2.5rem;height: 2.5rem;}
.rightTuwen{width: 80%;padding-bottom: 1rem;}
.tuwenBox li:after{content: "";position: absolute;height: 100%; width: 0.05rem;background-color: #eee; left: 1.2rem;top: 2.5rem;}
.tuwenBox li:nth-child(1):after,.tuwenBox li:last-child:after{display: none;}
.rightTuwen p{font-size: 0.8rem;line-height: 1.5rem;}
.userName,.timeBox{color: rgb(116,116,116);font-size: 0.7rem;}
.userName span{background-color: rgb(184,9,0);color: #FFFFFF;padding:0 0.4rem;border-radius: 0.2rem;}
.pingList li{margin-bottom: 0.5rem;}
.pingList p{font-size: 0.8rem;line-height: 1.3rem;}
.pingList p span{color: #797979;}

/* 广播 */
.audioplayer {height: 1.5rem;color: #333;position: relative;z-index: 1;}
.audioplayer-mini {width: 1.5rem;margin: 0 auto;}
.audioplayer>div {position: absolute;}
.audioplayer-playpause {width: 2.5rem;height: 100%;text-align: left;text-indent: -9999px;top: 80px;	left: 42%;}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {	background-image: url(../img/autopaly.png);	background-size: 100%;	height: 2.5rem;}
.audioplayer-mini .audioplayer-playpause {width: 100%;}
.audioplayer-playpause a {display: block;}
.audioplayer-stopped .audioplayer-playpause a {background-image: url(../img/zanting.png);background-size: 100%;height: 2.5rem;}
.audioplayer-playing .audioplayer-playpause a {width: 0.75rem;height: 0.75rrem;position: absolute;top: 50%;left: 50%;margin: -0.375rem 0 0 -0.375rem;}
.audioplayer-time {width: 4rem;height: 100%;line-height: 1.3rem;text-align: center;z-index: 2;top: 0.5rem;font-size: 0.7rem;}
.audioplayer-time-current {border-left-color: rgba(0, 0, 0, .25);left: 0.5rem;}
.audioplayer-time-duration {right: 0.5rem;}
.audioplayer-novolume .audioplayer-time-duration {border-right: 0;right: 0;}
.audioplayer-bar {height: 0.1rem;background-color: #222;cursor: pointer;z-index: 1;top: 50%;	right: 0.5rem;left: 0.5rem;margin-top: -0.438rem;}
.audioplayer-novolume .audioplayer-bar {right: 4rem;}
.audioplayer-bar div {width: 0;height: 100%;position: absolute;left: 0;top: 0;}
.audioplayer-bar-loaded {background-color: #eee;z-index: 1;}
.audioplayer-bar-played {height: 0.1rem;   width: 100%; background-color: rgb(155,155,155); z-index: 99;}
.audioplayer-bar-played:after{position: absolute;content: "";background-image: url(../img/jdu.png);background-repeat: no-repeat;background-position: center right;z-index: 999;background-size: 0.5rem;top: -0.5rem !important;padding: 0.5rem 0.5rem 0.5rem 0;width: 100%;}
/* .audioplayer-bar-played:after{position: absolute;content: "";} */
.audioplayer-volume {display: none;}
.fengmianImg img{width: 10rem;}
.fengmianImg{font-size: 0.8rem;text-align: center;margin-bottom: 2rem;}
.gboBox{min-height: 30rem;}
.iconList{width: 85%;margin: 1rem auto;}
.iconList ul{display: flex;justify-content: space-between;}
.iconList ul li{width: 22%;text-align: center;}
.iconList ul li img{width: 1.5rem;}
.xinxiNum{position: relative;}
.xinxiNum p{position: absolute;font-size: 0.6rem;top: -0.3rem; right: 0;}



/* 图文样式 */
.Topcent{background-color: rgb(184,9,0);width: 90%;margin: auto;padding: 0.5rem 5%;display: flex;justify-content: space-between;}
.rightShouc img{width: 1.2rem;  height: auto;}
.reLeft img{width: 0.7rem;margin-top: 0.1rem;}
.rightShouc img:nth-child(2){margin-top: 0.5rem;float: right; margin-left: 1rem;}
.TitleBox{width: 90%;margin:0.5rem auto;}
.TitleBox h1{font-size: 0.9rem;color: #333333;}
.titleTime{display: flex;margin-top: 1rem;border-bottom: 0.05rem solid #ccc;padding-bottom: 0.5rem;}
.titleTime img{width: 1.5rem;height:1.5rem;margin-right: 0.5rem;}
.titleTime p{font-size: 0.65rem;line-height: 1.5rem;}
.articleCon{margin: 1rem 0;}
.articleCon p{font-size: 0.8rem;line-height: 1.5rem;margin-bottom: 0.5rem;}
.articleCon p img{display: block;margin: 0px auto !important;}
.articleCon img,.articleCon video{max-width: 100% !important;width: 100% !important;display: block !important;height: auto !important;}
.hotBox{height: 2rem;}
.hotBox img{width: 1rem;float: right;margin: 0rem 0.5rem;}
.hotBox p{font-size: 0.6rem;float: right;}
.pinglunBox{border-top: 0.4rem solid rgb(247,247,247);}
.pinglunBox>p{width: 90%;margin: 1.5rem auto;border-left: 0.2rem solid rgb(255,168,0);padding-left: 0.3rem;font-size: 0.9rem;color: #000;}

.pinglunBox ul{width: 90%;margin: 0.5rem auto;}
.pinglunBox ul li{display: flex;justify-content: space-between;margin-bottom: 0.5rem;}
.userImg{width: 15%;}
.userImg img{border-radius: 50%;width: 2.3rem;height: 2.3rem;}
.rightUserBox{width: 80%;border-bottom: 0.05rem solid #EEEEEE;}
.rightUserBox p:nth-child(1){font-size: 0.75rem;color: #666666;margin: 0.5rem 0;}
.rightUserBox p:nth-child(2){font-size: 0.8rem;line-height: 1.5rem;}
.rightUserBox p:nth-child(3){font-size: 0.7rem;color: #666666;margin: 0.5rem 0;}
.inputPinglun{width: 90%;margin:1rem auto;display: flex;justify-content: space-between;}
input{outline: none;}
button{background: none;}
.inputBox{width: 70%;border: 0.05rem solid #ddd;border-radius: 2rem;display: flex;justify-content: space-around;padding: 0.3rem 0.5rem;}
.inputBox input{line-height: 1.5rem;}
.inputBox  img{width: 1.5rem;}
.fasong{background-color: rgb(184,9,0);color: #FFFFFF;padding: 0 1rem;border-radius: 2rem;}

/* 视频页 */
.videoTitle{width: 90%;margin:0.7rem auto;}
.videoTitle h1{font-size: 0.9rem;font-weight: 550;margin-bottom: 0.5rem;}
.videoTitle p{font-size: 0.7rem;margin: 0.2rem 0;}
.videoTitle p span{margin-left: 0.3rem;}
.videoTitle img{margin: 0.5rem auto;}
.videoinputPinglun{display: flex;justify-content: space-between;width: 90%;margin:0.5rem auto;}
.videoinputBox{width:50%;display: flex;justify-content: space-around;border: 0.05rem solid #ddd;border-radius: 2rem;padding: 0.3rem;}
.videoinputBox img{width: 1rem;}
.videoinputBox input{width: 70%;}
.shoucan,.dianzang,.fenxiang{width: 1.2rem;}
.videoinputPinglun .fasong{padding: 0.3rem 0.5rem;}
.shoucan{margin-bottom: -0.2rem;}
.dianzang{margin-bottom: -0.25rem;}


/* 分享样式 */
.sharePage{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(55,157,105);}
.shareBox{margin-top: 2rem;}
.claseSahre{width: 90%;margin: 0.5rem auto;}
.claseSahre img{width: 0.7rem;}
.shareCon{width: 90%;margin: 0.5rem auto;border: 0.2rem solid #FFFFFF;border-radius: 0.7rem;background-color: rgb(234,248,230);}
.shareTopImg img{border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.userBox{display: flex;margin: 2rem auto;width: 90%;}
.userBox img{width: 3rem;height: 3rem;border-radius: 50%;border: 0.2rem solid #fff; }
.userBox p{line-height: 3rem;margin-left: 0.8rem;font-size: 0.8rem;}
.shareCon>p{font-size: 0.8rem;padding-left: 1rem;padding-right: 4rem; margin: 0.5rem auto;}
.shareCon>h4{font-size: 0.95rem;padding-left: 1rem;padding-bottom: 0.5rem;}
.shareLogoImg{display: flex;justify-content: space-around;margin: 1rem auto;}
.shareLoge{text-align: center;}
.shareLoge img{width: 2rem;}
.shareLoge p{font-size: 0.7rem;color: #666666;}
.ewm{width: 3.5rem;}


/* 专题列表页的样式 */
.topImgBox{position: relative;}
.iconBox{position: absolute;top: 0.5rem;display: flex;justify-content: space-between;width: 90%;left: 5%;}
.iconBox a:nth-child(1) img{width: 0.9rem;height: 1.5rem;}
.iconBox a:nth-child(2) img{width: 1.2rem;height: 1.2rem;}
.jianjieBox,.zhuangtList{width: 90%;margin: 15px auto;}
.jianjieBox h2{font-size: 0.8rem;margin-bottom: 0.5rem;}
.jianjieBox p{font-size: 0.7rem;line-height: 1rem;}
.jianjieBox p a{color: rgb(255,192,73);}
.zhuangtList li a{display: flex;justify-content: space-between;border-bottom: 0.05rem solid #EEEEEE;padding-bottom: 0.5rem;margin-bottom: 0.5rem;}
.zhuangtList ul{border-top: 0.05rem solid #EEEEEE;padding-top: 0.5rem;}
.leftBox{width:65%;}
.rightBox{width: 32%;}
.leftBox p{font-size: 0.8rem;line-height: 1rem;height: 2rem;overflow-y: hidden;white-space: normal;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.leftBox span{font-size: 0.6rem;}
.rightBox img{width: 100%;border-radius: 0.3rem;}