.headfixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #efeff4;
}
.headbox {
    height: 0.44rem;
    line-height: .44rem;
    width: 100%;
    padding: 0 0.1rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    box-sizing: border-box;
    background: #00A0E9;
    color: #fff;
}

.menubtn {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    line-height: .3rem;
    text-align: center;
}

.pagediv .headbox div {
    width: auto
}

.pagediv .headbox .logo_view {
    text-align: left
}

.pagediv .headbox .menubtn a {
    line-height: .44rem;
    float: right;
    margin-right: 0;
    color: #e73020;
    width: auto!important;
    position: relative;
    text-align: right
}

.pagediv .headbox .menubtn a span {
    margin-right: -0.03rem
}

.pagediv .headbox .menubtn a i {
    height: .25rem!important;
    width: .12rem!important;
    background-position: -1.19rem -1.28rem!important
}

.pagediv .num_history {
    background: #fff;
    font-size: .14rem;
    margin-top: 0.44rem;
}

.pagediv .num_history div:first-child {
    border-top: 0
}

.pagediv .num_history .num_row {
    height: .7rem;
    padding: .1rem;
    padding-left: .05rem;
    box-sizing: border-box;
    color: #666;
    border-top: 1px solid #efeff2;
    display: flex
}

.pagediv .num_history .num_rowBG {
    height: 1.1rem;
}

.pagediv .num_history .num_row div {
    flex: 1
}

.pagediv .num_history .num_row .his_date {
    float: left;
    max-width: 1.2rem;
    border-right: 1px solid #e2e1e7;
    margin-right: .098rem
}

.pagediv .num_history .num_row .his_date p {
    font-size: .14rem;
    color: #e73020;
    line-height: .25rem;
    white-space: nowrap
}

.pagediv .num_history .num_row .his_date .date_md {
    font-size: .12rem;
    text-align: center;
    color: #999
}

.pagediv .num_history .num_row .num_item {
    float: left
}

.pagediv .num_history .num_row .num_item ul {
    display: flex
}

.pagediv .num_history .num_row .num_item ul li {
    float: left;
    height: .28rem;
    line-height: .28rem;
    width: .28rem;
    margin-right: .08rem;
    text-align: center;
    color: #fff;
    flex: 1
}
.pagediv .num_history .num_row .num_item ul .ssc, .pagediv .num_history .num_row .num_item ul .bg {
    margin-right: .18rem;
}

.pagediv .num_history .num_row .num_item ul li p {
    border-radius: 50%;
    font-size: .16rem;
    /* width: 5vw;
    height: 5vh */
}

.pagediv .num_history .num_row .num_item ul li div {
    font-size: .13rem;
    color: #666;
    line-height: .22rem
}

.pagediv .num_history .num_row .num_item ul li .red {
    background: #fa3345
}

.pagediv .num_history .num_row .num_item ul li .blue {
    background: #2eaae3
}

.pagediv .num_history .num_row .num_item ul li .green {
    background: #4fca66
}

.pagediv .num_history .num_row .num_item ul li .add {
    height: 100%;
    background: url("../../images/xiaol.png") -0.85rem -1.26rem no-repeat;
    background-size: 3.18rem
}

.pagediv .num_history .num_row .num_item ul .add_li {
    max-width: .125rem;
    height: .125rem;
    margin: 0 .05rem;
    margin-top: .1rem
}

.pagediv .num_history .num_row .num_item ul li:nth-child(6),.pagediv .num_history .num_row .num_item ul li:nth-child(8) {
    margin-right: 0
}
.pagediv .num_history .num_row .num_item div {
    /* margin-right: 5vw; */
}
/** reset **/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul {
    padding: 0;
    margin: 0
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,i,strong,th,var {
    font-weight: normal;
    font-style: normal
}

li,ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%
}

q:after,q:before {
    content: ''
}

abbr,acronym {
    border: 0
}

a {
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0
}

