.headbox {
    height: .44rem;
    line-height: .44rem;
    width: 100%;
    padding: 0 .1rem;
    display: -ms-flexbox;
    display: -webkit-box;
    box-sizing: border-box;
    background: #fff
}

.headbox div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    height: 100%;
    box-sizing: border-box
}

.main_visual {
    position: relative
}

.headbox div a {
    height: 100%;
    line-height: .15rem;
    width: .83rem
}

.headbox div a i {
    display: inline-block;
    width: .83rem;
    height: .2333rem;
    background: #fff url(../img/xiaol.png) -1.43rem -1.183rem;
    background-size: 3.1866rem auto;
    vertical-align: middle;
    margin-top: .08rem;
    box-sizing: border-box
}

.headbox .menubtn a {
    float: right;
    margin-right: 0;
    width: .25rem;
    text-align: right
}

.headbox .menubtn a i {
    height: .25rem;
    width: .21rem;
    background-position: -.17rem -1.2rem
}

.headbox .menubtn .go168 {
    width: .35rem;
    margin-right: .1rem
}

.headbox .menubtn .go168 i {
    height: .35rem;
    width: .35rem;
    background: #fff url(../img/go168.png) 0 0 no-repeat!important;
    background-size: .35rem auto!important
}

.kaiji_box {
    padding: 0 .15rem;
    margin-top: .1rem;
    background: #fff;
    position: relative
}

.kaiji_box .lottype {
    overflow: hidden
}

.kaiji_box .lottype h1 {
    width: 51%;
    font-size: .18rem;
    color: #282828;
    margin-bottom: .08rem;
    white-space: nowrap;
    float: left;
    font-weight: 600
}


.kaiji_box .lottype p {
    width: 49%;
    text-align: right;
    white-space: nowrap;
    float: right;
    font-size: .12rem;
    line-height: .28rem;
    color: #8a8a8a
}

.kaiji_box .lottype p .nextissue_time {
    color: #db5466
}

.kaiji_box .code_box ul {
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: .22rem;
    text-align: center
}

.kaiji_box .code_box ul li {
    margin-right: .08rem;
    width: .39333rem;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.kaiji_box .code_box .result_num {
    margin-bottom: .1rem;
    flex-direction: column
}

.kaiji_box .code_box .result_num li {
    height: .39rem;
    line-height: .33rem;
    width: .39333rem;
    font-size: .19rem;
    font-weight: 600
}

.kaiji_box .code_box .result_num .add i,.kaiji_box .code_box .result_num .blue i,.kaiji_box .code_box .result_num .green i,.kaiji_box .code_box .result_num .red i {
    display: inline-block;
    width: .39333rem;
    height: 100%;
    background: #fff url(../img/xiaol.png) -1.86rem -.71rem no-repeat;
    background-size: 3.18rem auto
}

.kaiji_box .code_box .result_num .red {
    color: #ed2a43;
    background: 0;
    text-align: center
}

.kaiji_box .code_box .result_num .red i {
    display: inline-block;
    width: .39333rem;
    height: 100%
}

.kaiji_box .code_box .result_num .blue>i {
    background-position: -2.744rem -.71rem;
    color: #0d8ddd
}

.kaiji_box .code_box .result_num .green>i {
    background-position: -2.2999rem -.71rem;
    color: #1ab246
}

.kaiji_box .code_box .result_num li:nth-child(8) {
    margin-right: 0
}

.kaiji_box .code_box .result_num .add {
    width: .13333rem
}

.kaiji_box .code_box .result_num .add>i {
    display: inline-block;
    margin-top: .09rem;
    width: .13333rem;
    height: .2rem;
    background-position: -.84rem -1.2rem
}

.kaiji_box .code_box .result_five,.kaiji_box .code_box .result_zoo {
    font-size: .12rem
}

.kaiji_box .code_box .result_five li,.kaiji_box .code_box .result_zoo li {
    padding-left: .085rem
}

.kaiji_box .code_box .result_five .empt,.kaiji_box .code_box .result_zoo .empt {
    margin-top: .13rem;
    width: .13333rem;
    height: .09333rem
}

.kaiji_box .linkbox {
    font-size: .14rem;
    overflow: hidden;
    bottom: 0;
    width: 95%
}

.kaiji_box .linkbox a {
    height: .33rem;
    width: 25%;
    color: #353535;
    border: 1px solid #cfcfcf;
    border-radius: .03rem;
    float: left;
    line-height: .33rem;
    margin-right: 10%;
    margin-bottom: .1rem;
    text-align: center
}

.kaiji_box .linkbox a:last-child,.kaiji_box .linkbox a:nth-child(3),.kaiji_box .linkbox a:nth-child(6),.kaiji_box .linkbox a:nth-child(9) {
    margin-right: 0
}

.kaiji_box .kaijiIn {
    display: none;
    font-size: .2rem;
    color: red;
    text-align: center;
    line-height: .4rem
}
.next_issueTime {
    color: #f4233d;
    height: .44rem;
    line-height: .44rem;
    border-top: 1px solid #f0eff5;
    font-size: .14rem;
    background: #fff;
    padding-left: .15rem;
    white-space: nowrap
}

.next_issueTime b {
    display: inline-block;
    width: .16666rem;
    height: .17rem;
    background: #fff url(../img/xiaol.png) -.6rem -1.23rem no-repeat;
    background-size: 3.18rem;
    vertical-align: middle;
    margin-bottom: .03rem
}

#fenXi {
    background: #fff;
    padding: .15rem;
    font-size: .13rem;
    display: -ms-flexbox;
    display: -webkit-box;
    margin-top: .1rem
}

