/* article && quote*/
.top-l {width:440px;float:left;margin-right:10px;}
.top-r {width:440px;float:right;}
.headline h2 {text-align:center;font-size:22px;margin:10px 16px 0 16px;height:48px;line-height:48px;overflow:hidden;}
.subline {padding:0 24px;}
.subline li {height:32px;line-height:32px;overflow:hidden;font-size:14px;}
.subline .f_r {font-size:12px;color:#999999;padding-left:16px;font-style:normal;float:right;}
.keytags {font-size:14px;padding:16px 24px;}
/* catlist */
.childlist {padding:10px;line-height:24px;}
.childlist li {font-size:14px;height:28px;line-height:28px;background: no-repeat 4px 12px;padding:0 10px 0 12px;overflow:hidden;}

.catlist {padding-bottom:16px;line-height:32px;margin:16px;}
.catlist li {font-size:14px;height:32px;line-height:32px;background: no-repeat 6px center;padding:0 16px;overflow:hidden;}
.catlist i {font-style:normal;float:right;font-size:12px;color:#666666;}
.catlist .sp {background:#ffffff  repeat-x 0 center;}

.subtitle {padding:10px 16px;margin:20px 0;line-height:32px;font-size:14px;border:#eeeeee 1px solid;background:#fafafa;overflow:hidden;}
.subtitle li {width:50%;height:32px;overflow:hidden;float:left;}

.cate-list {background:#f6f6f6;overflow:hidden; padding-bottom: 10px;}
.cate-box {width:calc((100% - 40px) / 2);background:#ffffff;margin:10px 10px 0 10px;float:left;border-radius:10px;}

.itit {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}
.itit i {
    color: #999;
    font-size: 14px;
    padding-left: 20px;
	font-style: normal;
}
.titjd {
    background: url(/uploads/image/ss2023/titjd.png) left center no-repeat;
    background-size: auto 30px;
    padding-left: 40px;
}
.jdlist {
	border: #ddd 1px dashed;
	margin-bottom: 20px;
	border-bottom: 0px;
	background-color: #f9f9f9;
}
.jdlist li {
	height: 42px;
	line-height: 42px;
	width: calc(100% / 5);
	float: left;
	overflow: hidden;
	border-bottom: #ddd 1px dashed;
	border-right: #ddd 1px dashed;
	padding-left: 10px;
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	list-style: none;
	box-sizing: border-box;
}
.jdlist li:nth-of-type(5n 0) {
	border-right: 0px;
}
.jdlist li:hover {
	background-color: #fff;
}
.jdnews {
    width: calc((100% - 140px) / 8);
    margin-right: 20px;
    overflow: hidden;
	float: left;
	padding-bottom: 20px;
	border-bottom: #fff 2px solid;
}
.jdnews:nth-last-child(1) {
    margin-right: 0px;
}
.jdnews .jdnewspic {
    line-height: 0px;
    border-radius: 3px;
	height: 0px;
	overflow: hidden;
	padding-bottom: 60%;
}
.jdnews .jdnewspic img {
    width: 100%;
	transition: 0.6s all;
}
.jdnews .jdnewstit {
	height: 40px;
	line-height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 5px;
	}
.jdnews:hover .jdnewspic img {
	transform: scale(1.1);
}
@media screen and (max-width: 1366px) {
    .jdnews .jdnewstit {
		font-size: 12px;
	}
}
.jdnews:hover {
	border-bottom: #9a3732 2px solid;
}
.jdnews:hover .jdnewstit {
	color: #9a3732;
}
.newsitem {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: #ddd 1px dashed;
}
.newsitem .newspic {
	width: 160px;
	overflow: hidden;
	line-height: 0px;
	float: left;
}
.newsitem .newspic img {
	width: 100%;
}
.newsitem .newstxt {
	width: calc(100% - 180px);
	overflow: hidden;
	float: right;
}
.newsitem .newstxtt {
	width: 100%;
	overflow: hidden;
	float: none;
}
.newsitem .newstxt .newstitle {
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	margin-bottom: 15px;
}
.newsitem .newstxt .newsdes {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
}
.newsitem .newstxt .newsinfo {
	color: #999;
	margin-top: 20px;
}
.newsitem .newstxt .newsinfo i {
	height: 20px;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	margin-right: 15px;
	border-radius: 3px;
	font-style: normal;
}
.newsitem .newstxt .newsinfo i:nth-child(1) {
	background: url(/uploads/image/ss2023/ico-hits.png) 5px center no-repeat #f6f6f6;
	padding-left: 25px;
}
.newsitem .newstxt .newsinfo i:nth-child(2) {
	background: url(/uploads/image/ss2023/ico-comm.png) 5px center no-repeat #f6f6f6;
	padding-left: 25px;
}
.newsitem .newstxt .newsinfo i:nth-last-child(1) {
	float: right;
	margin-right: 0px;
	background: url(/uploads/image/ss2023/ico-time.png) 5px center no-repeat #f6f6f6;
	background-size: auto 14px;
	padding-left: 25px;
}
.newsitem:hover {
	border-bottom: #f7931c 1px dashed;
	color: #f7931c;
}
.newsitem:hover .newstxt .newsdes {
	color: #f7931c;
}

.joinlist {
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    width: calc((100% - 20px) / 2);
    padding: 10px;
    margin-bottom: 20px;
    border: #fff 1px solid;
}
.joinlist:hover {
    border: #ff9900 1px solid;
}
.joinlist:hover .jtitdes .jdes ,.joinlist:hover .jtitdes .jtit ,.joinlist:hover .jtime {
    color: #ff9900;
}
 
.joinlist:nth-of-type(2n 0) {
    float: right;
}
.jtime {
    float: left;
    overflow: hidden;
    width: 70px;
    line-height: 60px;
    text-align: center;
    background: url(/uploads/image/ss2023/jtime.png) center no-repeat;
    background-size: 44px;
}
.joinlist:hover .jtime {
    background:  center no-repeat;
    background-size: 44px;
}
.jtitdes {
    width: calc(100% - 80px);
    float: right;
    overflow: hidden;
    height: 60px;
}
.jtit {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-top: 2px;
}
.jdes {
    color: #888;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.jointit h1 {
    font-size: 28px;
    font-weight: normal;
}
.joinshow {
    border: #eee 1px solid;
    overflow: hidden;
    font-size: 16px;
}
.joinshow ul {
    border-top: #eee 1px solid;
    overflow: hidden;
}
.joinshow ul:nth-child(1) {
    border-top: 0px;
}
.joinshow ul li {
    border-left: #eee 1px solid;
    float: left;
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    text-align: center;
    box-sizing: border-box;
}
.joinshow ul li:nth-child(1) {
    border-left:0px;
}
.joinshow ul li:nth-child(1) ,.joinshow ul li:nth-child(3) {
    width: 120px;
}
.joinshow ul li:nth-child(2) {
    width: calc((100% - 240px) / 2);
}
.joinshow .sm li:nth-child(1) {
    width: 120px;
}
.joinshow .sm li:nth-child(2) {
    width: calc(100% - 120px);
    height: auto;
    padding-left: 10px;
    text-indent: 0px;
    line-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.joinshow ul li:nth-child(2) ,.joinshow ul li:nth-child(4) {
    text-indent: 10px;
    text-align: left;
}
.joincats {
	background-color: #f9f9f9;
	border-radius: 6px;
	overflow: hidden;
}
.joincats ul li {
	width: calc(100% - 20px);
	margin-left: 10px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
	padding-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.joincats ul li em {
	font-style: normal;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
.joincats ul li:hover ,.joincats ul li:hover a ,.joincats ul li:hover em ,.joincats ul .side_on ,.joincats ul .side_on a ,.joincats ul .side_on em {
	background-color: #f7931c;
	color: #fff;
}
.jointit h1 {
    font-size: 28px;
    font-weight: normal;
}
.joinshow {
    border: #eee 1px solid;
    overflow: hidden;
    font-size: 16px;
}
.joinshow ul {
    border-top: #eee 1px solid;
    overflow: hidden;
}
.joinshow ul:nth-child(1) {
    border-top: 0px;
}
.joinshow ul li {
    border-left: #eee 1px solid;
    float: left;
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    text-align: center;
    box-sizing: border-box;
}
.joinshow ul li:nth-child(1) {
    border-left:0px;
}
.joinshow ul li:nth-child(1) ,.joinshow ul li:nth-child(3) {
    width: 120px;
}
.joinshow ul li:nth-child(2) {
    width: calc((100% - 240px) / 2);
}
.joinshow .sm li:nth-child(1) {
    width: 120px;
}
.joinshow .sm li:nth-child(2) {
    width: calc(100% - 120px);
    height: auto;
    padding-left: 10px;
    text-indent: 0px;
    line-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.joinshow ul li:nth-child(2) ,.joinshow ul li:nth-child(4) {
    text-indent: 10px;
    text-align: left;
}
.nshowinfo {
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    overflow: hidden;
}
.nshowinfo ul {
    overflow: hidden;
    color: #999;
}
.nshowinfo ul li img {
    width: 20px;
    margin-top: 15px;
}
.nshowinfo ul:nth-child(1) {
    float: left;
}
.nshowinfo ul:nth-child(2) {
    float: right;
}
.nshowinfo ul li {
    height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.nshowinfo ul:nth-child(2) li:nth-child(3) {
    background: url(/uploads/image/ss2023/icon_click.png) left center no-repeat;
    background-size: auto 16px;
    text-indent: 28px;
}
.nshowinfo ul:nth-child(2) li:nth-child(4) {
    background: url(/uploads/image/ss2023/icon_pl.png) left center no-repeat;
    background-size: auto 16px;
    text-indent: 24px;
    margin-right: 0px;
}
.brandtit {
    font-size: 20px;
    background: url(/uploads/image/ss2023/bshowtit.gif) left center no-repeat;
    text-indent: 15px;
}
.brandlist {
    overflow: hidden;
    padding-bottom: 10px;
}
.brandlist ul {
    width: calc((100% - 50px) / 6);
    margin-right: 10px;
    overflow: hidden;
    float: left;
    margin-top: 20px;
}
.brandlist ul:nth-of-type(6n 0) {
    margin-right: 0px;
}
.brandlist ul li:nth-child(1) {
    overflow: hidden;
    line-height: 0px;
    border: #eee 1px solid;
}
.brandlist ul li:nth-child(1) img {
    width: 100%;
    transition: 0.6s;
}
.brandlist ul li:nth-child(2) {
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
}
.brandlist ul:hover li:nth-child(1) img {
    transform: scale(1.1);
}