/*主体*/ .modle{width:1200px; margin:20px auto 0 auto; overflow:hidden} /*当前路径*/ div.weizhi{width:100%; height:30px; line-height:30px; background:#none; border-bottom:#ccc dashed 1px; margin:10px auto} div.weizhi span{margin:0 5px} .content_L{width:780px; background:#fff; border-radius:7px; padding:0 20px 20px 20px; margin:0 auto 0 auto; overflow:hidden; float:left; position:relative} .content_L h1{max-height:100px; line-height:50px; text-align:center; font-size:28px} .content_L span{height:30px; line-height:30px} .content_L span.hit{} .content_L span.shoucang{margin-left:20px} .content_L span.time{float:right} .content_L span.hit i{font-style:normal} .content_L p,.content_L>div:nth-child(2n){color:#000; font-size:18px; line-height:28px; margin-top:20px} .content_L p.title{height:40px; line-height:40px; color:#fff; background:#17A5FF; font-size:16px; font-weight:bold; padding-left:10px} .content_L p.title strong{display:inline-block; height:40px; line-height:40px; font-weight:bold} .content_L p.baidupan{color:#444; background:url(/statics/images/hnyande/images/baidupan_bg.png); padding:6px 0 6px 10px; margin-top:0} .content_L p.prev_next{margin-top:0} .content_L table{border:#444444 solid 1px!important; border-right:0px; border-bottom:0px; margin-top:20px} .content_L td{border:#444444 solid 1px; padding-left:5px; border-top:0px; border-left:0px} .content_L ul.download{overflow:hidden} .content_L ul.download li{min-width:69px; height:40px; text-align:center; font-size:18px; border-bottom:#17A5FF solid 3px; overflow:hidden; float:left} .content_L ul.download li a{display:block; line-height:40px} .content_L ul.relation{overflow:hidden} .content_L ul.relation li{max-height:80px; text-align:left; border-bottom:#17A5FF solid 3px; float:left} .content_L ul.relation li a{display:inline-block; line-height:40px} .content_R{width:360px; overflow:hidden; float:right} .user{width:calc(100% - 20px); background:#fff; padding:10px; margin:0 0 20px 0!important; border-radius:7px; overflow:hidden; position:relative} .user p{width:100%; height:25px; line-height:25px; position:relative} .user p span{position:absolute; left:25px} .user p.vip{display:block; width:100px; height:98px; transform:rotate(20deg); -ms-transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg); background:url(/statics/images/hnyande/images/vip.png); position:absolute; top:0; right:0} .user p.vip_msg{width:calc(100% - 12px); height:40px; line-height:20px; border:#ddd solid 1px; border-radius:7px; margin-top:5px; padding:5px} .sub_menu{width:100%; overflow:hidden} .sub_menu ul{} .sub_menu li{width:116px; height:40px; line-height:40px; background:#fff; text-align:center; border-radius:7px; float:left} .sub_menu li a{display:block; line-height:40px; border-radius:7px} .sub_menu li a:hover,.sub_menu li a.cur{color:#fff; background:#17A5FF} .top_list{width:360px; background:#fff; border-radius:7px; margin-top:20px; overflow:hidden} .top_list p.title{width:340px; height:45px; line-height:45px; font-size:18px; border-bottom:#17A5FF solid 2px; margin:0 auto} .top_list ul{} .top_list li{heigth:35px; line-height:35px} .top_list li a{display:block; height:35px; line-height:35px; padding:0 10px; overflow:hidden} /*pg下载*/ div.goods{width:100%; margin-top:20px; overflow:hidden; position:relative} div.goods div.swiper-container{width:100%; background:#f4f4f4; border-radius:5px; overflow:hidden} div.goods div.swiper-slide{background:#fff; border-radius:5px; overflow:hidden} div.goods div.swiper-slide img{width:100%; max-width:23rem; height:auto} div.goods div.swiper-slide p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:center; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2} div.goods div.swiper-slide p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.4; position:absolute; left:0; bottom:0; z-index:1} div.goods div.swiper-pagination-goods{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 7px 0 7px; position:absolute; left:calc(100% - 70px); top:0px} .ad_zp{width:340px; height:248px; background:url(/statics/images/hnyande/images/zhaoping.png) no-repeat left -248px #fff; margin:10px 10px 0 10px} .ad_zp:hover{background:url(/statics/images/hnyande/images/zhaoping.png) #fff} .ad_zp a{display:block; width:340px; height:248px; line-height:248px; text-indent:999em; overflow:hidden} #example { position : relative; }