body{background: #4AB9F9;padding-bottom: 10px;}
.banner{line-height: 0;}
.banner img{width: 100%}
.indexTop{position: relative; margin-top: -42vw; }
.title{display: flex; align-items: center; padding: 0 3%; position: relative; } 
.title div{flex: 1; line-height: 0; }
.title img{width: 100%;}
.sginBox{position: relative; padding: 0 2.7%; }
.sginBox img{width: 100%;}
.sginBox button{position: absolute; bottom: 12%; padding: 0; width: 68%; outline: none; left: 16%; border: none; background: none; }
.playBox{line-height: 0;}
.playBox img{width: 100%;}
.fixbtn{position: fixed; right: 0; z-index: 2; top: 45%; width: 20%;  }
.fixbtn img{width: 100%;}
.awardHead{ padding-top: 50px; padding-bottom: 20px; background: url(../images/bgt1.png) no-repeat top center; background-size: 100% auto; }
.awardHead .subtit{ padding: 5px 10%; display: flex; align-items: center; justify-content: space-around; }
.awardHead .subtit span{height: 30px; width: 45%; font-size: 12px; color: #fff; line-height: 30px; text-align: center; background: linear-gradient( 180deg, #3CB8FF 0%, #00E3EC 100%);border-radius: 18px;}
.awardHead .subtit span.on{background: linear-gradient( 180deg, #FFB1BA 0%, #FF447F 50%, #FF5295 100%);box-shadow: inset 0px -7 5px 0px rgba(0,0,0,0.5), inset 0px 6 6px 0px rgba(255,255,255,0.7);}
.awardHead .season{ padding: 5px 10%; display: flex; align-items: center; justify-content: center; }
.awardHead .season span{height: 30px; width: 25%; font-size: 12px; color: #1D75BB; line-height: 30px; font-weight: 400; text-align: center; background: linear-gradient( 180deg, #CBF0FF 0%, #FFFFFF 100%);border-radius: 18px;}
.awardHead .season span.on{background: linear-gradient( 180deg, #FFB1BA 0%, #FF447F 50%, #FF5295 100%);color: #FFFFFF; box-shadow: inset 0px -7 5px 0px rgba(0,0,0,0.5), inset 0px 6 6px 0px rgba(255,255,255,0.7);}
.awardCon{ padding-bottom: 1px; background: url(../images/bgm1.png) repeat center; background-size: 100% auto; }
.awardCon section{ width: 90%; margin-bottom: 20px; padding: 9px; margin-left: 5%; background: linear-gradient( 180deg, #CBF0FF 0%, rgba(255,255,255,0.8) 100%);border-radius: 11px;border: 1px solid #FFFFFF;}
.awardCon section:nth-last-child(1){margin-bottom: 0;}
.awardCon section header{text-align: center; line-height: 0; margin-top: -25px; }
.awardCon section header img{ height: 30px; }
.awardCon section .mui-col-xs-4{padding: 8px 9px;}
.awardCon section .mui-col-xs-4 .bg{width: 100%;}
.awardCon section .mui-col-xs-4 .box{position: relative;line-height: 0; }
.awardCon section .mui-col-xs-4 .box .img{position: absolute; line-height: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; left: 0; top: 0; }
.awardCon section .mui-col-xs-4 .box .img img{max-width: 70%;}
.awardCon section .mui-col-xs-4 p{font-size: 10px; margin-top: 10px; line-height: 10px; color: #333333; margin-bottom: 0; }
.widfix{width: 100%;}
.myTeam .head1{text-align: center; padding-top: 10px; background: url(../images/bgt1.png) no-repeat top center; background-size: 100% auto; padding-bottom: 8px; }
.myTeam .head1 img{height: 40px;}
.myTeam section{padding: 0 5%; background: url(../images/bgm1.png) repeat center; background-size: 100% auto; }
.myTeam .sec1 article{padding: 16px 0;}
.myTeam section article{background: url(../images/bg5.png) no-repeat center; background-size: 100% 100%; }
.myTeam section article > p{font-size: 11px; padding: 0 5.5%; line-height: 18px; color: #3C82BA; margin-bottom: 0; }
.myTeam .mui-row{padding: 0 7px;}
.myTeam .mui-col-xs-3{padding: 8px 7px;}
.myTeam section .mui-col-xs-3 .bg{width: 100%;}
.myTeam section .mui-col-xs-3 .box{position: relative;line-height: 0; }
.myTeam section .mui-col-xs-3 .box .img{position: absolute; line-height: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; left: 0; top: 0; }
.myTeam section .mui-col-xs-3 .box .img img{max-width: 90%; max-height: 90%; }
.myTeam section .mui-col-xs-3 p{font-size: 10px; text-align: center; color: #333333; margin-top: 10px; line-height: 10px; color: #333333; margin-bottom: 0; }
.myTeam .sec2{padding-top: 24px;}
.myTeam .sec2 .bg{ background: linear-gradient( 180deg, #CBF0FF 0%, #FFFFFF 100%);border-radius: 12px;border: 1px solid #FFFFFF;}
.myTeam .sec2 .head2{text-align: center; position: relative; margin-top: -15px; }
.myTeam .sec2 .head2 img{height: 30px;}
.myTeam .sec2 p{font-size: 11px; padding: 0 5.5%; line-height: 18px; color: #3C82BA; margin-top: 5px; margin-bottom: 0; }
.myTeam section .mui-row{padding: 6px 6px;}
.myTeam section .mui-col-xs-4{padding: 0 4px;}
.myTeam section .mui-col-xs-4 .box{ padding: 16px 0 12px; border: 1px solid rgba(207, 241, 255, 0.4); background: linear-gradient( 180deg, #DCF2FF 0%, #FFFFFF 87%, #E4F5FF 100%);border-radius: 6px;}
.myTeam section .mui-col-xs-4 .box .img{position: relative; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.myTeam section .mui-col-xs-4 .box .img img{border-radius: 50%; width: 90%; height: 90%; }
.myTeam section .mui-col-xs-4 .box .img::before{position: absolute; display: block; content: ''; width: 100%; height: 100%; background: url(../images/img2.png) no-repeat center; background-size: 100% 100%; }
.myTeam section .mui-col-xs-4 .list{display: flex; align-items: center; justify-content: space-between; }
.myTeam section .mui-col-xs-4 .list .item{flex: 1; text-align: center; }
.myTeam section .mui-col-xs-4 .list img{width: 22px; height: 26px; }
.myTeam section .mui-col-xs-4 .list h6{font-size: 10px; margin: 0; color: #505357; }
.myTeam section .mui-col-xs-4 .boxoff{height: 158.5px; background: url(../images/bg3.png) no-repeat center; background-size: cover; }
.subtit{padding-top: 12px; padding: 0 10%; display: flex; align-items: center; justify-content: space-around; }
.subtit div{width: 45%;}
.subtit img{width: 100%;}
.competition .bg{ padding: 0 5%; background: url(../images/bgm1.png) repeat center; background-size: 100% auto;}
.listbox{}
.listbox .times{ margin-top: -12px; background: url(../images/bgt1.png) no-repeat top center; background-size: 100% auto;padding: 48px 10% 8px; display: flex; align-items: center; justify-content: space-between;  }
.listbox .times span{width: 65px; height: 24px; font-size: 12px; color: #1D75BB; display: flex; align-items: center; justify-content: center; background: url(../images/bg7.png) no-repeat center; background-size: 100% 100%; }
.listbox .times span.on{ color: #fff; background: url(../images/bg6.png) no-repeat center; background-size: 100% 100%;}
.listbox .list,.listbox .list2{ padding: 16px 7px; background: linear-gradient( 180deg, #CBF0FF 0%, #FFFFFF 20%);border-radius: 12px;border: 1px solid #FFFFFF;}
.listbox .list h5,.listbox .list2 h5{font-size: 11px; color: #3C82BA; text-align: center; margin: 0; }
.listbox .list .head,.listbox .list2 .head{text-align: center; display: flex; align-items: center; margin-top: 18px; }
.listbox .list .head span,.listbox .list2 .head span{font-size: 11px; text-align: center; color: #3C82BA; line-height: 16px; }
.listbox .list .head span:nth-child(1),.listbox .list2 .head span:nth-child(1){flex: 1;}
.listbox .list .head span:nth-child(2),.listbox .list2 .head span:nth-child(2){flex: 4;}
.listbox .list .head span:nth-child(3),.listbox .list2 .head span:nth-child(3){flex: 2;position: relative}
.listbox .list .head span img {width: 20px;height: 20px;position: absolute;right: 0;top: -4px;}
.listbox .list .head span .tip {position: absolute;width: auto;top: 24px;right: -8px;}
.listbox .list ul,.listbox .list2 ul{list-style: none; padding: 0; margin: 0; }
.listbox .list ul li{ padding: 12px 0; background: url(../images/bg4.png) no-repeat center; background-size: 100% 100%;display: flex; align-items: center; }
/*.listbox .list ul li:nth-last-child(1){position: fixed;bottom: 0;left: 0}*/
.listbox .list li .num{flex: 1;font-size: 14px; text-align: center; color: #1A7CDB; }
.listbox .list li .info{flex: 4;display: flex; align-items: center;font-size: 14px; color: #1A7CDB; }
.listbox .list li .info .img{ position: relative; width: 54px; height: 54px; margin-right: 12px; border: 1px solid #0DB8FF; border-radius: 50%; }
.listbox .list li .info .img img{width: 100%; height: 100%; border-radius: 50%; }
.listbox .list li .info .img .icon{position: absolute; width: 16px; height: 16px; right: 0; bottom: 0; }
.listbox .list li .coin{flex: 2;font-size: 14px; color: #1A7CDB; text-align: center; }
.rule{}
.rule header{height: 48px;background: url(../images/bgt1.png) no-repeat top center; background-size: 100% auto;}
.rule .bg{padding: 0 5%; background: url(../images/bgm1.png) repeat center; background-size: 100% auto;}
.rule article{padding: 8px 24px; background: linear-gradient( 180deg, #CBF0FF 0%, #FFFFFF 20%);border-radius: 12px;border: 1px solid #FFFFFF;}
.rule article img{height: 24px; display: block; margin: 0 auto 10px; }
.rule article p{margin-bottom: 15px; font-size: 11px; color: #3C82BA; line-height: 18px; }
.listbox .list2 li{padding: 11px 8px; margin-top: 6px; background: url(../images/bg10.png) no-repeat center; background-size: 100% 100%;position: relative;  display: flex; align-items: center; }
.listbox .list2 li .num{position: absolute; left: 15px; top: 15px; font-size: 14px; color: #FF3F5E; }
.listbox .list2 li .left{flex: 1; padding-right: 5%; }
.listbox .list2 li .right{flex: 1;padding-left: 5%;}
.listbox .list2 li .info{color: #FF6299; font-size: 10px; text-align: center;}
.listbox .list2 li .info .img{position: relative; margin: 0 auto 5px; }
.listbox .list2 li .info .img img{width: 36px;height: 36px; border-radius: 50%; border: 1px solid #FF7CB7;}
.listbox .list2 li .info .img .result {position: absolute;top: -10px;left: 50%;border: none;}
.listbox .list2 li .left .info .img .result {margin-left: -50px;border-radius:0;width: 25px;height: 25px;}
.listbox .list2 li .right .info .img .result {margin-left: 25px;border-radius:0;width: 25px;height: 25px;}
.listbox .list2 li .info .img span{position: absolute; left: 50%; margin-left: -24px; bottom: -6px; background: url(../images/bg12.png) no-repeat center; background-size: 100% 100%; width: 48px; height: 17px; line-height: 17px; text-align: center; font-size: 11px; color: #fff; }
.listbox .list2 li .info p{ }
.listbox .list2 li .lists{display: flex; align-items: center; justify-content: space-between; }
.listbox .list2 li .lists .item{width: 40px; height: 51px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: url(../images/bg13.png) no-repeat center; background-size: 100% 100%; }
.listbox .list2 li .lists .item .img{position: relative;}
.listbox .list2 li .lists .item:nth-child(1) .img:before{position: absolute; content: ''; display: block; left: -5px; top: -5px; width: 30px; height: 30px; background: url(../images/img3.png) no-repeat center; background-size: 100% 100%; }
.listbox .list2 li .lists .item:nth-child(2) .img:before{position: absolute; content: ''; display: block; left: -5px; top: -5px; width: 30px; height: 30px; background: url(../images/img4.png) no-repeat center; background-size: 100% 100%; }
.listbox .list2 li .lists .item:nth-child(3) .img:before{position: absolute; content: ''; display: block; left: -5px; top: -5px; width: 30px; height: 30px; background: url(../images/img5.png) no-repeat center; background-size: 100% 100%; }
.listbox .list2 li .lists .item .img img{width: 21px; height: 21px; border-radius: 50%; }
.listbox .list2 li .lists .item p{font-size: 10px; color: #FF6299; margin-bottom: 0; line-height: 14px; }
.listbox .list2 li .right .lists .item p{color: #3293F1;}
.listbox .list2 li .right .lists .item{background: url(../images/bg14.png) no-repeat center; background-size: 100% 100%;}
.listbox .emptyimg{height: 98px; margin: 0 auto; display: block; }
.listbox2 {margin-top: 24px; position: relative; }
.listbox2::before{position: absolute; width: 140px; height:43px; content: ''; display: block; left: 50%; margin-left: -71px; top: -8px; background: url(../images/tit8.png) no-repeat center; background-size: 100% 100%; }
.listbox2 .list li .num{margin-bottom: 35px;}
.listbox2 .bg{ padding: 0 5%; background: url(../images/bgm1.png) repeat center; background-size: 100% auto;}
.listbox2 .list .head{margin-top: 0;}
.listbox2 .list .head span:nth-child(2){flex: 2; text-align:left; }
.listbox2 .list .head span:nth-child(3){flex: 4; text-align:center; }
.listbox2 .list li .info{flex: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.listbox2 .list li .info .img{border: 1px solid #FFEF67; margin-right: 0; }
.listbox2 .info p{margin-bottom: 0; line-height: 16px; margin-bottom: 0; margin-top: 5px; text-align: center; font-size: 12px; color: #1A7CDB; }
.listbox2 .info small{font-size: 70%; display: block; }
.listbox2 .users{ flex: 4;}
.listbox2 .users h4{margin: 0; margin-bottom: 10px; font-weight: 400; font-size: 14px; color: #1A7CDB; }
.listbox2 .array{padding-right: 8%; margin-left: -4px; margin-right: -4px; display: flex; align-items: center; justify-content: space-between; }
.listbox2 .array .item{ flex: 1; margin: 0 4px; line-height: 0; height: 58px; text-align: center; padding-top: 2px; background: url(../images/bg21.png) no-repeat center; background-size: 100% 100%;}
.listbox2 .array img{width: 22px; height: 22px; border-radius: 50%; }
.listbox2 .array p{font-size: 50%; line-height: 16px; color: #3C82BA; margin-bottom: 0; }
.listbox2 .array h6{font-size: 60%; color: #fff; margin: 0; line-height: 18px; background: linear-gradient( 180deg, #6B9DFF 0%, #44FBFF 100%);box-shadow: inset 0px -7 0px 0px rgba(0,0,0,0.5), inset 0px 2 6px 0px rgba(255,255,255,0.7);border-radius: 0px 0px 6px 6px; }
.listbox2 .list ul li{ padding: 18px 8px; background: url(../images/bg20.png) no-repeat center; background-size: 100% 100%;display: flex; align-items: center; }
.listbox2 .array .item.empty{background: url(../images/bg22.png) no-repeat center; background-size: 100% 100%;}
.game{position: relative; line-height: 0; }
.game .recordbtn{position: absolute; right: 0; top: 2%; width: 19%; }
.game h4{ position: absolute; left: 0; top: 13.2%; font-weight: 400; text-align: center; color: #00668F; font-size: 12px; text-align: center; width: 100%;  }
.game p{ position: absolute; left: 0; bottom: 20%; font-weight: 400; text-align: center; color: #3C82BA; font-size: 12px; text-align: center; width: 100%;  }
.game .btn{position: absolute; width: 50%; bottom: 25%; left: 25%; }
.game ul{list-style: none; padding: 0; margin: 0; position: absolute; height: 35.5%; top: 19.5%; width: 56%; left: 20%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
.game ul li{width: 31%; height: 45%; background: url(../images/gamebg3.png) no-repeat center; background-size: 100% 100%; }
.game ul li .img{ height: 70%; display: flex; align-items: center; justify-content: center; }
.game ul li .img img{max-width: 80%; max-height: 80%; }
.game ul li p{ height: 14px; width: 90%; margin: 5% auto 0; position: inherit; line-height: 14px; text-align: center; color: #fff; font-size: 60%; background: url(../images/gamebg4.png) no-repeat center; background-size: 100% 100%;}
.game ul li.on{background: url(../images/gamebg2.png) no-repeat center; background-size: 100% 100%;}
.shadow{position: fixed; z-index: 9; background: rgba(0,0,0,0.6); width: 100%; height: 100%; left: 0; top: 0; }
.recordsBox{position: fixed; z-index: 10; line-height: 0; left: 0; bottom: 0; width: 100%; }
.recordsBox .closebtn{width: 30px; height: 30px; position: absolute; top: -30px; right: 12px; }
.recordsBox p{position: absolute; color: #fff; font-size: 12px; left: 4%; top: 9%; }
.recordsBox ul{position: absolute; height: 85%; overflow-y: scroll; margin: 0; list-style: none; left: 4%; width: 92%; top: 13%; padding: 0;  }
.recordsBox ul li{ margin-bottom: 8px; padding: 8px 19px; display: flex; align-items: center; background: url(../images/bg24.png) no-repeat center; background-size: 100% 100%; }
.recordsBox ul li .img{width: 54px; height: 54px;}
.recordsBox ul li .img img{max-width: 100%; max-height: 100%; }
.recordsBox ul li .text{margin-left: 15px;}
.recordsBox ul li .text h4{margin: 0; font-weight: 400; font-size: 14px; color: #fff; line-height: 15px; }
.recordsBox ul li .text h6{font-size: 12px; line-height: 12px; color: #fff; margin-bottom: 0; margin-top: 10px; }
.congratulation{position: fixed; z-index: 10; top: 20%; width: 80%; left: 10%; }
.congratulation .btn{width: 32%; margin: 10px auto; display: block;  }
.congratulation .img{position: absolute; height: 50%; top: 22%; width: 100%; text-align: center; }
.congratulation .img img{height: 40%;}
.congratulation p{font-size: 12px; margin-top: 5%; color: #fff;  }
.listbox3::before{background: url(../images/bgt1.png) no-repeat top center; margin-left: 0; background-size: 100% auto; height: 50px; width: 100%; left: 0; top: 0; }
.listbox3{ padding-top: 50px; margin-top: 0px; }
.listbox3 .list .head span:nth-child(2){flex: 6; text-align: center; }
.listbox3 .list{padding: 12px 7px;}
.listbox3 .array .img{position: relative;}
.listbox3 .array .item:nth-child(1) .img::before{position: absolute;content: '';display: block;left: 50%;margin-left: -16.5px; top: -5px; width: 32px; height: 32px; background: url(../images/img3.png) no-repeat center;background-size: 100% 100%;}
.listbox3 .array .item:nth-child(2) .img::before{position: absolute;content: '';display: block;left: 50%;margin-left: -16.5px; top: -5px; width: 32px; height: 32px; background: url(../images/img4.png) no-repeat center;background-size: 100% 100%;}
.listbox3 .array .item:nth-child(3) .img::before{position: absolute;content: '';display: block;left: 50%;margin-left: -16.5px; top: -5px; width: 32px; height: 32px; background: url(../images/img5.png) no-repeat center;background-size: 100% 100%;}
.winer{ padding: 48px 8px 15px; margin-bottom: 9px; background: url(../images/bg26.png) no-repeat center; background-size: 100% 100%;}
.winer .user{margin: 0 auto; text-align: center; }
.winer .user .img{margin-bottom: 30px; position: relative; }
.winer .user .img::before{position: absolute; content: ''; width: 126px; height: 134px; left: 50%; margin-left: -63px; top: 50%; margin-top: -67px; background: url(../images/icon5.png) no-repeat center; background-size: 100% 100%; } 
.winer .user .img img{width: 98px; height: 98px; border-radius: 50%; }
.winer p{font-size: 12px; color: #3C82BA; text-align: center; }
.winer .array{ padding: 0 2% 0 3%; display: flex; align-items: center; justify-content: space-between; }
.winer .array .item{ flex: 1; margin: 0 4px; line-height: 0; text-align: center; padding-top: 2px; background: url(../images/bg21.png) no-repeat center; background-size: 100% 100%;}
.winer .array img{width: 30px; height: 30px; border: 1px solid #5FDDFF; border-radius: 50%; }
.winer .array p{font-size: 50%; line-height: 16px; color: #3C82BA; margin-bottom: 0; }
.winer .array h6{font-size: 60%; color: #fff; margin: 0; line-height: 18px; background: linear-gradient( 180deg, #6B9DFF 0%, #44FBFF 100%);box-shadow: inset 0px -7 0px 0px rgba(0,0,0,0.5), inset 0px 2 6px 0px rgba(255,255,255,0.7);border-radius: 0px 0px 6px 6px; }
.pkBox header{ padding: 15px 0 0; text-align: center; background: url(../images/bgt1.png) no-repeat top center; background-size: 100% auto; }
.pkBox header img{width: 35%;}
.pkBox .bg{ padding: 0 5%; background: url(../images/bgm1.png) repeat center; background-size: 100% auto; }
.pkBox ul{margin: 0; padding: 0; display: flex; align-items: center; }
.pkBox ul li{height: 33px;background: linear-gradient( 180deg, #CBF0FF 0%, #FFFFFF 100%);border: 1px solid #EFFBFF; flex: 1; font-size: 12px; display: flex; align-items: center; justify-content: center; color: #1D75BB; }
.pkBox ul li img{width: 18px; height: 21px; margin-right: 8px; }
.pkBox ul li.on{ color: #fff; background: url(../images/bg11.png) no-repeat center; background-size: 100% 100%;}
.pkBox .process{margin-bottom: 16px; position: relative; margin-top: 6px; width: 100%; height: 19px;background: linear-gradient( 0deg, #2399E9 0%, #67CEFF 100%);border-radius: 10px; }
.pkBox .process .line{position: absolute; left: 0; top: 0; height: 100%;background: linear-gradient( 180deg, #FF88AB 0%, #FF327C 100%);border-radius: 10px; }
.pkBox .process .left{position: absolute; font-size: 11px; color: #fff; line-height: 12px; left: 5px; top: 3px; }
.pkBox .process .right{position: absolute; font-size: 11px; color: #fff; line-height: 12px; right: 5px; top: 3px;}
.pkBox .box{ padding-bottom: 20px; display: flex; align-items: center; background: url(../images/bg9.png) no-repeat bottom center; background-size: 100% auto;}
.pkBox .box .left,.pkBox .box .right{flex: 1;}
.pkBox .box .img{width: 62px; height: 62px; margin: 0 auto; padding: 4px; position: relative; }
.pkBox .box .left .img{background: url(../images/bg17.png) no-repeat center; background-size: 100% 100%;}
.pkBox .box .right .img{background: url(../images/bg18.png) no-repeat center; background-size: 100% 100%;}
.pkBox .box .img img{border-radius: 50%; width: 100%; height: 100%; }
.pkBox .box .img span{position: absolute; display: flex; align-items: center; font-size: 11px; color: #FF4987; justify-content: center; left: 50%; margin-left: -38px; bottom: 0; width: 75px;height: 18px;background: #FFFFFF;border-radius: 9px;}
.pkBox .box .right .img span{color: #4880FF;}
.pkBox .box .list{ margin-top: 20px; display: flex; align-items: center; justify-content: space-evenly; }
.pkBox .box .list .item{display: flex;flex-direction: column; align-items: center; }
.pkBox .box .list img{width: 24px; height: 24px; margin-bottom: 4px; border-radius: 50%; border: 1px solid #fff; }
.pkBox .box .list span{height: 13px; display: flex; align-items: center; font-size: 10px; color: #fff; padding: 0 4px; background: rgba(255,255,255,0.2);border-radius: 7px;}


.backUp{position: fixed; line-height: 0; z-index: 999; width: 40px; height: 40px; bottom: 100px; right: 8px;}
.backUp img{width: 100%; height: 100%;}
[v-cloak] {display: none;}
.awardCon section .mui-col-xs-4 p.mui-ellipsis-prize{
    color: rgba(26, 124, 219, 1);
    font-family: PingFangSC-Regular;
    text-align: center;
    white-space:normal;
    height: 1rem;
}