.collections { overflow: hidden; background: #fff; padding: 20px; min-height: 500px; }

.collections ul.item { overflow: hidden; width: 1180px; }

.collections ul.item li { width: 380px; height: 200px; position: relative; overflow: hidden; float: left; margin: 0 10px 30px 0; }

.collections ul.item li:hover .bt { bottom: -40px; }

.collections ul.item li:hover .info { top: 0; }

.collections ul.item li .img { width: 100%; height: 200px; position: relative; z-index: 1; }

.collections ul.item li .bt { position: absolute; left: 0; bottom: 0; z-index: 2; width: 96%; padding: 0 2%; height: 40px; background: -webkit-linear-gradient(to bottom, transparent 0%, #000000 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#000000',GradientType=0 ) !important; background: linear-gradient(to bottom, transparent 0%, #000000 100%) !important; text-align: center; color: #fff; font-size: 15px; line-height: 40px; transition: all .1s linear; -webkit-transition: all .1s linear; }

.collections ul.item li .info { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); position: absolute; left: 0; top: -200px; z-index: 3; transition: all .2s linear; -webkit-transition: all .2s linear; }

.collections ul.item li .info .bt2 { display: block; width: 350px; height: 26px; line-height: 26px; font-size: 20px; color: #fff; overflow: hidden; margin: 15px; }

.collections ul.item li .info .typebox { width: 212px; height: 28px; line-height: 28px; font-size: 12px; color: #fff; margin: 0 15px; }

.collections ul.item li .info .typebox span { color: #99ccff; }

.collections ul.item li .info .typebox .btn { display: block; float: right; width: 64px; height: 28px; text-align: center; border-radius: 3px; background: #3399ff; color: #fff; }

.collections ul.item li .info .typebox .btn:hover { opacity: .8; }

.collections ul.item li .info .desc { float: left; width: 212px; margin: 15px; line-height: 24px; color: #fff; font-size: 12px; height: 75px; overflow: hidden; }

.collections ul.item li .info .ewm { display: block; float: right; margin: -25px 15px 0 0; }

.collections ul.item li .info .ewm, .collections ul.item li .info .ewm img { width: 110px; height: 110px; }



.detaisl_head { width: 100%; border-bottom: 1px solid #f5f5f5; position: relative; z-index: 2; }

.detaisl_head h1 { font-size: 30px; font-weight: normal; text-align: center; line-height: 40px; color: #333; }

.detaisl_head .lis { text-align: center; font-size: 14px; color: #525252; margin: 15px 0; }

.detaisl_head .lis span { margin: 0 30px; }

.detaisl_head .lis .phone { position: relative; }

.detaisl_head .lis .phone span { color: #ffcb62; font-size: 14px; cursor: pointer; }

.detaisl_head .lis .phone:hover .ewmdiv { display: block; }

.detaisl_head .lis .phone .ewmdiv { display: none; width: 245px; height: 265px; background: url(../img/ewmbg.png) no-repeat; position: absolute; right: -228px; top: -40px; }

.detaisl_head .lis .phone .ewmdiv img { width: 180px; height: 180px; margin: 20px 0 4px -2px; }

.detaisl_head .lis .phone .ewmdiv .tips { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #565656; text-align: center; }



.descbox { width: 100%; line-height: 24px; font-size: 14px; color: #666; margin: 25px auto; }



.gameinfo { width: 100%; overflow: hidden; height: 340px; background: #f5f5f5; }

.gameinfo .img, .gameinfo .img img { width: 640px; height: 340px; }

.gameinfo .info { width: 490px; height: 340px; overflow: hidden; position: relative; }

.gameinfo .info .bt { width: 445px; height: 35px; line-height: 35px; overflow: hidden; font-size: 24px; color: #333; margin: 20px 0; display: block; }

.gameinfo .info .tag { position: absolute; right: 0; top: 0; color: #fff; font-size: 14px; font-weight: bold; width: 14px; height: 80px; text-align: center; background: url(../img/icon_tag.png) no-repeat; padding: 4px 9px; line-height: 16px; }

.gameinfo .info .item { width: 100%; height: 120px; }

.gameinfo .info .item .img { width: 120px; height: 120px; border-radius: 12px; display: block; margin-right: 20px; float: left; }

.gameinfo .info .item ul { width: 310px; height: 85px; float: left; }

.gameinfo .info .item ul li { float: left; width: 50%; height: 25px; line-height: 25px; font-size: 12px; color: #565656; }

.gameinfo .info .item ul li a { color: #565656; }

.gameinfo .info .item ul li a:hover { color: #ff4c4c; }

.gameinfo .info .item ul li span { color: #99ccff; float: left; }

.gameinfo .info .item ul li .start { margin: 7px 5px; }

.gameinfo .info .item .btn { width: 96px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #0281ff; color: #fff; border-radius: 4px; margin: 5px 0 0; display: block; float: left; }

.gameinfo .info .item .btn:hover { opacity: 0.8; }

.gameinfo .info .desc { float: left; height: 96px; width: 470PX; font-size: 14px; color: #666; line-height: 24px; margin: 22px auto; overflow: hidden; }



.gamelist { width: 100%; overflow: hidden; margin-top: 50px; }

.gamelist ul { overflow: hidden; width: 1200px; }

.gamelist ul li { width: 358px; height: 196px; border: 1px solid #f0f1f7; float: left; margin: 0 40px 29px 0; }

.gamelist ul li:hover { border-color: #ffb2b2; }

.gamelist ul li .img { display: block; float: left; margin: 20px 20px 15px; }

.gamelist ul li .img, .gamelist ul li .img img { width: 100px; height: 100px; border-radius: 12px; }

.gamelist ul li .bt { font-size: 16px; font-weight: bold; color: #525252; width: 206px; height: 30px; line-height: 30px; overflow: hidden; float: left; margin-top: 20px; }

.gamelist ul li .bt:hover { color: #0281ff; }

.gamelist ul li .info { width: 205px; height: 50px; float: left; position: relative; margin-top: 20px; }

.gamelist ul li .info .lis { height: 25px; line-height: 25px; font-size: 12px; width: 100%; color: #565656; float: left; }

.gamelist ul li .info .lis span { color: #99ccff; float: left; }

.gamelist ul li .info .lis .start { margin: 7px 5px; background: url(../img/icon_star.png) no-repeat; }

.gamelist ul li .info .downl { width: 64px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #ebf5ff; color: #0281ff; display: block; float: right; border-radius: 4px; margin-top: -38px; }

.gamelist ul li .info .downl:hover { background: #0281ff; color: #fff; }

.gamelist ul li .desc { margin: 0 20px; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #565656; }



/*# sourceMappingURL=Collection.css.map */