#fenXi a {
    margin-right: .08rem;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    color: #333
}

#fenXi a dd {
    font-size: .11rem
}

#fenXi a dt span {
    display: inline-block;
    height: .51666rem;
    width: .517rem;
    background: #fff url(../img/xiaol.png) -.03rem -.05rem no-repeat;
    background-size: 2.8rem
}

#fenXi a .tema_zs span {
    background-position: -.5753rem -.05rem
}

#fenXi a .zhem_zs span {
    background-position: -1.1165rem -.05rem
}

#fenXi a .zoo_zs span {
    background-position: -1.67rem -.05rem
}

#fenXi a .lz_fenxi span {
    background-position: -2.213rem -.05rem
}

#fenXi a .kai_video span {
    background: url(../img/video.png) .03rem .03rem no-repeat;
    background-size: .45rem
}

#fenXi a:nth-child(6) {
    margin-right: 0
}

#icom_box {
    background: #fff;
    font-size: .16rem;
    margin-top: .1rem;
    overflow: hidden
}

#icom_box .icom {
    display: -ms-flexbox;
    display: -webkit-box;
    height: .42rem;
    line-height: .42rem;
    border-bottom: 1px solid #dbdbdb
}

#icom_box .icom div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

#icom_box .icom div .line_ {
    display: inline-block;
    height: .2rem;
    width: .1rem;
    background: #fff url(../img/xiaol.png) -.44rem -1.23rem no-repeat;
    background-size: 3.18rem;
    vertical-align: middle
}

#icom_box .icom div h2 {
    font-size: .16rem;
    display: inline-block
}

#icom_box .icom div a {
    color: gray;
    font-size: .12rem
}

#icom_box .icom div a i {
    display: inline-block;
    width: .06666rem;
    height: .1rem;
    background: #fff url(../img/xiaol.png) -1.03333rem -1.26666rem no-repeat;
    background-size: 3.18rem
}

#icom_box .icom div:first-child {
    margin-left: .1rem
}

#icom_box .icom div:first-child+div {
    margin-right: .1rem;
    text-align: right
}

#icom_box .com_box div:first-child {
    border: 0
}

#icom_box .icom_item {
    margin: 0 .1rem;
    border-top: 1px solid #dbdbdb;
    height: .56rem
}

#icom_box .icom_item a {
    color: #666;
    font-weight: 300
}

#icom_box .icom_item a p {
    font-family: PingFang-SC-ExtraLight;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .34rem
}

#icom_box .icom_item a .icom_date {
    font-size: .14rem;
    color: #999;
    vertical-align: top
}

.pagediv {
    background: #efeff4
}

#comparison_table {
    margin-top: .1rem;
    background: #fff
}

#comparison_table li {
    font-family: PingFang SC-Bold
}

#comparison_table .table_type {
    height: .44rem;
    line-height: .44rem;
    overflow: hidden;
    padding: 0 .2rem;
    display: -ms-flexbox;
    display: -webkit-box;
    border-bottom: 1px solid #dbdbdb
}

#comparison_table .table_type div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center
}

#comparison_table .table_type div a {
    color: #333;
    font-size: .16rem
}

#comparison_table .table_type div a span {
    display: inline-block;
    height: .43rem
}

#comparison_table .table_type div a .checked {
    border-bottom: 4px solid #fa3252;
    color: #fa3252
}

.left {
    float: left
}

.right {
    float: right
}

.bo_color .rows {
    height: .74rem;
    padding: 0 .1rem;
    font-size: .14rem;
    white-space: nowrap;
    border-top: 1px solid #dbdbdb;
    display: flex
}

.bo_color .rows .left {
    flex: 1
}

.bo_color .rows div:first-child {
    max-width: .38rem;
    line-height: .74rem;
    color: #333
}

.bo_color .rows div:last-child {
    margin-top: .1rem
}

.bo_color .rows div:last-child ul li {
    margin-bottom: .05rem;
    margin-right: .06rem;
    float: left;
    color: #fff;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    width: .24rem;
    border-radius: 50%
}

