.bg-f2{background: #f2f2f2;}
img{max-width: 100%;}
#content_left{margin: 0 20px 50px 0;padding: 30px 40px;width: 750px;float: left;background: #fff;}
#content_left>ul>li{width: 100%;border-bottom: 1px solid #ebebeb;margin-bottom: 20px;}
#content_left>ul>li:after{display: block;content: "";clear: both;}
#content_left>ul>li .story-title{display: block; width: 100%; height: 30px;line-height: 30px;font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
#content_left>ul>li .story-title:hover{color: #999;}
#content_left>ul>li .story-introduction{margin: 10px 0; width: 100%;height: 36px;width: 100%;font-size: 14px;color: #666;}
#content_left>ul>li .story-introduction>span{display: block;float: left;padding: 2px 10px;border: 1px solid #e5ad24; color: #e5ad24;font-size: 14px;border-radius: 3px;}
#content_left>ul>li .story-introduction>span:nth-child(1){margin-right: 10px;}
#content_left>ul>li>.story-profile{width: 100%;height: 20px; color: #999;font-size: 14px;overflow: hidden;}
#content_left>ul>li>.story-profile>span{margin-right: 15px;}
#content_left>ul>li>.story-picture{width: 160px;height: 120px;float: left; margin:0 20px 20px 0;overflow: hidden;}
#content_left>ul>li>.story-picture>a{display: block;width: 100%;height: 100%;cursor: pointer;overflow: hidden; }
#content_left>ul>li>.story-picture>a>img{width: 100%;height: 100%;transition: all .3s ease-in-out;}
#content_left>ul>li>.story-picture>a:hover>img{transform: scale(1.05);}
#content_left>ul>li .story-Statistics{width: 100%;height: 20px;line-height: 20px; margin-bottom: 20px;font-size: 14px;color: #999;}
#content_left>ul>li>.story-right{margin: 0 0 20px 0;float:left;width: 570px;height: 120px;}
#content_left>ul>li>.story-pictureall{width: 100%;height: 160px;margin: 10px auto 20px;overflow: hidden;}
#content_left>ul>li>.story-pictureall>a{display: block;float: left; width: 220px;height: 160px;margin-right: 10px; cursor: pointer;overflow: hidden; }
#content_left>ul>li>.story-pictureall>a>img{width: 100%;height: 100%;transition: all .3s ease-in-out;}
#content_left>ul>li>.story-pictureall>a:hover>img{transform: scale(1.05);}



.story-Statistics>.browse-number{float: left;cursor: pointer;}
.story-Statistics>.browse-number:hover{color: #333;}
.story-Statistics>.browse-number>span{display: block;float: left;}
.story-Statistics>.browse-number>.brow-icon{margin-top: 6px; width: 16px;height: 10px;background: url("../../../images/icon/story.png")/*tpa=https://static.jtljia.com/images/icon/story.png*/ 0 -34px no-repeat;}
.story-Statistics>.browse-number:hover>.brow-icon{background-position:0 -20px;}
.story-Statistics>.browse-number>.brow-title{margin: 0 7px 0 3px;}
.story-Statistics>.like-number{float: left;margin-right:15px ; cursor: pointer;}
.story-Statistics>.like-number:hover{color: #333;}
.story-Statistics>.like-number>span{display: block;float: left;}
.story-Statistics>.like-number>.like-icon{margin-top: 2px; width: 14px;height: 15px;background: url("../../../images/icon/story.png")/*tpa=https://static.jtljia.com/images/icon/story.png*/ -20px -19px no-repeat;}
.story-Statistics>.like-number:hover>.like-icon{background-position: -20px 0;}
.story-Statistics>.like-number>.like-title{margin: 0 7px 0 3px;}

#content_right{margin: 0 0 50px;width: 350px;float: left;}
#content_right>.hot-examples{width: 310px;padding: 20px;background: #fff;margin-bottom: 20px;}
.hot-examples>.example-title{width: 100%;height: 40px;line-height: 40px;color: #333;font-size: 18px;}
.example-title>.example-more{display: block;float: right;font-size: 14px;color: #999;cursor: pointer;}
.example-title>.example-more:hover{color: #333;}
.hot-examples>.example-show{width: 100%;margin-top: 10px;}
.example-show>ul>li{margin-bottom: 5px; width: 146px;float: left;background: #000;}
.example-show>ul>li:nth-child(2n){margin-left: 18px;}
.example-show>ul>li>.example-picture{display: block;width: 146px;height: 112px;cursor: pointer;}
.example-show>ul>li>.example-picture>img{display: block;width: 100%;height: 100%;transition: all .2s linear;opacity: 1;}
.example-show>ul>li:hover>.example-picture>img{opacity: .8;}
.example-show>ul>li>.hot-title{display: block; height: 44px;line-height: 22px;padding: 0 4px; font-size: 14px;color: #333; background: #fff; overflow: hidden;cursor: pointer;}

.hot-examples>.theNewest{width: 100%;margin-top: 10px;}
.theNewest>ul>li{width: 100%;height: 70px;margin-bottom: 20px; cursor: pointer;}
.theNewest>ul>li:last-child{margin-bottom: 0;}
.theNewest>ul>li>.news-picture{display: block;float: left; width: 93px;height: 100%;overflow: hidden;}
.theNewest>ul>li>.news-picture>img{width:100%;height: 100%;transition: all .3s ease-in-out;}
.theNewest>ul>li>.news-picture:hover>img{transform: scale(1.05);}
.theNewest>ul>li>.news-content{display: block;width: 207px;float: left;margin-left: 10px;height: 100%;font-size: 14px;color: #999;}
.news-content>.news-title{display: block;width: 100%;height: 40px;line-height: 20px;overflow: hidden;font-size: 16px;color: #333;cursor: pointer;}
.news-content>.news-title:hover{color: #999;}
.news-content>.news-time{margin-top: 8px; height: 20px;width: 100%; font-size: 14px;color: #999;overflow: hidden;}


#storyAdvertment{display: block; width: 100%;height: 180px;margin-top: 20px; cursor: pointer;overflow: hidden;}
#storyAdvertment>img{width: 100%;height: 100%;transition: all .2s linear;}
#storyAdvertment:hover>img{transform:scale(1.05);}



.tcdPageCode{display: inline-block;  text-align: left;color: #ccc;}
.tcdPageCode a{display: inline-block;color: #333;display: inline-block;height: 25px;line-height: 25px;padding: 5px 15px;border: 1px solid #dfdfdf;	margin: 0 4px;border-radius: 3px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border-color:#d5bb55;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 5px 15px;margin: 0 4px;color: #d5bb55;border:1px solid #d5bb55;border-radius: 3px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 5px 15px;margin: 0 4px;	color: #ccc;background: #f2f2f2;border: 1px solid #dfdfdf;border-radius: 0;vertical-align: middle;}
.total-page{display:inline-block;float:right; color:#666;height:26px;line-height: 26px;margin-right: 20px;}
.p_page{text-align: center;}
.page-list{padding:40px 0 20px;font-size:16px;}
.goto-thePage{display: inline-block;float:right;margin-right:20px; color:#666;height:26px;line-height: 26px;}
.artical-page{height:24px;line-height: 24px;width:50px;text-align: center;border:1px solid #ededed;margin:0 5px;color:#666;font-size:14px;}
.artical-confirm{display: inline-block;margin-left:5px;height:27px;line-height: 27px;width:45px;cursor:pointer;border-radius: 3px; text-align: center;color:#666;font-size: 14px;border:1px solid #ededed;}
.artical-confirm:hover{color:#666;background:#ededed;}