@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1606137165166'); /* IE9 */
    src: url('../font/iconfont.eot?t=1606137165166#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../font/iconfont.woff?t=1606137165166') format('woff'),
    url('../font/iconfont.ttf?t=1606137165166') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/iconfont.svg?t=1606137165166#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
    background: url(../img/bg.jpg) center center / cover no-repeat fixed;
}

input,textarea,select,div,ul,button {
      box-sizing: border-box;
}

button {
    cursor: pointer;
    outline: none
}


.hide {display: none}
.font-red {color: #FF2934;}
.font-red-light {color: #fc6d26;}
.font-yellow {color: #FF2934;}
.font-blue {color: #0F9CE8;}
.font-green {color: green}
.font-gray {color: #666}

.bg-red {background: #fd3b1b;color: #fff}
.bg-blue {background: #0F9CE8;color: #fff}
.bg-green {background: #34ac28;color: #fff}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.bold {font-weight: bold}
.flex {
    display: -webkit-flex!important; /* Safari */
    -webkit-flex-wrap: wrap!important; /* Safari 6.1+ */
    display: flex!important;
}

.w80 {width: 80px}
.h30 {height: 30px;line-height: 30px}
.h35 {height: 35px;line-height: 35px}


.flex-1 {
  flex: 1
}

.flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.table {
    display: table;
    border-collapse: collapse;
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell
}

.loading {
    display: block;
    text-align: center;
}
.loading img{

}



.ball-icon {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../img/ball.png) no-repeat;
    vertical-align: middle; 
    margin:0 2px;
}

.ball-01 { background-position: 0 0; }
.ball-02 { background-position: 0 -27px; }
.ball-03 { background-position: 0 -54px; }
.ball-04 { background-position: 0 -81px; }
.ball-05 { background-position: 0 -108px; }
.ball-06 { background-position: 0 -135px; }
.ball-07 { background-position: 0 -162px; }
.ball-08 { background-position: 0 -189px; }
.ball-09 { background-position: 0 -216px; }
.ball-1 { background-position: 0 0; }
.ball-2 { background-position: 0 -27px; }
.ball-3 { background-position: 0 -54px; }
.ball-4 { background-position: 0 -81px; }
.ball-5 { background-position: 0 -108px; }
.ball-6 { background-position: 0 -135px; }
.ball-7 { background-position: 0 -162px; }
.ball-8 { background-position: 0 -189px; }
.ball-9 { background-position: 0 -216px; }
.ball-10 { background-position: 0 -243px; }

.ball-11 { background-position: -27px 0; }
.ball-12 { background-position: -27px -27px; }
.ball-13 { background-position: -27px -54px; }
.ball-14 { background-position: -27px -81px; }
.ball-15 { background-position: -27px -108px; }
.ball-16 { background-position: -27px -135px; }
.ball-17 { background-position: -27px -162px; }
.ball-18 { background-position: -27px -189px; }
.ball-19 { background-position: -27px -216px; }
.ball-20 { background-position: -27px -243px; }

.ball-21 { background-position: -54px 0; }
.ball-22 { background-position: -54px -27px; }
.ball-23 { background-position: -54px -54px; }
.ball-24 { background-position: -54px -81px; }
.ball-25 { background-position: -54px -108px; }
.ball-26 { background-position: -54px -135px; }
.ball-27 { background-position: -54px -162px; }
.ball-28 { background-position: -54px -189px; }
.ball-29 { background-position: -54px -216px; }
.ball-30 { background-position: -54px -243px; }

.ball-31 { background-position: -81px 0; }
.ball-32 { background-position: -81px -27px; }
.ball-33 { background-position: -81px -54px; }
.ball-34 { background-position: -81px -81px; }
.ball-35 { background-position: -81px -108px; }
.ball-36 { background-position: -81px -135px; }
.ball-37 { background-position: -81px -162px; }
.ball-38 { background-position: -81px -189px; }
.ball-39 { background-position: -81px -216px; }
.ball-40 { background-position: -81px -243px; }

.ball-41 { background-position: -108px 0; }
.ball-42 { background-position: -108px -27px; }
.ball-43 { background-position: -108px -54px; }
.ball-44 { background-position: -108px -81px; }
.ball-45 { background-position: -108px -108px; }
.ball-46 { background-position: -108px -135px; }
.ball-47 { background-position: -108px -162px; }
.ball-48 { background-position: -108px -189px; }
.ball-49 { background-position: -108px -216px; }

.ball-red {color: #fff;background:#fd3b1b;}
.ball-blue {color: #fff;background:#0F9CE8;}
.ball-green {color: #fff;background:#34ac28;}

#msg {
    position: fixed;
    top:50%;
    margin-top:-100px;
    text-align: center;
    z-index:999;
    left:0;
    right:0;
}

#msg ul {
    display: inline-block;
    background: #000;
    border-radius: 7px;
    color: #fff;
    padding:15px 25px;
    font-size: 16px;
    font-weight: bold;
}

#layer {left: 0;top:0;bottom: 0;right: 0;z-index: 999;}
#layer .layer-body {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden
}
#layer .layer-shadow {background: rgba(0,0,0,.2);left: 0;top:0;bottom: 0;right: 0;z-index: -1;}
#layer .layer-title {
    position: absolute;
    top:0;left: 0;right: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    cursor: move;
    font-size: 14px;
    background: #fff;
    color: #333;
    font-weight: bold
}

#layer .layer-title .close {height: 40px;width: 40px;line-height: 40px;text-align: center;right:0;top:0;font-size: 14px;  cursor: pointer;}
#layer .layer-title .close:active {opacity: .7;}
#layer .layer-content {top: 40px;left: 0;right: 0;bottom: 0;}

#layer .layer-body{
    -webkit-animation:'zoom-layer' 500ms ease-in-out 0s 1 alternate forwards;
    border-radius: 4px;
}

#layer.layer-play-tips .layer-content div.box {
    padding:15px;
    font-size: 14px;
    line-height: 170%;
    position:absolute;
    top:0;left: 0;right: 0;bottom: 0;
    overflow-y: auto;
    color: #333
}

#layer.layer-msg .layer-title{
    background: #fff;
    color: #888;
}

#layer.layer-msg div.box {
    text-align: center;
    color: #FF2934;
    font-weight: bold;
    padding-top: 20px;
}

@-webkit-keyframes 'zoom-layer'{
    0%{
        transform: scale(.7);
        opacity: 0
    }
    60%{
        transform: scale(1.1);
        opacity: .9
    }
    100%{
        transform: scale(1);
        opacity: 1
    }
}

.layer-game-stop {
    width: 300px;
    height: 90px;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -150px;
    background: rgba(0,0,0,.7);
    line-height: 90px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#layer.layer-order div.box {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
}

#layer.layer-order div.box span {
    text-align: center
}

#layer.layer-order div.box span.s2 {
    width:100px;
}

