lixin-web/webapp/css/game-center.css

vue and bootstrap

.game-main1 div.youx{padding-bottom:76px;overflow:hidden;}
.youx{margin:0 auto;width:1000px}
.lottBox{width:580px;margin:0 auto;}
.lottBox div.loImg{text-align:center;padding-top:74px;}
.lip3{padding-top:23px;padding-bottom:55px;}
.youx1 img{padding-bottom: 40px;}
.youx1 {margin-left:38px;}
.youx1 a{display:block; color:#666;background:#FFF; border:1px solid #cfcfcf; /*width:100px;*/ height:32px; text-align:center; font-size:12px; line-height:32px;}
.youx1 a:hover{ background:#00c8fe; color:#FFF;}
.youx1 a{ margin-bottom:10px;}
.youx .youx1:nth-child(1) img{padding-bottom: 30px;}
.youx .youx1:nth-child(6) img{padding-bottom: 28px;}
.youx .youx1:nth-child(4) img{padding-bottom: 28px;}
.game-content_bg{background: url(img/game_center/lottBg.jpg) no-repeat bottom;}
@media screen and (max-width:768px){
	.youx,.lottBox{width:100%;padding: 0 10px;}
	.lottBox div.loImg{padding-top:20px}
	.youx .youx1:nth-child(1) img{padding-bottom: 9px;}
	.youx{column-count: 2;}
	.youx1 {margin-left:20px;-webkit-column-break-inside: avoid;}
	.youx1 img{padding-bottom: 20px;}
	.game-main1 div.youx{padding-bottom: 30px;-webkit-column-break-inside: avoid;}
.game-content_bg{background: none;}
}