.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:46px;width:200px;height:232px;}.puzzle-list li:nth-of-type(3n){margin-right:0;}.puzzle-list li a{box-sizing:border-box;margin:0;position:relative;display:block;}.puzzle--img{box-sizing:border-box;margin:0;min-width:0;max-width:100%;height:auto;width:100%;position:relative;border-radius:6px;}.puzzle--layer{box-sizing:border-box;margin:0;min-width:0;border-radius:6px;position:absolute;top:0;width:200px;height:200px;left:0;box-shadow:0 2px 10px 0 rgba(26,26,26,0.1);background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));}.puzzle--title{box-sizing:border-box;margin:0;min-width:0;color:#FFFFFF;position:absolute;bottom:8px;left:10px;}.form .input{width:auto;}.form .pt{line-height:1.8;}.flex1{flex:1;}.puzzle--level{font-size:24px;}.puzzle-list .grade-point{right:-15px;opacity:1;top:-10px;}.grade-point{font-size:36px;display:inline-block;width:50px;height:50px;line-height:46px;text-align:center;background:#fff;right:10px;top:10px;z-index:6;-webkit-box-shadow:0 0 1px 0 #ebedf2,0 2px 4px 0 rgba(2,5,13,0.08);box-shadow:0 0 1px 0 #ebedf2,0 2px 4px 0 rgba(2,5,13,0.08);border-radius:100px;}.grade-point.is-A{color:#fbfcfd;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);}.grade-point.is-B{color:#fff;background-image:-webkit-linear-gradient(303deg,#bcc1cc 0%,#dadde3 100%);background-image:-moz-linear-gradient(303deg,#bcc1cc 0%,#dadde3 100%);background-image:-o-linear-gradient(303deg,#bcc1cc 0%,#dadde3 100%);background-image:-ms-linear-gradient(303deg,#bcc1cc 0%,#dadde3 100%);background-image:linear-gradient(147deg,#bcc1cc 0%,#dadde3 100%);-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);}.grade-point.is-C{color:#fff;background-image:-webkit-linear-gradient(239deg,#ff9a57 0%,#ffbb80 100%);background-image:-moz-linear-gradient(239deg,#ff9a57 0%,#ffbb80 100%);background-image:-o-linear-gradient(239deg,#ff9a57 0%,#ffbb80 100%);background-image:-ms-linear-gradient(239deg,#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);}.notselect,.notselect *{-webkit-user-select:none;user-select:none;}