.el-divider{background-color:#efefef;position:relative}.el-divider.el-divider--horizontal{display:block;height:1px;width:100%;margin:12px 0}.el-divider.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider .el-divider__text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:#303133;font-size:14px}.el-divider .el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider .el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider .el-divider__text.is-right{right:20px;transform:translateY(-50%)}
.select-game{margin:auto -5px}.select-game [class*=col-]{padding:0 5px}.select-game .getReward{background-image:linear-gradient(to right, #fac86d, #f89451);border:none;height:30px;width:75px}.select-game .item{display:block;padding:32px 0 24px;margin-bottom:10px;text-align:center;text-decoration:none;border-radius:2px;color:#3f3f3f;background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:background-color .3s;cursor:pointer}.select-game .item:hover{background-color:#f0f0f0}.select-game .item:hover img{box-shadow:2px 2px 8px 1px #777}.select-game img{width:auto;height:80px;border-radius:18px;transition:box-shadow .3s}.select-game img[lazy=loading]{width:80px;background:url(data:image/gif;base64,R0lGODlhDwAPAPQAAJWVlaqqqr+/v9XV1dnZ2bKyssXFxZ+fn6CgoOHh4efn583NzbOzs97e3u/v7/X19eXl5cbGxu3t7aurq+rq6vPz87y8vAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUP8/eHBhY2tldCBiZWdpbj0i72lkOjQzREFENjZENuHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBRQAEAAsAAAAAA8ADwAABULg0wwkCQkoujhEWZ4parhvnNKmjeIDbPO+GFAngBiPyCRgyQRAAtBooMl8SqHUpfWadV6x2a0UEf4yEgeqOFBQhAAAIfkEBRQACAAsAAAAAA8ADwAABUIgNAEkiQwo2jxHWZ4pSrhvnNKmjeIAbPO+GFA3QBiPyGRgyQwgBNCooMl8SqHUpfWadV6x2a2UEf5GFAWqWGCQhAAAIfkEBRQACAAsAAAAAA8ADwAABUIgZQUkiQAoOkFFWZ4perhvnNKmjeIBbPO+GFAHQBiPyKRgyRQgBtDooMl8SqHUpfWadV6x2a00Ev4SJAaqeECohAAAIfkEBRQACgAsAAAAAA8ADwAABUKgswgkqQQoalFGWZ4pWrhvnNKmjeICbPO+GFAXUBiPyORgyRwoANAooMl8SqHUpfWadV6x2a2UEP4iKuSmGHBIhAAAOw==) center no-repeat}.select-game span{display:block;height:20px;line-height:20px;overflow:hidden;padding:0 5px;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-game .empty{padding:54px 0;font-size:0;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.05);color:#333434;background-color:#fff}.select-game .empty .iconfont{font-size:36px;color:#6f6f6f}.select-game .empty span{display:inline-block;line-height:1.42857143;margin-left:6px;font-size:16px;vertical-align:text-bottom}@media(max-width: 768px){.select-game{margin:auto 5px}}
.select-role{padding:108px 0;margin-bottom:15px;text-align:center;background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05)}.select-role .game-name{line-height:1.42857143;margin-top:8px;font-size:18px}.select-role .game-name img{width:128px;height:auto}.select-role .role-box{border-left:1px solid #efefef}.select-role table{margin:auto}.select-role table td{padding:8px 0;text-align:left}.select-role .label{display:inline-block;padding-right:12px}.select-role select{display:block;width:300px;height:36px;line-height:36px;text-indent:8px;border:1px solid #dcdfe6}.select-role .btn-submit{display:block;width:100%;max-width:380px;height:36px;line-height:36px;padding:0;margin-top:18px;font-size:18px;border-width:0;color:#333434;background-color:#f7af02;cursor:pointer;transition:opacity .25s}.select-role .btn-submit:hover,.select-role .btn-submit.disable{opacity:.8}.select-role .btn-submit.disable{cursor:no-drop}@media(max-width: 992px){.select-role{padding:72px 0}.select-role .game-name{position:relative;border-bottom:1px dashed #efefef}.select-role .game-name:before,.select-role .game-name:after{display:block;width:8px;height:8px;position:absolute;bottom:-4px;border-radius:4px;background-color:#f8f8f8;content:""}.select-role .game-name:before{left:-4px}.select-role .game-name:after{right:-4px}.select-role .role-box{border-left-width:0}}@media(max-width: 768px){.select-role{padding:18px 0 36px;margin:auto 15px 15px}.select-role .game-name{padding-bottom:18px;margin:18px auto;font-size:16px}.select-role .game-name img{width:28%}.select-role select{width:auto;min-width:210px}}@media(max-width: 414px){.select-role select{width:auto;min-width:160px}}
.filter-bar{line-height:48px;padding:0 15px;margin:15px auto;box-shadow:0 1px 0 rgba(0,0,0,.05);background-color:#fff}.filter-bar .filter-group{display:inline-block}.filter-bar .filter-group.filter-space{padding-left:15px}.filter-bar .filter-group .label{display:inline-block;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000}.filter-bar .filter-group .label.not-margin{margin-right:auto}.filter-bar .el-divider--vertical{height:30px;margin:auto 24px}.filter-bar .filter,.filter-bar .btn{line-height:30px;height:30px;padding-top:0;padding-bottom:0}.filter-bar select.filter,.filter-bar input[type=text].filter{width:160px;border:1px solid #dcdfe6;background-color:#fff}.filter-bar input[type=text].filter{padding:0 12px}.filter-bar .iconfont{font-size:13px}@media(max-width: 768px){.filter-bar{display:flex;padding:0 10px}.filter-bar .el-divider--vertical{margin:auto 12px}.filter-bar .filter-group{flex:1}.filter-bar select.filter,.filter-bar input[type=text].filter,.filter-bar .btn{width:100%;vertical-align:top;margin-top:9px}}@supports(-webkit-appearance: none){.filter-bar .filter,.filter-bar .btn{-webkit-appearance:none}.filter-bar select.filter{text-indent:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA0klEQVRYR+2UMQ4BURCGvy1EQ0VDpXMNp9DgAg7kAmicwjV0KhoqGtHIJDOJbMKb97bYZl65m5n/m2/ebkXLp2o5nwAIA2EgDIQBj4EZsAYWwNv56+4Ae2ADHP/VeACk/gB0FeKZgOhp+AuYp4C9AAbRB5bA/UfjAbADHp5w6ZEDYBBDNXGtQYx08ps3vATAIMZq4qwQE538khNeCmAQErpSgC0gMMmd11eXu4LvermYU31wKglvYsBABEJO9uTWoImB1Bfmeh8AYSAMhIEw0LqBD+G+GiG4ZQ5IAAAAAElFTkSuQmCC) center right no-repeat;background-size:auto 100%}}