body,html {
    height: auto;
    margin: 0 auto;
    background: #efeff4;
    font-size: calc(26.66666667vw);
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.responsive {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: inline-block
}

.displaynone {
    display: none
}

.redfont {
    color: #f1010a
}

.displayblock {
    display: block
}

.clearfix:after { content: " "; display: block; clear: both; }
.red_font{ color:#fa3252; font-size: 0.4rem; margin-top: 0.03rem;}


.datePlugin {
    background: rgba(0,0,0,0.2);
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 9999;
}
.year_item {
    margin-top: 1rem;
    padding: 0.3rem 0.15rem;
    font-size: .13rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    position: relative;
    z-index: 999;
}
#datemark {
    font-size: 18px;
    left: 5%;
    width: 90%;
    height: 0.3rem;
    position: absolute;
    top: 0.5rem;
    background: #eee;
    border: 1px solid #eee;
}
.msg_box{ background:#fff; padding:0.1rem; margin-top:0.5rem}
.msg_box h2{ font-size:0.18rem}
.msg_box input[type="text"]{ display:block; width:100%; line-height:0.3rem; margin:0.1rem 0;font-size:0.12rem;}
.msg_box textarea{ display:block; width:100%; line-height:0.3rem; margin:0.1rem 0;font-size:0.12rem;}
.long_btn2{ display:block; border-radius:0.05rem; border:none; width:100%; line-height:0.4rem; background:#fa3252; color:#fff; font-size:0.18rem}

#dateFooter {
    width: 93%!important;
    z-index:9999;
    position: relative;
}
#dateFooter .yearDiv {
    height: .5rem;
    overflow-y: hidden;
}
#dateFooter #yearUl li {
    height: .3rem;
    text-align: center;
}
#dateFooter .#yearLl .select{
    /* background-color: #d3d3d3; */
}
#dateconfirm {
    left: 2rem
}
#yearBtn:after{
    content:'';
    display:table;
    clear:both;
}
#yearBtn{
    background-color: cadetblue;
    clear:both;
}

.form-control {
    display: block;
    width: 100%;
    height: 16vh;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc0;
    border-bottom: 1px solid #ccc!important;
}

/* IE娴忚鍣ㄤ笅闅愯棌涓嬫媺鎸夐挳 */
select::-ms-expand { display: none; }
/* 瀹氫箟闅愯棌涓嬫媺妗嗛粯璁ゆ牱寮忓強鍥剧墖瑕嗙洊涓嬫媺鎸夐挳 */
.info-select{
    /* margin-top: 6.15vh; */
    font-size: .15rem;
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
}
.info-select option{
    text-align: center;
}

/* publickTime.css */
body>div {
    font-size: .12rem
}

.headfixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #efeff4
}

.num_history {
    margin-top: 1.1rem
}

.jumphk {
    position: absolute;
    top: -50rem;
    right: .1rem;
    border: 1px solid #efebea;
    background: #fff;
    padding: 0 .1rem;
    height: initial!important;
    box-shadow: 0 0 .1rem rgba(255,48,71,0.2);
    z-index: 2;
    transition: top .3s;
    width: auto!important
}

.jumphk ul {
    position: relative
}

.jumphk ul:before {
    content: "";
    position: absolute;
    top: -0.099rem;
    left: .5rem;
    width: 0;
    height: 0;
    border-width: 0 .1rem .1rem;
    border-style: solid;
    border-color: transparent transparent #fff
}

.jumphk ul li {
    border-bottom: 1px solid #ededed;
    width: .75rem;
    height: .4rem;
    line-height: .4rem
}

.jumphk ul li:last-child {
    border: 0
}

.jumphk ul li a {
    color: #2d2d2d!important;
    line-height: .4rem!important
}

.timebox {
    background: #f4f5f7;
    height: .5rem;
    width: 100%
}

.timebox .ye_timelist {
    width: 75%;
    float: left;
    margin-top: .1rem;
    overflow: scroll
}

.timebox .ye_timelist ul {
    width: 150%;
    overflow: hidden;
    height: .4rem
}

.timebox .ye_timelist ul li {
    float: left;
    line-height: .25rem;
    width: .25rem;
    height: .25rem;
    text-align: center;
    margin-left: .1rem
}

.timebox .ye_timelist ul .checkdate {

    color: #ea3723;
    border-radius: 50%;
    position: relative;
    border-bottom:2px solid #ea3723;
    border-radius:0;
}

.timebox .ye_timelist ul .checkdate:after {
    /*content: "";
    display: inline-block;
    position: absolute;
    top: .28rem;
    right: .08rem;
    width: .08rem;
    height: .08rem;
    background: #cbcbcb;
    border-radius: 50%*/
}

.timebox .top_menu_more {
    width: 25%;
    position: relative;
    float: right;
    overflow: hidden
}

.timebox .top_menu_more .list_shadow {
    position: absolute;
    width: .1rem;
    height: .12rem;
    left: .036rem;
    top: .16rem;
    background-size: contain;
    border-left: 1px solid #a8b4d6;
    background-color: rgba(244,245,246,0.3)
}

.timebox .top_menu_more .more_btn {
    display: block;
    width: .79rem;
    height: .4rem;
    line-height: .4rem;
    padding-left: .1rem;
    position: relative
}

.timebox .top_menu_more .more_btn:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: .18rem;
    right: .13rem;
    width: .12rem;
    height: .12rem;
    background: url(../../img/xiaol.png) -1.19rem -1.28rem no-repeat;
    background-size: 3.1866rem auto
}

