@charset "UTF-8";
/* CSS Document */
@import url('/res_1_0/tcw/default/theme/gray_theme/tcwGrayV1.css');
html, body{width: 100vw; height: 100vh;}
html{font-size: 13.3333333vw !important;}
body{font-size: .3rem !important; font-family: "Microsoft YaHei", PingFangSC-Regular, Arial; color: #181818; background: #fafafa; overflow-x: hidden;}
*{box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
li{list-style: none;}
a{color: #181818; text-decoration: none;}
img{vertical-align: top;}
i, em{font-style: normal;}
.float-left{float: left;}
.float_right{float: right;}
.d-flex{display: -ms-flexbox !important; display: flex !important;}
.justify-content-between{-ms-flex-pack: justify !important; justify-content: space-between !important;}
.text-truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.clearfix::after{display: block; clear: both; content: "";}
.m-marb24{margin-bottom: .24rem;}
.p-lr30{padding-left: .3rem !important; padding-right: .3rem !important;}
.p-tb0{padding-top: 0 !important; padding-bottom: 0 !important;}
.g-cont{padding-top: 1.76rem; overflow: auto;}
.g-cont-1{padding-top: .88rem;}
.g-cont-0{padding-top: 0;}
/* 常用字体颜色 */
.color-414141{color: #414141;}
.color-666{color: #666;}
.color-f55b57{color: #fa5b57;}
.color-blue{color: #499BF3;}
/* 白按钮 */
.btn-white{display: inline-block; vertical-align: middle; width: 1.76rem; height: .6rem; line-height: .56rem; border: 1px solid #d3d3d3; border-radius: .3rem; text-align: center; color: #666;}
.btn-white:hover{color: #fa5b57; border: 1px solid #fa5b57;}
/* 加载更多 */
.m-more {width: 100%;height: .88rem;line-height: .88rem;text-align: center;color: #666;}
.m-more img {width: .32rem;height: .32rem;vertical-align: middle;margin-top: -0.05rem;}
/* 无数据时 */
.tip-img {text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.tip-img img {width: 3rem;height: 2rem;margin-bottom: .3rem;}
.tip-img p {font-size: .34rem;line-height: 1;}
/* loading */
.mint-indicator{
    position: relative;
    z-index: 99;
}
.mint-indicator-wrapper {
    top: 50%;
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 15px;
}
.mint-indicator-spin {
    display: inline-block;
    text-align: center;
}
.mint-spinner-snake {
    -webkit-animation: mint-spinner-rotate 0.8s infinite linear;
    animation: mint-spinner-rotate 0.8s infinite linear;
    border: 4px solid transparent;
    border-radius: 50%;
    border-top-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    height: 32px;
    width: 32px;
}
.mint-indicator-mask {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
@keyframes mint-spinner-rotate {
    from {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    }
    to {
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    }
}
@-webkit-keyframes mint-spinner-rotate {
    from {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    }
    to {
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    }
}
/* 下拉刷新和上滑加载 */
.van-loading {position:relative;color:#999;font-size:0;vertical-align:middle}
.van-loading__spinner {position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;animation:van-rotate .8s linear infinite}
@keyframes van-rotate {0% {transform:rotate(0)}
to {transform:rotate(360deg)}
}
.van-loading__spinner--spinner {animation-timing-function:steps(12)}
.van-loading__spinner--circular {animation-duration:2s}
.van-loading__line {position:absolute;top:0;left:0;width:100%;height:100%}
.van-loading__line:before {display:block;width:2px;height:25%;margin:0 auto;background-color:red;border-radius:40%;content:" "}
.van-loading__circular {display:block;width:100%;height:100%}
.van-loading__circular circle {animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}
@keyframes van-circular {0% {stroke-dasharray:1,200;stroke-dashoffset:0}
50% {stroke-dasharray:90,150;stroke-dashoffset:-40}
to {stroke-dasharray:90,150;stroke-dashoffset:-120}
}
.van-loading__text {display:inline-block;margin-left:8px;color:#999;font-size:14px;vertical-align:middle}
.van-loading--vertical {display:flex;flex-direction:column;align-items:center}
.van-loading--vertical .van-loading__text {margin:8px 0 0}
.van-pull-refresh {overflow:hidden}
.van-pull-refresh__track {position:relative;min-height:100vh;transition-property:transform}
.van-pull-refresh__head {position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#999;font-size:var(--van-pull-refresh-head-font-size);line-height:50px;text-align:center;transform:translateY(-100%)}
.van-pull-refresh__loading .van-loading__spinner {width:14px;height:14px}
.van-list__loading,.van-list__finished-text,.van-list__error-text {color:#999;font-size:14px;line-height:50px;text-align:center}
.van-list__placeholder {height:0;pointer-events:none}