@charset "utf-8";
/* CSS Document */

.lotto { padding: 15px 10px; box-sizing: border-box; text-align: center; background: #fff;}
.lotto a { text-decoration: none;}
.lotto ul { margin: 0; padding: 0;}
.lotto ul li { list-style: none;}
.lotto .lotto-tit { display: flex; justify-content: space-between; margin-bottom: 10px;}
.lotto .lotto-tit1 {}
.lotto .lotto-tit2 { color: #999;}
.lotto .lotto-tit2 a { color: #0084ff;}
.lotto .lotto-box {}
.lotto .lotto-box ul { display: flex; justify-content: space-between; align-items: center;}
.lotto .lotto-box ul li { flex: 1;}
.lotto .lotto-box ul li.lotto-ball { margin-left: 4px; padding: 5px; border: solid 1px #e5e5e5; border-radius: 5px;}
.lotto .lotto-box ul li.lotto-ball:nth-child(1) { margin-left: 0;}
.lotto .lotto-box ul li.lotto-ball:last-child { margin-left: 0;}
.lotto .lotto-box ul li.lotto-ball span { width: 32px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; display: inline-block; background-size: 100% 100%!important;}
.lotto .lotto-box ul li.lotto-ball span.lotto-red { background: url(../images/lotto-red.png) 0 0 no-repeat;}
.lotto .lotto-box ul li.lotto-ball span.lotto-blue { background: url(../images/lotto-blue.png) 0 0 no-repeat;}
.lotto .lotto-box ul li.lotto-ball span.lotto-green { background: url(../images/lotto-green.png) 0 0 no-repeat;}
.lotto .lotto-box ul li.lotto-ball p { margin-top: 5px; font-size: 13px;}
.lotto .lotto-box ul li.lotto-jia { font-size: 18px;}
.lotto .lotto-box {}
.lotto .lotto-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 13px;}
.lotto .lotto-foot1 { color: #ff6900;}
.lotto .lotto-foot2 {}
.lotto .lotto-foot2 a { width: 50px; height: 24px; line-height: 24px; color: #fff; border-radius: 24px; display: inline-block; background: #0084ff; text-decoration: none;}

.lottoin { padding: 20px 30px; box-sizing: border-box; text-align: center;}
.lottoin-tit { margin-bottom: 10px;}
.lottoin-tit font { color: #f00;}
.lottoin-box {}
.lottoin-box ul { display: flex; justify-content: space-around; align-items:center;}
.lottoin-box ul li {}
.lottoin-box ul li span { width: 32px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; display: inline-block; background-size: 100% 100%!important;}
.lottoin-box ul li span.lottoin-red { background: url(../images/lotto-red.png) center center no-repeat;}
.lottoin-box ul li span.lottoin-green { background: url(../images/lotto-green.png) center center no-repeat;}
.lottoin-box ul li span.lottoin-blue { background: url(../images/lotto-blue.png) center center no-repeat;}
.lottoin-box ul li p { margin-top: 5px; font-size: 13px;}
.lottoin-box ul li.lottoin-jia { font-size: 18px;}