#showtime {
    position: absolute;
    top: .03rem;
    right: -0.1rem;
    display: inline-block;
    height: .2rem;
    width: 100%;
    z-index: 1
}

#showtime:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .1rem;
    left: -0.05rem;
    width: .01rem;
    height: .2rem;
    border-left: 1px solid #acb2be
}

#beginTime {
    border: 0;
    background: transparent;
    position: absolute;
    top: .1rem;
    left: 0;
    z-index: 1;
    height: .22rem;
    color: transparent;
    outline: 0
}

.menubtn>a {
    line-height: .4rem!important;
    color: #ff0812
}

.go168_gray {
    overflow: hidden;
    background: #f4f5f6
}

.go168_gray .marginbottom {
    background: #e2e1e5;
    height: .1rem;
    width: 100%
}

.go168_gray>div {
    float: left;
    width: 50%;
    height: .55rem
}

.go168_gray>div:first-child a {
    width: 80%
}

.go168_gray>div a {
    line-height: .5rem
}

.go168_gray>div a img {
    width: 100%;
    vertical-align: middle
}

.go168_gray>div.menubtn>a {
    display: table;
    width: 50%!important;
    text-align: center;
    font-size: .18rem;
    color: #333;
    line-height: .5rem!important;
    float: right
}

.go168_gray>div.menubtn>a i {
    display: inline-block;
    background: url(../../img/xiaol.png) -1.43rem -1.183rem;
    background-size: 3.1866rem auto;
    vertical-align: middle;
    margin-top: .08rem;
    box-sizing: border-box;
    margin-left: .05rem;
    height: .25rem!important;
    width: .12rem!important;
    background-position: -1.19rem -1.28rem!important
}

#datePlugin {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%
}

header .calendar {
    color: #ff0812!important
}

/* headerfooter.css */
.pagediv { min-height: 4.35rem }

.headbox div { -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; height: .3rem; /*width: 33.333%;*/ font-size: .18rem; text-align: center; box-sizing: border-box; padding: 0; }

.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: -0.17rem -1.2rem }

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

#footerDiv .foo_box { height: 1.1rem; padding: .2rem .35rem 0; display: -moz-box; 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") -0.07333rem -0.649rem no-repeat; background-size: 3.18rem auto }

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

#footerDiv .foo_box a dt .fank { background-position: -0.684rem -0.649rem }

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

/* rule.css */
.alert_win { background: rgba(0,0,0,0.2); min-height: 100%; overflow: hidden; position: fixed; top: -100%; width: 100%; z-index: 9999 }

.five_box > i { background: url(../../../../img/jtx@3x.png) .75rem .075rem no-repeat; background-size: .14rem; padding-right: .2rem }

