.backghui[data-v-5009de72]{width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:12}.rollbox_data[data-v-5009de72]{margin-right:5px;border-radius:5px;text-align:center;margin-top:15px;color:#dedddb}.rollbox_data p[data-v-5009de72]{font-size:12px}.rollbox_data_img[data-v-5009de72],.rollbox_data_img img[data-v-5009de72]{background-repeat:no-repeat;background-size:100% 100%;height:100px;border-radius:5px}.backghui[data-v-0ee1760c]{width:100%;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:12}.big[data-v-0ee1760c]{width:50%;background-color:#1e1d2a;margin:10vw auto}.form_data[data-v-0ee1760c]{padding:50px}.form_title[data-v-0ee1760c]{display:flex;justify-content:space-between;padding:10px 20px;background-color:#282736;align-items:center;color:#d0d2e0}.form_title h1[data-v-0ee1760c]{font-size:20px}.form_title i[data-v-0ee1760c]{font-size:25px;cursor:pointer}[data-v-0ee1760c] .el-input__inner{background-color:#14181e;border:1px solid #14181e}[data-v-0ee1760c] .el-input-number__decrease,[data-v-0ee1760c] .el-input-number__increase,[data-v-0ee1760c] .el-range-input{background:#14181e}[data-v-0ee1760c] .el-input-number__increase{border-left:1px solid #14181e}[data-v-0ee1760c] .el-input-number__decrease{border-right:1px solid #14181e}[data-v-0ee1760c] .el-picker-panel{left:0!important}@media screen and (max-width:800px){.big[data-v-0ee1760c]{margin:20vw auto;width:100%}.form_data[data-v-0ee1760c]{padding:0}}#roll{flex-direction:column;align-items:flex-start}#roll .top_botton,#roll .top_botton ul{display:flex}#roll .top_botton{margin-bottom:30px;justify-content:space-between}#roll .top_botton ul li{margin-right:24px;width:90px;height:38px;font-size:16px;color:#fff;line-height:36px;text-align:center;font-weight:700;background:#191f2b;border:1px solid #fff;border-radius:10px}#roll .top_botton ul li:hover{border:1px solid rgba(198,136,255,.5);cursor:pointer}#roll .top_botton ul li.active{border:none;background:linear-gradient(0deg,#6339ff,#c273ff)}#roll .rollListBox{width:100%}#roll .rollListBox .rollList{display:flex;margin-top:-40px;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify}#roll .rollListBox .rollList li:hover{top:-8px}#roll .rollListBox .rollList li.isOfficial{background-size:cover}#roll .rollListBox .rollList li:nth-child(5n){margin-right:0}#roll .rollListBox .rollList li{position:relative;top:0;width:19%;border-radius:20px;box-shadow:1px 8px 16px 0 rgb(0 0 0);margin:40px 0 0;margin-right:1.25%;padding:0 17px;background:url() 50% no-repeat;transition:top .4s linear}#roll .rollListBox .rollList li>.title{position:relative;height:52px;text-align:center;background:url() 50% no-repeat;background-size:contain}#roll .rollListBox .rollList li .title__avatar{position:absolute;right:38%;top:0;margin:auto}#roll .rollListBox .rollList li .messageBox{display:flex;position:relative}#roll .rollListBox .rollList li .messageBox .nameBox{width:100%;display:flex;flex-direction:column;justify-content:space-around}#roll .rollListBox .rollList li .messageBox .nameBox .title{font-size:18px;line-height:50px;height:50px;color:#fff;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#roll .rollListBox .rollList li .messageBox .nameBox .centerMessage{display:flex;justify-content:space-between}#roll .rollListBox .rollList li .messageBox .nameBox .centerMessage>div{width:33%;height:58px;display:flex;justify-content:center;flex-direction:column;align-items:center}#roll .rollListBox .rollList li .messageBox .nameBox .centerMessage>div>span{font-size:14px;color:#aaa}#roll .rollListBox .rollList li .messageBox .nameBox .centerMessage>div>p{font-size:16px;color:#fff;font-weight:700}#roll .rollListBox .rollList li .messageBox .nameBox .centerMessage>div:first-of-type>p{color:#ff9939}#roll .rollListBox .rollList li .imgBox>div{width:91px;height:58px;margin:17px 12px 17px 0;justify-content:center;align-items:center;background-size:cover}#roll .rollListBox .rollList li .imgBox img{max-width:100%;height:80%}#roll .rollListBox .rollList li .enterButtonBox{margin:10px auto;width:120px}#roll .rollListBox .rollList li .enterButtonBox button{cursor:pointer;display:block;outline:none;height:46px;width:100%;border:none;border-radius:10px;background:none;line-height:46px;text-align:center;color:#fff;font-size:14px;font-weight:700;transition:all .3s}#roll .rollListBox .rollList li .enterButtonBox button span{display:inline-block;font-size:14px}#roll .rollListBox .rollList li .enterButtonBox button.enter{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#ffd939,#fda539)}#roll .rollListBox .rollList li .enterButtonBox button.enter img{width:20px;margin-right:5px}#roll .rollListBox .rollList li .enterButtonBox button.hasEnter{background:linear-gradient(180deg,#bd70ff,#693dff)}#roll .rollListBox .rollList li .enterButtonBox button.hasEnd{background:#554e41}#roll .rollListBox .rollList li .enterButtonBox button.hasEnter:hover{box-shadow:-1px 0 15px 0 #bd70ff}#roll .rollListBox .rollList li .enterButtonBox button.enter:hover{box-shadow:-1px 0 15px 0 #ffd939;color:#111}#roll .rollListBox .rollList li .enterButtonBox button.hasEnd:hover{box-shadow:-1px 0 15px 0 #554e41}#roll .rollListBox .rollList li .time{text-align:center;line-height:40px;font-size:14px;color:#ccc}#roll .pageBox{margin:10px 0}#roll .pageBox .ivu-page{display:flex;justify-content:flex-end;padding-right:65px;padding-bottom:20px}.avatar__status-icon.avatar__status-icon_official{width:70%;padding-top:43.4%;transform:translate(-50%,30%)}.avatar__status-icon{bottom:0;left:50%;height:0;background-repeat:no-repeat;background-size:contain}.avatar__picture,.avatar__status-icon{position:absolute;background-position:50%}.avatar__picture{top:0;left:0;height:100%;width:100%;background-size:cover}#roll .rollListBox .rollList li .imgBox,#roll .rollListBox .rollList li .imgBox>div{display:flex}.roll_line0{border-bottom:2px solid #a82a2a}.roll_line1{border-bottom:2px solid pink}.roll_line2{border-bottom:2px solid #c25ad8}.roll_line4{border-bottom:2px solid #52bae5}.roll_line5{border-bottom:2px solid gold}.roll_line6{border-bottom:2px solid #95989b}.add-roll{width:100%;background:rgba(25,22,19,.6);overflow:hidden}.add-roll .open-roll{padding:30px;border-radius:5px}.add-roll .ivu-form-item-label{color:#fff}.add-roll .ant-btn,.add-roll .ivu-btn,.add-roll .ivu-input,.add-roll .ivu-select-selection{height:36px}.add-roll .ivu-date-picker-cells span em{color:#424242}.add-roll .upload-image{width:100%;border:1px solid #fff;background:#fff;border-radius:4px;display:flex;justify-content:space-between;align-items:center;padding:10px}.add-roll .upload-image img{width:199.2px;height:62px}.top_botton[data-v-e679fa2e]{width:100%}.top_botton ul li[data-v-e679fa2e]{width:100px!important}.avatar__pictures[data-v-e679fa2e]{border-radius:50%!important;border:1px solid #e9b10e!important}.avatar__picture_p[data-v-e679fa2e]{position:absolute;bottom:-5px;left:calc(50% - 20px);background-color:#e9b10e;padding:0 8px;font-size:12px;border-radius:50px;color:#000}@media screen and (max-width:800px){.isOfficial[data-v-e679fa2e]{width:100%!important;margin-right:0!important}.ivu-page[data-v-e679fa2e]{padding-right:0!important;padding-bottom:0!important;justify-content:space-around!important}#roll .top_botton[data-v-e679fa2e],#roll .top_botton ul[data-v-e679fa2e]{flex-wrap:wrap;justify-content:center}.top_botton ul li[data-v-e679fa2e]{margin-right:0!important;margin:5px}#roll .rollListBox .rollList li>.title[data-v-e679fa2e]{height:70px}}