.main .html-canvas { z-index: 99999; position: absolute; right:9999999px; width: 750px; height: 1331px; background: #161616; top: 0; }

.main .html-canvas .fiberHome-time { width: 144px; height: 20px; display: flex; position: absolute; align-items: center; justify-content: space-between; padding: 0px 15px; box-sizing: border-box; color: #000000; line-height: 20px; font-family: "projectdtype_medium"; font-size: 15px; bottom: 17px; left: 70px; }

.main .html-canvas .logo55 { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/logo55.png") no-repeat; background-size: 100% 100%; width: 190px; border: none; height: 33px; margin: 50px auto 0; transform: translate(0) translate3d(0); outline: none; }
.main .html-canvas .fiber-p6 .logo55  { margin: 20px auto;}
.main .html-canvas .specular-txt { position: relative; }

.main .html-canvas .specularData { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/html-canvas2.jpg") no-repeat; background-size: 100% 100%; width: 750px; height: 1331px; transform: scale(0.5); transform-origin: right top; display: block; position: absolute; right: 0; }

.main .html-canvas .specularData::before { content: ''; background: url(//game.gtimg.cn/images/dfm/cp/weekly20250821/td1_2.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 0; background-position: 50% 50%; z-index: 9999; width: 750px; height: 1331px; margin: auto; pointer-events: none; }

.main .html-canvas .notice-btn-box { display: flex; width: 575px; margin: 26px auto 0; justify-content: space-between; }

.main .html-canvas .user-match { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/user-match.png") no-repeat; background-size: 100% 100%; width: 675px; height: 189px; display: flex; justify-content: center; align-items: center; margin: 75px auto 0; }

.main .html-canvas .user-match:last-child { margin: 60px auto 0; }

.main .html-canvas .user-match .match-item { position: relative; text-align: center; margin-top: -20px; }

.main .html-canvas .user-match .match-item:last-child .match-num { font-size: 40px; }

.main .html-canvas .user-match .match-item .match-max-dt { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/match-max-dt-bg.png") no-repeat; background-size: 100% 100%; width: 269px; height: 182px; position: absolute; left: -5px; top: -80px; }

.main .html-canvas .user-match .match-item .match-max-dt img { position: absolute; width: 238px; height: 153px; top: 6px; left: 6px; transform: rotate(1deg); }

.main .html-canvas .user-match .match-item .match-max-dt .de { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/de.png") no-repeat; background-size: 100% 100%; width: 184px; height: 43px; position: absolute; font-family: "projectdtype"; left: 30px; line-height: 43px; font-size: 20px; color: #ffffff; bottom: -5px; }

.main .html-canvas .user-match .match-item .match-max-dt .ne { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/ne.png") no-repeat; background-size: 100% 100%; width: 159px; height: 27px; font-family: "dfgametype"; padding-left: 5px; box-sizing: border-box; font-size: 17px; color: #ffffff; text-align: center; position: absolute; left: 6px; line-height: 27px; top: 15px; }

.main .html-canvas .user-match .match-item:nth-child(1) { width: 217px; }

.main .html-canvas .user-match .match-item:nth-child(2) { width: 190px; }

.main .html-canvas .user-match .match-item:nth-child(3) { width: 221px; }

.main .html-canvas .user-match .match-item .match-txt { color: #c5c0c2; font-family: "dfgametype"; font-weight: 600; font-size: 23px; }

.main .html-canvas .user-match .match-item .match-num { color: #0ff796; line-height: 45px; margin-top: -20px; margin-bottom: 20px; font-size: 50px; font-family: "projectdtype";overflow: visible; }

.main .html-canvas .viewBox { height: 1206px; position: relative; top: 50%; width: 750px; left: 50%; padding-top: 168px; box-sizing: border-box; transform: translate(-50%, -50%); }

.main .html-canvas .specularBox { box-sizing: border-box; }

.main .html-canvas .fiberHome-tit { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/fiberHome-tit0.png") no-repeat; background-size: 100% 100%; width: 634px; height: 68px; margin: auto; }

.main .html-canvas .fixed-ewm { position: absolute; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/fiberHome-ewm-k.png") no-repeat; width: 135px; height: 150px; right: 28px; top: -60px; background-size: 100% 100%; }

.main .html-canvas .part5-box { width: 636px; height: 150px; margin: 10px auto 40px; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: space-between; }

.main .html-canvas .part5-box .user-tx { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/user-tx.png") no-repeat; background-size: 100% 100%; width: 125px; height: 125px; display: block; margin: 0 auto 10px; position: relative; }

.main .html-canvas .part5-box .user-tx img { width: 110px; height: 110px; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.main .html-canvas .part5-box .user-name { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/user-inner-name.png") no-repeat; 
  background-size: 100% 100%; width: 200px; height: 34px; line-height: 34px; position: relative; font-size: 17px; color: #d9d6d0; 
  padding-left: 10px; box-sizing: border-box; display: flex;
  align-items: center;
}

.main .html-canvas .part5-box .user-name p { display: flex; transform: translateY(-12px); width: 95.5%;margin: auto; height: 120%;}

.main .html-canvas .part5-box .user-name span { color: #fff; width: 130px; font-size: 17px; height: 100%;white-space: nowrap;overflow-x: hidden; overflow-y: visible;}

.main .html-canvas .user-match { margin-top: 15px !important; }

.main .html-canvas .specular-txt { width: 615px; position: relative; height: 310px; margin: auto; }

.main .html-canvas .notice-btn-box { margin: 10px auto; }

.main .html-canvas .notice-btn-box .btn-canvas { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/btn28.png") no-repeat; background-size: 100% 100%; width: 272px; height: 77px; }

.main .html-canvas .notice-btn-box .btn-zf { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/btn29.png") no-repeat; background-size: 100% 100%; width: 272px; height: 77px; }

.main .html-canvas .kills-assists-killed { display: flex; bottom: 5px; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/kills-assists-killed.png") no-repeat; background-size: 100% 100%; width: 100%; position: absolute; left: 0; justify-content: space-between; height: 57px; }

.main .html-canvas .kills-assists-killed p { width: 33%; display: flex; padding-top: 10px; box-sizing: border-box; align-items: center; justify-content: center; height: 100%; }

.main .html-canvas .kills-assists-killed p span:nth-child(1) { font-size: 18px; width: 10px; position: relative; line-height: 25px; transform: translateY(-15px); margin-right: 25px; }

.main .html-canvas .kills-assists-killed p span:nth-child(1)::before { content: ''; width: 1px; height: 100%; background: #5b5c5a; position: absolute; right: -18px; top: 12px; opacity: .8; }

.main .html-canvas .kills-assists-killed p span:nth-child(2) { margin-left: 3px; margin-top: 3px; transform: translateY(-26px); }

.main .html-canvas .kills-assists-killed span { font-family: "projectdtype"; color: #ffffff; font-size: 37px; }

.main .html-canvas .kills-assists-killed .assists { align-items: center; display: flex; height: 100%; position: relative; }

.main .html-canvas .kills-assists-killed .assists span:nth-child(1) { color: #f4cf67; }

.main .html-canvas .kills-assists-killed .kills { display: flex; align-items: center; position: relative; height: 100%; }

.main .html-canvas .kills-assists-killed .kills span:nth-child(1) { color: #10f797; }

.main .html-canvas .kills-assists-killed .killed { align-items: center; display: flex; position: relative; height: 100%; }

.main .html-canvas .kills-assists-killed .killed span:nth-child(1) { color: #dd302f; }

.main .html-canvas .part5-item-info { margin-left: 10px; }

.main .html-canvas .part5-item-info .tit { 
  font-size: 65px;
  font-family: "fzltth";
  color: #161616;
  text-align: center;
  height: 117px;
  line-height: 50px;
  width: 389px;
  display: block;
  margin-bottom: 0;
  position: relative;
  background: url('//game.gtimg.cn/images/dfm/cp/weekly20250821/icon7.png') no-repeat;
  background-size: 100% 100%;
  transform: translateY(10px); }

.main .html-canvas .part5-item-info .tit span {
  display: block;
}
.main .html-canvas .part5-item-info .tit.on  { line-height: 55px; font-size: 55px; margin-top: 8px; }
.main .html-canvas .part5-item-info .tit.on span {    
  display: block !important;
  line-height: 50px !important;
  transform: translateY(-10px) !important;
  font-size: 50px !important;
}

.main .html-canvas .part5-item-info .txt { display: block; font-size: 17px; margin-top: 12px; line-height: 20px; font-weight: 600;text-align: center; }

.main .html-canvas .fiber-p6 { width: 750px; height: 1331px; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/html-canvas1.jpg") no-repeat; background-size: 100% 100%; transform: scale(0.5); transform-origin: right top; position: absolute; left: 0; }

.main .html-canvas .fiber-p6 .fiberHome-tit { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/war-title.png") no-repeat; background-size: 100% 100%; }

.main .html-canvas .fiber-p6 .part5-item-user { height: 145px; margin-top: 4px; width: 200px; }

.main .html-canvas .fiber-p6 .user-match { margin-top: 15px !important; }

.main .html-canvas .fiber-p6 .specularBox .specular-txt { width: 615px; height: 310px; }

.main .html-canvas .fiber-p6 .notice-btn-box { margin: 10px auto; transform: translateX(10px); }

.main .html-canvas .fiber-p6 .notice-btn-box .btn-save { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/btn28.png") no-repeat; background-size: 100% 100%; width: 272px; height: 77px; }

.main .html-canvas .fiber-p6 .notice-btn-box .btn-zf { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/btn29.png") no-repeat; background-size: 100% 100%; width: 272px; height: 77px; }

.main .html-canvas .fiber-p6 .notice-btn-box { margin: 70px auto 0; }

.main .html-canvas .fiber-p6::before { content: ''; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/td2.png") no-repeat; background-size: cover; position: absolute; left: 0; top: 0; background-position: 50% 50%; z-index: 9999; width: 750px; height: 100%; margin: auto; pointer-events: none; }

.main .html-canvas .fiber-p6 .fiber-p6-item { display: block; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/fiber-p6-item.png") no-repeat; background-size: 100% 100%; width: 631px; height: 320px; margin: 44px auto 0; padding-top: 20px; box-sizing: border-box; }

.main .html-canvas .fiber-p6 .economic-txt1 { color: #fff; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/economic-txt1.png") no-repeat; background-size: 100% 100%; height: 25px; width: 235px; padding-top: 0; box-sizing: border-box; }

.main .html-canvas .fiber-p6 .user-match { width: 605px; height: 100px; background: none; margin: 32px auto !important; }

.main .html-canvas .fiber-p6 .user-match .match-num { font-size: 38px; }

.main .html-canvas .fiber-p6 .user-match .match-txt { font-size: 17px; }

.main .html-canvas .fiber-p6 .economic-txt2 { color: #fff; margin-top: -10px; }

.main .html-canvas .fiber-p6 .e-inner-earnings { padding-left: 5px; justify-content: center; box-sizing: border-box; margin: 38px auto 0; }

/* .main .html-canvas .fiber-p6 .e-inner-earnings .earnings-txt2 { margin-right: 25px; } */

.main .html-canvas .fiber-p6 .e-inner-earnings .earnings-item2:last-child { margin-right: 0; }

.main .html-canvas .fiber-p6-item { display: block; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/fiber-p6-item.png") no-repeat; background-size: 100% 100%; width: 631px; height: 320px; margin: 44px auto 0; padding-top: 20px; box-sizing: border-box; }

.main .html-canvas .economic-txt1 { color: #fff; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/economic-txt1.png") no-repeat; background-size: 100% 100%; height: 25px; width: 235px; line-height: 30px; }

.main .html-canvas .economic-txt1 { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/war/economic-txt1.png") no-repeat; background-size: 100% 100%; width: 224px; font-family: "dfgametype"; height: 15px; color: #070707; font-size: 16px; text-align: center; line-height: 15px; margin: auto; }

.main .html-canvas .e-inner-earnings.act::before { content: ''; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/not.png") no-repeat; background-size: 100% 100%; width: 407px; height: 119px; right: 30px; position: absolute; top: 0; bottom: 0; margin: auto; }

.main .html-canvas .economic-num { color: #10f797; display: block; margin: 15px auto; line-height: 95px; font-size: 60px; position: relative; text-align: center; font-family: "projectdtype"; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/war-icon1.png") no-repeat !important; background-size: 100% 100%; width: 435px; height: 67px; }

.main .html-canvas .economic-num span { position: absolute; top: -40px; left: 0; right: 0; margin: auto; }

.main .html-canvas .economic-txt2 { text-align: center; font-family: "dfgametype"; font-size: 18px; }

.main .html-canvas .e-inner-earnings { width: 730px; margin: 16px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.main .html-canvas .e-inner-earnings .earnings-item { display: flex; align-items: center; }

.main .html-canvas .e-inner-earnings .earnings-item:nth-child(2n) { margin-right: 40px; }

.main .html-canvas .e-inner-earnings .earnings-item span:nth-child(1) { font-family: "dfgametype"; color: #000000; font-size: 20px; width: 125px; transform: translateY(-6px); }

.main .html-canvas .e-inner-earnings .earnings-item span:nth-child(2) { font-size: 18px; color: #f4cf67; background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821/war/earnings-item-txt.png") no-repeat; background-size: 100% 100%; width: 152px; height: 28px; padding-left: 10px; box-sizing: border-box; text-align: center; line-height: 30px; font-family: "projectdtype"; }

.main .html-canvas .e-inner-earnings .earnings-item span:nth-child(2).act { color: #10f797; }

.main .html-canvas .e-inner-earnings .earnings-txt2 { 
  background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821//earnings-txt2.png") no-repeat; background-size: 100% 100%; 
  width: 281px; font-family: "projectdtype"; color: #10f797; height: 46px; position: absolute;font-size: 0; top: -20px; }

.main .html-canvas .e-inner-earnings .earnings-txt2 span { position: absolute; top: 8px; }
.main .html-canvas .e-inner-earnings .earnings-txt2.canvas span { position: relative; top: 0;transform: translateY(-18px); }

.main .html-canvas .earnings-item2 { background: url("//game.gtimg.cn/images/dfm/cp/weekly20250821//to12.png") no-repeat; 
  background-size: 100% 100%; 
  width: 217px; height: 152px;
   position: relative; }


.main .html-canvas .earnings-item2 img { width: 65px; height: 65px; object-fit: contain; margin: 20px auto 0;}



.main .html-canvas .specular-txt-code1, .main .html-canvas .specular-txt-code2 { font-size: 20px; font-family: "projectdtype_medium"; color: #efefef; font-weight: 600; position: absolute; bottom: 80px; left: 20px; }

.main .html-canvas .specular-txt-code1 span, .main .html-canvas .specular-txt-code2 span { color: #10f797; }

.main .html-canvas .specular-txt-code2 { bottom: 80px; top: unset; right: 0; text-align: right; padding-right: 20px; box-sizing: border-box; }

.main .html-canvas .earnings-item2 .earnings-name { 
  font-size: 17px;
  color: #ffffff;
  font-family: "dfgametype";
  font-weight: 600;
  display: block;
  width: 180px;
  margin: auto;
  text-align: center;
  position: absolute;
  text-align: center;
  bottom: 16px;
  left: 0;
  right: 0;
  line-height: 20px;
  padding: 5px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .html-canvas .earnings-item2 .earnings-name em {
   transform: translateY(-10px);
   text-align: center;
}


.main .html-canvas .e-inner-earnings .fiber-p6 .earnings-txt2 span {
  display: block;
}
.main .html-canvas .fiber-p6 .e-inner-earnings .earnings-txt2 {
  flex-wrap: wrap;
  flex-direction: column;
}
.main .html-canvas .earnings-item2 .earnings-name em {
  width: auto;
}

.main .html-canvas .earnings-item2.on1 .earnings-name {
  background: #2f3a3e;
}

.main .html-canvas .earnings-item2.on2 .earnings-name {
  background: #132c26;
}

.main .html-canvas .earnings-item2.on3 .earnings-name {
  background: #294256;
}

.main .html-canvas .earnings-item2.on4 .earnings-name {
  background: #3b374e;
}

.main .html-canvas .earnings-item2.on5 .earnings-name {
  background: #4a3b34;
}

.main .html-canvas .earnings-item2.on6 .earnings-name {
  background: #562e36;
}


.main .html-canvas .viewBox .fixed-tips {
  background: url('//game.gtimg.cn/images/dfm/cp/weekly20250821/tips.png') no-repeat;
  background-size: 100% 100%;
  width: 198px;
  height: 56px;
  position: absolute;
  right: 0;
  top: -150px;
}