/*底部菜单栏*/
.sidebar{width:100%; height:32px;padding:12px 0 10px; background:#dbdbdb; position:fixed; left:0; bottom:0; z-index:10;}
.sidebar ul{}
.sidebar ul li{ width:33%; height:12px; padding-top:20px; font-size:10px; color:#666; text-align:center; position:relative; float:left;}
.sidebar ul .article{background:url(../images/ico_mulu.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul .article.cur{background:url(../images/ico_mulu_cur.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul .rili{background:url(../images/ico_wangqi.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul .rili.cur{background:url(../images/ico_wangqi_cur.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul .user{background:url(../images/user.png) center center no-repeat; background-size:auto 50%;}
.sidebar ul .user.cur{background:url(../images/user_cur.png) center center no-repeat; background-size:auto 50%;}
.sidebar ul .fenxiang{background:url(../images/fenxiang.png) center center no-repeat; background-size:auto 50%;}
.sidebar ul .fenxiang.cur{background:url(../images/fenxiang_cur.png) center center no-repeat; background-size:auto 50%;}
.sidebar ul .banmian{background:url(../images/ico_banmian.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul .banmian.cur{background:url(../images/ico_banmian_cur.png) center top no-repeat; background-size:auto 60%;}
.sidebar ul li span{width:8px; height:8px; background:#f85129; border:2px solid #fff; border-radius:50%; position:absolute; left:50%; margin-left:-22px; top:-7px; display:none;}
.sidebar ul li.cur span{display:block;}
.sidebar ul li.cur{color:#000;}

/*预加载*/
#loading{width:100%; height:100%; text-align:center; position:fixed; left:0; top:0; z-index:1000; background:#000 url(../images/loading.gif) center center no-repeat; background-size:50% auto; opacity:0.6;}

.guide{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
.guide img{width:80%; display:block; position:absolute; left:10%; bottom:70px;}
.guide .close_guide{width:40px; height:24px; background: url(../images/close_guide.png) no-repeat; background-size:100% auto; text-indent:-9999px; position:absolute; top:10px; right:10px; opacity:0.9;}

/*文章列表*/
.article_pop{ height:100%; padding:0 10px; text-align:left; overflow-y:auto; display:none;}
.article_pop .list{width:100%; height:auto;}
.article_pop .list h3{ height:24px; line-height:24px; padding-bottom:5px; border-bottom:1px solid #e5e5e5; margin-bottom:5px; font-size:16px; font-weight:500; color:#f85129;}
.article_pop .list ul{}
.article_pop .list ul li{line-height:24px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#000; text-indent:1em; word-wrap:break-word;}
.article_pop .list ul li a{font-size:1em; color:#000;}

/*切换报纸版面*/
.subBanmian{ width:100%; height:auto; padding-bottom:1px; background:#000; opacity:0.8; position:fixed; left:0; bottom:54px; z-index:100; display:none;}
.subBanmian .colse_subBanmian{width:25px; height:25px; background:url(../images/close_zt_white.png) center center no-repeat; background-size:90% 90%; text-indent:-9999px; position:absolute; top:4px; right:10px;}
.subBanmian h3{ height:24px; line-height:24px; padding:6px 5px; font-size:16px; font-weight:normal; color:#fff;}
.subBanmian ul{ margin-left:1px;}
.subBanmian li{ width:14%; height:24px; line-height:24px; border:1px solid #fff; border-collapse:collapse; font-size:14px; color:#fff; text-align:center; margin:-1px 0 0 -1px; display:inline; float:left;}

/*报纸*/
.paper{ padding-top:5px; text-align:center;}
.paper img{ width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {float: left;position:relative;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-container {color: #fff; text-align: center;}
.swiper-slide {
	height: 100%;
	/*opacity: 0.4;*/
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.swiper-slide .touming{width:100%; height:100%; background:#000; opacity:0.4; position:absolute; left:0; top:0;}
.swiper-slide-active {opacity: 1;}
.swiper-slide-active .touming {display: none;}
.pagination {
	position: absolute;
	z-index: 2;
	left: 10px;
	bottom: 10px;
	display:blick;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 8px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}
.swiper-visible-switch {background:#aaa;}
.swiper-active-switch {background:#fff;}
.swiper-wrapper img{}

/*日历*/
.page {width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; display:none;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 16px; font-family:Microsoft Yahei;}
#monthwrapper ul li{color: #898989;font-size: 16px; font-family:Microsoft Yahei;}
#daywrapper ul li{color: #898989;font-size: 16px; font-family:Microsoft Yahei;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:microsoft yahei;font-size:16px;}
#dateconfirm{position: absolute;background:#79C12F; background:#c8a062; /*background:#f85129;*/left:20px;color:#fff;}
#datecancle{position: absolute;background:#c8a062; right:20px; width:40%;color:#fff;}
#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; z-index:99;}
#datePage{width:80%; height:240px; background:#fff; font-size:22px; border-radius:3px; position:absolute; top:50%; margin-top:-120px; margin-left:auto; margin-right:auto; vertical-align:middle; z-index:9999999;}
#datetitle{width: 100%;height:50px;background: #79C12F; background:#c8a062; /*background:#F85129;*/ text-align:center; color:#fff; line-height:50px; font-size:20px;font-family:microsoft yahei;}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height:26px; position:absolute;top:106px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}

@media screen and (max-width:320px){
.subBanmian{ padding-bottom:5px;}
.subBanmian ul { margin-left:5px;}
.subBanmian li{ width:12%;}
}