/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better theme by lexiw.com
*/
.homepage .topbar,.homepage .footer,.homepage .copyright {min-width:1320px}
.homepage .w1200 {width:1320px}
.homepage .page-content {padding-top:0}
.page-content {
    min-height: 200px;
    min-width: 1200px;
    padding: 30px 0 60px;
}
.nav-home {border-bottom:2px solid #F3F3F3}
.nav-home .nav-component {padding:14px 0}
.content-home {position:relative;padding-left:130px}
.content-home .page-main {width:854px}
.page-main {float: left;width: 880px;}
.page-side {float: right;width: 290px;}
.homepage .page-side {width:320px}

.homepage .list-hotnews .item-article {position:relative;padding:15px}
.item-article .cover {float:left;display:block;width:170px;height:134px;border-radius:3px;overflow:hidden;}
.item-article .cover img {display:block;width:100%;border-radius:3px;object-fit:cover;}
.item-article .info {position:relative;}
.item-article .cover + .info {margin-left:190px;height:134px;}
.item-author:after,.item-side:after,.item-lesson:after,.item-article:after,.item-article .source:after {content:"";display:block;line-height:0;font-size:0;clear:both;}
.item-article .title {line-height:22px;font-weight:normal;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item-article .title a {color:#333;}
.item-article .text {margin-top:7px;max-height:48px;line-height:24px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.item-article .text a {color:#666;}
.item-article .source {margin-top:10px;line-height:28px;font-size:14px;color:#999;}
.item-article .cover + .info .source {position:absolute;left:0;bottom:-8px;}
.item-article .author {float:left;display:block;}
.item-article .source span {float:left;color:#999;}
.item-article .source span {float:left;color:#999;}
.item-article .source .point {margin:0 9px;font-weight:bold;}
.page-side .main-search {padding-right:48px;}
.main-search {position:relative;}
.main-search .btn {display:block;margin-right:-90px;width:90px;height:44px;line-height:44px;padding:0;background:#D52136;border-radius:0 4px 4px 0;border:0 none;text-align:center;font-size:16px;color:#fff;cursor:pointer;}
.page-side .main-search .btn {font-size:0;margin-right:-48px;width:48px;}
.page-side .main-search .btn .icon-search {display:block;width:20px;height:20px;margin:12px auto;background:url(../images/sprite-global.png) no-repeat -179px -260px;}
.main-search .input {position:relative;}
.main-search input {-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:44px;padding:10px 20px;background:#F6F6F6;border:1px solid #E7E7E7;border-radius:4px 0 0 4px;font-size:16px;color:#333;}
.page-side .main-search input {padding:10px;border:0 none;font-size:14px;}
.side-tab {border-top:3px solid #DFDBDB;}
ul.clearfix > li,ol.clearfix > li {float:left;}
.side-hotnews .side-tab li {width:33.3333%;}
.side-tab a {display:block;margin-top:-3px;height:30px;padding:15px 13px 0;line-height:30px;text-align:center;font-size:16px;color:#333;}
.side-tab li.active a,.side-tab a:hover,.side-title h3 a:hover {color:#D52136;}
.side-tab li.active a {padding-top:12px;border-top:3px solid #D52136;}
.side-hotnews .side-tab li a {padding-left:0;padding-right:0;}
.side-hotnews .tab-cont {padding:20px 0 5px;display: none;}
.side-hotnews .tab-cont:first-child {
    display: block;
}
.dn,.hide {display:none!important;}

.item-hot {position:relative;max-height:48px;padding-right:14px;padding-left:34px;margin-bottom:12px;line-height:24px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.item-hot a {color:#333}
.item-hot i {position:absolute;left:8px;top:0;display:block;width:24px;height:24px;background:url(../images/sprite-global.png) no-repeat}
.item-hot i.no1 {background-position:-54px -287px}
.item-hot i.no2 {background-position:-80px -287px}
.item-hot i.no3 {background-position:-106px -287px}
.item-hot i.no4 {background-position:-132px -287px}
.item-hot i.no5 {background-position:-158px -287px}
.item-hot i.no6 {background-position:-54px -313px}
.item-hot i.no7 {background-position:-80px -313px}
.item-hot i.no8 {background-position:-106px -313px}
.item-hot i.no9 {background-position:-132px -313px}
.item-hot i.no10 {left:5px;background-position:-164px -313px}
.homepage .side-masters, .homepage .side-columns {padding: 0;}
.side-title {position:relative;height:20px;zoom:1}
.side-title .line {position:absolute;top:50%;left:0;height:0;width:100%;border-top:1px solid #DFDBDB;z-index:1}
.side-title h3 {position:relative;float:left;display:inline-block;height:20px;line-height:20px;padding:0 10px 0 15px;background:#FFF;border-left:5px solid #D52136;z-index:2}
.side-title h3 {font-weight:bold;font-size:18px;color:#333}
.side-title h3 a {color:#333}

.item-side {position:relative;padding-left:108px;}
.homepage .side-columns .item-side {margin:20px 0 0;padding:20px 0 0 108px;}
.side-columns .item-side {margin:20px -20px 0;padding:20px 20px 0 128px;border-top:1px solid #F7F7F7;}
.side-columns .item-side:first-child {margin-top:0;padding-top:0;border-top:0 none;}
.item-side .img,.item-lesson .img {position:relative;float:left;display:block;border-radius:3px;overflow:hidden;}
.item-side .img {margin-left:-108px;width:95px;}
.item-side .img img,.item-lesson .img img {display:block;width:100%;border-radius:3px;object-fit:cover;}
.item-side .title,.item-lesson .title {display:block;line-height:22px;font-weight:bold;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item-side .title {font-size:16px;}
.item-side .info {display:block;margin-top:6px;height:40px;line-height:20px;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.item-side .tag-num {position:relative;top:6px;display:inline-block;padding:0 10px;height:20px;line-height:20px;background:#EEE;border-radius:15px;vertical-align:middle;font-size:12px;color:#999;}

.article .page-main {
    position: relative;
    padding: 20px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-crumb {line-height:20px;font-size:14px;color:#999}
.page-crumb a {color:#999}
.page-crumb .split {margin:0 5px}
.page-crumb .active {color:#333}
.article-title {
    line-height: 42px;
    margin: 16px 0;
    font-size: 30px;
    color: #333;
}
.article-aside {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}
.article-aside .tag {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    padding: 0 6px;
    line-height: 24px;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
}
.article-aside a {
    margin-right: 10px;
    color: #999;
}
.article-text {
    line-height: 1.8;
    text-align: justify;
    word-break: break-all;
    line-break: anywhere;
    font-size: 16px;
    color: #333;
}
.article-text p {
    margin-bottom: 26px;
}