html,body{width:100%;}
html,body,dd,dl,dt{padding: 0;margin: 0;}
.main{width: 100%;}
header{
    display: flex;flex-direction: row;align-items: center;background: #770000;
    position: fixed;top:0;left:0;right:0;height:40px;max-width: 600px;margin: 0 auto;z-index: 20;
}
header .logo{
    display: flex;height: 100%;align-items: center;
}
header .logo img{height: 90%}
.headera{
    padding: 5px 10px;color:#000;text-decoration: none;border:1px solid #D9D9D9;background: #fff;font-size: 13px;border-radius: 5px
}
.lottery{
    display: flex;flex-direction: row;align-items: center;position: fixed;height: 24px;top:40px;left:0;right: 0;
    background: #770000;color:#fff;border-top: 1px solid #6f3535;max-width: 600px;margin: 0 auto;z-index: 20;
}
.lottery_item{
    font-size: 14px;flex:1;height: 100%;text-align: center;line-height: 24px;color:#fff;text-decoration: none;
}
.lottery_activity{background: #fff;color:#000}
.xinshui{
    display: flex;flex-direction: row;align-items: center;position: fixed;height: 28px;top:65px;left:0;right: 0;
    background: #fff;max-width: 600px;margin: 0 auto;z-index: 20;
}
.xinshui2{
    display: flex;flex-direction: row;align-items: center;position: fixed;height: 28px;top:93px;left:0;right: 0;
    background: #fff;max-width: 600px;margin: 0 auto;z-index: 20;
}
.xinshui_item{
    flex:1;background: #770000;margin:0 10px;font-size: 12px;color:#fff;text-align: center;padding:2px 0px;border-radius: 20px;text-decoration: none;
}
.tabbar{
    display: flex;flex-direction: row;align-items: center;background: #fff;
    position: fixed;left:0;right:0;bottom: 0;height: 50px;border-top:1px solid #eee;
    max-width: 600px;margin:0 auto;
}
.tabitem{
    flex:1;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 3px
}
.tabitem img{
    width:24px;height: 24px;
}
.tabitem p{
    margin:2px 0px;font-size: 12px;
}
.textred{
    color:#fd4040;
}
.main{
    
}
.top{
    height:164px;
    background-repeat: no-repeat;background-size: contain
}
.top_hk{
    background-image: url('../img/icon_lhc_left_green_2-1.png');
}
.top_mo{
    background-image: url('../img/icon_lhc_left_green_2-2.png');
}
.top .nav{
    display: flex;flex-direction: row;align-items: center;height: 28px
}
.top .navitem{
    flex:1;text-align: center;color: #000
}
.top .navitem.active{
    color:#fff
}
.top .row2{
    display: flex;flex-direction: row;padding: 10px 20px;align-items: center
}
.top .row2 .his{
    width:100px
}
.top .row2 .his a{
    color:#777;font-size: 12px;text-decoration: none;
}
.top .row2 .issue{
    flex:1;text-align: center;font-weight: 600;
}
.top .row2 .right{
    color:#777;font-size: 12px;width:100px
}
.top .open{
    display: flex;flex-direction: row;align-items: center;padding: 10px 20px
}
.top .open .hm{
    display: flex;flex-direction: column;align-items: center;
    width:40px;margin-right: 2px
}
.top .open .hm .num{
    width:38px;height:38px;background-repeat: no-repeat;background-size: 100%;
    text-align: center;line-height: 36px;font-size: 18px
}
.top .open .hm .red{
    background-image: url('../img/icon_red.png')
}
.top .open .hm .green{
    background-image: url('../img/icon_green.png')
}
.top .open .hm .blue{
    background-image: url('../img/icon_blue.png')
}
.top .open .hm .sx{
    font-weight: 600;padding-top: 5px
}
.next_issue{
    font-size: 14px;text-align: center;color:#c93940
}
.notice{
    margin: 5px 10px;display: flex;flex-direction: row;align-items: center;
}
.notice .icon{
    width:18px;height:18px;
}
.notice .marquee{
    flex:1;margin-left: 10px;
}
.notice .marquee a{
    color:#333;text-decoration: none;padding-right: 20px;
}



/*分页*/
ul,li{list-style: none;margin:0;padding: 0}
.pagination{display: flex;justify-content: center}
.pagination li{border:1px solid #ccc;border-radius: 4px;padding: 2px 10px;font-size: 12px;margin: 0 10px}
.pagination li.disabled{background: #ddd}
/*开奖记录*/
.open_row{
    display: flex;flex-direction: column;margin-bottom: 10px;background: #fff;padding: 10px 15px;position: relative;height: 103px
}
.open_row1{
    display: flex;flex-direction: row;align-items: center;justify-content: center;height: 40px;margin-bottom: 10px;
}
.open_issue{
    font-size: 14px;color:#c93940
}
.open_time{
    font-size: 14px;
}
.open_row2{
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;position: absolute;top:60px;left:15px;right:15px;height:53px;z-index: 10;
}
.open_row3{
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;position: absolute;top:60px;left:15px;right:15px;height:53px;z-index: 9;
}
.open_item{
    flex:1;border-radius: 3px;margin: 0px 2px;display: flex;flex-direction: column;padding: 5px 0px;
    -webkit-animation-duration: 5s!important;
    animation-duration:5!important;
}

.open_num{
    color:#fff;font-size: 18px;;font-weight: 600;text-align: center;
}
.open_other{
    background: #fff;color:#666;font-size: 14px;font-weight: 600;text-align: center;margin:0px 5px 0px;border-radius: 1px
}
.open_red{
    background: #e71607
}
.open_blue{
    background: #2289e7
}
.open_green{
    background: #24b61d
}
.open_gray{
    background: #aaaaaa
}
.open_yellow{
    background: #ff9966;
}
.open_plus{
    flex:1;display: flex;justify-content: center;align-items: center;border:1px solid #777;height:51px;
    
}



.zoushi{
    display: flex;flex-direction: row;align-items: center;position: fixed;height: 28px;top:65px;left:0;right: 0;
    background: #fff;max-width: 600px;margin: 0 auto;
}
.zoushi_nav{
    flex:1;margin:0 10px;font-size: 14px;color:#000;text-align: center;padding:5px 0px;text-decoration: none;
}
.zoushi_activity{
    color:red;border-bottom: 1px solid red;
}
.zoushi_row{
    display: flex;flex-direction: column;
}
.zoushi_title{
    background: #dddddd;color:#777;height:30px;display: flex;justify-content: center;align-items: center;font-size: 14px;
}
.kj-tit {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #777;
    font-size: 14px;
    background: #ddd
}

.kj-box {
    height: 66px;
    padding-top: 8px;
    text-align: center;
    font: 14px/1.8 Tahoma
}

.kj-box ul li {
    float: left;
    width: 13%
}

.kj-box ul li.kj-jia {
    width: 7%
}

.kj-box ul li dl dt {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: center
}

.kj-box ul li dl dt .num {
    display: inline-block;
    color: #fff;
    font: 21px/32px Tahoma;
    width: 32px;
    text-align: center;
    font-weight: 700
}

.kj-box ul li dl dt.ball-red .num {
    background: #ec0909;
    border-radius: 50%
}

.kj-box ul li dl dt.ball-blue .num {
    background: #0060ff;
    border-radius: 50%
}

.kj-box ul li dl dt.ball-green .num {
    background: #3da224;
    border-radius: 50%
}

.kj-box ul li.kj-jia dl dt {
    font-size: 20px;
    height: 36px;
    box-sizing: border-box;
    padding-top: 2px
}

.kj-box ul li.kj-jia dl dd {
    font-size: 20px;
    height: 36px
}

.kj-box ul li dl dd {
    height: 30px;
    line-height: 30px
}

.wx-jin {
    color: #fc0
}

.wx-mu {
    color: #3c3
}

.wx-shui {
    color: #39f
}

.wx-huo {
    color: red
}

.wx-tu {
    color: #c90
}

.grey-txt {
    color: #ccc
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.tableti td {
    background: #f8f8f8;
    border-bottom: 1px solid #666;
    font-size:14px;
    color:#333;
}
.cgi-zs .hd {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 5px
}

.cgi-zs .hd ul li {
    float: left;
    width: 16.66%;
    text-align: center;
    vertical-align: top
}

.cgi-zs .hd ul li.on a {
    color: red;
    display: block;
    height: 33px;
    line-height: 33px;
    border-bottom: 2px solid red
}





.cgi-zs td font {
    display: block
}
.cgi-zs td {
    text-align: center;
    padding: 2px 0;
    border: 1px solid #ddd;
    width:120px;
    font-size: 14px;
}
.cgi-zs td i {
    color: #999;
    font-size: 10px;
    font-style: normal;
}

.cgi-zl .hd {
    height: 77px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.cgi-zl .hd ul li {
    float: left;
    width: 20%;
    text-align: center
}

.cgi-zl .hd ul li span {
    display: block;
    width: 50%;
    height: 40px;
    margin: 0 auto 10px auto
}

.cgi-zl .hd ul li span img {
    height: 100%;
    width: auto
}

.cgi-zl .hd ul li.on a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid red
}

.sxsuxing1 td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.hongbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red
}

.lanbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #36f
}

.lvbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #093
}

.sxsuxing2 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden
}

