*{margin:0 auto; padding:0 auto; font-family:"΢ÈíÑźÚ"; }
body {background: url(/statics/images/hnyande/images/bg.jpg)}
a{text-decoration: none}

div.module{width:800px; height:547px; background:none; margin-left:-400px; margin-top:-273px; position:absolute; left:50%; top:50%}

div.download{width:750px; background:#fff; box-shadow: 1px 1px 5px #aaaaaa; border-radius:10px; padding:15px; overflow:hidden}
div.download a.join_us{display:block; width:300px; height:252px; line-height:252px; background:url(/statics/images/hnyande/images/download_ad.jpg) #eee; text-indent:999em; overflow:hidden; float:left}

div.download_user{width:280px; height:230px; background:#fff; border:#ededed solid 1px; padding:10px; float:left; position:relative}
div.download_user p{width:100%; height:26px; line-height:26px; position:relative}
div.download_user p span{position:absolute; left:25px}
div.download_user p.vip{display:block; width:100px; height:98px; transform:rotate(17deg); -ms-transform:rotate(17deg); -moz-transform:rotate(17deg); -webkit-transform:rotate(17deg); -o-transform:rotate(17deg); background:url(../images/vip.png); position:absolute; top:-30px; right:-10px}

div.download_address{width:413px; height:230px; background:#fff; border:#ededed solid 1px; padding:10px; float:right; position:relative}
div.download_address h2,div.download_address p{line-height:20px; font-size:16px}
div.download_address p{font-size:15px; margin-top:10px}
div.download_address a.xzs_btn {display:block; width:413px; height:50px; line-height:50px; color:#fff; background:#149eff; text-align:center; font-size:24px; position:absolute; left:10px; bottom:10px}
div.download_address a.xzs_btn1 {display:block; width:413px; height:50px; line-height:50px; color:#fff; background:#a90000; text-align:center; font-size:18px; position:absolute; left:10px; bottom:10px}
div.download_address a:hover.xzs_btn,div.download_r a:hover.xzs_btn1{background:#ff9900}

div.msg{width:748px; height:45px; line-height:45px; letter-spacing:1px; text-align:center; border:#ededed solid 1px; margin-top:15px; float:left}

/*²úÆ·ÖÐÐÄ*/
div.goods{width:calc(100% - 20px); margin-top:10px; 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}