/* Html5 Reset */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a {background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
b,strong{font-weight:bold;}
img{border:0;display: block;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
menu,ol,ul{padding:0;list-style:none;list-style-image:none;}
.vh{visibility:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,menu,figure,blockquote,p,pre,form{margin:0;}

html,body{width: 100%;height: 100%;}


.main-div{width: 640px;margin: 0 auto;overflow: hidden;position: relative;}
.header{width: 100%;height: 82px;text-align: center;border-bottom: 1px solid #666666; overflow: hidden;clear: both;padding: 0 20px;box-sizing: border-box;position: fixed;width: 640px;background-color: #c6312d;z-index: 999;}
/* .header span{color: #333333;font-size: 32px;font-family: sans-serif , arial;display: block;font-weight: bold;} */
.logo{float: left;width: 80px;height: 100%;}
.logo span{display: block;width: 100%;height: 100%;background: url(../img/logo.png) no-repeat center center;background-size: 80px 22.9px;}
.download{background-color: #fff;float: right;margin-top: 18px;border-radius: 5px;cursor: pointer;}
.download a{font-size: 20px;font-weight: bold;color: #000000;padding: 10px 15px;display: block;}

.mod{height: 82px;}

.noContent{width: 100%;font-size: 24px;padding: 20px 0;text-align: center;font-weight: bold;}

.user{width: 100%;}
.user-con{padding: 30px;box-sizing: border-box;overflow: hidden;clear: both;}
.user-img{width: 60px;height: 60px;float: left;overflow: hidden;}
.user-img img{width: 100%;border-radius: 50%;height: 100%;}
.user-name{float: left;margin-left: 15px;}
.user-name h5{line-height: 60px;color: #C72727;font-size: 20px;font-weight: 400;}
.user-txt{float: left;margin-left: 15px;line-height: 60px;}
.user-txt span{font-size: 20px;}

.picList{width: 100%;}
.picListSlide{width: 100%;}
.picListSlide dl dt img{width: 100%;}
.picListSlide .swiper-pagination{width: auto;color: #fff;padding: 3px 15px;border-radius: 15px;background-color: rgba(51,51,51,.4);font-size: 14px;right: 10px;left: unset;bottom: 15px;}

.article-title{font-size: 24px;line-height: 30px;margin-top: 22px;}

.article-type{font-size: 14px;color: #8c8c8c;margin-top: 10px;overflow: hidden;clear: both;}
.article-type span{float: left;}

#livePlayer{
	width: 100%;
	height: 360px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#livePlayer .vjs-volume-panel{display: none;}
#livePlayer.vjs-paused .vjs-big-play-button,
#livePlayer.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
#livePlayer .vjs-time-control{display:block;}
#livePlayer .vjs-remaining-time{display: none;}
#livePlayer .vjs-big-play-button{
    font-size: 16px;
    line-height: 47px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 3px;
    margin-top: -25px;
    margin-left: -25px;
}
/* 中间的播放箭头 */
#livePlayer .vjs-big-play-button .vjs-icon-placeholder {
    font-size: 25px;
}
/* 加载圆圈 */
#livePlayer .vjs-loading-spinner {
    font-size: 50px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-top: -20px;
    margin-left: -20px;
}

.article-con{font-size: 16px;margin-bottom: 20px;}
.article-con.hide{height: 62vh;overflow: hidden;}
.article-con img{max-width:100%;display:inline-block}
.article-con p{margin-top:15px;word-wrap:break-word;}
.article-con audio,.article-con video{display:inline-block}
.article-con video{max-width: 100%;height: auto;}
.article-con .video-js{width: 100%;height: auto;}
.article-con .video-js .vjs-tech{height: auto;position: static;}

.live-con{width: 100%;position: relative;z-index: 9999;}
.liveSharePlayer{width: 100%;height: 360px;}
.liveSharePlayer .vjs-control-bar{display: none;}
.liveSharePlayer.vjs-playing .vjs-tech {pointer-events: auto;}
.liveSharePlayer .vjs-volume-panel{display: none;}
.liveSharePlayer.vjs-paused .vjs-big-play-button,
.liveSharePlayer.vjs-paused.vjs-has-started .vjs-big-play-button {display: block;}
.liveSharePlayer .vjs-time-control{display:block;}
.liveSharePlayer .vjs-remaining-time{display: none;}
.liveSharePlayer .vjs-big-play-button{font-size: 16px;line-height: 47px;height: 50px;width: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-color: #73859f;background-color: rgba(115,133,159,.5);border-width: 3px;margin-top: -25px;margin-left: -25px;}
/* 中间的播放箭头 */
.liveSharePlayer .vjs-big-play-button .vjs-icon-placeholder {font-size: 25px;}
/* 加载圆圈 */
.liveSharePlayer .vjs-loading-spinner {font-size: 50px;width: 40px;height: 40px;border-radius: 20px;margin-top: -20px;margin-left: -20px;}
.live-player-btns{position: absolute;right: 0px;bottom: 20px;}
.live-player-btns li{cursor: pointer;width: 80px;margin-top: 15px;}
.live-player-btns li i{width: 40px;display: block;margin: auto;}
.live-player-btns li span{display: block;color: #fff;text-align: center;font-size: 14px;margin-top: 5px;}
.live-player-btns .voice{width: 80px;}
.live-player-btns .voice i{width: 30px;height: 27px;background: url(../img/voice_btn.png) no-repeat;background-size: 100% 100%;display: block;}
.live-player-btns .voice.active i{background: url(../img/muted_btn.png) no-repeat;background-size: 100% 100%;}
.live-player-btns .like i{height: 37px;background: url(../img/like_btn.png) no-repeat;background-size: 100% 100%;}
.live-player-btns .like.active i{background: url(../img/like_acrive_btn.png) no-repeat;background-size: 100% 100%;}
.live-player-btns .comment i{width: 36px;height: 36px;background: url(../img/comment_btn.png) no-repeat;background-size: 100% 100%;}
.live-player-btns .share i{height: 33px;background: url(../img/share_btn.png) no-repeat;background-size: 100% 100%;}

.comments{padding: 0 20px;width: 640px;box-sizing: border-box;}
.comments-title{font-size: 24px;margin: 20px 0 10px;}
.comments-con{border-top: 1px solid #cfcfcf;}
.comments-con dl{overflow: hidden;margin-top: 10px;}
.comments-con dl dt{float: left;}
.comments-con dl dd{float: left;width: 520px;margin-left: 10px;}
.comments-con dl dd .user-name{font-size: 18px;color: #999;float: none;margin-left: 0;line-height: 26px;}
.comments-con dl dd .user-reply{font-size: 16px;color: #000;line-height: 24px;}
.comments-con dl dd .user-type{display: flex;margin-top: 8px;}
.comments-con dl dd .user-type .user-type-item{color: #999;font-size: 16px;margin-left: 20px;display: flex;align-items: center;}
.comments-con dl dd .user-type .user-type-item.reply{cursor: pointer;}
.comments-con dl dd .user-type .user-type-item:first-child{margin-left: 0;}
.comments-con dl dd .user-type .user-type-item.likes{margin-left: auto;margin-right: 20px;cursor: pointer;}
.comments-con dl dd .user-type .user-type-item.likes i{width: 16px;height: 16px;display: block;background: url('../img/like_active_btn.png') no-repeat center center;background-size: 16px 14.61px;margin-right: 5px;}
.comments-con dl dd .user-type .user-type-item.zan{cursor: pointer;}
.comments-con dl dd .user-type .user-type-item.zan i{width: 16px;height: 16px;display: block;background: url('../img/zan_btn.png') no-repeat center center;background-size: 100% 100%;margin-right: 5px;}

.openApp{width: 640px;margin: 20px auto 0;background-color: #FFFFFF;margin-bottom: 20px;position: relative;cursor: pointer;}
.moreArticle{width: 600px;height: 70px;margin: auto;cursor: pointer;display: none;overflow: hidden;}
.moreArticle img{width: 40px;height: 22px;display: block;margin: auto;display: block;margin-top: 14px;}
.openApp-btn{width: 600px;height: auto;background-color: #c6312d;display: block;margin: auto;color: #fff;font-size: 20px;text-align: center;line-height: 25px;font-weight: bold;padding: 20px 0;-webkit-box-shadow: 0 2px 10px 0 rgba(198,49,45,.5);box-shadow: 0 2px 10px 0 rgba(198,49,45,.5);background: -webkit-linear-gradient(311deg,rgba(185,80,80,1) 0,rgba(198,49,45,1) 100%);background: linear-gradient(139deg,rgba(185,80,80,1) 0,rgba(198,49,45,1) 100%);}
.gradient{position: absolute;top: -80px;left: 0;height: 80px;width: 100%;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);display: none;}

.downloadBox{z-index: 1000;position: fixed;top: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 9999;}
.downloadBox-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 291px;border-radius: 12px;background: #ffffff;padding: 30px 0;}
.downloadBox-info{font-size: 16px;color: #2E2D2D;text-align: center;width: 100%;}
.downloadBox-btns{margin-top: 20px;width: 100%;}
.downloadBox-btns .btn{font-size: 12px;background-color: #c6312d;width: 122px;height: 31px;line-height: 31px;color: #fff;border-radius: 16px;text-align: center;margin: auto;}
.downloadBox-close{position: absolute;right: 8px;top: 6px;width: 10px;height: 10px;background: url(../img/btn_close.png) no-repeat center center;background-size: 14px 14px;cursor: pointer;}

.js-dialog{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;background-color: #fff;box-shadow: 0 -7px 20px 0 rgb(0 0 0 / 19%);display: none;}
.dialog-body{width: 1200px;font-size: 13px;position: relative;margin: 20px auto;}
.dialog-header{position: relative;}
.dialog-header h3{font-size: 16px;color: #333;font-weight: bold;}
.dialog-header a{position: absolute;right: 0;top: 0;width: 14px;height: 14px;background: url(../img/btn_close_2.png) no-repeat;background-size: 14px 14px;cursor: pointer;}
.dialog-content{margin: 17px 0;width: 800px;}
.dialog-links{width: 100%;}
.dialog-links li{float: left;margin-right: 32px;}
.dialog-links li a{color: #e02222;font-weight: 400;position: relative;}
.dialog-links li a:after {position: absolute;height: 1px;margin: 0 auto;content: '';left: 0;right: 0;width: 100%;color: #e02222;background-color: #e02222;left: 0;bottom: -1px; /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
}
.dialog-confirm{width: 122px;height: 42px;color: #e02222;border: 1px solid #e02222;position: absolute;right: 0;bottom: 0;line-height: 42px;text-align: center;cursor: pointer;}
.dialog-confirm .confirm-icon{width: 17px;height: 12px;background: url(../img/icon_agree.png) no-repeat;background-size: 17px 12px;margin-right: 16px;display: inline-block;vertical-align: sub;}
.dialog-clear{clear: both;}

@media screen and (max-width: 900px){
	.main-div{width:100%;}
	.header{height: .82rem;width: 6.4rem;padding: 0 .2rem;}
	.logo{width: 1.1rem;}
	.logo span{background: url(../img/logo.png) no-repeat center center;background-size: 1.1rem .31rem;background-position-y: .26rem;}
	.download{margin-top: .18rem;}
	.download a{font-size: .2rem;padding: .1rem .15rem;}
	
	.mod{height: .82rem;}
	
	.noContent{margin-top: .82rem;font-size: .24rem;padding: .2rem 0;}
	
	.user-con{padding: .2rem;}
	.user-img{width: .6rem;height: .6rem;}
	.user-name{margin-left: .15rem;}
	.user-name h5{line-height: .6rem;font-size: .2rem;}
	.user-txt{margin-left: .15rem;line-height: .6rem;}
	.user-txt span{font-size: .2rem;display: block;}
	
	.article-title{padding: 0 .2rem;margin-top: .22rem;font-size: 20px;line-height: 26px;}
	
	.article-type{padding: 0 .2rem;}
	
	#livePlayer{
		width: 100%;
		height: 3.6rem;
	}
	
	.article-con{padding: 0 .2rem;margin-bottom: .2rem;}
	.article-con.hide{height: 50vh;}
	body.wx .article-con.hide{height: 55vh;}
	/* 185,76,73 */
	.openApp{width: 100%;margin: .2rem auto 0;background-color: #FFFFFF;margin-bottom: .2rem;}
	.moreArticle{width: 6rem;height: .7rem;margin: auto;cursor: pointer;}
	.moreArticle img{width: .4rem;height: .22rem;display: block;margin: auto;display: block;margin-top: .14rem;}
	.openApp-btn{width: 6rem;height: auto;background-color: #c6312d;display: block;margin: auto;color: #fff;font-size: .3rem;text-align: center;line-height: .35rem;padding: .2rem 0;-webkit-box-shadow: 0 2px 10px 0 rgba(198,49,45,.5);box-shadow: 0 2px 10px 0 rgba(198,49,45,.5);background: -webkit-linear-gradient(311deg,rgba(185,80,80,1) 0,rgba(198,49,45,1) 100%);background: linear-gradient(139deg,rgba(185,80,80,1) 0,rgba(198,49,45,1) 100%);}
	
	.dialog-body{width: 92%;font-size: 18px;margin: 10px auto;}
	.dialog-header h3{font-size: 16px;color: #333;font-weight: bold;line-height: 24px;}
	.dialog-header a{width: 14px;height: 24px;background-size: 14px 14px;background-position: center center;cursor: pointer;}
	.dialog-content{margin: 10px 0;width: 100%;font-size: 12px;line-height: 16px;}
	.dialog-links{width: 100%;overflow: hidden;clear: both;}
	.dialog-links li{float: left;margin-right: 10px;}
	.dialog-links li a{font-weight: bold;font-size: 12px;line-height: 16px;}
	.dialog-confirm{width: 100px;height: 26px;color: #e02222;border: 1px solid #e02222;position: absolute;right: 0;bottom: 0;line-height: 26px;text-align: center;cursor: pointer;font-size: 14px;}
	.dialog-confirm .confirm-icon{width: 17px;height: 12px;background: url(../img/icon_agree.png) no-repeat;background-size: 17px 12px;margin-right: 10px;display: inline-block;vertical-align: middle;}
	.dialog-clear{clear: both;}
	
	.live-con{width: 100%;height: auto;}
	.liveSharePlayer{width: 100%;height: 100%;}
	.liveSharePlayer .vjs-control-bar{display: none;}
	.liveSharePlayer.vjs-playing .vjs-tech {pointer-events: auto;}
	.liveSharePlayer .vjs-volume-panel{display: none;}
	.liveSharePlayer.vjs-paused .vjs-big-play-button,
	.liveSharePlayer.vjs-paused.vjs-has-started .vjs-big-play-button {display: block;}
	.liveSharePlayer .vjs-time-control{display:block;}
	.liveSharePlayer .vjs-remaining-time{display: none;}
	.liveSharePlayer .vjs-big-play-button{font-size: 16px;line-height: 47px;height: 50px;width: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-color: #73859f;background-color: rgba(115,133,159,.5);border-width: 3px;margin-top: -25px;margin-left: -25px;}
	/* 中间的播放箭头 */
	.liveSharePlayer .vjs-big-play-button .vjs-icon-placeholder {font-size: 25px;}
	/* 加载圆圈 */
	.liveSharePlayer .vjs-loading-spinner {font-size: 50px;width: 40px;height: 40px;border-radius: 20px;margin-top: -20px;margin-left: -20px;}
	.live-player-btns{position: absolute;right: 0px;bottom: .5rem;}
	.live-player-btns li{cursor: pointer;width: 1.2rem;margin-top: .3rem;}
	.live-player-btns li i{width: .6rem;display: block;margin: auto;}
	.live-player-btns li span{display: block;color: #fff;text-align: center;font-size: .2rem;margin-top: 5px;}
	.live-player-btns .voice{width: 1.2rem;}
	.live-player-btns .voice i{width: .5rem;height: .44rem;background: url(../img/voice_btn.png) no-repeat;background-size: 100% 100%;display: block;}
	.live-player-btns .voice.active i{background: url(../img/muted_btn.png) no-repeat;background-size: 100% 100%;}
	.live-player-btns .like{margin-top: .4rem;}
	.live-player-btns .like i{height: .55rem;background: url(../img/like_btn.png) no-repeat;background-size: 100% 100%;}
	.live-player-btns .like.active i{background: url(../img/like_acrive_btn.png) no-repeat;background-size: 100% 100%;}
	.live-player-btns .comment i{width: .56rem;height: .56rem;background: url(../img/comment_btn.png) no-repeat;background-size: 100% 100%;}
	.live-player-btns .share i{height: .5rem;background: url(../img/share_btn.png) no-repeat;background-size: 100% 100%;}
	
	.comments{padding: 0 .2rem;width: 100%;box-sizing: border-box;}
	.comments-title{font-size: .28rem;margin: .2rem 0;}
	.comments-con{border-top: 1px solid #cfcfcf;}
	.comments-con dl{overflow: hidden;margin-top: .2rem;}
	.comments-con dl dt{float: left;}
	.comments-con dl dd{float: left;width: 5.2rem;margin-left: .1rem;}
	.comments-con dl dd .user-name{font-size: .2rem;color: #999;float: none;margin-left: 0;line-height: .28rem;}
	.comments-con dl dd .user-reply{font-size: .18rem;color: #000;line-height: .26rem;}
	.comments-con dl dd .user-type{display: flex;margin-top: .08rem;}
	.comments-con dl dd .user-type .user-type-item{color: #999;font-size: .18rem;margin-left: .2rem;display: flex;align-items: center;}
	.comments-con dl dd .user-type .user-type-item:first-child{margin-left: 0;}
	.comments-con dl dd .user-type .user-type-item.likes{margin-left: auto;margin-right: .2rem;cursor: pointer;}
	.comments-con dl dd .user-type .user-type-item.likes i{width: .18rem;height: .18rem;display: block;background: url('../img/like_active_btn.png') no-repeat center center;background-size: .18rem .18rem;margin-right: .05rem;}
	.comments-con dl dd .user-type .user-type-item.zan{cursor: pointer;}
	.comments-con dl dd .user-type .user-type-item.zan i{width: .18rem;height: .18rem;display: block;background: url('../img/zan_btn.png') no-repeat center center;background-size: 100% 100%;margin-right: .05rem;}
	
}

/* @media screen and (max-width:375px) and (max-height:667px) and (-webkit-max-device-pixel-ratio: 2){
	.article-con.hide{height: 50vh;}
	body.wx .article-con.hide{height: 55vh;}
} */

/* 横屏 */
/* horizon */
.horizon{width:100%;height:100%;background:#32373b;position:absolute;left:0;top:0;z-index:9999;display:none;}
.horizon_box{width:100%;height:252px;position:absolute;top:50%;left:0;margin-top:-119px;}
.horizon_pic{width:194px;height:194px;margin:0 auto;text-align:center;}
.horizon span{font-size:22px;display:block;color:#fff;text-align:center;padding-top:10px;}
.horizon i{background:url("../img/orient.png") no-repeat 50% 50%;display:inline-block;width:100px;height:163px;background-size:100px 163px;margin:0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;position:static;display:block;}
@-webkit-keyframes maskAni{0%{-webkit-transform:rotate(-90deg);}30%{-webkit-transform:rotate(-90deg);}70%{-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(0deg);}}
@media screen and (orientation:landscape) and (min-width:375px) and (max-width:1024px){.horizon{display:block;}}