@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ins,a{text-decoration:none}:focus{outline:0}a{overflow:hidden;text-decoration:none;text-align:inherit;color:inherit;border:0;cursor:pointer}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}

.oh {
	overflow: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tc{
	text-align: center;
}
.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
input {
	outline: none;
	-webkit-appearance: none;/*解决苹果机上input的内阴影*/
	-moz-appearance: none;
	appearance: none;
}

header {
	box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: .88rem;
    background: #fff;
    z-index: 100;
    border-bottom: 1px solid #CCC;
}
/*header紧接着的占位元素，把头部的高撑出来*/
header+.header_seat{
	height: 0.88rem;
}

#title {
    font-size: .34rem;
    line-height: .88rem;
    overflow: hidden;
    /*width: auto;*/
    height: .88rem;
    padding: 0 .88rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
/*左边的返回图标*/
header .ps-back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: .88rem;
    height: .88rem;
    background: url('/app/images/ic_back_black@2x.png') no-repeat 0.3rem center;
    background-size: .36rem .28rem;
}

header .word-link{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 0.28rem;
    display: block;
    padding-right: .3rem;
    height: .88rem;
    line-height: .88rem;
}

header .share-tips{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    padding: 0.39rem .3rem 0;
    height: .88rem;
    width: 1.2rem;
    box-sizing: border-box;
    line-height: .88rem;
    overflow: hidden;
}

header .share-tips>span{
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 0.05rem;
	margin-left: 0.1rem;
	background-color: #8a8a8a;
	float: left;
}

/*************************分页加载相关样式loading*********************************/
.loading_pic {
 	font-size: 0.2rem;
 	text-align: center;
 	width: 100%;
 	position: fixed;
 	top: 7rem;
 	display: none;
 }
 .loading_pic>img{
 	width:1.2rem;
 	display: block;
 	margin: 0 auto;
 }
 .loading_pic>p{
 	font-size:0.2rem; color: #333;
 	text-align: center;
 	margin-top: 0.1rem;
 	color: rgb(51, 51, 51);
 }

 .no_more{
 	font-size: 0.28rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    display: none;
	 margin-top: 0.1rem;
	 color: #999999;
}
.zanwu_data{
	background: white url('../images/zanwu_shuju.png') no-repeat center 0.3rem/2.31rem 1.75rem;
	padding-top: 2.35rem;
	font-size: .28rem;
	line-height: .5rem;
	text-align: center;
	color: #999;
	display: none;
}
 /*.ic_wushuju{
	 width: 2.31rem;
	 height: 1.75rem;
	 margin: 0 auto;
 }*/

.loading_pic_samll{
	overflow: hidden;
	width: 0.5rem;
	height: 0.5rem;
	position: fixed;
	top: 3rem;
    left: 50%;
    margin-left: -0.25rem;
    display: none;
}
.loading_pic_samll>img{
	float: left;
	width: 0.5rem;
	height: 0.5rem;
}

a#jump_link{
	height: 1rem;
	float: right;
	overflow: hidden;
}

/*时间轴等图片点击之后的轮播图*/
#pic_box{
	display: none;
}

/*定义加载的动画*/
@keyframes loader4 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader4 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
/*底部浮窗*/
.fix_area_bottom{
	width: 100%;
	position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.fix_area_bottom>div{
	width: 100%;
    height: 1rem;
    background: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.28rem;
    color: white;
}
.fix_area_bottom>div>div{
	width: 50%;
	float: left;
}
.fix_area_bottom>div>div:nth-of-type(1){
	text-align: right;
	line-height: 1rem;
}
.fix_area_bottom>div>div:nth-of-type(2){
}
.fix_area_bottom>div>div:nth-of-type(2)>p{
	margin-left: 0.5rem;
	background-color: #ff9419;
	width: 2.5rem;
	height: 0.44rem;
	border-radius: 0.12rem;
	text-align: center;
	overflow: hidden;
	margin-top: 0.28rem;
}
.fix_area_bottom>div>div:nth-of-type(2)>p>img{
	width: 0.28rem;
	float: left;
	margin: 0.08rem 0.12rem 0;
}
.fix_area_bottom>div>div:nth-of-type(2)>p>a{
	color: white;
	float: left;
	line-height: 0.44rem;
}
#fix_area_bottom_btn{
	position: absolute;
	right: 0;
	bottom: 1rem;
	width: 0.96rem;
	height: 0.96rem;
	overflow: hidden;
}
#fix_area_bottom_btn>img{
	float: left;
	width: 0.36rem;
	margin: 0.3rem;
}
