*{
    margin: 0;
    padding: 0;
    list-style:none;
    box-sizing: border-box;
}
table{
    width:100%;
    border-collapse: collapse;
}
table tfoot td{
    border-top: rgba(123,195,255,0.1) 1px solid;
    line-height: 3.2rem;
    text-align: center;
    color: #999;
    font-size: 1.2rem;
}
table th{
    line-height:4.5rem;
    background: #f4faff;
    font-size: 1.6rem;
    color: #323232;
    border-top: rgba(123,195,255,0.3) 1px solid;
}
table th:not(:last-child){
    border-right: rgba(123, 195, 255, 0.3) 1px solid;
}
table td{
    text-align: center;
    line-height: 3.6rem;
    font-size: 1.5rem;
    color: #323232;
    border-top: rgba(123,195,255,0.3) 1px solid;
}
table tr:nth-child(even) td{
    background:#f4faff;

}
table td:not(:last-child){
    border-right:rgba(123,195,255,0.3) 1px solid;
}
table td span{
    display: inline-block;
    line-height: 2.7rem;
    border-radius: 2px;
    min-width: 6rem;
    padding: 0 0.5rem;
    font-size: 1.7rem;
}
table span.m-pink-bg {background: #dc3159;color: #fff;}
table span.m-blue-bg {background: #4288f2;color: #fff;}
table span.m-yll-bg {background: #ff9c00;color: #FFE700;}
.g-page{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #e7f1ff;
    min-height: 100%;
}

.g-page::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #7096fe, #23c5fb);
    clip-path: circle(37rem at 50% -13rem);
}
.g-page .m-main{
    position:relative;
}
.g-page .m-main .m-element{
    display:flex;
    font-size: 1.5rem;
    flex-direction: row;
    justify-content: space-around;
    color: #ffffff;
    height: 4.7rem;
}
.g-page .m-main .m-element li{
    line-height:5.5rem;
    height:100%;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}
.g-page .m-main .m-element li.select{
    color:#fff600;
    font-weight:bold;
}
.g-page .m-main .m-element li.select::after{
    position:absolute;
    content:"";
    width:2em;
    height: 0.2rem;
    background:#fff600;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0.1rem;
}
.g-page .m-main .m-hour{
    display:flex;
    font-size: 1.4rem;
    flex-direction: row;
    /* justify-content: space-around; */
    color: #ffffff;
    height: 4.5rem;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    width: 100vw;
}
.g-page .m-main .m-hour li{
    line-height:1.25rem;
    position:relative;
    cursor:pointer;
    text-align: center;
    min-width: 16vw;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0 0.7rem;
}
.g-page .m-main .m-hour li:first-child{
    margin-left:1rem;
}
.g-page .m-main .m-hour li:last-child{
    margin-right:1rem;
}
.g-page .m-main .m-hour li:not(:last-child){
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.g-page .m-main .m-hour li.select{
    color:#fff600;
    font-weight:bold;
}
.g-page .m-main .m-hour li.select::before{
    content:"";
    display:inline-block;
    width: 1.5rem;
    height: 1.25rem;
    background: url(../../../../../images/drawable-ldpi/云朵.png) left center no-repeat;
    background-size:contain;
    vertical-align: middle;
}
.m-panel{
    margin:0 1rem 1rem;
    border-radius:0.5rem;
    background:#fff;
    overflow:hidden;
    position:relative;
}
.m-panel .m-image{
    width:100%;
    min-height: 103vw;
    background: #fff;
}

.m-panel .m-image img{

}
.m-panel .m-image+select{
    position:absolute;
    right:1.4rem;
    top:1.5rem;
    font-size:1.4rem;
    background-color:#fff;
    line-height:3rem;
    height:3rem;
    min-width:7rem;
    padding:0 0.5rem;
    border-radius:0.25rem;
    color:#656565;
    border:1px solid #e9e4e8;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, white 0.5rem, #656565 0.6rem, #656565 0.7rem, white 0.7rem),
    linear-gradient(-45deg, white 0.5rem, #656565 0.6rem, #656565 0.7rem, white 0.7rem);
    background-repeat:no-repeat;
    background-size:0.5rem 2.2rem,0.5rem 2.2rem;
    background-position: calc(100% - 0.9rem) 0 ,calc(100% - 0.5rem) 0;
    z-index: 9999;
}
.m-panel .m-paging .m-cur-index{
    position:absolute;
    bottom:1rem;
    z-index:999;
    left:0;
    right:0;
    margin:0 auto;
    width: fit-content;
    font-size: 1.2rem;
}
.m-panel .m-paging .m-cur-index span:nth-child(1){
    color:#4c98f5;
}
.m-panel .m-paging .m-pre,.m-panel .m-paging .m-next{
    position:absolute;
    width:2.2rem;
    height:4.4rem;
    background: rgba(156,206,255,0.35);
    z-index:999;
    margin: auto 0;
    top: 0;
    bottom: 0;
    border: none;
    cursor: pointer;
    color: #fff;
    border-radius: 0 2.2rem 2.2rem 0;
    outline:none;
}
.m-panel .m-paging .m-pre::before,.m-panel .m-paging .m-next::before{
    content:"";
    width:1rem;
    height:1rem;
    border-left:0.3rem solid #fff;
    border-top:0.3rem solid #fff;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    transform:rotate(-45deg);

}
.m-panel .m-paging .m-pre{
    left:0;

}
.m-panel .m-paging .m-next{
    right:0;
    transform:rotate(-180deg);
}
.m-panel .m-title,.m-station .m-station-title{
    font-size:1.4rem;
    line-height:4rem;
    text-align:center;
    color: #4c98f5;
    font-weight:bold;
}
.m-panel .m-table td i{
    display:block;
    width: 2.5rem;
    height:2.5rem;
    background: url(../../../../../images/drawable-ldpi/统计icon.png) center center no-repeat;
    margin: 0 auto;
    cursor: pointer;
}
.m-station{
    display:none;
    margin-top:1.5rem;
    overflow:hidden;
    text-align: center;
}
.m-station select{
    position: absolute;
    font-size:1.5rem;
    margin:1.5rem auto;
    background:#fff;
    border:none;
    line-height: 1.5rem;
    font-weight: bold;
    color: #333333;
    outline: none;
    text-align: center;
    -webkit-appearance: none;
    opacity: 0;
    z-index: 2;
    width: 100%;
    left: 0;
}
.m-station .m-single-station-select{
    position:relative;
    font-size: 1.5rem;
    margin: 1.5rem auto;
    background: #fff;
    border: none;
    line-height: 1.5rem;
    font-weight: bold;
    color: #333333;
    outline: none;
    -webkit-appearance: none;
    top: 0;
    width: 100%;
}

.m-station .m-single-station-select::after{
    content:"";
    border-left:0.5rem solid transparent;
    border-right:0.5rem solid transparent;
    border-top:0.8rem solid #333333;
    vertical-align:middle;
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 0.5rem;
}
.m-station .m-chart-title{
    font-size:1.2rem;
    color:#999999;

}
.m-station .m-chart{
    height: 17rem;
}
.m-back{
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 3rem;
    left: 2rem;
    top: 2.5rem;
    line-height: 3rem;
    font-weight: bold;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
    height: 3rem;
}
.m-back::before{
    content:"";
    position:absolute;
    width: 30%;
    height: 30%;
    top: 35%;
    left: 42%;
    border-left:0.2rem solid #fff;
    border-top:0.2rem solid #fff;
    transform:rotate(-45deg);
    box-sizing: border-box;
}