@charset "utf-8";

/* 白天模式 */
body {background-color: #f5f5f5;padding-bottom: 1rem;color: #323232;font-family: "DIN";}
.redtxt {color: #e93030 !important;}
.bluetxt {color: #4691ee !important;}
.redbg {background-color: #e93030 !important;border-radius: 2px;}
.header {margin-bottom: 0.2rem;padding-bottom: 0.25rem;background-color: #fff;}
.header .title {padding-top: 0.48rem;margin-bottom: 0.48rem;text-align: center;font-size: 0.34rem;color: #e93030;line-height: 1em;}
.header .title .titleT {font-weight: bold;}
.header .title .titleDes {margin-top: 0.24rem;font-size: 0.3rem;color: #666666;}
.header .content {margin-bottom: 0.48rem;text-align: center;}
.header .content .icon {width: 1.4rem;height: 1.4rem;background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;}
.header .content .icon.fail {background-image: url('../images/fail.png');}
.header .content .icon.win {background-image: url('../images/win.png');}
.header .content .contentDes {font-size: 0.28rem;line-height:1em;margin-top: 0.22rem;}
.header .headDetail {display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;align-items: center;-webkit-align-items: center;}
.header .headDetail > div {width: 33.33%;text-align: center;}
.header .headDetail > div > div:first-child {font-size: 0.34rem;line-height: 1em;}
.header .headDetail > div > div:last-child {font-size: 0.24rem;color: #666666;line-height: 1em;margin-top: 0.2rem;}
.rank {background-color: #fff;padding: 0 0.32rem;}
.rank > div:first-child {padding: 0.25rem 0;font-size: 0.32rem;font-weight: bold;}
.rank .rankDes > div {display: -webkit-box;-webkit-box-pack: start;-webkit-box-align: center;align-items: center;-webkit-align-items: center;padding: 0.2rem 0;border-top: 1px solid #eeeeee;}
.rank .rankDes > div > div:first-child {width: 0.3rem;height: 0.51rem;margin-right: 0.16rem;font-size: 0.32rem;text-align: center;}
.rank .rankDes > div > div.rank1 {background-image: url('../images/rank1.png');background-repeat: no-repeat;background-size: 100% 100%;}
.rank .rankDes > div > div.rank2 {background-image: url('../images/rank2.png');background-repeat: no-repeat;background-size: 100% 100%;}
.rank .rankDes > div > div.rank3 {background-image: url('../images/rank3.png');background-repeat: no-repeat;background-size: 100% 100%;}
.rank .rankDes > div > div:nth-child(2) {width: 0.64rem;height: 0.64rem;margin-right: 0.24rem;}
.rank .rankDes > div > div:nth-child(2) span {display: block;width: 100%;height: 100%;border-radius: 100%;-webkit-border-radius: 100%;background-color: #eeeeee;background-repeat: no-repeat;background-size: 100% 100%;}
.rank .rankDes > div > div:nth-child(3) {font-size: 0.3rem;text-align: left;line-height: 1em;margin-right: 0.24rem;width: 0.65rem;}
.rank .rankDes > div > div:nth-child(4) {width: 1.04rem;font-size: 0.22rem;color: #fff;text-align:center;padding-top: 1px;}
.rank .rankDes > div > div:nth-child(5) {-webkit-box-flex: 1;font-size: 0.32rem;text-align: right;width: 1.9rem;}
.rank .rankDes > div > div:nth-child(6) {-webkit-box-flex: 1;font-size: 0.32rem;text-align: right;width: 1.5rem;}
.rank .more {padding: 0.25rem 0;font-size: 0.28rem;color: #999999;text-align: center;border-top: 1px solid #eeeeee;}
.footer > div:first-child {padding: 0.25rem 0;font-size: 0.26rem;color: #999999;text-align: center;}
.footer > div.play {margin: 0 0.32rem;padding: 0.2rem 0;font-size: 0.36rem;color: #fff;text-align: center;background-color: #e93030;border-radius: 4px;-webkit-border-radius: 4px;}

/* 夜间模式 */
body.darkZone {background-color: #252528;color: #d2d2d3;}
.darkZone .redtxt {color: #fd4332 !important;}
.darkZone .bluetxt {color: #3d76b8 !important;}
.darkZone .redbg {background-color: #fd4332 !important;}
.darkZone .header {background-color: #2a2a2d;}
.darkZone .header .title {color: #fd4332;}
.darkZone .header .title .titleDes {color: #8e8e8e;}
.darkZone .header .content .icon.fail {background-image: url('../images/failB.png');}
.darkZone .header .content .icon.win {background-image: url('../images/winB.png');}
.darkZone .header .headDetail > div > div:last-child {color: #8e8e8e;}
.darkZone .rank {background-color: #2a2a2d;}
.darkZone .rank .rankDes > div {border-top: 1px solid #313131;}
.darkZone .rank .rankDes > div > div.rank1 {background-image: url('../images/rank1B.png');}
.darkZone .rank .rankDes > div > div.rank2 {background-image: url('../images/rank2B.png');}
.darkZone .rank .rankDes > div > div.rank3 {background-image: url('../images/rank3B.png');}
.darkZone .rank .rankDes > div > div:nth-child(2) span {background-color: #8e8e8e;}
.darkZone .rank .rankDes > div > div:nth-child(4) {color: #d2d2d3;}
.darkZone .rank .more {color: #666666;border-top: 1px solid #313131;}
.darkZone .footer > div:first-child {color: #666666;}
.darkZone .footer > div.play {color: #ffffff;background-color: #fd4332;}