.index-list,.index-list *{box-sizing:border-box;}.index-list-li{position:relative;overflow:hidden;background-color:#F7F7F7;background-repeat:no-repeat;background-position:50%;background-size:cover;display:block;padding-bottom:100%;flex:1 1 auto;height:100%;width:100%;-webkit-transition:all 0.5s;}.index-list-li:hover{transform:translateY(-3px);box-shadow:0 3px 12px rgba(144,148,158,0.25);}.index-list-info{width:203px;padding:4px 8px;top:5px;left:5px;background:#F4F4F5;height:66px;}.nos{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.ranklist_main li{padding:10px 20px;}.ranklist_main li.isme{background:#FFFCF6;}.ranklist_main li [class^=no-]{height:28px;width:28px;line-height:26px;font-size:18px;display:inline-block;text-align:center;border-radius:50px;background-color:#fff;}.ranklist_main li [class^=no-].no-1{color:#fff;background-image:-webkit-linear-gradient(129deg,#ffd500 0%,#fa0 99%);background-image:-moz-linear-gradient(129deg,#ffd500 0%,#fa0 99%);background-image:-o-linear-gradient(129deg,#ffd500 0%,#fa0 99%);background-image:-ms-linear-gradient(129deg,#ffd500 0%,#fa0 99%);background-image:linear-gradient(-39deg,#ffd500 0%,#fa0 99%);-webkit-box-shadow:0 2px 6px 0 rgba(255,179,0,0.4);box-shadow:0 2px 6px 0 rgba(255,179,0,0.4);}.ranklist_main li [class^=no-].no-2{color:#fff;background-image:-webkit-linear-gradient(315deg,#8993a6 0%,#aab3c3 100%);background-image:-moz-linear-gradient(315deg,#8993a6 0%,#aab3c3 100%);background-image:-o-linear-gradient(315deg,#8993a6 0%,#aab3c3 100%);background-image:-ms-linear-gradient(315deg,#8993a6 0%,#aab3c3 100%);background-image:linear-gradient(135deg,#8993a6 0%,#aab3c3 100%);-webkit-box-shadow:0 2px 4px 0 rgba(55,58,65,0.2);box-shadow:0 2px 4px 0 rgba(55,58,65,0.2);}.ranklist_main li [class^=no-].no-3{color:#fff;background-image:-webkit-linear-gradient(301deg,#ff9a57 0%,#ffbb80 100%);background-image:-moz-linear-gradient(301deg,#ff9a57 0%,#ffbb80 100%);background-image:-o-linear-gradient(301deg,#ff9a57 0%,#ffbb80 100%);background-image:-ms-linear-gradient(301deg,#ff9a57 0%,#ffbb80 100%);background-image:linear-gradient(149deg,#ff9a57 0%,#ffbb80 100%);-webkit-box-shadow:0 2px 6px 0 rgba(255,154,87,0.4);box-shadow:0 2px 6px 0 rgba(255,154,87,0.4);}.ranklist_main .order{font-size:18px;color:#666;line-height:22px;}.puzzle-list li{display:inline-block;margin-top:20px;margin-right:20px;width:120px;height:120px;position:relative;}.puzzle-list li:nth-of-type(5n){margin-right:0;}.puzzle-list li a{box-sizing:border-box;margin:0;position:relative;display:block;width:120px;height:120px;z-index:3;background:#EDEEF0;border-radius:10px;}.puzzle-list li:after{content:'';z-index:1;width:100px;height:100px;display:inline-block;position:absolute;bottom:-15px;left:10px;filter:blur(15px);opacity:0;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;background:rgba(144,148,158,0.3);}.puzzle-list li:hover:after{opacity:1;}.puzzle-list li.pass a{background-image:-webkit-linear-gradient(47deg,#96DACA 0%,#48C7BE 99%);background-image:-moz-linear-gradient(47deg,#96DACA 0%,#48C7BE 99%);background-image:-o-linear-gradient(47deg,#96DACA 0%,#48C7BE 99%);background-image:-ms-linear-gradient(47deg,#96DACA 0%,#48C7BE 99%);background-image:linear-gradient(47deg,#96DACA 0%,#48C7BE 99%);}.puzzle-list li.pass:after{background:rgba(68,203,202,0.45);}.puzzle-list li.decoding a{background-image:-webkit-linear-gradient(47deg,#60D3F9 0%,#71C3FF 99%);background-image:-moz-linear-gradient(47deg,#60D3F9 0%,#71C3FF 99%);background-image:-o-linear-gradient(47deg,#60D3F9 0%,#71C3FF 99%);background-image:-ms-linear-gradient(47deg,#60D3F9 0%,#71C3FF 99%);background-image:linear-gradient(47deg,#60D3F9 0%,#71C3FF 99%);}.puzzle-list li.decoding:after{opacity:1;background:rgba(108,216,247,0.45);}.puzzle--title{box-sizing:border-box;color:#90949E;position:absolute;top:12px;left:0;line-height:1;width:120px;text-align:center;font-size:70px;}.puzzle--title:before{content:attr(data-text);position:absolute;z-index:10;color:#A8ABB3;-webkit-mask:linear-gradient(53deg,#A8ABB3,transparent);}.puzzle-list li.pass .puzzle--title{color:#FFF;}.puzzle-list li.pass .puzzle--title:before{color:#B4EAEA;-webkit-mask:linear-gradient(247deg,#B4EAEA,transparent);}.puzzle-list li.decoding .puzzle--title{color:#FFF;}.puzzle-list li.decoding .puzzle--title:before{color:#C0E9FD;-webkit-mask:linear-gradient(247deg,#C0E9FD,transparent);}.puzzle-price,.puzzle-reward{font-size:15px;position:absolute;bottom:6px;left:10px;color:#989CA5;}.puzzle-reward{right:10px;left:auto;color:#BFC1C7;}.puzzle-list li.pass .puzzle-price{color:#CFEFEA;}.puzzle-list li.pass .puzzle-reward{color:#FFFFFF;}.puzzle-list li.decoding .puzzle-price,.puzzle-list li.decoding .puzzle-reward{color:#C1E9FD;}.form .input{width:auto;}.form .pt{line-height:1.8;}.flex1{flex:1;}.puzzle--level{font-size:24px;}.puzzle-main  img{max-width:100%;}.price_tip{top:90px;right:20px;font-size:12px;color:#fff;padding:2px 4px;background-color:#5e4bff;border-radius:2px;line-height:1;z-index:5;}.xg0{color:#CCC;}