#layer.layer-order div.box span.s3 {
    width:90px;
}

#layer.layer-order div.box span.s4 {
    width:80px;
}

#layer.layer-order div.box .nt div {
    cursor: pointer;
}

#layer.layer-order div.box .nt div:hover {
    background: yellow
}

#layer.layer-order div.box .nt div:active {
    background: pink
}

#layer.layer-order div.box .nt span.s4:hover {
    opacity: .5
}

#layer.layer-order div.box .mt {
    position: absolute;
    top:0;left:0;right:0;
    height: 40px;
    line-height: 40px;
    background: #eee;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-right: 18px
}

#layer.layer-order div.box .nt {
    position: absolute;
    top:41px;
    left: 0;
    right: 0;
    bottom:60px;
    overflow-y:scroll;
}

#layer.layer-order div.box .nt div {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #eee
}

#layer.layer-order div.box div.button {
    position: absolute;
    height: 60px;
    bottom:0;
    left:0;
    right:0;
    background: #f5f5f5;
    line-height: 60px;
    text-align: center;
}

#layer.layer-order div.button div {
    margin:10px 0;
}

#layer.layer-order div.button button {
    width: 100px;
    height: 35px;
    margin:0 5px;
    border-radius:4px;
    font-weight: bold;
    border:none;
    outline: none;
}

#layer.layer-order div.button button.submit {
    background: #f02800;
    color: #fff;
}

#layer.layer-order div.button button.submit:disabled {
    background: #e2d9c7;
    color: #ccc;
}

#layer.layer-order div.button button.reset {
    background: #ddd;
    color: #333;
}

#layer.layer-order-info div.box {
    padding:15px;
    font-size: 14px;
    position:absolute;
    top:0;left: 0;right: 0;bottom: 0;
    overflow-y: auto;
    color: #333
}

#layer.layer-order-info .stamp{
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 85px;
    font-size: 22px;
    border: 5px solid rgba(0,0,0,.3);
    border-radius: 50%;
    color: rgba(0,0,0,.3);
    font-weight: bold;
    right: 50px;
    top: 20px;
    transform: rotate(-25deg);
}

#layer.layer-order-info .stamp.win{
    border-color: rgba(255,0,0,.3);
    color: rgba(255,0,0,.3);
}

#layer.layer-order-info div.box table {
    width: 100%;
    border:1px solid #ddd;
}

#layer.layer-order-info div.box table td {
    border:1px solid #ddd;
    padding:10px;
    text-align: center
}

#layer.layer-order-info div.box .lottery-result {
    display: inline-block;
}
.lottery-result li {
    list-style: none;
    display: inline-block;
    margin:0 3px
}
.lottery-result li p {
    display: block;
    margin: 0;
}
.lottery-result li p.p1 {
    margin-bottom: 5px;
}
.lottery-result li p.p1 span.ball{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
}


#layer.layer-check-result div.box table {
    width: 100%;
    border:1px solid #ddd;
    font-size: 14px;
}

#layer.layer-check-result div.box table td.mt {
    background: #f6f6f6;
    width: 100px;
}

#layer.layer-check-result div.box table td {
    border:1px solid #ddd;
    padding:10px;
    text-align: center;
    word-break: break-all;
    line-height: 170%;
}