@charset "utf-8";
/*焦点图*/
.focus .bigimg,.focus .smallimg{margin-top:-10px; }
.focus a {display: block;position: relative;color: #fff;margin-top: 10px;}
.focus a:hover{color:#fe737f}
.focus img {width: 100%;height: 100%;}
.focus span{/* display:block; */background: url(../images/zblackbg.png);position: absolute;bottom: 0;left: 0;width: 94%;line-height: 40px;font-size: 16px;text-align: center;padding: 0px 3%;}
.focus .bigimg a{width: 785px;height: 440px;}
.focus .smallimg a{width: 365px;height: 215px;}

/*热门推荐*/
.hot {border: 1px solid #F35A70;height: 110px;position: relative;margin: 30px auto;}
.hot h2{background: url(../images/hoticon.png) left center no-repeat;width: 167px;height: 110px;text-indent: -999px;position: absolute;left: 0;top: 0;}
.hot ul {padding: 13px 0px 5px 0px;padding-left: 200px;}
.hot ul li {float: left;text-align: center;margin-right: 5px;}
.hot ul li a:hover{color:#fe737f}
.hot ul li a img {width: 62px;height: 62px;border-radius: 10px;}
.hot ul li a span {display: block;width: 100px;line-height: 18px;}

/*前线战报+强势安利*/
.newscon {border: 1px solid #53B0F8;padding-bottom: 20px;margin-bottom: 30px;}
.newsbox {width: 780px;position: relative;}
.newsbox .bigtitle {background-position: 0px 0px;}
.newsbox .indexmore{color: #59B3F8;border: 1px solid #59B3F8;text-align: center;}
.newsbox .indexmore:hover{background: #59B3F7;color: #fff;}
.newsbox .imgmews a {display: block;height: 205px;width: 370px;position: relative;overflow: hidden;margin: 0px 0px 10px 20px;}
.newsbox .imgmews a span {display: block;width: 94%;padding: 0px 3%;line-height: 40px;font-size: 16px;font-weight: bold;color: #fff;text-align: center;position: absolute;bottom: -40px;left: 0;z-index: 1;transition: 0.4s all ease;}
.newsbox .imgmews a:hover span{bottom: 0;}
.newsbox .imgmews a i {display: block;background: url(../images/blackbg.png) bottom left repeat-x;width: 100%;height: 100%;position: absolute;top: 205px;left: 0;transition: 0.4s all ease;}
.newsbox .imgmews a:hover i{top: 0;}
.newsbox .news-list li {font-size: 16px;line-height: 35px;height: 35px;position: relative;width: 370px;float: left;margin-left: 20px;}
.newsbox .news-list li a {display: inline-block;font-size: 16px;color: #333;width: 290px;padding-left: 20px;background: url(../images/icon04.png) left center no-repeat;transition: 0.1s all ease;}
.newsbox .news-list li a:hover{background: url(../images/icon004.png)  left center no-repeat;color: #1f8fe4;}
.newsbox .news-list li span {position: absolute;right: 0;top: 0;color: #c2c2c2;}

.evaluatebox{width: 340px;margin-right:20px;height: 467px;overflow: hidden;position: relative;}
.evaluatebox .bigtitle {background-position: 0px -62px;}
.evaluatebox .indexmore {color: #FC6A79;border: 1px solid #FC6A79;text-align: center;}
.evaluatebox .indexmore:hover {color: #fff;background: #FC6A79;text-align: center;}
.evaluatebox ul {margin-top: -10px;}
.evaluatebox ul li {padding: 10px 0 10px;border-bottom: 1px solid #ededed;vertical-align: middle;}
.evaluatebox .rl-img {float: left;width: 80px;height: 80px;}
.evaluatebox .rl-img img {width: 80px;height: 80px;border-radius: 10px;}
.evaluatebox .rl-info {float: left;width: 228px;margin: 0px 15px;color: #333;font-size: 16px;position: relative;}
.evaluatebox .rl-info h4 a {display: inline-block;font-size: 16px;line-height: 30px;color: #333;font-weight: normal;width: 125px;margin-right: 10px;float: left;}
.evaluatebox .rl-info h4 a:hover { color: #1f8fe4; }
.evaluatebox .rl-info span {line-height: 30px;position: absolute;right: 0;top: 0;}
.evaluatebox .rl-info p {color: #888;height: 40px;overflow: hidden;font-size: 12px;line-height: 22px;}
.evaluatebox .rl-score { float: right; width: 58px; }
.evaluatebox .rl-score span {width: 58px;height: 58px;display: block;background: url("../images/score.png") no-repeat;text-indent: -99px;overflow: hidden;}
.evaluatebox .rl-score span.s1 { background-position: 0 0; }
.evaluatebox .rl-score span.s2 { background-position: 0 -58px; }
.evaluatebox .rl-score span.s3 { background-position: 0 -116px; }
.evaluatebox .rl-score span.s4 { background-position: 0 -174px; }
.evaluatebox .rl-score span.s5 { background-position: 0 -232px; }
.evaluatebox .rl-score span.s6 { background-position: 0 -290px; }
.evaluatebox .rl-score span.s7 { background-position: 0 -348px; }
.evaluatebox .rl-score span.s8 {background-position: 0 -406px;}
.evaluatebox .rl-score span.s9 { background-position: 0 -464px; }
.evaluatebox .rl-score span.s10 { background-position: 0 -522px; }
.evaluatebox .rl-score p {width: 56px;height: 16px;font-size: 12px;line-height: 16px;text-align: center;margin-top: 6px;color: #0D74F4;}

/*大图书馆*/
.librarycon {border: 1px solid #9deaf9;margin-bottom: 30px;position: relative;padding-bottom: 20px;}
.librarycon .bigtitle {background-position: 0px -124px;}
.librarycon .indexmore{color: #71D0E1;border: 1px solid #71D0E1;right: 20px;}
.librarycon .indexmore:hover {color: #fff;background: #71D0E1;text-align: center;}
.librarycon .librarybox {margin-top: -20px;}
.librarycon ul li {margin: 20px 0px 0px 20px;}
.librarycon ul li a {display: block;color: #333;}
.librarycon ul li a:hover{color:#1f8fe4}
.librarycon ul li a img {width: 265px;height: 172px;display: block;}
.librarycon ul li a p {font-size: 16px;width: 265px;padding: 5px 0px;}
.librarycon ul li a span {font-size: 12px;color: #999;}

/*视频驿站*/
.vediocon {border: 1px solid #fb4554;margin-bottom: 30px;position: relative;padding-bottom: 20px;}
.vediocon .bigtitle {background-position: 0px -186px;}
.vediocon .indexmore{color: #fb4554;border: 1px solid #fb4554;text-align: center;right: 20px;}
.vediocon .indexmore:hover {color: #fff;background: #fb4554;text-align: center;}
.vediocon .vediobox{margin-top: -20px;}
.vediobox ul li {float: left;margin: 20px 0 0px 20px;}
.vediobox a {width: 265px;height: 172px;display: block;position: relative;overflow: hidden;}
.vediobox a img {width: 265px;height: 172px;}
.vediobox span {width: 94%;height: 40px;line-height: 40px;padding: 0px 3%;color: #fff;font-size: 16px;text-align: center;background: url(../images/zblackbg.png);position: absolute;bottom: 0;left: 0;z-index: 1;}
.vediobox a:hover span {color: #fe737f;}
.vediobox b {width: 100%;height: 100%;display: none;background: url(../images/zblackbg.png);opacity: 0.5;position: absolute;top: 0;left: 0;}
.vediobox em {width: 90px;height: 90px;display: block;background: url("../images/bofn.png") center center no-repeat;position: absolute;top: 50%;left: 50%;margin: -65px 0px 0px -45px;cursor: pointer;z-index: 2;transition: 1s all ease;}
.vediobox i {width: 90px;height: 90px;display: block;position: absolute;top: 50%;left: 50%;margin: -65px 0px 0px -45px;z-index: 1;}
.vediobox a:hover b { display: block; }
.vediobox a:hover em {background: url("../images/bofnsmal-hw.png") center center no-repeat;transform: rotate(360deg);}
.vediobox a:hover i {background: url("../images/bofnsmal-h.png") center center no-repeat;}
.vediobox .first{margin: 20px 0 0px 20px;}
.vediobox .first a,.vediocon .first a img {width: 550px;height: 364px;}
.vediobox .first em {background: url("../images/bofnbig.png") center center no-repeat;}
.vediobox .first a:hover em {background: url("../images/bofn-hw.png") no-repeat 0px 0px;width: 90px;height: 90px;}
.vediobox .first a:hover i {background: url("../images/bofn-h.png") center center no-repeat;width: 90px;height: 90px;}

/*宅腐话题*/
.housecon {border: 1px solid #9deaf9;margin-bottom: 30px;padding-bottom: 20px;position: relative;}
.housecon .bigtitle{background-position: 0px -258px;}
.housecon .indexmore {color: #71D0E1;border: 1px solid #71D0E1;text-align: center;right: 20px;}
.housecon .indexmore:hover {color: #fff;background: #71D0E1;text-align: center;}
.housecon ul {overflow: hidden;margin: 0px 20px;}
.housecon ul li {width: 137px;height: 350px;overflow: hidden;position: relative;float: left;border-left: 1px solid #fff;transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-ms-transition: width 0.3s ease 0s;}
.housecon ul li a {display: block;}
.housecon ul li i {display: block;height: 350px;width: 100%;background-position: center center;background-repeat: no-repeat;/* background-size: auto 100%; */}
.housecon ul li p {height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;position: absolute;width: 95%;padding: 0px 3%;left: 0;bottom: 0;background: url(../images/zblackbg.png);transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);}
.housecon ul li.cur {width: 562px;}
.housecon ul li.cur p {height: 56px;line-height: 56px;font-size: 18px;}
.housecon ul li p.show{display:none}
.housecon ul li p.hide{display:block}
.housecon ul li.cur p.hide{display:none}
.housecon ul li.cur p.show{display:block}

/*异世界*/
.worldcon {border: 1px solid #FF80B0;margin-bottom: 30px;position: relative;padding-bottom: 20px;}
.worldcon .bigtitle{background-position: 0px -310px;}
.worldcon .indexmore {color: #FF80B0;border: 1px solid #FF80B0;text-align: center;right: 20px;}
.worldcon .indexmore:hover {color: #fff;background: #FF80B0;text-align: center;}
.worldcon .worldbox{margin-top: -20px;}
.worldbox ul li {float: left;margin: 20px 0 0px 20px;display: inline;}
.worldbox a {width: 265px;height: 172px;display: block;position: relative;overflow: hidden;}
.worldbox a span {width: 95%;height: 40px;line-height: 40px;padding: 0px 3%;color: #fff;font-size: 16px;text-align: center;background: url(../images/zblackbg.png);position: absolute;bottom: 0;left: 0;z-index: 3;}
.worldbox a:hover span {color: #fe737f;}
.worldbox .first{margin: 20px 0 0px 20px;}
.worldbox .first a,.worldbox .first a img {width: 550px;height: 364px;}
.indexad{margin-bottom:30px;height: 100px;}