body, div, span, object, iframe, h1, h2, p, dd, dl, dt, li, ol, ul{margin: 0; padding: 0; border: 0 }
* {font-family: pingfang sc, heiti sc, droid sans, microsoft yahei ui;margin: 0;padding: 0;outline: 0;-webkit-tap-highlight-color: rgba(255, 255, 255, .2)}
html {width: 100%; height: 100%; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 16px;}
body {font-size:14px;width: 100%;height: 100%;overflow: scroll; margin:0 auto;}
a {outline: none; text-decoration: none;}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;color:#333;}
a,img{-webkit-touch-callout:none;}
ol,ul,li{list-style:none;}
img {max-width: 100%;}
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
p{background-color:transparent;word-break:break-all;}
.hide{display: none;}
[ng-cloak]{display: none;}
/* special */
header#spe-header{height: 32px;line-height: 32px;background-color: #cb1c1c;position: relative;overflow: hidden; margin:0 auto; max-width:800px;}
header#spe-header > div{color:#fff;}
header#spe-header .spe-left,header#spe-header .spe-right{width: 20px;height: 20px;position: absolute;bottom: 6px;background-color:#fff;border-radius:50%;}
header#spe-header .spe-left{left: 10px;}
header#spe-header .spe-text{height: 32px;line-height: 32px;text-align: center;}
header#spe-header .spe-right{right: 10px;}
section.spe-box{ margin:0 auto; max-width:800px;}
section.spe-box .spe-box-title{}
section.spe-box .spe-box-title .spe-banner-article{}

.spe-banner-article{ position:relative;width:100%;overflow:hidden;}
.spe-banner-article .spe-banner-box{position:relative; z-index:0;}
.spe-banner-article .spe-banner-box li{position:relative;width:100%;display: table-cell;}
.spe-banner-article .spe-banner-box li img{width:100%;display:block;}
.spe-banner-article .spe-banner-box li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.spe-banner-article .spe-banner-box li .img{display: block;padding-top: 56.25%;height: 0;background-size: 100% 100%;background-repeat: no-repeat;}
.spe-banner-article .spe-banner-box li .text{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:27px;line-height:27px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.7);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

