@charset "utf-8";

/*content*/

.g-content {
    padding-top: 25px;
}

.g-content .s-module {
    padding-bottom: 15px;
}

.g-content .s-module .s-pic {
    width: 420px;
}

.g-content .s-module .u-swiper {
    overflow: hidden;
    margin-bottom: 20px;
}

.g-content .s-module .u-swiper img {
    display: block;
}

.g-content .s-module .u-swiper .s-cover {
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
}

.g-content .s-module .u-swiper .s-cover h3 {
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.g-content .s-module .u-swiper a {
    color: inherit;
}

.g-content .s-module .u-swiper .swiper-pagination {
    text-align: left;
    padding: 0 20px;
}

.g-content .s-module .u-swiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.4;
}

.g-content .s-module .u-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.g-content .s-module .s-info {
    flex: 1;
    padding-left: 30px;
}

.g-content .s-module .s-info .u-list-text {
    line-height: 40px;
}

.g-content .s-module .s-hot .u-cover {
    width: 200px;
}

.g-content .s-module .s-hot .s-cover-b-l {
    width: 100%;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.g-content .s-module .s-hot .s-cover-b-l h3 {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 15px 10px;
}

.g-content .s-module .s-hot .s-cover-b-l a {
    color: inherit;
}

.g-content .s-row .s-new .u-list-rich {
    margin-bottom: 20px;
}

.g-content .s-row .s-info .u-list-text {
    line-height: 38px;
}

.g-content .s-row .s-industry .u-list-pic {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.g-content .s-row .s-industry .u-list-pic:nth-of-type(2n+1) {
    padding-left: 0;
}

.g-content .s-row .s-industry .u-list-pic:nth-of-type(2n) {
    padding-right: 0;
}

.g-content .s-row .s-video {
    margin: -10px;
}

.g-content .s-row .s-video .u-list-pic {
    width: 25%;
    padding: 10px;
}


/*ranking*/

.r-ranking {
    padding-top: 30px;
}

.r-ranking .i-list {
    margin-top: 30px;
}

.r-ranking .u-list-ranking {
    margin-bottom: 50px;
}


/*content*/

.r-content {
    padding-top: 30px;
}

.i-news-hot {
    margin: -10px;
}

.i-news-hot .u-list-pic {
    width: 25%;
    padding: 10px;
}

.i-news-hot .s-cover-t-r {
    background-color: #e50112;
    font-size: 12px;
    color: #fff;
    padding: 4px 9px;
}

.i-news-list {
    margin: -10px;
}

.i-news-list .u-list-rich {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e1e1e1;
}

.i-news-list .u-list-rich:last-of-type {
    padding-bottom: 0;
    border-block-width: 0;
}

.i-news-list .u-info {
    padding-left: 20px;
}

.i-news-list .u-list-pic {
    width: 25%;
    padding: 10px;
}

.i-news-list .s-cover-t-r {
    background-color: #e50112;
    font-size: 12px;
    color: #fff;
    padding: 4px 9px;
}

.i-car-hot {
    margin: -10px;
}

.i-car-hot .u-list-pic {
    width: 50%;
    padding: 10px;
}

.i-car-hot .s-cover-t-r {
    background-color: #e50112;
    font-size: 12px;
    color: #fff;
    padding: 4px 9px;
}

.i-car-hot .u-info .i-pic {
    width: 100px;
}

.i-car-hot .u-info .i-info {
    flex: 1;
    padding-left: 12px;
}


/*detail*/

.r-detail {
    padding: 30px 0;
}

.i-detail .i-crumbs {
    font-size: 14px;
    color: #333;
}

.i-detail .i-crumbs a {
    color: #999;
}

.i-detail .i-crumbs a[href] {
    color: inherit;
}

.i-detail .i-crumbs span {
    margin: 0 2px;
}

.i-detail .i-title {
    padding: 25px 0;
    border-bottom: 1px solid #e1e1e1;
}

.i-detail .i-title h2 {
    font-size: 28px;
    color: #333;
}

.i-detail .i-title aside {
    margin-top: 20px;
    font-size: 14px;
    color: #999;
}

.i-detail .i-title aside span,
.i-detail .i-title aside a {
    vertical-align: middle;
}

.i-detail .i-title aside span {
    margin-right: 10px;
}

.i-detail .i-title aside a {
    margin: 0 2px;
}

.i-detail .i-con {
    padding: 25px 0;
}

.i-detail .i-con p {
    margin: 25px 0;
    font-size: 16px;
    line-height: 1.75;
}

.i-detail .i-con img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.i-detail .i-recommend {
    align-items: flex-end;
}

.i-detail .i-recommend a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.i-detail .i-recommend .i-good {
    background: #ff5f5a;
}

.i-detail .i-recommend .i-bad {
    background: #ccc;
}

.i-detail .i-recommend img {
    display: block;
    width: 24px;
}

.i-detail .i-recommend aside {
    width: 160px;
    margin: 0 10px;
}

.i-detail .i-recommend .i-process {
    height: 12px;
    background: #ccc;
    border-radius: 3px;
}

.i-detail .i-recommend .i-process span {
    display: block;
    width: 110px;
    background: #ff5f5a;
}

.i-detail .i-recommend .i-rec-info {
    margin-top: 4px;
    font-size: 14px;
    color: #333;
}

.i-detail .i-recommend .i-rec-info .i-good-num {
    color: #ff5f5a;
}

.i-row {
    margin-top: 20px;
}

.i-row-title {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0;
}

.i-row-title h3 {
    font-size: 20px;
    color: #333;
}

.i-row-con {
    padding: 15px 0;
}

.i-pro .u-swiper {
    overflow: hidden;
}

.i-pro .swiper-container {
    width: 860px;
}

.i-pro .swiper-button-next,
.i-pro .swiper-button-prev {
    width: 17px;
    color: #ccc;
}

.i-pro .u-list-rich {
    padding: 0 45px;
}

.i-pro .u-info {
    padding-left: 20px;
}

.i-pro .u-info .i-main {
    flex: 1;
    margin-right: 30px;
}

.i-pro .u-info h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.i-pro .u-info h3 span {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.57142857;
    color: #fff;
    padding: 0 8px;
    background: #ff5f5a;
    border-radius: 3px;
    margin-right: 10px;
}

.i-pro .u-info p {
    font-size: 14px;
    -webkit-line-clamp: 2;
}

.i-pro .u-info aside {
    font-size: 20px;
    color: #ff5f5a;
    margin-bottom: 15px;
}

.i-news .u-list-text {
    width: 50%;
    line-height: 45px;
    font-size: 16px;
}

.i-news .u-list-text:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ccc;
    margin-right: 5px;
    vertical-align: middle;
}

.i-news .u-list-text a {
    vertical-align: middle;
}




/**/

.pageLink {
	line-height: 36px;
	clear: both;
	font-family: "Microsoft Yahei", simsun;
}
.pageLink {
	text-align: center;
}
.pageLink ul {
	display: inline-block;
}
.pageLink .firstPage {
	width: 30px;
}
.pageLink ul li {
	float: left;
	line-height: 30px;
	height: 30px;
	margin-left: 5px;
	font-size: 13px;
	padding: 0px 13px;
	width: auto;
	background: #eee;
	border: 1px solid #eee;
}
.pageLink ul li a:hover {
	color: #ff0000;
	text-decoration: none;
}
.pageLink ul li.thisclass, .pageLink ul li.thisclass a, .pageLink ul li.thisclass a:hover {
	background-color: #00a0e2;
	border: 1px solid #00a0e2;
	color: #FFF
}
.pageLink .pageinfo {
	line-height: 30px;
	padding: 12px 5px 10px 5px;
	color: #999;
}
.pageLink select {
	line-height: 30px;
	margin-top: 4px
}
.pageLink .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.pageLink table {
	text-align: center;
	margin: 0 auto
}
.go2top {
    background: url("/static/images/gotop.png") no-repeat scroll left top transparent;
    bottom: 65px;
    color: #444444;
    display: none;
    height: 50px;
    margin-left: 510px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
}
.go2top:hover {
    background-position: -50px top;
}


.article-body .detail .share {
	
	right: 0;
	top: 0;
}
.article-body .detail .share a {
	float: left;
	display: block;
	width: 36px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url("/static/images/sharebg.gif") no-repeat;
}
.article-body .share .bds_tsina {
	background-position: 0 0
}
.article-body .share .bds_qzone {
	background-position: 0 -39px;
}
.article-body .share .bds_weixin {
	background-position: 0 -115px;
}
.article-body .share .bds_tsina:hover {
	background-position: 0 -151px;
}
.article-body .share .bds_qzone:hover {
	background-position: 0 -190px;
}
.article-body .share .bds_weixin:hover {
	background-position: 0 -266px;
}