[v-cloak] {
    display: none;
}
*{margin: 0;padding: 0;}

body,html{
    min-height: 100vh;
    background-color: #010226;
}
#app:before{
    content:"";
    display: table;
}
.van-button--default{background-color: #00C2D1;color: #EDF2F4; border-radius: 11px; border: 0;font-weight: bold;height: 70px; font-size: 20px;}
.van-nav-bar{background-color: #00C2D1}
.van-tabbar{background-color: #212833;box-shadow: 0 0 0.47rem 0 #0e0f10;}
.van-tabbar-item--active{background-color: inherit;color: #00C2D1}
.van-nav-bar__title{color: #1D3557;font-size: 0.4rem;font-weight: bolder}
.van-nav-bar .van-icon{color: #ffffff}
.van-nav-bar__text{color: #869a8b}
[class*='van-hairline']::after{
    border:0;
}
#app {}
.data-empty{
    display: block;
    width: 100%;
    margin-top: 100px;
}
.input-box{
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 0.03rem solid #EDF2F4;
}
.input-box .input-label{
    color: #FFFFFF;
    font-size: 14px;
    padding: 0;
    margin-bottom: 10px;
}
.input-content input,.input-box input{
    background-color: transparent;
    border: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.4rem;
}
.input-content input::-webkit-input-placeholder,.input-content input::placeholder,.input-box input::-webkit-input-placeholder,.input-box input::placeholder  {
    color: #EDF2F4;
}
.ice-flex{
    display: flex;
}
.ice-flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ice-flex-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.ice-flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ice-space-between{
    justify-content: space-between;
}
.ice-space-around{
    justify-content: space-around;
}
.ice-flex-middle{
    align-items: center;
}

.ice-flex-1{
    flex:1;
    min-width: 0;
}
.popup-left .van-tab{
    line-height: 1.5rem;
}
.relative{
    position: relative;
}
.ice-mt-4{margin-top: 0.108rem;}.ice-ml-4{margin-left: 0.108rem !important;}
.ice-mt-8{margin-top: 0.216rem;}.ice-ml-8{margin-left: 0.216rem!important;}
.ice-mt-10{margin-top: 0.27rem;}.ice-ml-10{margin-left: 0.27rem !important;}.ice-mr-10{margin-right: 0.27rem !important;}
.ice-mt-12{margin-top: 0.32rem;}.ice-ml-12{margin-left: 0.32rem !important;}
.ice-mt-14{margin-top: 0.37rem;}.ice-ml-14{margin-left: 0.37rem !important;}
.ice-mt-17{margin-top: 0.48rem;}.ice-ml-17{margin-left: 0.48rem !important;}
.ice-mt-20{margin-top: 0.54rem;}
.font8{font-size: 0.216rem !important;}
.font10{font-size: 0.27rem !important;}
.font12{font-size: 0.32rem !important;}
.font13{font-size: 0.35rem !important;}
.font14{font-size: 0.37rem !important;}
.font15{font-size: 0.4rem !important;}
.font16{font-size: 0.43rem !important;}
.font18{font-size: 0.48rem !important;}
.font20{font-size: 0.54rem !important;}
.font24{font-size: 0.64rem !important;}
.font28{font-size: 0.75rem !important;}
.bold{font-weight: bolder;}
.ice-text-000{color: #000 !important;}
.ice-text-fff{color: #fff !important;}
.ice-text-333{color: rgb(199, 44, 44) !important;}
.ice-text-666{color: #666 !important;}
.ice-text-999{color: #999 !important;}
.ice-text-theme{color: #EDF2F4 !important;}
.ice-text-themes{color: #00C2D1;}
.ice-text-left{text-align: left;}
.ice-text-right{text-align: right;}
.ice-text-center{text-align: center;}
.ice-bg-fff{background-color: #FFFFFF !important;}
.empty{width: 60%;margin-top: 20px;}
.ice-form{padding: 8px;}
.ice-form input.van-field__control{font-size: 14.08px;color: #282828;}
.ice-form .van-hairline--bottom{margin-bottom: 15px;}
.icon-filter{width: 30px;display: inline-block;vertical-align: middle;}
.ice-line-1 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
}

.ice-line-2 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
}

.center{
    margin-block-end: auto;
    margin-block-start: 50%;
    margin-inline-start: 50%;
}

.text-color {
    color: #00C2D1; 
    text-align: center;
     margin-top: 30px;
    font-size: 18px;
}