@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none; box-sizing: border-box;}
html { font-size: 13.333vw; background: #f7f7f9;}
body { min-height: 100vh; color: #000; font-size: 0.28rem; min-height: 100vh;  background-size: 100% 100%; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";}
a { color: inherit; display: inline-block; text-decoration: none;}
@media screen and (min-width:769px) {
html { font-size: 80px;}
body { width: 7.5rem; margin: 0 auto;}
}
img { max-width: 100%; border: 0; vertical-align: middle;}

.box { border-radius: 0.5rem; box-shadow: 0 0.15rem 0.2rem rgb(27 158 245 / 9%); }

.wrapper { min-height: 100vh; padding-bottom: 0.4rem;  background-size: 100% auto;}

.top { position: fixed; top: 5.2rem; right: 0; z-index: 9;}
.top .item { margin-bottom: 0.1rem;}
.top .item a {}
.top .item a img { width: 1rem; height: 1rem;}

.logo { padding: 0.44rem 0 0.34rem 0; text-align: center;}
.logo img { width: 3rem; }
.banner { padding: 0 1rem; margin-bottom: 0.2rem;}
.banner img { width: 100%; height: auto;}
.down { display: flex; justify-content: space-between; margin-bottom: 0.2rem; padding: 0 0.2rem;}
.down .item { font-size: 0.26rem;background: linear-gradient(to top, #1b9ef5, rgb(79 189 255));}
.down .item a { display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 0.84rem; font-size: 0.4rem;}
.down .item img { width: 0.3rem; height: 0.3rem; margin-right: 0.16rem;}

.down2 { padding: 0 0.4rem;margin: 0.2rem 0 0.2rem 0;}
.down2 .item { font-size: 0.32rem; padding: 0.3rem; text-align: center;font-weight: bold;}
.down2 .item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 0.84rem;}
.down2 .item img { width: 0.35rem;  margin-right: 0.16rem;}
.list { margin: 0.2rem 0.4rem 0 0.4rem; padding: 0.4rem;}
.tit { margin-bottom: 0.3rem; text-align: center;}
.tit img { width: 2.14rem; height: 0.32rem;}

.linebox {}
.linebox ul {}
.linebox ul li { padding-bottom: 0.2rem;}
.linebox ul li:last-child { padding-bottom: 0;}
.linebox ul li a { display: flex; cursor: default;}
.linebox ul li a .line-l { display: flex; flex: 1; width: 4.2rem; height: 0.62rem; margin-right: 0.15rem; border: solid 1px #e5e5e5; border-radius: 0.04rem;
    background: #ECF3FB;
	border: 1px solid #DEE7F1;
	box-shadow: 0 0.12rem 0.12rem rgba(206,216,228,0.57) inset;
}
.linebox ul li a .line-l .linetime { width: 1.4rem; text-align: center; line-height: 0.62rem;}
.linebox ul li a .line-l .linetime em { color: #1b9ef5; font-style: normal; font-weight: normal;}
.linebox ul li a .line-l .linetime b { color: #1b9ef5; font-style: normal; font-weight: normal;}
.linebox ul li a .line-l .linetext { flex: 1; line-height: 0.62rem;}
.linebox ul li a .linebtn { cursor: pointer; width: 1.55rem; height: 0.62rem; line-height: 0.62rem; text-align: center; color: #fff; border-radius: 0.04rem; background: linear-gradient(to top, #1b9ef5, rgb(79 189 255));}
.linebox ul li a:hover .linebtn { color: #fff; background: #ff5000;}

.jc-box { padding: 0.4rem; background: #fcfcfc;}
.back { display: flex; align-items: center; height: 0.5rem; font-size: 0.32rem;}
.back img { width: 0.4rem; height: 0.4rem; margin-right: 0.16rem;}
.jc { box-shadow: 0 0.15rem 0.2rem rgba(204,204,204,0.3); background: #fff;}
.tabnav { display: flex; justify-content: space-between; margin-top: 0.4rem; padding: 0.4rem; width:2rem; width: 100%; background: #fff;}
#tabnav[data-fixed="fixed"]{ position: fixed; top:0; left: 0; right: 0; margin: 0 auto; z-index: 9; width: 100%; max-width: 7.5rem; box-shadow: 0 0.15rem 0.2rem rgba(204,204,204,0.3);}
.tabnav div { width: calc(50% - 0.1rem); height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; font-weight: bold; text-align: center; border-radius: 0.8rem; background: #eee;}
.tabnav div.active { color: #fff; background: #ff5000;}
.tabnav-container { overflow: hidden;}
.close { padding-top: 0.4rem; text-align: center;}
.close a { height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; font-size: 0.28rem; color: #ff5000; border: solid 1px #ff5000; border-radius: 0.6rem;}
.footer {
    position: fixed;
    bottom: 0;
    /* left: 0; */
    width: 7.5rem;
    text-align: center;
    padding: 2vw 2vw;
    border-top-left-radius: 4vw;
    border-top-right-radius: 4vw;
    box-shadow: 0 1vw 2vw 1vw rgb(0 0 0 / 20%);
    background-color: hsla(0,0%,100%,0.9);
    z-index: 100;
    
}

.footer_top {
    font-size: 3.6vw;
    color: #555774;
    text-align: center;
}

.footer_top p {
    line-height: 1.6;
    font-size: 16px;
}

.footer_bottom {
    margin-top: 2vw;
}

.footer_btns {
    width: 32vw;
    height: 10vw;
    font-size: 3.6vw;
    color: #fff;
    border-radius: 8vw;
    background-image: -webkit-linear-gradient(bottom,#57eeff,#5fbeff 50%,#2595e6);
    background-image: linear-gradient(0deg,#57eeff,#5fbeff 50%,#2595e6);
}




/* html,
body,
div,
span{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
} */
.container {
    width: 100%;
   
    /* background-color: #f0f0f0; */
    /* border-radius: 10px */
}

ul {
    padding-left: 20px;
}

    ul li {
        line-height: 2.3
    }

a {
    color: #fff
}