@charset "UTF-8";
body{background:url("images/bg2.png") repeat-y top left 100%;background-size: contain;}
main{max-width:640px;margin:0 auto;text-align:center}
.st-bg2{background:url("images/bg1.png") no-repeat 0 0;background-size:contain;margin-top:-28px;position:relative;z-index:1;padding-top:25px;padding-bottom:30px}
.statistics{background:url("images/bg3.png") no-repeat bottom center;background-size:contain;padding-bottom:25px}
.statistics .statistic{display:flex;}
.statistics .statistic .item{width:50%;flex:0 0 auto;overflow:hidden;text-align:center;font-size:20px;}
.statistics .statistic .title{color:#d7f4ff;line-height:1;margin-bottom:22px;font-weight:bold;}
.statistics .statistic .num{color:#fff;line-height:1}

.statistics .countdown{font-size:18px;margin-top:30px;padding:0 30px}
.statistics .countdown .inner{text-align:center;color:#fff;background-color:#1a88d1;padding:10px;}
.statistics .countdown .title{margin-bottom:6px}
.statistics .countdown .cd-box{display:inline-flex;align-items:center}
.statistics .countdown #countdown{display:inline-flex;align-items:center;line-height:1}
.statistics #countdown span{border-radius:5px;background:#fff;color:#1a88d1;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;margin:0 3.5px}

.rules{background-color:#030f60;font-size:16px;color:#fff;padding:20px 15px;text-align:left}
.rules .title{text-align:center;font-size:20px;}
.rules p{margin-bottom:10px}
.rules p:last-child{margin-bottom:0}

.st-search .plus{text-align:right;font-size:16px;padding-right:20px;color:#fff;line-height:1;margin-top:45px}
.search-wrap{text-align:center}
.search-box{display:inline-flex;border:2px solid #fff;background-color:#1c7aff;color:#fff;width:285px;padding-right:18px}
.search-box .prefix{padding:10px 18px;border:0;background-color:transparent;background-image:none;}
.search-box .prefix:hover,
.search-box .prefix:focus{background-color:#0036c2}
.search-box .input-modal{flex:1;background-color:transparent;background-image:none;border:0;line-height:1;padding-left:10px}

.common-head{text-align:center;padding:22px 0;border-bottom:1px solid #193a8d}
.p-item .players{display:flex;flex-wrap:wrap;padding:0 2.5px}
.p-item .players .item{width:50%;flex:0 0 auto;padding:20px 7.5px}
.p-item .players .item .inner{border:1px solid #70ffff;border-radius:10px;padding:15px 10px;background-color:#0036c2;color:#fff}
.p-item .players .item .thumb{position:relative;border-radius:10px;overflow:hidden}
.p-item .players .item .thumb:after{content:attr(data-code);position:absolute;background:#c5c3c3;font-size:12px;color:#fff;top:9px;left:5px;padding:0 15px;border-radius:2px}
.p-item .players .item .titles{padding-bottom:4px;text-align:center;line-height:1.2}
.p-item .players .item .titles .t1{font-size:14px;height:34px;overflow:hidden;margin-top:17px;font-weight:600}
.p-item .players .item .titles .t2{font-size:13px;height:31px;overflow:hidden;margin-top:4px;display:flex;align-items:start;justify-content:center}
.p-item .players .item .titles .t3{font-size:12px;margin-top:5px}
.p-item .players.rw .item .titles .t1{height:24px}
.p-item .players .item .count{font-size:12px;text-align:center;margin-top:2px}
.p-item .players .item .handle{cursor:pointer;text-align:center;display:block;padding:7px 0;color:#fff;background-color:#1c7aff;margin-top:10px}

.p-item .players.cpjs .item .titles,
.p-item .players.jjfa .item .titles,
.p-item .players.fw .item .titles{text-align:left}

.p-item .players.jjfa .item .titles .t1,
.p-item .players.fw .item .titles .t1{height:53px}

.p-item .players.cpjs .item .titles .t3,
.p-item .players.jjfa .item .titles .t3{height:31px}

.show-box{color:#fff}
.show-box .title{text-align:center;font-size:20px;padding:10px 10px 20px}
.show-box .logo{text-align:center;position:relative}
.show-box .logo .handle{font-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;width:60px;height:60px;background-color:#0036c2;border-radius:4px;padding:0 10px;border:1px solid #ffffff;color:#ffffff;line-height:20px;cursor:pointer;position:absolute;right:10px;top:5px}
.show-box .desc{background-color:#081669;font-size:14px;padding:20px;margin:20px;text-align:left}
.show-box .count{text-align:center;font-size:18px}
.show-box .handle-box{text-align:center}
.show-box .handle-box .handle{font-size:20px;display:inline-flex;justify-content:center;padding:12px 0;width:200px;background-color:#0036c2;border-radius:4px;line-height:1;margin:40px 0 67px}
.show-box .suffix{text-align:center;}
.show-box .suffix a{position:relative;padding-bottom:3px}
.show-box .suffix a:after{content:'';border-bottom:1px solid #8d93c0;position:absolute;bottom:0;left:5px;right:0;border-top:1px solid #7c84b8;height:2px;overflow:hidden}