.pagediv, .vsShowBg { background: #f0eff5 }
.pagediv { width: 100%; height: 100%; margin: 0 auto; font-size: .12rem }
.pagediv .datediv { width: 100%; height: .5rem; background: #fff; display: -webkit-box; display: box; box-shadow: 0 .02rem .1rem .001rem #cecece }
.pagediv .datediv .flexl { box-flex: 8; -webkit-box-flex: 8; overflow-x: auto }
.pagediv .datediv .flexl ul { overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap }
.pagediv .datediv .flexl ul li { display: inline-block; float: left; text-align: center; font-size: .21rem; margin-right: 20px }
.pagediv .datediv .flexl ul li span { height: .24rem; width: .24rem; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #fff; position: relative }
.pagediv .datediv .flexr { box-flex: 1; -webkit-box-flex: 1; width: .84rem }
.headNum { margin-top: .1rem; width: 100%; background: #fff; padding: .1rem; box-sizing: border-box; font-size: 12px; position: relative }
.headNum .issue { font-size: .16rem; color: #333 }
.headNum .drawCount { font-size: .12rem; color: #666 }
.headNum #explainBtn_wfsm { width: .22rem; height: .22rem; float: right; background: url(../img/cltj_img/icon-168index.png) no-repeat -.19rem .012rem; background-size: 3.33rem }
.headNum .displaynone { display: none }
.headNum .displayblock { display: block }
.divline { width: 100%; height: auto }
.issuel { height: .17rem }
.issuel #explainBtn_plok { width: .22rem; height: .22rem; float: right; background: url(../img/cltj_img/icon-168index.png) no-repeat -.19rem .012rem; background-size: 3.33rem }
.issuel .displaynone { display: none }
.issuel .displayblock { display: block }
.drawCodel { margin-top: .12rem; height: .25rem }
.tiger { margin-top: .12rem; color: #666 }
.guanyahe { margin-left: .07rem; width: .566rem !important; font-size: .12rem }
.verline { color: #ccc }
.guanyaheli { width: .2rem !important }
.drawTimebox { color: #666; display: -webkit-box; display: box }
.drawTimebox .flexl { box-flex: 1; -webkit-box-flex: 1; width: .69rem; font-size: .14rem; line-height: .15rem }
.drawTimebox .flexc { box-flex: 4; -webkit-box-flex: 4; position: relative }
.drawTimebox .flexc .graypro { background: #c5c5c5; width: 100% }
.drawTimebox .flexc .graypro, .drawTimebox .flexc .redpro { position: absolute; top: .0555rem; left: 0; height: .04rem; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.drawTimebox .flexc .redpro { background: #ff2600; width: 60% }
.drawTimebox .flexr { color: #ff2600 !important; padding-left: .07rem; font-size: .14rem; min-width: .001rem; text-align: right; line-height: .15rem }
.ListHead { width: 100%; height: auto; overflow: hidden; background: #fff; margin-top: .11rem; position: relative }
.ListHead .sort { position: absolute; background: #fff; z-index: 1; top: -.02rem; right: 0; height: .44rem; width: .44rem }
.ListHead .sort:after { content: ""; display: block; width: .21rem; height: .21rem; position: relative; top: .13rem; left: .12rem; background: #fff url(../img/cltj_img/px10obj.png) .04rem .02rem no-repeat; background-size: .37rem }
.ListHead .sort.bgsize:after { background-position-y: -.17rem }
.ListHead .headTitle_view { width: 100%; overflow: scroll; position: relative }
.ListHead .headTitle { width: 320%; display: -webkit-box; height: .44rem; border-bottom: .005rem solid #dbdbdb; position: relative; z-index: 0; padding-right: .44rem }
.ListHead .headTitle button, .ListHead .headTitle div { height: 100%; margin-right: .25rem; margin-left: .1rem; line-height: .44rem; height: .44rem; text-align: center; color: #666; font-size: .13rem; background: transparent; outline: none; border: 0; flex: 1 }
.ListHead .headTitle button span, .ListHead .headTitle div span { width: auto; margin: 0 auto; display: block; position: relative; white-space: nowrap }
.ListHead .headTitle button { margin-right: .09rem }
.ListHead .headTitle .checkedbl span i { margin: 0 auto; width: 100%; border-bottom: .01rem solid #fb8e19; display: block; bottom: 2px; position: relative; min-width: .5rem }
.ListHead .headTitle .single { float: left; margin-left: .1rem }
.ListHead .headTitle_gary { width: 515%; display: flex }
.ListHead .headTitle_gary div { margin-right: .1rem }
.ListHead .headTitle_widthreset { width: 13rem; padding-right: 1rem }
.ListHead .headTitle_show { width: 240%; display: flex }
.ListHead .headTitle_show div { margin-right: .1rem }
.ListHead .headTitle_ffceva div { margin-left: .03rem }
.ListHead .drawCodebox { height: auto; overflow: hidden; width: 100%; position: relative; left: 0; font-size: .12rem }
.ListHead .drawCodebox .linebox { display: -webkit-box; display: box; padding-left: .1rem; padding-right: .1rem; box-sizing: border-box; height: auto; width: 100% }
.ListHead .drawCodebox .linebox > div span { height: .44rem; line-height: .44rem; display: inline-block }
.ListHead .drawCodebox .linebox > div:first-child { color: #666; box-flex: 1; -webkit-box-flex: 1; width: .53rem }
.ListHead .drawCodebox .linebox > div:first-child .leftspan { float: left }
.ListHead .drawCodebox .linebox > div:first-child .padleft1 { padding-right: .06rem }
.ListHead .drawCodebox .linebox > div:first-child .graytime { font-size: .11rem }
.ListHead .drawCodebox .linebox > div:first-child .rightspan { float: right }
.ListHead .drawCodebox .linebox .leftspanw { width: .68rem !important }
.ListHead .drawCodebox .linebox .leftspanb { width: 1.4rem !important }
.ListHead .drawCodebox .linebox .midillspan { margin-left: .34rem }
.ListHead .drawCodebox .linebox div:nth-child(2) { color: #333; box-flex: 6; -webkit-box-flex: 6 }
.ListHead .drawCodebox .linebox div:nth-child(2) .lhdzlDiv, .ListHead .drawCodebox .linebox div:nth-child(2) .rightdiv { width: 100%; display: -webkit-box; display: box; margin-top: .1rem; padding-left: .2rem; box-sizing: border-box }
.ListHead .drawCodebox .linebox div:nth-child(2) .lhdzlDiv span, .ListHead .drawCodebox .linebox div:nth-child(2) .rightdiv span { height: .24rem; line-height: .24rem; display: block; text-align: center; box-flex: 4; -webkit-box-flex: 4 }
.ListHead .drawCodebox .linebox div:nth-child(2) .lhdzlDiv span:nth-child(4), .ListHead .drawCodebox .linebox div:nth-child(2) .rightdiv span:nth-child(4) { box-flex: 5; -webkit-box-flex: 5 }
.ListHead .drawCodebox .linebox div:nth-child(2) .lhdzlDiv .lhdspanchecked, .ListHead .drawCodebox .linebox div:nth-child(2) .lhdzlDiv .spanchecked, .ListHead .drawCodebox .linebox div:nth-child(2) .rightdiv .lhdspanchecked, .ListHead .drawCodebox .linebox div:nth-child(2) .rightdiv .spanchecked { border-radius: .11rem; -moz-border-radius: .11rem; -webkit-border-radius: .11rem; background: #fb8e19; color: #fff }
.ListHead .drawCodebox .linebox div:nth-child(2) .rightdivhead { width: 100%; display: -webkit-box; display: box; margin-top: .1rem; padding-left: .2rem; box-sizing: border-box }
.ListHead .drawCodebox .linebox div:nth-child(2) .rightdivhead span { height: .22rem; line-height: .22rem; display: block; text-align: center; box-flex: 4; -webkit-box-flex: 4 }
.ListHead .drawCodebox .linebox div:nth-child(2) .rightdivhead span:nth-child(4) { box-flex: 5; -webkit-box-flex: 5 }
.ListHead .drawCodebox .linebox div:nth-child(2) .rightdivhead .lhdspanchecked, .ListHead .drawCodebox .linebox div:nth-child(2) .rightdivhead .spanchecked { border-radius: .11rem; -moz-border-radius: .11rem; -webkit-border-radius: .11rem; background: #fb8e19; color: #fff }
.ListHead .drawCodebox .contentlist .listline { display: -webkit-box; display: box; padding-left: .1rem; padding-right: .1rem; box-sizing: border-box; height: auto; width: 100% }
.ListHead .drawCodebox .contentlist .listline div { font-size: .12rem }
.ListHead .drawCodebox .contentlist .listline div span { height: .42rem; line-height: .42rem }
.ListHead .drawCodebox .contentlist .listline div:first-child { color: #666; box-flex: 1; -webkit-box-flex: 1; width: .53rem }
.ListHead .drawCodebox .contentlist .listline div:first-child .leftspan { float: left }
.ListHead .drawCodebox .contentlist .listline div:first-child .padleft1 { padding-right: .06rem }
.ListHead .drawCodebox .contentlist .listline div:first-child .graytime { font-size: .11rem }
.ListHead .drawCodebox .contentlist .listline div:first-child .rightspan { float: right }
.ListHead .drawCodebox .contentlist .listline .leftspanw { width: .79rem !important }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) { color: #333; box-flex: 6; -webkit-box-flex: 6 }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv { width: 100%; display: -webkit-box; display: box; margin-top: .1rem; padding-left: .2rem; box-sizing: border-box }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv span { height: .24rem; line-height: .24rem; display: block; text-align: center; box-flex: 4; -webkit-box-flex: 4 }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv span:nth-child(4) { box-flex: 5; -webkit-box-flex: 5; text-align: right; padding-right: .1rem }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .rightdiv .spanchecked { border-radius: .11rem; -moz-border-radius: .11rem; -webkit-border-radius: .11rem; background: #fb8e19; color: #fff }
.ListHead .drawCodebox .contentlist .listline div:nth-child(2) .padl0 { padding-left: .07rem }
.ListHead .drawCodebox .contentlist .boxflex { width: 100%; display: block; display: -webkit-box; display: box }
.ListHead .drawCodebox .contentlist .boxflex span { display: block; box-flex: 1; -webkit-box-flex: 1 }
.bortop002 { border-top: .02rem solid #efeff4 }
.bortop001 { border-top: .01rem solid #efeff4 !important }
.pk10li { width: 100%; }
.pk10li li { display: inline-block; float: left; height: .25rem; width: .22rem !important; margin-right: .116rem; background-size: 4rem auto; text-align: center }
.pk10li .li_after { margin-right: 0 }
.listli li { height: .22rem; line-height: .22rem; width: auto; margin-right: .053rem; background-size: 3.54rem auto }
.listli li i { display: none }

@media screen and (min-width:960px) {
    .pk10li li { margin-right: .048rem }
}

.lhlist li { margin-right: .129rem }
.gyhzs .checkday .screen, .hlgltj .checkday .screen, .wezizs .checkday .screen { float: right !important; margin-left: 0; margin-right: 0 }
.hlgltj .cheDate { background: #fff; border: 0 }
.numbtn { width: 100%; margin-top: .12rem; margin-bottom: .15rem }
.numbtn ul { width: auto; height: auto; display: block; height: .36rem; margin: 0 auto; display: box; display: -webkit-box }
.numbtn ul li { width: .32rem; height: .36rem; line-height: .36rem; text-align: center; display: inline-block; border: 1px solid #dbdbdb; float: left; margin-right: .04rem; border-radius: .04rem; -moz-border-radius: .04rem; -webkit-border-radius: .04rem; font-size: .14rem; position: relative; box-flex: 1; -webkit-box-flex: 1 }
.numbtn ul li:last-child { margin-right: 0 }
.numbtn ul .lichecked { border: 1px solid #fc8f1a }
.numbtn ul .lichecked:after { content: ""; display: inline-block; width: .15rem; height: .15rem; position: absolute; top: .22rem; right: -.02rem; background: url(../img/haomaimg.png) no-repeat -1.7rem -.49rem; background-size: 4.34rem auto }
.numbtn_to { width: 100%; margin-top: .12rem; margin-bottom: .15rem }
.numbtn_to ul { width: 100%; height: auto; display: block; height: .36rem; margin: 0 auto; display: box; display: -webkit-box }
.numbtn_to ul li { width: .32rem; height: .36rem; line-height: .36rem; text-align: center; display: inline-block; border: 1px solid #dbdbdb; margin-right: .25rem; border-radius: .04rem; -moz-border-radius: .04rem; -webkit-border-radius: .04rem; font-size: .14rem; position: relative; box-flex: 1; -webkit-box-flex: 1 }
.numbtn_to ul li:last-child { margin-right: 0 }
.numbtn_to ul .lichecked { border: 1px solid #fc8f1a }
.numbtn_to ul .lichecked:after { content: ""; display: inline-block; width: .15rem; height: .15rem; position: absolute; top: .22rem; right: -.02rem; background: url(../img/haomaimg.png) no-repeat -1.7rem -.49rem; background-size: 4.34rem auto }
.dansdxbtn { width: 100%; margin-bottom: .15rem }
.dansdxbtn ul { width: auto; height: auto; display: block; height: .28rem; margin: 0 auto; display: box; display: -webkit-box; border-radius: .04rem; -moz-border-radius: .04rem; -webkit-border-radius: .04rem; border: 1px solid #fc8f1a }
.dansdxbtn ul li { width: .32rem; height: .28rem; line-height: .28rem; text-align: center; display: inline-block; float: left; font-size: .14rem; border-left: 1px solid #fc8f1a; position: relative; box-flex: 1; -webkit-box-flex: 1; color: #fc8f1a }
.dansdxbtn ul li:first-child { border: 0 }
.dansdxbtn ul .lichecked { background: #fc8f1a; color: #fff }
.selectedOpacity { opacity: .1 }
.haomafb, .kaijianghm { background: #fff }
#liangmianbox { padding: 0 .1rem .1rem; box-sizing: border-box }
.line2box { padding-left: .1rem; padding-right: .1rem; box-sizing: border-box; height: auto; width: 100% }
.lianmlist { margin-top: .1rem; height: 1.08rem; width: 100%; box-shadow: 0 .04rem .06rem rgba(0,0,0,.09) }
.lianmlist .head { border-radius: .04rem; -moz-border-radius: .04rem; -webkit-border-radius: .04rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; background: #9da9c2; height: .36rem; line-height: .36rem; text-align: center; font-size: .16rem; color: #fff }
.lianmlist .head1 { background: #fa9932 }
.lianmlist .head2 { background: #2eaae8 }
.lianmlist table { border-radius: .04rem; -moz-border-radius: .04rem; -webkit-border-radius: .04rem; width: 100%; height: .108rem; background: #fff }
.lianmlist table tr td, .lianmlist table tr th { height: .36rem; text-align: center; border: solid #e6e6e6; color: #666 }
.lianmlist table .tr1 td { border-width: 0 1px 0 0 }
.lianmlist table .tr1 td:last-child { border-width: 0 }
.lianmlist table .tr2 td { border-width: 1px 1px 0 0 }
.lianmlist table .tr2 td:last-child { border-width: 1px 0 0 }
.changlongtj { padding: 0; overflow: initial !important }
.changlongtj .line2box { padding: 0 }
.changlongtj .line2box ul { text-align: center; padding: 0 .05rem; overflow: hidden; padding-bottom: .1rem }
.changlongtj .line2box ul li { border-radius: .02rem; -moz-border-radius: .02rem; -webkit-border-radius: .02rem; font-size: .13rem; background: #fff; box-shadow: 0 .04rem .06rem rgba(0,0,0,.09); display: inline-block; float: left; box-sizing: border-box; padding: 0; height: .44rem; line-height: .44rem; width: auto; color: #666; margin: .09rem .048rem 0; min-width: 1.12rem }
.sscli { width: 100% }
.sscli li { display: inline-block; float: left; height: .25rem; line-height: .25rem; width: .25rem; margin-right: .116rem; background-size: 4rem auto; text-align: center; color: #fff; background: #0092dd; font-size: .1rem; box-sizing: border-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
.sscli .li_after { margin-right: 0 }
.redqiu li { background: red }
.paddlr { padding: 0 .2rem }
.ssclilist { width: 100%; display: box; display: -webkit-box }
.ssclilist li { height: .225rem; line-height: .225rem; text-align: center; color: #fff; font-size: .16rem; box-sizing: border-box; box-flex: 1; -webkit-box-flex: 1 }
.ssclilist li span { width: .258rem; margin: 0 auto; background-size: 3.54rem auto }
.ssclilist li span i { height: 100%; line-height: .26rem; width: 100%; display: block; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
.ssclilist .li_after { margin-right: 0 }
.ssclilistxt { width: 100%; display: box; display: -webkit-box }
.ssclilistxt li { height: .22rem; line-height: .22rem; width: auto; margin-right: .116rem; background-size: 3.54rem auto; text-align: center; color: #fff; max-width: .3rem; font-size: .12rem; box-sizing: border-box; box-flex: 1; -webkit-box-flex: 1 }
.ssclilistxt li i { height: .25rem; line-height: .25rem; width: .25rem; display: block; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #0092dd }
.ssclilistxt .li_after { margin-right: 0 }
.listlitxt li { color: #666 }
.listotherline { display: -webkit-box; display: box; padding-left: .1rem; padding-right: .1rem; box-sizing: border-box; height: auto; width: 100% }
.listotherline .haomali, .listotherline .longhuli { width: 100% }
.listotherline > div { font-size: .12rem }
.listotherline > div span { height: .42rem; line-height: .42rem }
.listotherline .leftdivsjh { display: inline-block; float: left }
.listotherline .leftdivsjh:first-child { width: 10% }
.listotherline .leftdivsjh:nth-child(2) { width: 90% }
.listotherline > div:first-child { color: #666; width: 1.13rem }
.listotherline > div:first-child .leftspan { float: left }
.listotherline > div:first-child .padleft1 { padding-right: .06rem }
.listotherline > div:first-child .graytime { font-size: .11rem }
.listotherline > div:first-child .rightspan { float: right }
.listotherline .leftspanw { width: .79rem !important }
.listotherline > div:nth-child(2) { color: #333; box-flex: 6; -webkit-box-flex: 6 }
.listotherline > div:nth-child(2) .rightdiv { width: 100%; display: -webkit-box; display: box; margin-top: .1rem; padding-left: .2rem; box-sizing: border-box }
.listotherline > div:nth-child(2) .rightdiv span { height: .26rem; line-height: .26rem; display: block; text-align: center; box-flex: 4; -webkit-box-flex: 4 }
.listotherline > div:nth-child(2) .rightdiv span:nth-child(4) { box-flex: 5; -webkit-box-flex: 5; text-align: right; padding-right: .1rem }
.listotherline > div:nth-child(2) .rightdiv .lhdspanchecked, .listotherline > div:nth-child(2) .rightdiv .spanchecked { border-radius: .11rem; -moz-border-radius: .11rem; -webkit-border-radius: .11rem; background: #fb8e19; color: #fff }
.listotherline > div:nth-child(2) .padl0 { padding-left: .07rem }
.longhu, .longhu li { font-size: .12rem }
.longhu li { width: auto !important; margin-right: .1rem !important }
.cqnclilist { width: 100%; display: box; display: -webkit-box }
.cqnclilist li { height: .225rem; line-height: .225rem; width: auto; text-align: center; color: #fff; font-size: .1rem; box-sizing: border-box; min-width: .3rem; max-width: .25rem; background-size: 3.54rem auto; box-flex: 1; -webkit-box-flex: 1 }
.cqnclilist li span { background-size: 3.54rem auto; height: .25rem !important }
.cqnclilist li span i { height: .25rem; line-height: .25rem; width: .25rem; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
.cqnclilist .li_after { margin-right: 0 }
.syxwlilist { width: 100%; display: box; display: -webkit-box }
.syxwlilist li { height: .22rem; line-height: .22rem; width: auto; margin-right: .116rem; background-size: 3.54rem auto; text-align: center; color: #666; box-sizing: border-box; box-flex: 1; -webkit-box-flex: 1 }
.syxwlilist li i { height: .25rem; line-height: .25rem; width: .25rem; display: block; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #0092dd }
.syxwlilist .li_after { margin-right: 0 }
.kuaisan { width: 100% }
.kuaisan li { display: inline-block; float: left; height: .25rem; width: .1rem; background-size: 4rem auto; text-align: center }
.kuaisan .li_after { margin-right: 0 }
.kuaisanlist li { margin-right: 0; font-size: .12rem; width: .26rem !important }
.kuaisanlist li i { display: none }
#pk10num li { font-size: .17rem; width: .25rem !important }
#aboutUs { margin-top: .1rem; width: 100%; height: auto; font-size: 12px; padding: .1rem; box-sizing: border-box; min-height: 3.95rem; background: #fff }
.aboutBox { padding: .2rem }
.aboutBox .aboutContent { width: 100%; height: auto }