@charset "utf-8";
/* CSS Document */
html,body,header,section,footer,div,ul,ol,li,img,a,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,select{margin:0;border:0;padding:0;font-style:normal;font-size:14px;font-family: '微软雅黑'; outline:none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;text-size-adjust:none;border-radius:0;/* -webkit-appearance:none; */}
html,body,a{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;background-color: #fff; color:#262626;-webkit-font-smoothing: antialiased;}
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{display: block;}
img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{display:inline-block;}
header,section,footer {	position:relative;}
ol,ul,li{list-style:none;}
input,button,textarea {border:0;margin:0;padding:0;font-size:1em;line-height:1em;background-color:rgba(0, 0, 0, 0);}
a:active, a:hover {outline: 0;}
a,a:visited{text-decoration:none; background:url();}

label, .wordWrap{word-wrap: break-word;word-break: break-all;}
table { border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
.clearfix:after{content: ' ';display: block;clear: both;visibility:hidden;line-height: 0;height:0;}

/*****分页样式*****/
.pageSize {color:#333; margin: 0 auto;width: 100%; text-align:center;}
.pageSize a {background: none repeat scroll 0 0 #f7f8f9;color: #333;height: 20px;line-height: 20px;margin: 0 5px;padding: 4px 10px;text-align: center;}
.pageSize a:hover {background: none repeat scroll 0 0 #188eee;color: #fff;}
.pageSize span.current {background: none repeat scroll 0 0 #188eee;color: #fff;height: 20px;line-height: 20px;margin: 0 5px;padding: 4px 10px;}

.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;color:#999;line-height:18px;padding:0px; margin-left:10px;_margin-left:5px; font-size:12px;}
.onShow{background-position:3px -147px;}
.onFocus{background-position:3px -147px;}
.onError{background-position:3px 3px; color:#ff9a00}
.onCorrect{background-position:3px -247px;color:green;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}

/***底部样式**/
.publicFooter{ text-align:center; font-size:12px; line-height:30px;height:30px; padding:10px 0px; color:#ccc; background:#4e525e;}
.public-botton{background:#f5f5f5;border-top:1px solid #dfdee0;}
.public-botton ul{padding:10px 10px;}
.public-botton ul li{float:left;width:33%;text-align:center;}
.public-botton ul li a{color:#686868;width:100%;height:15px;line-height:15px;}


/***列表页右侧选项***/
.listPageTopBlock{ width:calc(100% - 20px); margin:0px auto 0px;border:1px solid red;border:1px solid #ccc;padding:10px;position:fixed;top:-250px;background:#fff;z-index:100;}
.listPageTopBlock .topListType{ margin-bottom:15px;}
.listPageTopBlock .leftType{width:60px; float:left; font-weight:bold; height:26px; line-height:26px;}
.listPageTopBlock .typeAll{ width:50px; float:left; text-align:center; height:26px; line-height:26px;}
.listPageTopBlock .typeContent{ line-height:26px; width:calc(100% - 110px); float:left;}
.listPageTopBlock .topListType a{ padding:0 5px; height:26px; line-height:26px; text-align:center; display:inline-block; margin:0px 5px;}
.listPageTopBlock .topListType a.sel,.listPageTopBlock .topListType a:hover{ background-color:#188eee; color:#fff;}
.listPageTopBlock .topListType .typeSecondContent{ background-color:#f7f8f9; line-height:40px; min-height:40px; margin-top:10px;}
.listPageTopBlock .topListType .typeSecondContent a{ margin-top:7px;}


.go_bottom
{
    animation:myfirst 1s;
    -webkit-animation:myfirst 1s;
    animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%  {top:-250px;}
    100% {top:50px;}
}
.go_top
{
    animation:goTop 1s;
    -webkit-animation:goTop 1s;
    animation-fill-mode: forwards;
}
@-webkit-keyframes goTop /* Safari and Chrome */
{
    0%  {top:50px;}
    100% {top:-250px;}
}

/****选项卡样式****/
.selTitle { margin-bottom:10px; height:38px;}
.selTitle span{ float:right; height:32px; width:150px; background-color:#ff9a00;}
.selTitle span a{ display:block; color:#fff; height:32px; width:150px; line-height:32px; text-align:center;}
.selTitle ul li{ float:left; margin:0px 25px; padding:0px 10px; height:36px; line-height:36px; border-bottom:2px solid transparent; font-size:16px;/* text-shadow:0px 1px 0.5px #808080;*/ cursor:pointer;}
.selTitle ul li.sel,.selTitle ul li:hover{ border-bottom:2px solid #188eee;}

.video-icon{float:left; margin-top:2px; margin-right:2px;}

/***头部样式***/
header {height:50px;background:#1369c0;position:fixed;top:0;width:100%;z-index:1001;}
header .return{width:50px;height:25px;float:left;border:1px solid #fff;border-radius: 5px;margin-left:10px;margin-top:11px;line-height: 25px;color:#fff;font-size:12px;}
header .return img{
    width:12px;float:left;margin:0 3px;margin-top:7px;
}
header .input_search{float:left;height:50px;line-height:50px;margin-left:40px; width:calc(100% - 140px);position:relative}
header .search_go{width:20px;height:20px;position:absolute;right:15px;top:15px;}
header .search_go img{width:20px;height:20px;}
header .tiaojian{float:left;width:25px;height:50px;background:url('../images/cate-icon.png') no-repeat center center;background-size:25px;z-index:10001;margin-right:5px;}
header .input_search input{border:1px solid #fff;height:25px;line-height:25px;padding-left:10px;border-radius:20px;width:calc(100% - 20px);background:#fff}



.contentList{margin:0 auto;margin-top:60px;width:calc(100% - 30px);margin-bottom:50px;}
.contentList ul li{border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px}

.contentList ul li .title a{color:#666;font-size:14px;}
.contentList ul li .detailBu {display: flex;align-items: center;justify-content: space-between;font-size:12px;color:#999;}
.contentList ul li .detailBu{margin-top:10px;margin-bottom:10px;}
.contentList ul li .detailBu .mpa{margin-right:calc(100%/10);}
.contentList ul li .detailBu .time{margin-right:calc(100%/10);}
.contentList ul li .detailBu .mpa div{background:url('../images/icon.png') no-repeat center center;background-size:400px;background-position:-282px -112px;width:20px;height:20px;}
.contentList ul li .detailBu .time div{background:url('../images/icon.png') no-repeat center center;background-size:400px;background-position:-300px -112px;width:30px;height:20px;}
.contentList ul li .detailBu .views div{background:url('../images/icon.png') no-repeat center center;background-size:400px;background-position:-325px -114px;width:36px;height:20px;margin-right:5px;}
.clear{clear:both;}


/* 公共底部 */
.bottom-button{height:50px;width:100%;border-top:1px solid #ccc;position:fixed;bottom:0;background:#fff;color:#bbb;z-index:1500}
.bottom-button ul li{float:left;width:calc(100%/4 );height:50px;font-size:12px;text-align:center;}
/* 首页 */
.bottom-button ul .sy div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-60px -10px;width:30px;margin:0 auto;}
.bottom-button ul .sysel div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-60px -43px;width:30px;margin:0 auto;}
.bottom-button ul li a{color:#7e7e7e}

/* 视频 */

.bottom-button ul .sp div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-122px -11px;width:30px;margin:0 auto;}
.bottom-button ul .spsel div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-122px -46px;width:30px;margin:0 auto;}
.bottom-button ul .spsel a{color:#326fcc;}

/* 直播 */
.bottom-button ul .zb div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-28px -10px;width:30px;margin:0 auto;}
.bottom-button ul .zbsel div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-28px -45px;width:30px;margin:0 auto;}
.bottom-button ul .zbsel a{color:#326fcc}
/* 培训 */
.bottom-button ul .px div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:2px -10px;width:30px;margin:0 auto;}
.bottom-button ul .pxsel div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:2px -45px;width:30px;margin:0 auto;}
.bottom-button ul .pxsel a{color:#326fcc}

/* 我的 */
.bottom-button ul .wd div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-94px -10px;width:25px;margin:0 auto;}
.bottom-button ul .wdsel div{background:url('../images/icon.png') no-repeat center left;background-size:220px;height:28px;background-position:-94px -45px;width:25px;margin:0 auto;}
.bottom-button ul .wdsel a{color:#326fcc}
.bottom-button ul .sel a{color:#4b9cf7}
.jzMore{border:1px solid #ccc;border-radius:5px;background:#eee;width:100%;line-height:30px;height:30px;color:#333;outline:none}
.noMore{text-align:center;margin-bottom:20px;display:none;}

/* go top */

.scroll{width:35px;height:35px;position:fixed;right:10px;bottom:100px;display:none;}

.overbody{overflow: hidden;}
.voice{
    width:65px;height:65px;position:fixed;right:10px;bottom:60px;border-radius:50px;background: url('../images/search.png') no-repeat center center;background-size:cover;
}
.voice-img{
    position: fixed;width:100%;top:100%;display:none;
}
.voice-gif{
    width:120px;height:120px;margin:0 auto;background:url('../images/timg.gif') no-repeat center center;background-size: cover;border-radius:6px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.false-r{
    width:120px;height:35px;margin:0 auto;margin-top:15px;line-height: 35px;color:#fff;text-align: center;border-radius:6px;background: #f52626;display:none;transition:background 0.5s;
    -moz-transition:background 0.5s;
    -webkit-transition:background 0.5s;
    -o-transition:background 0.5s;
}