html,body,.base{ padding:0; margin:0; color: #323232; font-size: 16px; }
html,body,.base { width:100%; }
html,body { height:100%; }
@media screen and ( min-width: 321px ) { html,body,.base { font-size: 16px; } }
@media screen and ( max-width: 320px ) { html,body,.base { font-size: 14px; } }
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Microsoft YaHei, 微软雅黑, 宋体, Arial, Helvetica, sans-serif;
}
ul { list-style:none; padding:0; margin:0; }
iframe { width: 100%; height: 100%; border:none; }

/** IScroll **/
.wrapper { position: relative; width: 100%; height:100%; overflow: hidden; }
.scroller {
    width: 100%;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.bottom_area, .top_area { width: 100%; text-align: center; vertical-align: middle; }
.bottom_area { margin-bottom: -0.5em; padding-top: 0.5em; height: 0; overflow: visible; }
.top_area { margin-top: -2.5em; min-height: 2.5em; }
.bottom_area label[data-for="bottom"], .top_area label[data-for="top"] { margin: auto; line-height: 2em; color: #646464; }
.bottom_area .bottom_footer { padding: 0.5em; }
.bottom_area .bottom_footer img { margin: auto; max-height: 3.5em; }

/** 隐藏 **/
.off { display:none !important; }

/** loading **/
.loading { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background: rgba(255,255,255,0.3) center no-repeat url( ../images/loading.gif ); }

/** 点击查看大图 **/
.big_swiper { position:fixed; top:0; left:0; right:0; bottom:0; z-index:8888; background: rgba(0,0,0,1); }
.big_swiper .img { background:no-repeat center; background-size: contain; }
.big_swiper .swiper-container { width:100%; height:100%; }
/*湖北日报有改动部分样式 201903161636 xiaomingwei*/
/** 头部，下载App图片 **/
.top_header { height:3em; width:100%;/* border-bottom: 1px solid #ddd;*/ }
.top_header img { width:100%; height:auto; position:fixed; top:-1px; left:0; z-index:10100; }
.bottom_footer { width:100%; text-align: center; }
.bottom_footer img { max-width: 80%; margin:2em auto; }

/** prompt提示框 **/
.prompt { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index: 99999; }
.prompt .table_div { width:100%; height:100%; display:table; }
.prompt .table_center { display: table-cell; vertical-align: middle; text-align: center; }
.prompt .con { background:#FFF; border:1px solid transparent; border-radius: 0.3em; max-width:80%; margin: auto; }
.prompt label { padding: 1.5em; line-height: 1.4em; display: block; }
.prompt .button_bar { width:100%; display:table; border-top: 1px solid #ddd; }
.prompt button { background:#FFF; border:1px solid transparent; line-height: 2.4em; width:50%; text-align: center; }
.prompt button[ok] { color:#e03335; }
.prompt button[cancel] { color:#646464; border-left: 1px solid #ddd; }
.prompt button:first-child { border-bottom-left-radius: 0.3em; }
.prompt button:last-child { border-bottom-right-radius: 0.3em; }
/*提示信息*/
.hintBox{
	bottom: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
/*默认样式*/
.hintBox .text{
	background: rgba(0,0,0,0.75);
	font-size: 15px;
	border-radius: 5px;
	width: 52%;
	height: 15%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -26%;
	margin-top: -15%;
	color: #fff;
    opacity: 0.7;
}

.hintBox .text span{
	font-size: 16px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	margin: 0 20px;
}