.sxsuxing1 span,.sxsuxing2 span {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin: 0 3px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sxsuxing2 i {
    float: left;
    width: 50px;
    text-align: center;
    height: 20px;
    line-height: 20px
}

.sxsuxing3 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    overflow: hidden
}

.sxsuxing3 i {
    color: red
}

.bg_red {
    background: red
}

.bg_blue {
    background: #36f
}

.bg_green {
    background: #093
}
.redClass {
    background: red;
    color: #fff
}

.blueClass {
    background: #00f;
    color: #fff
}

.greenClass {
    background: #090;
    color: #fff
}

/*计划心水*/
.xinshui_title{
    height: 38px;line-height: 38px;background: #770000;font-size: 18px;color:#FFFFCC;text-align: center;
}
.xinshui_main{
    padding: 5px 5px;
}
.xinshui_split{
    height:38px;background: #ff9966;
}
.xinshui_row{
    display: flex;flex-direction: row;height: 38px;line-height: 38px;border-bottom: 1px solid #eeeeee
}
.xinshui_cell1{
    flex:8;background: #ccffcc;text-align: center;
}
.xinshui_cell2{
    flex:19;text-align: center;
}
.xinshui_cell3{
    flex:6;background: #ccffcc;text-align: center;
}
.xinshui_row2{
    display: flex;flex-direction: column;border-left:1px solid #dde2e0;border-right:1px solid #dde2e0;border-bottom:1px solid #dde2e0;
}
.xinshui_row2_cell{
    text-align: center;font-size: 18px;line-height: 30px;color:#555;text-decoration: none;
}
.xinshui_row3{
    height: 40px;line-height: 40px;text-align: center;font-size: 16px;border-left:1px solid #dde2e0;border-right:1px solid #dde2e0;border-bottom:1px solid #dde2e0;
}
/*历史记录*/
.his_nav{
    background: #3b933e;height: 60px;display: flex;flex-direction: row;align-items: flex-end;padding:0 15px;
}
.his_navitem{
    background: #3b633c;border-radius:8px 8px 0px 0px; padding:8px 15px;color:#fff;margin-right: 8px;
}
.his_navitem.active{
    background: #fff;color:#3b633c;
}
.his_row{
    display: flex;flex-direction: column;margin-bottom: 10px;background: #fff;padding: 10px 15px;
}
.his_row1{
    display: flex;flex-direction: row;align-items: center;justify-content: space-between;height: 40px;border-bottom: 1px solid #f6f6f6;margin-bottom: 10px;
}
.his_issue{
    font-weight: 600;font-size: 18px;
}
.his_time{
    font-size: 14px;
}
.his_row2{
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}
.his_item{
    flex:1;border-radius: 8px;margin: 0px 3px;display: flex;flex-direction: column;padding: 5px 0px
}
.his_num{
    color:#fff;font-size: 24px;;font-weight: 600;text-align: center;
}
.his_other{
    background: #fff;color:#666;font-size: 12px;text-align: center;margin:0px 5px 0px;border-radius: 2px
}
.his_red{
    background: #e71607
}
.his_blue{
    background: #2289e7
}
.his_green{
    background: #24b61d
}
.his_plus{
    width:20px;height: 100%;display: flex;justify-content: center;align-items: center;
}

/*app下载*/
.download{
    position: fixed;bottom: 200px;left:0;right:0;height: 70px;display: flex;flex-direction: row;
}
.download_left,.download_right{
    width:70px;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.app_con{
    width:40px;height: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 40px;cursor: pointer
}
.download_left p,.download_right p{font-size: 12px;padding: 0;margin: 0}


@media screen and (min-width: 750px) {
    .main{width:600px;margin:0 auto;border-left: 1px solid #eee;border-right: 1px solid #eee}
    .download{width:600px;margin:0 auto;display: flex;}
}