.five_item { border-top: 1px solid #e0e0e0; margin-top: 0rem; background: #fff; padding: .3rem .15rem; font-size: .13rem; display: -moz-box; display: -ms-flexbox; display: -webkit-box; position: relative; z-index: 999 }

.five_item a { margin-right: .21rem; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; text-align: center; color: #333; opacity: 0 }

.five_item > a.bounceInUp { opacity: 1 }

.five_item a dt span { display: inline-block; height: .51666rem; width: .517rem; background: url("../../../../img/xiaol.png") -0.0655rem -0.09666rem no-repeat; background-size: 3.18rem }

.five_item a .tema_zs span { background-position: -0.69rem -0.09666rem }

.five_item a .zhem_zs span { background-position: -1.3133rem -0.09666rem }

.five_item a .zoo_zs span { background-position: -1.9333rem -0.09666rem }

.five_item a .lz_fenxi span { background-position: -2.55rem -0.09666rem }

.five_item a:last-child { margin-right: 0 }

.five_item i{ display:block; width:0.45rem; height:0.45rem; margin:0 auto; margin-bottom:0.02rem}
/*.five_item i.ico_s1{background: url('../../images/ico_s1_188.png') center no-repeat; background-size:0.4rem; }*/
/*.five_item i.ico_s2{background: url('../../images/ico_s2_188.png') center no-repeat; background-size:0.4rem; }*/
/*.five_item i.ico_s3{background: url('../../images/ico_s3_188.png') center no-repeat; background-size:0.4rem; }*/
/*.five_item i.ico_s4{background: url('../../images/ico_s4_188.png') center no-repeat; background-size:0.4rem; }*/
/*.five_item i.ico_s5{background: url('../../images/ico_s5_188.png') center no-repeat; background-size:0.4rem; }*/
.five_item dd {
    color: #00A0E9;
}

/* year.css */
.datePlugin { background: rgba(0,0,0,0.2); min-height: 100%; overflow: hidden; position: fixed; top: -100%; width: 100%; z-index: 9999 }

.year_box > i { background: url(../../../../img/jtx@3x.png) .75rem .075rem no-repeat; background-size: .14rem; padding-right: .2rem }

.year_item { border-top: 1px solid #e0e0e0; margin-top: 0rem; background: #fff; padding: .3rem .15rem; font-size: .13rem; display: -moz-box; display: -ms-flexbox; display: -webkit-box; position: relative; z-index: 999 }

.year_item a { margin-right: .21rem; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; text-align: center; color: #333; opacity: 0 }

.year_item > a.bounceInUp { opacity: 1 }

.year_item a dt span { display: inline-block; height: .51666rem; width: .517rem; background: url("../../../../img/xiaol.png") -0.0655rem -0.09666rem no-repeat; background-size: 3.18rem }

.year_item a .tema_zs span { background-position: -0.69rem -0.09666rem }

.year_item a .zhem_zs span { background-position: -1.3133rem -0.09666rem }

.year_item a .zoo_zs span { background-position: -1.9333rem -0.09666rem }

.year_item a .lz_fenxi span { background-position: -2.55rem -0.09666rem }

.year_item a:last-child { margin-right: 0 }

#setcancle ul { text-align: center; line-height: 30px; margin: 1px auto; font-size: 20px }

#setcancle ul li {
    border-radius: 3px;
    float: left;
    width: 35%;
    height: 40px;
    line-height: 40px;
    list-style-type: none;
    font-family: "Microsoft JhengHei";
    font-size: .12rem
}

#datecancle { position: absolute; left: 20px; color: #666 }

#dateconfirm { position: absolute; right: 20px; width: 40%; color: red }

/* 涓嬫媺鏃ユ湡 */
#seclect_date {
    height: 0.2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.12rem;
}

#seclect_date select {
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 0.12rem;
    color: #333;
    border: none;
    outline: none;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* ssc 鐞冭櫉 */
.num_item .sscUL {
    margin-top: 0.09rem;
}

/* PK10 鐞冭櫉 */
.num_item .imgnumber {
    display: block !important ;
    width: 1.7rem;
}

.num_item .imgnumber li {
    margin-right: 2px !important;
}
.nub01 {
    background: url(../../images/icon/bjpknum.png) -1.665rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub02 {
    background: url(../../images/icon/bjpknum.png) -0.267rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub03 {
    background: url(../../images/icon/bjpknum.png) -0.55rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub04 {
    background: url(../../images/icon/bjpknum.png) -0.823rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub05 {
    background: url(../../images/icon/bjpknum.png) -1.935rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub06 {
    background: url(../../images/icon/bjpknum.png) 0.008rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub07 {
    background: url(../../images/icon/bjpknum.png) -1.38rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub08 {
    background: url(../../images/icon/bjpknum.png) -1.103rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub09 {
    background: url(../../images/icon/bjpknum.png) -2.22rem 0 no-repeat;
    background-size: 3.2rem auto;
}

.nub10 {
    background: url(../../images/icon/bjpknum.png) -2.5rem 0 no-repeat;
    background-size: 3.2rem auto;
}
/* BG 鐞冭櫉 */
.num_item .bgUL {
    display: block !important ;
    width: 2.6rem;
}
.num_item .bgUL li {
    margin-right: .05rem !important;
    margin-top: 0.02rem;
}

#back {
    height: 0.5rem;
    line-height: .5rem;
    display: inline-block;
    font-size: .16rem;
    position: absolute;
    z-index: 5;
}

.lz_type {
    height: .44rem;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #dcdce0
}
.lz_type div {
    font-size: .16rem;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    background: #fff;
    line-height: .44rem;
    font-weight: 600;
    font-family: "Microsoft JhengHei";
}
.lz_type div span {
    color: #00a0e9;
    display: inline-block;
}
.lz_type div .checked {
    height: 0.3rem;
    line-height: .3rem;
    color: #FFF;
    background-color: #00a0e9;
    padding: 0 0.25rem;
    border-radius: 0.04rem;
}

.ps_type {
    display: none;
    width: 100%;
    height: 0.44rem;
    padding: 0.05rem 0;
    /* display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box; */
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #dcdce0;
    background-color: white;
}
.ps_type span {
    font-size: .15rem;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    background: #fff;
    line-height: .34rem;
    font-weight: 600;
    font-family: "Microsoft JhengHei";
    color: #00a0e9;
    margin: 0 0.12rem;
    display: block;
}
.ps_type span.ps_on {
    color: #FFF;
    background-color: #00a0e9;
    border-radius: 0.04rem;
    line-height: .33rem;
}