/*--------------------------------------
作者：seven
日期：2017/12/11
修改：2017/12/11
----------------------------------------*/
@charset "utf-8";
@import url("global.css");
/* CSS Document */ 
/*title*/
.titleA{font-size: 24px;color: #31424e;line-height: 1;;font-weight: bold;margin-bottom: 5px;}
.titleB{font-size: 22px;color: #31424e;font-weight: b old;padding-bottom: 12px;}

/*masker_txt*/
.masker_txt {width: 100%;height: 40px;position: absolute;z-index: 2;zoom: 1;left: 0;bottom: 0;line-height: 40px;text-align: center;}
.masker_txt .masker {width: 100%;height: 100%;display: block;background: url("http://icon.cheshi-img.com/index/201705/masker.png") no-repeat center;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%);}
.masker_txt .txt {display: block;position: absolute;z-index: 2;zoom: 1;left: 0;bottom: 0;width: 100%;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #fff;}

/*i-picul*/ 
.i-picul { width: 100%; height: auto;}
.i-picul li { width: 255px; height: 180px; float: left;position: relative;margin-right:25px;}
.i-picul li:nth-child(4){margin-right: 0px;}
.i-picul li img { display: block; width: 100%; height: 100%;}
.i-picul li p .txt { padding:0 2.5%; top: 0; width: 95%; height: 100%;}

/*=== 文章频道页 ===*/
/*column-focus*/ 
.focus-box {float: left; width: 580px;}
/*图片轮换*/
#slideBox {width:580px;height:360px;overflow:hidden;position:relative;margin:0px auto;}
#slideBox ul#show_pic {margin:0;padding:0;list-style:none;height:360px;width:4750px;position:absolute;}
#slideBox ul#show_pic li {float:left;margin:0;padding:0;width:580px;height:360px;}
#slideBox ul#show_pic li img {display:block;width:100%;height:100%;}
#iconBall {position:absolute;bottom:0;right:0;}
#iconBall li {float:left;color:#7a7a7a;width:32px;height:35px;line-height:35px;cursor:pointer;text-align:center;font-size:14px;font-weight:bold;padding-top:0px;}
#iconBall li.active {background:url(http://jstexiao_2821-js.demo.smallseashell.com/images/iconbg.png) no-repeat;color:#fff;}
#slideText {width:580px; height:35px;background:rgba(0, 0, 0, 0.7); color:#fff; position:absolute; left:0px; bottom:0px; *background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);}
#textBall {position:absolute;left:10px;bottom:0px;}
#textBall li {float:left;height:35px; line-height:35px; cursor:pointer;display:none;color:#fff;font-size:16px;}
#textBall li.active {display:block;}
#textBall li a {text-decoration:none;color:#fff;}

/*column-recom*/ 
.channel-recom { width: 520px; height: 360px; float:right;}
.channel-recom .pictit-ul { width: 105%; }
.channel-recom .pictit-ul li { width: 250px; height: 175px; float: left;position: relative;margin:0 0 10px 10px; overflow:hidden;}
.channel-recom .pictit-ul li:nth-child(3),.small_tab ul li:nth-child(4){margin-bottom: 0px;}
.channel-recom .pictit-ul li img { display: block; width: 100%; min-height: 100%;}
.channel-recom .pictit-ul li p .txt { left: 2.5%; top: 0; width: 95%; height: 100%;}

/*tabbox*/
.tab-box{ width:100%; margin:0 auto; height: auto;}
.tab-box .tab-head {position: relative;z-index: 2; margin:0px auto; padding:0px 0 5px; }
.tab-box .tab-head li {float: left; position:relative; border: 2px solid #fff;border-radius: 20px;}
.tab-box .tab-head li a {display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; font-size: 18px;     font-weight: 700;  margin-right: 0px; border: 2px solid transparent; }
.tab-box .tab-head .tab-list li.head-on{ border: 2px solid #008ee1; color: #008ee1; background:#008ee1;} 
.tab-box .tab-head .tab-list li.head-on a{ color: #FFF;}
.tab-box .tab-con{padding:0px; display: none; width: 100%;}
.tab-box .tab-on{ display: block;}
/*loadmore*/ 
.loadmore{width:100%;height:36px;line-height:36px;margin-top:0px;background:#f0f0f0;font-size:16px; color:#008EE1;letter-spacing:1px;text-align:center;cursor:pointer;}
.loadmore i{margin-left:2px;}
.loadmore .renderloading{background:url(../images/v3/onLoad.gif) no-repeat left center;height:40px;line-height:40px;padding-left:20px;font-size:16px; *zoom:1}
.loadmore i{margin-left:2px; font-family: "Simsun";}

/*=== 文章列表页 ===*/ 
/*article-list*/
.article-list { width:100%; floatleft; padding-bottom:20px;clear:both;overflow hidden}
.article-list li{ position: relative; border-bottom:1px solid #eaecef; width:760px;height:140px; float left;margin: 0px; padding: 20px 0px; background #fff; } 
.article-list li img{ border:0px solid #dadada; padding:0px; width:200px;height:140px; float:left; margin-right:15px; display:inline}
.article-list li h3{ font:700 20px/30px 'Microsoft Yahei'; color:#0b78de;margin-bottom:15px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article-list li p.txt{ margin-bottom:15px; padding: 0px 0; height:50px; line-height:25px; font-size:14px;color:#5e6b73;}
.article-list li.last{ border-bottom:none}
.article-list li p.bq{ color:#a1a1a1; padding-top:8px}
.article-list li p.bq a{ color:#39648c;padding:0 6px;}
.article-list li p.bq a:hover{color:#e05a5a;}
.article-list li p.msg {font-size: 14px;color: #9baab6;line-height: 25px;zoom: 1;}
.article-list li p.msg a {font-size: 12px;color: #9baab6;}
.article-list li p.msg .aut {float: left;line-height: 25px;}
.article-list li p.msg .aut img {width: 25px;vertical-align: middle;margin-right: 8px;height: 25px;border-radius: 50%;-webkit-border-radius: 50%;}
.article-list li p.msg .time {float: left;margin-left: 25px;}
.article-list li p.msg .tags {float: right;}
.article-list li p.msg .tags em {margin-top: 6px; display: inline-block;vertical-align: middle;background: url(https://www.leiphone.com/resWeb/images/common/yp_spirit.png) no-repeat -215px -46px;width: 14px;height: 14px;}
.article-list li p.msg .tags a {display: inline-block;padding-left: 8px;}
.article-list .inner-box {position: relative;height: 100%;}
.article-list li:before{position:absolute; width:796px; height:180px; left:-18px;top: 0px;box-shadow:1px 2px 12px rgba(66,132,217,0.3);background-color:#fff}
.article-list li:hover:before{content:''}
.article-list li:hover { border-bottom:1px solid #FFF;}

/*=====文章内容页=====*/
/*article*/
.wrap-line{height:1px;background-color: #e3e9ef;}
.article {padding-left: 40px; border-top:0px solid #eee;}
.article-body{ position: relative;padding-left:0px; padding-bottom:30px; border-top:0px solid #e3e9ef;}
.article h1{margin: 20px 0 20px;font-size:26px;font-size:2.6rem;color:#222;font-weight:700;overflow:hidden;}
.article .detail{height:35px;line-height:30px;color:#888;border-bottom:1px solid #e6e6e6;display:block;position:relative;}
.article .detail span{margin-right:15px;display:block;float:left;color:#646464}
.article .detail i{display:block;float:left;width:25px;height:30px;}
.article .detail a{color:#646464;}
.article .detail .extra{float:right!important;}
.article .detail .extra span{margin-right:0;margin-left:10px;}
.article .detail #favorite,.article .detail #support{cursor:pointer;}
.article .quotation{position:relative;height 88px;padding:20px 0;margin:0px 0;background:#f6f6f6}
.article .quotation span{position:absolute;width:27px;height:27px;}
.article .quotation-left,.article .quotation-right{background: url(http://www.ynsd.com/public/static/img/quatation.png)  no-repeat;}
.article .quotation-left{top:10px;left:10px;}
.article .quotation-right{bottom:10px;right:10px;background-position:0 -28px;}
.article .quotation p{margin:0 50px;line-height:24px;font-size:14px;color: #666;text-align: justify;}

.article .content{margin-top:20px;font-size:16px;font-size:1.6rem;color:#0e0e0e;}
.article .content p{margin: .28em 0 1.8em 0; font-size:16px;font-size:1.6rem;line-height:1.9;color:#0e0e0e;text-align: justify;overflow:visible; }
.article .content img{display: block; max-width: 680px;height:auto; margin: 15px auto; vertical-align: middle; border:0}
.article .content h3{padding: 0 0 0 15px;height: 20px;color: #333;font-size:20px;font-size:2.0rem;font-weight: bold;line-height: 18px;background: url(../images/v3/h3bg.gif) repeat-x 0 5px;overflow: hidden;margin-top:20px;}
.article .content h3 span {padding: 0 10px;background: #FFF;}
.article .content h4{height:24px;line-height:24px;border-left:4px solid #379be9;padding-left:6px; font-size:16px;font-size:1.6rem; text-indent:0; position:relative; background-color:#f9f9f9; margin-top:20px; z-index:-1;}
.article .content a{color:#379be9;border-bottom: 1px dotted #379be9;}
.article .content .w250{width:260px;height:260px;margin:10px 20px 10px 0px; float:left;overflow:hidden;clear:both;padding:4px;border:1px solid #cdcdcd;}
.article .w728{margin-top:15px;}

/*article-actions*/
.article-actions{width:100%;margin-bottom:30px;height:25px;line-height:25px;font-size:14px;font-size:1.4rem;overflow:hidden;}
.article-actions i{width:25px;height:25px;float:left;}
.article-actions span{display:block;float:left;margin-left:15px;cursor:pointer;}
/*.article-actions .tags a{color:#406599;float:left;display:block;padding-right:25px;background: url(../images/icon.png) no-repeat; background-position: -24px -47px;}*/

.article-actions .tags {float:left;}
.article-actions .tags a{display:block;padding-right: 8px; float:left;color:#0f7edd;}
.article-actions .tags a:hover{color:#ea5353;}
.article-actions .tags a:after {content: "/";padding-left: 8px; color: #999;}
.article-actions .tags a:last-child:after {content: "";}
.article-actions .tags li:last-child a:after{content: "";}

/*左侧挂件*/
.container .article-left{width:90px;min-height:289px;position:absolute;left:-80px;top:0;}
.snsbox{margin-top:30px;}
.snsbox-fixed{position:fixed;top:0;z-index:20;}
.share-count{display:block;margin-bottom:14px}
.share-count i{width:34px;height:34px;font-size:30px;vertical-align:middle;color:#f85959;display:inline-block}
.share-count i:hover{opacity:.6}
.share-count span{font:20px/24px Georgia;color:#f85959;padding-left:6px}
.share-count .icon-comments{background-position:3px -220px;}
.share-hr{background:#e8e8e8;height:1px}
.share-box{height:34px;margin-top:14px;font-size:16px;cursor:pointer;display:block;}
.share-box i{width:34px;height:34px;font-size:34px;vertical-align:middle;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.share-box i:hover{opacity:.6}
.share-box .icon-support{background-color:#2e8ed9;background-position:-34px -219px;}
.share-box .icon-favorite{background-color:#ed4040;background-position:-71px -217px;}
.snsbox .bdsharebuttonbox a{float:left;font-size:16px;font-size:1.6rem;padding-left:17px;line-height:34px;height:34px;background-image:url(../images/icon.png);background-repeat:no-repeat;cursor:pointer;margin:0;padding-left:42px}
.snsbox .bdsharebuttonbox .bds_tsina{background-position:0 -310px;}
.snsbox .bdsharebuttonbox .bds_qzone{background-position:0 -344px;}
.snsbox .bdsharebuttonbox .bds_weixin{background-position:0 -378px;}
.share-box .icon-sina{background-color:#ff6631;background-position:3px -257px;}
.share-box .icon-wechat{background-color:#52cd3e;background-position:-37px -258px;}
.share-box .icon-qzone{background-color:#ffbd1d;background-position:-73px -257px;}
.share-box span{vertical-align:middle;padding-left:8px;font-size:16px}
.share-weixin{position:relative}
.share-weixin:hover .share-qrcode{display:block}

/*related-bar*/
.related-bar{position: relative; margin-bottom:30px;}
.related-bar .loadmore{margin-top:0;}
.related-bar .index-cut-line{height:4px;background-color: #3f404c; background-image:url(http://www.ne wsimg.cn/xl2017/images/bg6.jpg);}
.related-left{width:90px;min-height:200px;position:absolute;left:-110px;top:0;}

.relatedChannel{}
.relatedChannel-list {padding:5px;background-color:#f5f5f5;}
.relatedChannel-fixed{position:fixed;top:20px;z-index:20}
.relatedChannel-header{font-size:22px;line-height:1;margin-bottom:16px;margin-top:0}
.relatedChannel-item span{display:inline-block;font-size:16px}
.relatedChannel-item{display:block;width:80px;height:44px;line-height:44px;border-radius:4px;text-align:center;color:#444;-webkit-transition-property:color,background-color;transition-property:color,background-color;margin-bottom:14px}
.relatedChannel-item:visited{color:#444}
.relatedChannel-item:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;background-color:#ed4040;color:#fff}
.relatedChannel-item.active{background-color:#ed4040;color:#fff}

/*relatedFeed*/
.relatedFeed{position:relative; min-height:400px;}
/*related-list*/
.related-list {width:100%;floatleft;padding-top: 10px;clear:both;overflow hidden;}
.related-list li{position: relative;border-bottom:1px solid #eaecef;width:730px;/* height:140px; */float left;margin: 0px;padding: 15px 0px;background #fff;} 
.related-list li img{border:0px solid #dadada;padding:0px;width: 160px;height: 110px;float:left;margin-right:15px;display:inline;}
.related-list li h3{font:700 20px/30px 'Microsoft Yahei';color:#0b78de;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related-list li p.txt{margin-bottom: 10px;padding: 0px 0;height: 30px;line-height: 30px;font-size:14px;color:#5e6b73;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related-list li.last{ border-bottom:none}
.related-list li p.bq{ color:#a1a1a1; padding-top:8px}
.related-list li p.bq a{ color:#39648c;padding:0 6px;}
.related-list li p.bq a:hover{color:#e05a5a;}
.related-list li p.msg {font-size: 14px;color: #9baab6;line-height: 25px;zoom: 1;}
.related-list li p.msg a {font-size: 12px;color: #9baab6;}
.related-list li p.msg .aut {float: left;line-height: 25px;}
.related-list li p.msg .aut img {width: 25px;vertical-align: middle;margin-right: 8px;height: 25px;border-radius: 50%;-webkit-border-radius: 50%;}
.related-list li p.msg .time {float: left;margin-left: 25px;}
.related-list li p.msg .tags {float: right;}
.related-list li p.msg .tags em {margin-top: 6px; display: inline-block;vertical-align: middle;background: url(https://www.leiphone.com/resWeb/images/common/yp_spirit.png) no-repeat -215px -46px;width: 14px;height: 14px;}
.related-list li p.msg .tags a {display: inline-block;padding-left: 8px;}
.related-list .inner-box {position: relative;height: 100%;}
.related-list li:hover {background-color:#f5f5f5;}

/*=== 文章通用右侧 ===*/
.wrap-box{display:block;position: relative;clear: both;}

/*超级游艇*/
.travel-recDiv .big-pic {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 2;zoom: 1;}
.travel-recDiv .big-pic a {width: 100%;height: 100%;overflow: hidden;display: block;}
.travel-recDiv .big-pic a img {display: block;width: 100%;height: auto;max-height:250px; margin: 0 auto;} 
.travel-recDiv .rec-picul li.item {padding-top: 15px;}
.travel-recDiv .rec-picul li.item .info-pic {float: left;}
.travel-recDiv .rec-picul li.item .info-pic img {display: block;width: 100px;height: 70px;margin-bottom: 0px;}
.travel-recDiv .rec-picul li.item .info-txt {float: right;width: 185px;}
.travel-recDiv .rec-picul li.item .info-txt p {margin-bottom: 10px;font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;}
.travel-recDiv .rec-picul li.item .info-txt span {float: left;font-size: 12px;color: #999;}
.travel-recDiv .rec-picul li.item .info-txt .name {float: right;}

/*最新游艇*/
.new-picul li{width:145px;height:132px;margin-right:10px;float:left;overflow:hidden;margin-bottom:10px; background: #f5f5f5;}
.new-picul li img{height:87px;width:100%;display:block}
.new-picul li .txt{margin-top:5px;display:block;height:36px;line-height:18px;overflow:hidden;word-break:break-all}
.new-picul .end{margin-right:0}

/* city_reclist */
.city-reclist {width:320px;}
.city-reclist li{float:left;margin:0 15px 10px 0;position:relative;}
.city-reclist li a{width:143px;display: block;background:#F5F5F5; font-size: 14px;text-align:center;padding-bottom:5px;height:118px;}
.city-reclist li img{width:143px;padding-bottom:5px;height:96px;}
.city-reclist li .text{position:absolute;padding:3px;background:#16BFDF;top:0px;left:0px;color:#FFF;}

/* rec-shipDiv */
.hot-ship-list dl{float:left;width:100%;line-height:24px;color:#666;margin-bottom:15px;display:inline;padding:0px;}
.hot-ship-list dl:last-child{margin-bottom:0px;}
.hot-ship-list dt{float:left;margin:0 10px 0 0px;display:inline;}
.hot-ship-list dt img{width:100px;height:76px}
.hot-ship-list dd{float:left;width:190px;}
.hot-ship-list h5{font-size:15px;margin-top:-4px;width:190px;overflow:hidden;height:22px;font-weight: bold;}
.hot-ship-list em a{color:#d00;}
.hot-ship-list p .suv_btn{margin-right: 15px;float: left;color: #fff;}
.hot-ship-list p{line-height: 20px;margin-top: 8px;overflow: hidden;}
.hot-ship-list .suv_btn{display:inline-block;width: 60px;height: 20px;text-align:center;line-height: 20px;background: #53aff7;border-radius: px;}
.hot-ship-list .suv_btn:hover{background:#FF4F53;color:#fff;}

/* rank-list */
.rank-list {overflow: hidden;}
.rank-list li {margin-top:15px; padding-left: 32px;position: relative;  height: 20px; line-height: 20px; font-size: 15px; overflow: hidden;}
.rank-list li:first-child {margin-top:0}
.rank-list li i{position:absolute;left:0;top:0;width:21px;height:20px;line-height:20px;font-size:14px;color:#fff; text-align:center; overflow:hidden; display:block; font-style:normal;}
.rank-list li.rank-01 {width: 300px; height: 160px; margin-bottom:10px; padding:0px; clear: both; overflow: hidden; zoom: 1; position: relative; overflow: hidden;}
.rank-list li.rank-01 img {width: 300px;height: 160px;}
.rank-list li.rank-01 span {top: 130px; width: 300px;height: 30px;position: absolute; left: 0px;    background: #000; opacity: 0.7;    overflow: hidden;}
.rank-list li.rank-01 i { position: absolute; left: 0; top: 130px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-align: center; overflow: hidden; cursor: pointer; font-style: normal; background: #ff4f53;}
.rank-list li.rank-01 p { left: 35px; top: 130px; width: 256px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: left; position: absolute; overflow: hidden; cursor: pointer;}
.rank-list li.rank-02 i {background:#ff4f53;}
.rank-list li.rank-03 i {background:#ff4f53;}
.rank-list li.rank-04 i,.rank-list li.rank-05 i,.rank-list li.rank-06 i,.rank-list li.rank-07 i,.rank-list li.rank-08 i,.rank-list li.rank-09 i,.rank-list li.rank-010 i {background:#bbb;}