/*=============================
fj-list.css
for fanjian.net
2016/05/20
Version 2.1.0
===============================*/
.index-slides{overflow:hidden;height:180px; position:relative;display:none;}
.slidesjs-container{ z-index:1;}
.slidesjs-container img{border-radius:4px;}
.slidesjs-navigation{ position:absolute;top:0;height:180px;width:40px; text-align:center; z-index:9;font-size:30px;line-height:180px;color:#fff; background-color:rgba(0,0,0,0.2); display:none;}
.index-slides:hover .slidesjs-navigation{ display:block;}
.slidesjs-previous{left:0;border-radius:4px 0 0 4px;}
.slidesjs-next{right:0;border-radius:0 4px 4px 0;}
.slidesjs-pagination{ position:absolute; z-index:3;bottom:0;left:0;width:100%; text-align:center;line-height:30px;}
.slidesjs-pagination li{ display:inline-block;margin:0 5px;}
.slidesjs-pagination li a{ display:block;width:10px;height:10px; text-indent:-9999em;overflow:hidden;border-radius:40px;border:2px solid #fff;}
.slidesjs-pagination li a.active{ background-color:#fff;}

.h-reload{float:right;height:50px;width:50px; line-height:50px;text-align:center;font-size:16px;}

.h-info{overflow:hidden;background-color:#fff;padding:5px 15px;border-radius:4px;line-height:16px; box-shadow:1px 1px 2px rgba(0,0,0,0.05);font-size:12px;margin-right:10px;float:left}
.h-time{text-align:center;height:40px;border-left:1px solid #eaeaea;margin-left:10px;padding-left:10px;float:left}
.h-time strong,.h-updates strong{font-size:24px; display:block;line-height:1;}
.h-updates{text-align:center;height:40px;float:left}
.h-now{font-size:20px;font-weight:bold;line-height:40px;}

.hot-top-t{border-bottom:1px solid #eaeaea;padding-bottom:15px;margin-bottom:15px;}
.hot-top-t h2{line-height:30px;font-size:24px;display: inline-block;}
.hot-top-t h2:before{content: "Hot";background: #f60;color:#fff;font-size:18px;padding:0 5px;border-radius:4px;line-height:30px;display:inline-block;vertical-align: top;margin-right:10px;}
.hot-top-t span{display: inline-block;line-height:24px;vertical-align: top;color:#ffbb33;border:1px solid #ffbb33;border-radius:4px;padding:0 5px 0 7px;margin-top:2px;margin-left:15px;position: relative;}
.hot-top-t span:before{content:'â—†';color:#ffbb33;position: absolute;font-size:24px;left:-7px;top:0;}
.hot-top-t span:after{content:'â—†';color:#fff;position: absolute;font-size:24px;left:-6px;top:0;}
.hot-top-b{padding-left:120px;position:relative;}
.hot-top-img{position: absolute;left:0;top:0;width:120px;height:90px;}
.hot-top-img img{width:100%;height:100%;object-position: cover;object-fit: cover;}
.hot-top-link{height:90px;overflow:hidden;}
.hot-top-link a{float:left;margin-left:20px;font-size:16px;line-height:30px;}

.cont-list{}
.cont-item-gd{margin-bottom:15px;}
.cont-item{padding:30px;margin-bottom:20px;position:relative; background-color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.05);border-radius:4px;}
.cont-list-title{font-size:24px;line-height:32px;word-wrap: break-word;margin-bottom:15px;}
.cont-list-info{font-size:12px;text-align: right;margin:20px 0;width:100%;overflow:hidden;}
.cont-list-head{line-height:20px;height:35px;position: relative;margin-bottom:15px;padding-left:45px;}
.cont-list-editor{font-size:15px;line-height:35px;}
.cont-list-reward{ width:35px;height:35px;position:absolute;left:0;top:0;}
.cont-list-reward .sub-reward{width:30px;bottom:0;left:10px; cursor:pointer; opacity:0.5;}
.cont-list-reward .sub-reward:hover{ display:block;animation: sub-reward 0.2s ease infinite alternate;-webkit-animation: sub-reward 0.2s ease infinite alternate; -moz-animation: sub-reward 0.2s ease infinite alternate;opacity:1;}
@keyframes sub-reward {
0% {
bottom:0;
}
100% {
bottom:5px;
}
}
.cont-list-main{font-size:16px;position:relative;line-height: 1.8;}
.cont-list-main a{}
.cont-list-main a:hover{color:#888;}
.cont-list-main.cut{max-height:400px;overflow:hidden;}
.cont-list-main p{margin-bottom:15px;word-wrap: break-word; position:relative;}
.cont-list-main p:last-of-type{margin-bottom:0;}
.cont-list-main img{max-width:100%;height:auto;}
.cont-list-main embed{max-width:100%;}
.cont-list-main-more{ position:absolute;bottom:0;left:0;width:100%;border-bottom:3px solid rgba(0,0,0,0.5);cursor:pointer; }
.cont-list-main-more span{width:80px;border-radius:100px 100px 0 0;margin:0 auto;display:block; background-color:rgba(0,0,0,0.5);color:#fff; text-align:center;font-size:14px;height:40px;line-height:50px;overflow:hidden; box-shadow:0 -1px 2px rgba(0,0,0,0.1);}
.cont-list-main-more:hover{border-color:#ffbb33;}
.cont-list-main-more:hover span{background-color:#ffbb33;}

.cont-list-sub{margin-top:20px;padding-top:15px;line-height:30px;border-top:1px dotted #eaeaea;font-size:16px;}
.cont-list-tags {display: inline-block;float:left;}
.cont-list-sub .iconfont{font-size:22px; vertical-align:top;}
.cont-list-sub .iconfont em{font-size:12px; font-family: "Microsoft Yahei",STHeiti,sans-serif;}
.cont-list-tags a,.cont-list-tags span{display:inline-block;margin-right:5px;}
.cont-list-tools{margin-left:-15px;cursor:default;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.cont-list-tools a{display:block;padding:0 15px;border-radius:4px;float:left;cursor:pointer; position:relative;}
.cont-list-tools a:hover{}
.cont-list-tools .share{display:block;margin-left:10px;float:left;}
.cont-list-tools .share .bds_more{margin:2px 0 0 0;float:none!important; vertical-align:top;padding:0 0 0 17px;}
.bdshare-button-style2-16:after{font-size:0;}
.cont-list-in{float:right;}
.cont-list-tc{margin:20px 0;font-size:16px;}
.cont-list-tc em{font-size:14px;color:#fff;display: inline-block;padding:2px 10px;border-radius:100px;background-color: #ffbb33;margin-right:10px;position: relative;}
.topic-list-num{ background-color:#ccc;color:#fff;display:inline-block;padding:2px 10px;border-radius:40px;vertical-align:middle;margin-right:10px;}
.topic-list-num.active{ background-color:#ffbb33;}
.topic-list-time { display:inline-block;vertical-align:middle;}
.topic-list-txt{padding:10px; background-color:#F5F6F7;border-radius:0 0 4px 4px;}

.cont-item.fortv{}
.cont-list-tvimg{ width:580px;height:326px;overflow:hidden;border-radius:4px;position: relative;background: #000;text-align: center;}
.cont-list-tvimg:hover{ opacity:0.9;}
.cont-list-tvimg img{width: 100%; height: 100%;object-position: contain;object-fit: contain;}
.cont-list-tvimg span{position: absolute;left:50%;top:50%;color:#fff;font-size:80px;line-height:100px;width:100px;text-align: center;margin:-50px 0 0 -50px;}


.driver-pic {width:100%;height:auto;overflow:hidden;}
.driver-list{}
.cont-list-main .driver-show{ position:relative;margin-top:15px;color:#fff;}
.driver-list .cont-list-main .driver-cover{ position:absolute;left:0;top:0;width:100%;height:100%; background:#333;}
.driver-list .cont-list-main .driver-show img{}
.driver-list .cont-list-main .driver-card{position:absolute; z-index:2;width:200px;height:20px;padding-top:180px;left:50%;top:50%;margin:-100px 0 0 -100px; text-align:center;font-size:12px; background:url(../../images/card.png) center 0 no-repeat; cursor:pointer;}
.driver-card-bi{ position:absolute; z-index:2;width:100px;height:20px; background-color:#333;left:50%;margin-left:-50px;top:70px; opacity:1;}
.driver-card-txt{ position:absolute; z-index:2;width:80px;height:30px; background-color:#333;left:50%;margin-left:-40px;top:20px; opacity:1;}
.driver-card-move{ position:absolute; z-index:2;width:150px;height:80px;left:50%;margin-left:-75px;bottom:0; background:url(../../images/cardh.png) center 0 no-repeat; opacity:0; transition:bottom 0.5s, opacity 0.5s;-webkit-transition:bottom 0.5s, opacity 0.5s;-moz-transition:bottom 0.5s, opacity 0.5s;}
.driver-card:hover .driver-card-bi{animation: card-bi 0.2s ease infinite alternate;-webkit-animation: card-bi 0.2s ease infinite alternate; -moz-animation: card-bi 0.2s ease infinite alternate;}
@keyframes card-bi {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.driver-card:hover .driver-card-txt{animation: card-txt 0.2s ease infinite alternate;-webkit-animation: card-txt 0.2s ease infinite alternate; -moz-animation: card-txt 0.2s ease infinite alternate;}
@keyframes card-txt {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.driver-card:hover .driver-card-move{bottom:26px; opacity:1;}

.weather-box{ padding-left:100px; position:relative;margin-bottom:10px;}
.weather-box .signin{ position:absolute;left:15px;top:15px;}
.weather-box .signin a{display:block;font-size:18px;line-height:20px;height:40px;width:48px; text-align:center;padding:18px 15px;font-weight:bold; background-color:#f63;border-radius:4px;color:#fff;}
.weather-box .signin a:hover{color:#fff; background-color:#ffbb33;}
.weather-box .signin i{display:block;font-size:18px;line-height:20px;height:40px;width:48px; text-align:center;padding:18px 15px;font-weight:bold; background-color:#ffbb33;border-radius:4px;color:#fff; cursor:default;}

.word-box{}
.word-oder{line-height:30px;overflow:hidden;padding:5px; background-color:#ffbb33;border-radius:4px;box-shadow:1px 1px 2px rgba(0,0,0,0.05);}
.word-oder.active{ position:fixed; z-index:2;margin-top:0!important;border-radius:0;padding:0;}
.word-oder a{display:block;float:left;width:30px; text-align:center;color:#fff;}
.word-oder a:hover{ background-color:#fff;color:#ffbb33;border-radius:2px;}
.word-list{}
.word-list li{padding-top:25px;}
.word-list li dl{padding:25px; padding-left:75px; position:relative;background-color:#fff;border-radius:4px; box-shadow:1px 1px 2px rgba(0,0,0,0.05);}
.word-list li dl dt{ position:absolute;left:15px;top:15px;font-size:26px;line-height:30px;font-weight:bold;width:60px; text-align:center;}
.word-list li dl dd{float:left;width:32%;line-height:30px;margin-left:1.33%;}
.word-list li dl dd a{display:block;width:100%;height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.word-box-time .word-oder a{width:60px;}
.word-box-time .word-list li dl{padding-left:85px;}

.word-list-hot{width:660px;}
.word-list-hot li{width:310px;margin:0 20px 20px 0;float:left;border-radius:4px; background-color: #fff;box-shadow:1px 1px 2px rgba(0,0,0,0.05);}
.word-list-hot li a{display:block;padding:20px 20px 20px 90px;position: relative;}
.word-list-hot li em{display:block;margin-bottom:10px;font-size:18px;line-height:20px;}
.word-list-hot li i,.word-list-hot li img{position:absolute;left:20px;top:20px;display:block;line-height:50px; height:50px;text-align: center;width:50px;}
.word-list-hot li i{border-radius:60px;font-size:28px;color:#fff; background-color: #819CB9;}
.word-list-hot li img{z-index:3;}

.joke-list{}
.joke-list-editor{ position:relative;padding-left:65px;}
.joke-list-editor .cont-list-reward{left:0;top:0;}
.joke-list-name{font-weight:bold;line-height:20px;padding:15px 0;}
.joke-list .cont-list-tools{float:none;padding-left:65px;}
.joke-list .cont-list-tools a{ display:inline-block;float:none; vertical-align:top;}
.joke-list .cont-list-tools .share{float:right;}
.joke-list-txt{padding:0 0 15px 65px;}
.joke-list-in{ position:absolute;right:30px;top:40px;}
.joke-list-in a{line-height:28px;padding:0 10px;}

.outwin-sign{width:400px;height:400px;position:fixed;left:50%;top:50%;margin:-200px 0 0 -200px; z-index:9996; background:url(../../images/sign-suc.png) 0 0 no-repeat; display:none;}
.outwin-sign-text{width:300px; position:absolute;left:50%;margin-left:-150px; text-align:center;color:#fff;top:210px;font-size:24px;}
.outwin-sign .close{ position:absolute;left:0;bottom:50px;width:100%;line-height:50px; text-align:center;display:block; background-color:#f63;color:#fff;font-size:20px;border-radius:600px;border:6px solid #fff; box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,0.05);}
.outwin-sign .close:hover{ background-color:#ffbb33;}
.outwin-signbg{width:600px;height:600px; position:fixed;left:50%;top:50%;margin:-300px 0 0 -300px; z-index:9995; background:url(../../images/sign-sucbg.png) center center no-repeat; animation: outwin-signbg 2s linear infinite;-webkit-animation: outwin-signbg 2s linear infinite;-moz-animation: outwin-signbg 2s linear infinite;}
@keyframes outwin-signbg {
0% {
opacity:0.6; transform: rotateZ(0deg)
}
50% {
opacity:1; transform: rotateZ(180deg)
}
 100% {
opacity:0.6; transform: rotateZ(360deg)
}
}

.apps-list{}
.apps-item{padding:30px 140px 30px 160px;margin-bottom:20px;position:relative; background-color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.05);border-radius:4px;}
.apps-list-name{font-size:24px;line-height:32px;word-wrap: break-word;margin-bottom:10px;}
.apps-list-icon{position: absolute;left:30px;top:30px;height:110px;width:110px;}
.apps-list-icon img{width:100%;height:100%;}
.apps-list-info{font-size:12px;margin-top:10px;width:100%;overflow:hidden;}
.apps-list-txt{height:40px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:20px;}
.apps-list-download{position: absolute;right:30px;top:74px;}
.apps-list-download a{display:block;line-height:40px;border-radius:4px;padding:0 25px;color:#ffbb33;background: #fff;border:1px solid #ffbb33;}
.apps-list-download a:hover{background: #ffbb33;color:#fff;border-color:#ffbb33;}