section.spe-box .spe-box-title .spe-video-title{}
.spe-box-v .spe-video-title > a,.spe-video-title > a img,.spe-article-title > a,.spe-article-title > a img{display: block;width:100%;}
.spe-box-v .spe-video-title > a em,.spe-article-title > a em{}
.spe-box-v .spe-video-title > p,.spe-article-title > p{background-color:#fff;margin:8px 0 0 0;}
.spe-box-v .spe-video-title > p,.spe-article-title > p.spe-article-text{line-height:2;color:#585858;font-size:24px; font-weight:bold;padding:0 10px 0 10px;}
.spe-box-v .spe-video-title > p,.spe-article-title > p.date{ padding:0 10px 20px 10px; color:#999; font-size:18px; line-height:1.5; border-bottom:1px solid #ccc; }
nav .nav-list{padding: 20px 0 10px 0;}
nav .nav-list .item{font-size:18px;border: 1px solid #ccc;border-radius:5px;line-height:2;text-align:center;float: left;display: inline-block;color:#2e2e2e;margin: 0 8px 10px 0; padding:0 12px;}
.spe-box-v .spe-box-title .spe-video-text.spe-box-p{border-bottom: 0;}

section.spe-box .spe-box-inner{}
section.spe-box .spe-box-inner > h2.spe-inner-text{font-size: 20px;font-weight:bold;line-height: 2;background-color:#eef1f6;color:#585858;text-indent: 12px;}
section.spe-box .spe-box-inner > ul{}
section.spe-box .spe-box-inner ul > .item{padding: 20px 0;margin: 0 10px;max-height:142px;position: relative;border-bottom: .5px solid #c6c6c6; overflow:hidden}
section.spe-box .spe-box-inner ul > .item:last-child{border-bottom: 0;}
section.spe-box .spe-box-inner ul> .item .date{position: absolute;}
section.spe-box .spe-box-inner ul> .item .info{ overflow:hidden; position:relative;}
section.spe-box .spe-box-inner ul> .item .info img{width: 222px;height: 142px; float:left}
section.spe-box .spe-box-inner ul> .item .info p{margin-left: 242px; font-size:20px;line-height: 1.5;color: #2f2f2f; font-weight:bold;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
section.spe-box .spe-box-inner ul> .item .info p.pctime{ color:#8f8f8f; font-size:16px; position:absolute; left:0; bottom:0; line-height:1; font-weight:100; font-family:"arial"}
section.spe-box .spe-box-inner ul> .item .info p.pctime_d{ color:#999; font-size:16px;line-height:1.5; margin-left:0; font-weight:100; margin-top:8px;}
section.spe-box .spe-box-inner.spe-box-axis{}
section.spe-box .spe-box-inner.spe-box-axis > h2.spe-inner-text{font-size: 14px;font-weight: normal;height: 38px;line-height: 38px;background-color:#eef1f6;color:#585858;text-indent: 12px;}
section.spe-box .spe-box-inner.spe-box-axis > ul{}
section.spe-box .spe-box-inner.spe-box-axis ul > .item{padding: 10px;height:70px;position: relative;border-bottom: 0;}
section.spe-box .spe-box-inner.spe-box-axis ul > .item .date{position: absolute;width:46px;text-align:center;z-index: 20;top:25px;background-color:#fff;color:#808080;font-size:14px;}
section.spe-box .spe-box-inner.spe-box-axis ul > .item .info{height:80px;margin-left: 56px;border-bottom: .5px solid #c6c6c6;}
section.spe-box .spe-box-inner.spe-box-axis ul > .item .info img{width: 100px;height: 64px;position: absolute;}
section.spe-box .spe-box-inner.spe-box-axis ul > .item .info p{margin-left: 106px;position: absolute;line-height: 20px;width: auto;}
section.spe-box .spe-box-inner.spe-box-axis ul > .item:last-child >.info{border-bottom: 0;}
section.spe-box .line{border-left: .5px solid #ebebeb;height: 90px;position:absolute;top:0;left:33px;}
/* listmore */
section.spe-box .list-more{}
section.spe-box .list-more .loading-wrap{}
section.spe-box .list-more .loading-wrap .loading{}
section.spe-box .list-more .loading-wrap .loading .loading-icon{}
section.spe-box .list-more .loading-wrap .loadtext{}
/* loading */
#loading{position: absolute; left: 0; right: 0; bottom: 0; top: 0; visibility: hidden; background-color: rgba(0,0,0,0.1);}
#loading > div{position: absolute; margin: auto; right: 0; left: 0; bottom: 0; top: 0; border-radius: 8px; background-color: rgba(255,255,255,0.9); box-shadow: 0 0 5px gray; color: #333;}
#loading > div{width: 200px; height: 90px; text-align: center; font-size: 16px; line-height: 1; white-space: pre-wrap;}
#loading > div> .ico {margin: 15px auto; border: 4px solid silver; border-right-color: gray; border-radius: 100%; width: 32px; height: 32px; -webkit-animation: loadingani 800ms infinite linear; animation: loadingani 800ms infinite linear;}
@-webkit-keyframes loadingani {from {-webkit-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loadingani {from {-webkit-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}

/* bottom */
.overbanner.active {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.overbanner {position: fixed; bottom: 0; width: 100%; text-align: center; display: block; max-width: 960px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .2 ease-in-out; transition: transform .2 ease-in-out; z-index: 999999;}
.overbanner .bannerimg {vertical-align: top;}
.bottomcontainer .cross {display: block; position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; padding: 5px 5px 15px 15px; z-index: 1001;}

footer{ background:#ce3a3a!important; color:#fff; font-size:14px; padding:20px 0;}
footer .m-footer{ max-width:800px; margin:0 auto;}
footer .m-footer p{ line-height:2; text-align:center}