body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    color: #333;
    /* font-weight: normal; */
    font-family:"苹方","PingFang","\82f9\65b9","微软雅黑","Microsoft YaHei",'XinGothic-SinaWeibo', helvetica, arial, sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
}
html{
	font-size:85.333px;
}
@media all and (min-width: 360px) and (max-width: 374px) {html{font-size: 96px;}}
@media all and (min-width: 375px) and (max-width: 383px) {html{font-size: 100px;}}
@media all and (min-width: 384px) and (max-width: 398px) {html{font-size: 102.4px;}}
@media all and (min-width: 399px) and (max-width: 413px) {html{font-size: 106.4px;}}
@media all and (min-width: 414px) and (max-width: 423px) {html{font-size: 110.4px;}}
@media all and (min-width: 424px) and (max-width: 479px) {html{font-size: 113.06px;}}
@media all and (min-width: 480px) and (max-width: 539px) {html{font-size: 128px;}}
@media all and (min-width: 540px) and (max-width: 568px) {html{font-size: 144px;}}
@media all and (min-width: 569px) and (max-width: 639px) {html{font-size: 151.74px;}}
@media all and (min-width: 640px) {html{font-size: 100px;}}
html,body{
    height: 100%;
    width: 100%;
}
body{font-size:16px;}
a:link,
a:visited,
a:active,
a:hover{
	color:#333;
}
img{
	vertical-align: middle;
}
input{border:1px solid #999;outline:0;height:30px;text-indent:5px;}

.global{position:relative;height:100%;min-width:320px;max-width:780px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.global .content{position:relative;min-height:100%;background:url(images/bg.png) no-repeat center center;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fl{float:left;}
.top-banner{width: 100%;vertical-align: top;}
.hide{display: none;}
.show{display: block;}
.p-d{padding-bottom: .8rem;}
.t-slider{position:relative;text-align: center;}
.t-slider .slider-tip{position:absolute;bottom:.03rem;left:50%;width:100%;max-width:80%;min-width:310px;text-align:center;font-size:0.75rem;color:#fff;font-weight:100;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.t-slider img{max-width:100%;margin:0 auto;vertical-align:middle;}
.promotion{padding-bottom:1px;position: relative;}
.turn-line{position:relative;clear:both;margin-bottom: .12rem;}
.turn-line:before,.turn-line:after{content:'';display:block;clear:both;}
.dz{box-sizing:border-box;}

.dz .east{position:absolute;left:50%;bottom:0;text-align:center;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.dz .east img{max-width:100%;width:60%;vertical-align: middle;}
.dz .east span{font-size: .13rem;font-weight:inherit;}
.dz .west{top:0;}
.dz .item{float:left;font-size:0.75em;font-weight:100;padding:0 .05rem;box-sizing:border-box;}
.dz .team *, .dz-s-area *, .dz-finals .finals-team *{font-weight: normal;}
.dz .item .team-bg{width:.7rem;margin:-.05rem auto;padding: .05rem 0;border-radius: .05rem;}
.dz .item0{width:25%;}
.dz .item1{width:50%;}
.dz .item2{width:100%;}
.dz .item .team{text-align:center;width:50%;margin:.03rem 0;}
.dz .item .team-r{float:right;}
.dz .item .team-l{float:left;}

.dz .turn-line:not(:first-child):not(:last-child) .item .team-r{padding-left:.05rem;box-sizing: border-box;}
.dz .turn-line:not(:first-child):not(:last-child) .item .team-l{padding-right:.05rem;box-sizing: border-box;}

.dz .item .dz-s-area{position:relative;clear: both;top: 0;}
.dz-bottom .item .dz-s-area{top:inherit;bottom:0;}
.dz .item2 .dz-s-area{position:absolute;top:34%;left:50%;width:36%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.dz .item .dz-s-area .border-line{width:50%;text-align:center;border:1px solid #D40030;border-top:none;margin:0 auto;height:.08rem;line-height:.18rem;}
.dz .item2 .dz-s-area .border-line{width:100%;}
.dz .item .dz-s-area .line2{position:absolute;height:0;}
.dz .item .dz-s-area .border-line:after{content:'';position:absolute;width:1px;height: .12rem;background:#D40030;left:50%;top:10px;}
.dz .item2 .dz-s-area .border-line:after{top:.03rem;}
.dz .item .big-score{position:absolute;left:50%;bottom:-8px;z-index:2;display:flex;display:-webkit-flex;justify-content: center;align-items:center;width: .36rem;height:.16rem;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#D40030;border-radius:.16rem;}
.dz .item .big-score *{color: inherit;}
.dz .item .dz-s-area .line0{width:60%;}
.dz .item .dz-s-area .line1{width:50%;}
.dz .item .team img{width: .24rem;height: .24rem;vertical-align: middle;}
.dz .item .team a{display: block;}
.dz .item .team span{margin:0 -.05rem;font-size:0.8em;}


.dz-bottom .item .dz-s-area .border-line{width:50%;text-align:center;border:1px solid #0C5DB9;border-bottom:none;margin:0 auto;}
.dz-bottom .item2 .dz-s-area .border-line{width:100%;}
.dz-bottom .item .dz-s-area .border-line:after{content:'';position:absolute;width:1px;height: .10rem;background:#0C5DB9;left:50%;top: -.12rem;}
.dz-bottom .item .big-score{position:absolute;left:50%;top:-.08rem;z-index:2;display:flex;display:-webkit-flex;justify-content: center;align-items:center;width:.36rem;height:.16rem;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#0C5DB9;border-radius:.16rem;}
.dz-bottom .item .dz-s-area .border-line:after{top: -.14rem;}

.dz-bottom .turn-line:last-child{margin-bottom:0;}
.dz-bottom .item .dz-s-area .line0{width:60%;}
.dz-bottom .item .dz-s-area .line1{width:50%;}

.logo8-bg-left,.logo8-bg-right{
	position: absolute;
	top: 1.85rem;
	width: .70rem;
}
.logo8-bg-left{left:.15rem;}
.logo8-bg-right{right: .15rem;}

.dz-finals .item-finals{position:relative;width:100%;margin:0 auto;float:none;}
.dz-finals .item-finals .team-l{width:20%;}
.dz-finals .item-finals .team-r{width:20%;}
.dz-finals .item-finals:before,.dz-finals .item-finals:after{content:'';display:block;clear:both;}
.dz-finals .item-finals .finals-tlt{position:absolute;left:50%;height:100%;width:20%;text-align:center; -webkit-transform: translateX(-50%);transform: translateX(-50%); }
.dz-finals .finals-cn{font-size: .18rem;font-weight: bold;position: absolute;left: 0;width: 100%;top: -26px;}
/*.dz-finals .item-finals .no-team{background:url(images/cup.png) no-repeat center center;background-size: auto 100%;}*/
.dz-finals .item-finals .finals-tlt .cup-img{position:absolute;top: -.14rem;left:-.14rem;width:100%;height: 110%;background:url(images/cup.png) no-repeat center center;background-size: auto 100%;}
.dz-finals .finals-tlt .last-l-s{position:absolute;top:30%;left:-50%;width: .36rem;height: .16rem;line-height: .16rem;background:#D40030;color:#fff;text-align:center;border-radius:.16rem;font-size: .15rem;}
.dz-finals .finals-tlt .last-r-s{position:absolute;top:30%;right:-50%;width: .36rem;height: .16rem;line-height: .16rem;background:#0C5DB9;color:#fff;text-align:center;border-radius:.16rem;font-size: .15rem;}
.dz-finals .item-finals .finals-score{position: absolute; text-align: center; left: 0;  right: 0; top: 30%; font-size: 1.75em;}
/* @media only screen and (min-width: 320px) and (max-width: 360px) {
	.dz-top .item{padding:0 4px;}
	.dz-top .item .team img{width:30px;height: 30px;}
	.dz-bottom .item{padding:0 4px;}
	.dz-bottom .item .team img{width:30px;height: 30px;}
	.dz .item .team span{margin:0 -4px;font-size:0.75em;}
} */
.dz-finals .turn-line{margin-bottom: .16rem;}
.dz-finals .finals-team{position:relative;z-index:2;width:auto;height:.80rem;text-align:center;}
.dz-finals .finals-team .f-t{width: .44rem; height: .44rem;margin: 0 auto .05rem;}
.dz-finals .finals-team .f-t img{width:100%;height: 100%;}
.bottom{text-align: center;padding: .10rem 0;}
.bottom .logo-8{width:20%;}
.bottom .save{width:40%;height: .40rem;margin:.05rem auto 0;}
.bottom .save a{display:-webkit-flex;display: flex;height:inherit;justify-content: center;align-items: center;color:#fff;background-color:#D93550;}

.alert-box{}
.alert-box input{font-size:16px;}
.alert-box .alert-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:9;}
.alert-box .alert-ent{position:absolute;top:50%;left:50%;width:2.80rem;z-index:3;background:#fff;z-index:10;
-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;
-webkit-border-radius:.05rem;border-radius:.05rem;}
.alert-box .tlt{padding:.1rem 0 0;text-align: center;font-size:.14rem;font-weight: bold;}
.alert-box .txt-input{padding:.1rem 0;}
.alert-box .alert-mesg{padding:.25rem 0 .15rem;text-align: center;font-size: .18rem;font-weight:inherit;}
.alert-box .alert-btn{display:block;height:.36rem;line-height:.36rem;margin:0 auto;text-align: center;border-top:1px solid #f2f2f2;}


.alert-box .a-e-t{padding:.1rem 0;}
.team-cn,.team-s{width:80%;margin:0 auto;}
.flex{display:-webkit-flex;display: flex;justify-content: center;align-items: center;height:.4rem;}	
.team-cn .box1,.team-s .box1{flex:1;text-align: center;}
.team-s .score-txt{width:.5rem;text-align: center;}
.alert-box .error-tip{color:#f00;text-align: center;font-size: .15rem;font-weight: inherit;}

.hadsave{position:absolute;bottom:0;background:#fff;height:.60rem;width:100%;padding:.1rem 0;justify-content: flex-start;box-sizing: content-box;}
.hadsave .logo-8{width:79%;vertical-align: middle;}
.qrcode-8{width:.6rem;margin:0 .05rem 0 .20rem;}
/* @media only screen and (min-width: 320px) and (max-width:340px) {
	.qrcode-8{width:.6rem;margin:0 5px 0 14px;}
	font-size:0.75rem;
} */
.t-tip{flex:3;font-size: .14rem;line-height:.20rem;font-weight: bold;}
.jietu{justify-content: center;}

.loading-bg{position:absolute;top:0;left:0;width:100%;bottom:0;}
.loading{position: absolute;top:50%;left:0;right:0;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.loading .loading-mk{position:relative;text-align:center;}
.loading-mk .progress-img{width:1.20rem;}

.no-data .ent{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;}
.no-data .img-mk{max-width:70%;vertical-align:middle;}
.no-data .info{font-size:.16rem;color:#999;font-weight:normal;margin:0;}