@charset "utf-8"; /* 清除内外边距 */
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td ,img {
    /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal;
} 
textarea {
    resize : none;
}

/* 设置默认字体 */
body, button, input, select, textarea {
    /* for ie */
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';  
    /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    outline: none;
}

body, td, th,samp {
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
} 
h1,h2,h3,h4,h5,h6 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

address, cite, dfn, em, var {
    font-style: normal;
}

/* 将斜体扶正 */
code, kbd, pre, samp, tt {
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    transition: all 0.3s ease-out;
    cursor: pointer;
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*除点状线*/
a:focus, *:focus {
    /* noFocusLine: expression(this.onFocus=this.blur()); */
}

img {
    max-width: 100%;
    display: block;
}

abbr[title], acronym[title] {
    /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

.clear::after {
    content: '';
    clear: both;
}

q:before, q:after {
    content: '';
}

/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset, img {
    border: none;
}

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%;
    /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/*清除iPhone、iPad默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] , select {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

/*去除IE10+浏览器文本框后面的小叉叉*/
input::-ms-clear {
    display: none;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    overflow-y: scroll;
}

/*给input的placeholder设置颜色*/
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

.dis_in_bl {
    display: inline-block;
    *display: inline-block;
    *zoom: 1; }

body {
    scrollbar-face-color : #bcbcbc; /*滚动条页面颜色设定；*/
    scrollbar-highlight-Color : #bcbcbc; /*滚动条斜面和左面颜色设定；*/
    scrollbar-shadow-Color : #bcbcbc; /*滚动条下斜面和右面颜色设定；*/
    scrollbar-3dlight-Color : #bcbcbc;
    /*滚动条上边和左边的边沿颜色设定；*/
    scrollbar-arrow-Color : #505050; /*滚动条两端箭头颜色设定；*/
    scrollbar-track-Color : #f1f1f1; /*滚动条底版颜色设定；*/
    scrollbar-darkshadow-Color: #f00;
    /*滚动条下边和右边的边沿颜色设定。*/
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
    float: left;
}

.list-inline-npc > li {
    display: flex;
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
} 

.col-6{ 
    width: 50%;
}
.col-6,.col-2,.col-3,.col-4,.col-8{ 
    position: relative;
    min-height: 1px;
    float: left;
    padding: 0 10px;
}
.row::after,
.clear::after,
.clear,
.row:before,
.row:after,
header::after,
main::after,
footer:after{
    clear: both;
    display: table;
    content: '';
}

.col-4{
    width: 33.3333%;
}

.row{
    margin-left: -10px;
    margin-right: -10px;
}

.col-3{
    width: 25%; 
}

.col-2{
    width: 16.66666667%; 
}

.col-8{
    width: 66.666666%; 
} 
.row-no-gutters{
    margin-left: 0;
    margin-right: 0;
}

.row-no-gutters [class*=col-]{
    padding-left: 0;
    padding-right: 0;
}
 
.media-left{
    padding-right: 20px;
}

.media-body h4{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.mt-0{
    margin-top: 0 !important;
}

.media-body p{
    font-size: 20px;
    margin-bottom: 18px;
}

.media-body .clear span{
    font-size: 16px;
    color: #999;
}

.media-body .clear img{
    height: 20px; 
    right:10px;
}

/* 
main img{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

main img:hover{
    webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}  */
.vis-xs{
    display: none !important;
}

.media-left img{
    width: 240px;
    height: 135px;
    max-width: 240px;
    max-height: 135px;
}
 .layui-laypage a, .layui-laypage span {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: middle;
     padding: 0 15px;
     height: 30px;
     line-height: 28px;
     margin: 0 -1px 5px 0;
     background-color: #fff;
     color: #333;
     font-size: 14px;
     border: 1px solid #eee;
 }
 .layui-disabled{
     color: #d2d2d2!important;
     cursor: not-allowed!important;
 }
 
 .layui-laypage span.layui-laypage-skip{
     border-right:none;
 border-top:none;
 border-bottom:none;
 }
 
 .layui-laypage input {
     display: inline-block;
     width: 40px;
     margin: 0 10px;
     padding: 0 3px;
     text-align: center;
 }
 
 .layui-laypage button{
     border: 1px solid #eee;
     height: 28px;
     margin-left:12px;
     width:60px; 
     line-height: 0;
     border-radius: 2px;
     vertical-align: top;
     background-color: #fff;
     box-sizing: border-box;
 }
 
 .layui-laypage a:hover{
      background:#00479d;
     color:#fff;
     border-color:#00479d;
 }

@media screen and (max-width: 768px) {
    .col-6,.col-2,.col-3,.col-4,.col-8{ 
        width: 100%;
    }
    .hidden-xs{
        display: none;
    }
    .vis-xs{
        display: block !important;
    }
    .layui-laypage{
        display:none;
    }
    .media-body .right{
        display:none;
    }
    .media-left img {
        width: 100% !important;
        max-width: 100% !important;
    }
}


.list-page-box .news-page .media{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.media-body{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    position: relative;
}

.media-body .clear{
    width: 100%;
}


.share {
    background-color: #eee;
    text-align: center;
    padding: 2px 10px;
    display: none;
    position: absolute;
    right: 0;
    color: #999;
    font-size: 14px;
}
.share-btn {
    background: url(http://static.yidianzixun.com/modules/images/home/social.png?t=201508061116) no-repeat 4px 3px;
    display: inline-block;
    width: 39px;
    height: 39px;
    vertical-align: middle;
}
.new_weibo {
    background-position: 4px 4px;
}
.new_qqzone {
    background-position: 4px -112px;
}
.new_qq {
    background-position: 4px -55px;
}
.new_wechat {
    background-position: 4px -166px;
}
.social-share .icon-wechat .wechat-qrcode .help p{
    font-size: 12px !important;
}

.media-body .right:hover .share{
    display: block;
 }