@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;}
.opacityOne{opacity:0.1;}
.lotto .lotto-tit { display: flex; justify-content: space-between; margin-bottom: 10px;}
.lotto .lotto-tit1 {}
.lotto .toggle-div{margin-left:30px;color:#fff;background:#b02b21;padding:3px 5px;border-radius: 5px;font-size:14px;}
.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-xq-box {display:none;margin-top:5px}
.lotto .lotto-xq-box .tit{padding-left: 5px;height:30px;line-height:30px; color:blue;display: flex; justify-content: space-between; margin-bottom: 10px;background:#ddd;}
.lotto .lotto-xq-box .tit1{padding-left: 5px;height:30px;line-height:30px; color:#ffff00;font-size:10pt;font-weight:bold;display: flex; justify-content: space-between;background:#6666FF;}
.lotto .lotto-xq-box .tit2{padding-left: 5px;height:30px;line-height:30px; color:#000;font-size:12pt;display: flex; justify-content: space-between;background: #fff;}
.lotto .lotto-xq-box .tit1 span:last-child {border-right:0px;}
.lotto .lotto-xq-box .tit2 span:last-child {border-right:0px;}
.lotto .lotto-xq-box ul { display: flex;}
.lotto .lotto-xq-box ul li {width:100%;border: solid 1px #e5e5e5;}
.lotto .lotto-xq-box ul li span{flex: 1 1 13.7%;flex-basis: 13.7%;border-right: solid 1px #e5e5e5;}
.lotto .lotto-xq-box .red{color:red}
.lotto .lotto-xq-box .blue{color:blue}
.lotto .lotto-xq-box .green{color:green}
.lotto .lotto-xq-box ul li.lotto-xq { margin-left: 4px; padding: 5px; border: solid 1px #e5e5e5; border-radius: 5px;}
.lotto .lotto-xq-box ul li.lotto-xq:nth-child(1) { margin-left: 0;}
.lotto .lotto-xq-box ul li.lotto-xq:last-child { margin-left: 0;}
.lotto .lotto-xq-box ul li.lotto-xq p { margin-top: 5px; font-size: 13px;}


.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;}

.choice-box {font-family:"华文中宋"}
.choice-box .h{border-bottom: solid 1px #25B5F6;}
.choice-box span {display: flex; justify-content: space-between; margin: 10px;color:#FF0000;font-weight:bold;}
.choice-box ul {margin-top:10px;margin-bottom:10px; display: flex; justify-content: space-between; align-items: center;}
.choice-box ul li div{margin-left: 4px; padding: 5px; border: solid 1px #e5e5e5; border-radius: 5px;}
.choice-box ul li button.position_superior{height:26px;background:#0000ff;padding:2px;border-color:#0000ff;color:#fff;border-radius: 5px;}
.choice-box ul li div.active{background:#ec6337;color:#fff;border:0;padding: 5px;}

.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;}