.bo_color .rows div:last-child ul li:last-child {
    margin-right: 0
}

.bo_color .rows div.red ul li {
    background: #f93353
}

.bo_color .rows div.blue ul li {
    background: #0094e7
}

.bo_color .rows div.green ul li {
    background: #20c36b
}

.bo_color div:first-child {
    border: 0
}

.zoo {
    display: none
}

.zoo .row {
    height: .5rem;
    line-height: .5rem;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: .14rem;
    border-top: 1px solid #dbdbdb
}

.zoo .row div {
    -moz-box-flex: 5;
    -webkit-box-flex: 5;
    -ms-flex: 5
}

.zoo .row div span {
    display: inline-block;
    margin-right: .05rem
}

.zoo .row div ul {
    display: inline-block;
    vertical-align: middle
}

.zoo .row div ul li {
    float: left;
    margin-right: .075rem;
    color: #fff;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    width: .25rem;
    border-radius: 50%
}

.zoo .row div ul li:last-child {
    margin-right: 0
}

.zoo .row div ul li.red {
    background: #fa3253
}

.zoo .row div ul li.blue {
    background: #0093e8
}

.zoo .row div ul li.green {
    background: #1fc26b
}

.zoo .row div:first-child {
    -moz-box-flex: 6;
    -webkit-box-flex: 6;
    -ms-flex: 6;
    padding: 0 0 0 .1rem
}

.zoo div:first-child {
    border-top: 0
}

.tt {
    background: #fff
}

.five_row,.jaye {
    font-size: .14rem;
    display: none
}

.five_row .row,.jaye .row {
    padding: 0 .1rem;
    height: .5rem;
    line-height: .5rem;
    border-top: 1px solid #dbdbdb
}

.five_row .row>div,.jaye .row>div {
    display: flex;
    line-height: .5rem
}

.five_row .row span,.jaye .row span {
    flex: 1;
    max-width: 8%;
    text-align: center;
    display: inline-block;
    white-space: nowrap
}

.five_row .row ul,.jaye .row ul {
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
    display: flex;
    height: .25rem;
    margin-top: .15rem
}

.five_row .row ul li,.jaye .row ul li {
    float: left;
    flex: 1;
    margin-right: .045rem;
    color: #fff;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    width: .25rem;
    border-radius: 50%
}

.five_row .row ul li.red,.jaye .row ul li.red {
    background: #fa3253
}

.five_row .row ul li.blue,.jaye .row ul li.blue {
    background: #0093e8
}

.five_row .row ul li.green,.jaye .row ul li.green {
    background: #1fc26b
}

.five_row div:first-child,.jaye div:first-child {
    border-top: 0
}

.jaye .row span {
    font-size: .16rem;
    color: #000;
    margin-right: .1rem
}

.jaye .row ul li {
    color: #666;
    font-size: .15rem;
    line-height: .2rem;
    margin-right: .12rem
}

#footerDiv {
    margin-top: .1rem;
    background: #fff;
    border-top: 1px solid #dededf
}

#footerDiv .foo_box {
    height: 1.1rem;
    padding: .2rem .35rem 0;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: .12rem
}

#footerDiv .foo_box a {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    color: #666
}

#footerDiv .foo_box a dt {
    margin-bottom: .075rem
}

#footerDiv .foo_box a dt span {
    display: inline-block;
    height: .5rem;
    width: .5rem;
    background: #fff url(../img/xiaol.png) -.07333rem -.649rem no-repeat;
    background-size: 3.18rem auto
}

#footerDiv .foo_box a dt .app_down {
    background-position: -1.276rem -.649rem
}

#footerDiv .foo_box a dt .fank {
    background-position: -.684rem -.649rem
}

#footerDiv .foo_box a dt .ServiceOnline {
    background: #fff url(../img/serverOnline.png) 0 0 no-repeat;
    background-size: 99%!important
}

#footerDiv .copy {
    font-size: .11rem;
    background: #f0eff5;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    color: #666
}

body,html {
    background: #efeff4;
    height: auto!important
}

.ifame_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 0;
    overflow: hidden;
    transition: height .5s
}

.ifame_box iframe {
    width: 100%;
    height: 2.45rem
}

.ifame_box .close {
    height: .44rem;
    width: 100%
}

.ifame_box .close span {
    font-size: .13rem;
    display: inline-block;
    width: 15%;
    float: right;
    height: 100%;
    line-height: .44rem;
    text-align: center;
    background: #fff;
    padding-left: .3rem
}

.anheight {
    height: 2.89rem;
    overflow: visible!important
}

.kaiji_box_fast .code_box {
    display: block!important
}

.cuttime span {
    color: #db5466
}

.opentyle {
    display: none;
    color: #db5466!important
}
