.header-index{ width: 100%; height: auto; overflow: hidden; background-color: #35a4f0; color: #ffffff; position: fixed; z-index: 99999; box-shadow: #bbb 0px 1px 2px;}
.header-index>div{line-height: 46px;}
.header-index>div:first-child{ padding: 0 10px; position: absolute; top: 0; left: 0; font-size: 16px;}
.header-index>div:first-child a{font-size: 16px;}
.header-index>div:nth-child(2){text-align: center; font-size: 16px;}
.header-index>div:last-child{ position: absolute; top: 0; right: 0; padding-right: 10px;}
.header-index>div:last-child>ul>li:first-child{padding: 0 12px;}
.header-index>div:last-child>ul>li:first-child a{font-size: 16px;}
/*.header-index>div:last-child>ul>li:last-child{ height: 26px; line-height: 26px; padding: 0 12px; border-radius: 14px; background-color: rgba(255,255,255,0.35)}*/
.header-index>div:last-child>ul>li:last-child{ height: 26px; line-height: 26px; padding: 0px 0px 0px 8px;}
.header-index>div:last-child>ul>li:last-child>i{font-size: 22px; vertical-align: -1px;}
.header-index>div:last-child>ul>li:last-child>img{width: 28px; height: 28px; border-radius: 50%;}

.header-public{ width: 100%; height: auto; overflow: hidden; background-color: #35a4f0; color: #ffffff; position: fixed; z-index: 99999; box-shadow: #bbb 0px 1px 2px;}
.header-public>div{line-height: 46px;}
.header-public>div:first-child{ padding: 0 10px; position: absolute; top: 0; left: 0; font-size: 14px;}
.header-public>div:first-child>ul>li{width: 45px;}
.header-public>div:first-child>ul>li>i{font-size: 22px; vertical-align: -1px;}
.header-public>div:first-child a{font-size: 16px;}
.header-public>div:nth-child(2){text-align: center; font-size: 16px;}
.header-public>div:nth-child(2)>select{width: auto; font-size: 16px; text-align: center; color: #ffffff; padding-right: 18px; background-image: url("../images/icon-sanjiao.png"); background-position: right 3px; background-repeat: no-repeat; background-size: auto 80%; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.header-public>div:nth-child(2)>select>option{ text-align: center;}
.header-public>div:last-child{ position: absolute; top: 0; right: 0; padding-right: 10px;}
.header-public>div:last-child>ul>li:first-child{padding: 0 12px; font-size: 14px;}
.header-public>div:last-child>ul>li:first-child>a{font-size: 16px;}
.header-public>div:last-child>ul>li:last-child{ height: 28px; line-height: 28px; padding: 0px 0px 0px 8px;}
.header-public>div:last-child>ul>li:last-child>i{font-size: 22px; vertical-align: -1px;}
.header-public>div:last-child>ul>li:last-child>img{width: 28px; height: 28px; border-radius: 50%;}

.timer-box>font{font-weight: normal !important; color: #333 !important;}


.kj-nav{width: 100%; height: auto; overflow: hidden; background-color: #e3f5fe;}
.kj-nav>ul{height: auto; overflow: hidden;}
.kj-nav>ul:first-child{height: 37px; line-height: 37px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.kj-nav>ul:first-child>li{height: 37px; display: inline-block; margin-left: 14px; margin-right: 14px; border-bottom: #e3f5fe 2px solid;}
.kj-nav>ul:first-child>li>a{ color: #333; text-decoration: none; font-size: 14px;}
.kj-nav .active{ border-bottom: #e70100 2px solid !important;}
.kj-nav .active>a{ color: #e70100 !important;}
.kj-nav>ul:last-child{height: 37px; overflow: hidden; box-shadow: rgba(0,0,0,0.1) -2px 0px 2px; position: relative; z-index: 99997;}
.kj-nav>ul:last-child>li{width: 35px; line-height: 37px; text-align: center;}
.kj-nav>ul:last-child>li>a{color: #333; text-decoration: none;}
.kj-nav>ul:last-child>li>a>i{font-size: 18px;}

.kj-openinfo{width: 100%; height: auto; overflow: hidden; background-color: #ffffff; padding-top: 10px;}
.kj-openinfo>ul{height: auto; overflow: hidden; padding: 0px 5px 10px 5px; font-size: 13px;}
.kj-openinfo>ul:first-child>li{height: 20px; line-height: 20px; white-space: nowrap; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.kj-openinfo>ul:first-child>li>span:first-child{float: left;}
.kj-openinfo>ul:first-child>li>span:first-child>b{color: #e60101;}
.kj-openinfo>ul:first-child>li>span:last-child{float: right; color: #999; text-align: right;}
.kj-openinfo>ul:first-child>li>span:last-child>b{color: #005cd4;}
.kj-openinfo>ul:nth-child(2)>li:first-child{height: 23px; line-height: 23px; font-size: 14px;}
.kj-openinfo>ul:nth-child(2)>li:nth-child(2){height: 23px; margin-left: 5px; white-space: nowrap; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}


/* 
  ##PC
  ##1281px或更高分辨率
*/
@media (min-width: 1281px) {
    body{max-width: 640px;}
    header{max-width: 640px;}
    .kj-nav>ul:first-child::-webkit-scrollbar {width: 4px; height: 4px;}
    .kj-nav>ul:first-child::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::-moz-scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::-moz-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-moz-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}
}

/* 
  ##笔记本或PC
  ##1025px - 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    body{max-width: 640px;}
    header{max-width: 640px;}
    .kj-nav>ul:first-child::-webkit-scrollbar {width: 4px; height: 4px;}
    .kj-nav>ul:first-child::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::-moz-scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::-moz-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-moz-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}
}
/* 
  ##平板电脑/Ipad竖屏
  ##768px - 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
    body{max-width: 640px;}
    header{max-width: 640px;}
    .kj-nav>ul:first-child::-webkit-scrollbar {width: 4px; height: 4px;}
    .kj-nav>ul:first-child::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::-moz-scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::-moz-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-moz-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}
}
/* 
  ##平板电脑或Ipad横屏
  ##768px - 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    body{max-width: 640px;}
    header{max-width: 640px;}
    .kj-nav>ul:first-child::-webkit-scrollbar {width: 4px; height: 4px;}
    .kj-nav>ul:first-child::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::-moz-scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::-moz-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::-moz-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}

    .kj-nav>ul:first-child::scrollbar {width: 2px; height: 2px;}
    .kj-nav>ul:first-child::scrollbar-track {background-color:rgba(0, 0, 0, 0.1);}
    .kj-nav>ul:first-child::scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);}
}
/* 
  ##低分辨率的平板电脑或横屏的手机
  ##481px - 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    body{max-width: 640px;}
    header{max-width: 640px;}
}
/* 
  ##多数竖屏的智能手机
  ##320px - 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
}