body,html{overflow-x:hidden;width:100%;font-family:微软雅黑;font-size:14px;background:#333;color:#fff}body{font-size:12px;line-height:1.5;color:#ccc;word-break:normal;word-wrap:break-word;-webkit-text-size-adjust:100%}.viewsWaper{margin:0 auto;color:#585858}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clearfix:after{content:" ";display:block;visibility:hidden;height:0;font-size:.1em;line-height:0;clear:both}.rel{position:relative}.poslink{position:absolute;left:0;top:0;display:block;width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;line-height:1}li,p,ul{margin:0;padding:0}li,ul{list-style:none}a{text-decoration:none;cursor:pointer}img{-ms-interpolation-mode:bicubic}*,:after,:before{box-sizing:inherit}figure{margin:0}.posLink{width:100%;height:100%;display:block;position:absolute;left:0;top:0}.scl{cursor:pointer;transition:all .3s}.scl:hover{transform:scale(1.06)}.headcls{display:flex;width:100%;justify-content:space-between}.headcls .cc-ranking__select{margin-right:20px}.headcls .tabcls{display:flex}.headcls .tabcls,.headcls .tabcls .item{flex:1;height:48px}.headcls .tabcls .item a{width:100%;height:100%;display:inline-block;text-decoration:none;font-size:16px;font-family:微软雅黑;color:#fff;font-weight:700;text-shadow:none;background:#4c7ee8;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);border-radius:8px;text-align:center;line-height:48px}.headcls .tabcls .item a.router-link-active{background:#e67e17}.headcls .tabcls .item a.router-link-active:hover{background:#e67e17;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.headcls .tabcls .item a:hover{background:#6696ff;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.headcls.headclsm{width:calc(100% - 24px);margin:0 auto 16px}.headcls.headclsm .tabcls,.headcls.headclsm .tabcls .item{height:46px}.headcls.headclsm .tabcls .item a{line-height:46px;font-size:14px}.ranknav{clear:both;width:100%;margin-bottom:16px;transform:scale(1)}.ranknav.ranknavm{width:calc(100% - 24px);margin:0 auto}.ranknav.ranknavm ul{width:100%;overflow-x:auto;justify-content:flex-start}.ranknav.ranknavm li{width:52px;height:60px;transform:scale(.7);margin-left:-10px}.ranknav ul{overflow:hidden;display:flex;width:100%;justify-content:space-around}.ranknav li a{display:block;overflow:hidden}.ranknav li a:hover{background-position:center -60px}.ranknav li.active a{background-position:center -120px}.ranknav a.ranknav19{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_19.png) center 0 repeat-y}.ranknav a.ranknav20{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_20.png) center 0 repeat-y}.ranknav a.ranknav21{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_21.png) center 0 repeat-y}.ranknav a.ranknav22{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_22.png) center 0 repeat-y}.ranknav a.ranknav23{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_23.png) center 0 repeat-y}.ranknav a.ranknav24{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_24.png) center 0 repeat-y}.ranknav a.ranknav25{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_25.png) center 0 repeat-y}.ranknav a.ranknav27{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_27.png) center 0 repeat-y}.ranknav a.ranknav28{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_28.png) center 0 repeat-y}.ranknav a.ranknav30{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_30.png) center 0 repeat-y}.ranknav a.ranknav31{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_31.png) center 0 repeat-y}.ranknav a.ranknav32{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_32.png) center 0 repeat-y}.ranknav a.ranknav33{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_33.png) center 0 repeat-y}.ranknav a.ranknav34{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_34.png) center 0 repeat-y}.ranknav a.ranknav35{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_35.png) center 0 repeat-y}.ranknav a.ranknav37{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_37.png) center 0 repeat-y}.ranknav a.ranknav38{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_38.png) center 0 repeat-y}.ranknav a.ranknav39{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_39.png) center 0 repeat-y}.ranknav a.ranknav40{background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/ffcrystranking/1010/52/s_40.png) center 0 repeat-y}.ranknav li,.ranknav li a{width:52px;height:60px}.ranknav li a{background-size:100% auto}.ranknav li.active a{background-position:center -124px}.ranknav li a:hover{background-position:center -62px}.loginBox,.pageRankm .cc-ranking__header__result_list__list li.ckacls.act a,.pageRankm .cc-ranking__header__result_list__list li a.act{color:#585858}.loginBox{width:100%;height:70px;display:flex;border-radius:50px;background-image:linear-gradient(90deg,rgba(0,0,0,.15),transparent);padding:10px 10px;align-items:center}.loginBox .rolebox{flex:none;width:123px;font-size:14px;text-align:center;cursor:pointer}.loginBox .rolebox .p2{font-weight:700;font-size:16px}.loginBox .minelist{flex:none;width:100px;height:48px;background:#4c7ee8;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;margin-left:0;position:relative}.loginBox .minelist.minelist{width:130px}.loginBox .minelist img{display:inline-block}.loginBox .minelist span{display:inline-block;padding-left:5px;font-size:14px}.loginBox .minelist a{width:100%;height:100%;position:absolute;left:0;top:0}.loginBox .changerol,.loginBox .loginOut{color:#4c7ee8;font-size:14px;text-decoration:underline;cursor:pointer;margin:0 0 0 15px}.loginBox.loginBoxm{height:42px;width:calc(100% - 24px);justify-content:center;padding:8px 0;margin:0 auto}.loginBox .minelist{height:38px;font-size:14px;line-height:38px}.backcls{height:26px;width:90px;line-height:26px;text-align:center;font-size:14px;color:#fff;background:#4c7ee8;border-radius:8px}.backcls,.backcls:hover{box-shadow:0 2px 3px 0 rgba(67,111,204,.4)}.backcls:hover{background:#6696ff;text-decoration:none}.backcls a{color:#fff;display:inline-block;width:100%;height:100%}.mineTit{font-size:32px;line-height:1;font-weight:700;text-align:center;color:#585858;margin-bottom:16px}.mineTit.mineTit{font-size:22px}.mineCls.mineClsm{width:calc(100% - 24px)}.mineCls .minetabcls{width:100%;height:48px;display:flex;justify-content:space-between;margin-bottom:16px}.mineCls .minetabcls .item{width:32.5%;height:48px;flex:none;cursor:pointer;display:inline-block;text-decoration:none;font-size:16px;font-family:微软雅黑;color:#fff;font-weight:700;text-shadow:none;background:#4c7ee8;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);border-radius:8px;text-align:center;line-height:48px}.mineCls .minetabcls .item.active{background:#e67e17}.mineCls .minetabcls .item.active:hover{background:#e67e17;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.mineCls .minetabcls .item:hover{background:#6696ff;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.mineCls.mineClsm{width:calc(100% - 12px);margin:0 auto}.mineCls.mineClsm .minetabcls{height:42px;margin-bottom:0}.mineCls.mineClsm .minetabcls .item{height:42px;line-height:42px;font-size:14px}.tageBoxjob .jobName{display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;margin-bottom:16px}.tageBoxjob .jobName .lf{color:#585858;display:flex;align-items:center;margin-right:25px}.tageBoxjob .jobName .lf img{display:inline-block}.tageBoxjob .jobName .rt{color:#585858;margin-left:25px}.tageBoxjob .jobName.jobNamem{font-size:18px}.tageBoxjob .jobName.jobNamem .lf{margin-right:10px}.tageBoxjob .jobName.jobNamem .rt{color:#585858;margin-left:10px}.tageBoxjob .jobTabHead{background:hsla(0,0%,100%,.5);width:100%;border-radius:8px;height:40px;margin-bottom:16px;color:#585858;font-size:16px;font-weight:700;line-height:40px}.tageBoxjob .jobTabHead.jobTabHeadm{font-size:13px;width:calc(100% - 12px);margin:0 auto}.tageBoxjob .jobTabHead.jobTabHeadm .item0{width:18%}.tageBoxjob .jobTabHead.jobTabHeadm .item2{width:16%}.tageBoxjob .jobTabList.jobTabListm{width:calc(100% - 12px);margin:0 auto}.tageBoxjob .jobTabList .noline{color:#585858;font-size:20px;font-weight:700;text-align:center;padding:50px 0}.tageBoxjob .line{display:flex}.tageBoxjob .item{text-align:center}.tageBoxjob .item0{width:10%;flex:none}.tageBoxjob .item1{width:30%;flex:none}.tageBoxjob .item2,.tageBoxjob .item3{width:20%;flex:none}.tageBoxjob .item4{flex:1}.tageBoxjob .tageJobLoadings{color:#585858;font-size:20px;font-weight:700;text-align:center;padding:50px 0}.tageBoxjob .linetable{height:60px;border-bottom:1px solid #b5b5b3}.tageBoxjob .linetable .item{text-align:center;height:64px;color:#585858;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700}.tageBoxjob .linetable .item3{color:#37a621}.tageBoxjob .linetable .item3.lose{color:#a62137}.tageBoxjob .linetable.linetablem{height:46px}.tageBoxjob .linetable.linetablem .item{height:50px;font-size:12px}.tageBoxjob .linetable.linetablem .item0{width:18%}.tageBoxjob .linetable.linetablem .item2{width:16%}.tageBoxjob.tageBoxjobm .item1{width:28%}.tageBoxList .queryTime{display:flex;align-items:center;padding-left:12px;margin-bottom:16px}.tageBoxList .queryTime .name{font-size:16px;color:#585858;font-weight:700}.tageBoxList .queryTime .time{color:#585858;font-size:16px}.tageBoxList .queryTime .time .el-date-editor .el-range-separator{width:auto}.tageBoxList .queryTime .sessionTimeBox{padding-left:10px;font-size:14px}.tageBoxList .queryTime .sessionTimeBox span{color:#a62137}.tageBoxList .queryTime.queryTimem{flex-direction:column;padding-left:0}.tageBoxList .queryTime.queryTimem .name{width:100%;text-align:center;padding:15px 0 8px}.tageBoxList .queryTime.queryTimem .sessionTimeBox{font-size:12px;padding-left:0;padding-top:5px}.tageBoxList .HistTableClsm{width:100%;overflow-x:scroll;padding:0 12px}.tageBoxList .HistTableClsm .HistTableBox{width:1000px}.tageBoxList .HistTabHead{background:hsla(0,0%,100%,.5);width:100%;border-radius:8px;height:40px;margin-bottom:16px;color:#585858;font-size:16px;font-weight:700;line-height:40px}.tageBoxList .HistTabHead.HistTabHeadm{font-size:13px}.tageBoxList .noline{color:#585858;font-size:20px;font-weight:700;text-align:center;padding:50px 0}.tageBoxList .line{display:flex}.tageBoxList .item{text-align:center;flex:1;display:flex;justify-content:center;align-items:center}.tageBoxList .item1{width:10%;flex:none}.tageBoxList .item1 img{display:block}.tageBoxList .item2{width:12%;flex:none}.tageBoxList .item2 img{display:block}.tageBoxList .item2 .name{font-size:14px;padding-left:10px}.tageBoxList .item7,.tageBoxList .item8,.tageBoxList .item9,.tageBoxList .item10{width:8%;flex:none}.tageBoxList .item11{width:15%;flex:none}.tageBoxList .tageHistLoadings{color:#585858;font-size:20px;font-weight:700;text-align:center;padding:50px 0}.tageBoxList .linetable{height:64px;border-bottom:1px solid #b5b5b3}.tageBoxList .linetable .item{text-align:center;height:64px;color:#585858;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.tageBoxList .linetable .item.item2{justify-content:flex-start;padding-left:15px}.tageBoxList .linetable .item.item3{color:#37a621}.tageBoxList .linetable .item.item3.lose{color:#a62137}.tageBoxDuan .duanTab{width:100%;height:48px;display:flex;justify-content:space-between;margin-bottom:16px}.tageBoxDuan .duanTab .item{width:49.4%;height:48px;flex:none;cursor:pointer;display:inline-block;text-decoration:none;font-size:16px;font-family:微软雅黑;color:#fff;font-weight:700;text-shadow:none;background:#4c7ee8;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);border-radius:8px;text-align:center;line-height:48px}.tageBoxDuan .duanTab .item.active{background:#e67e17}.tageBoxDuan .duanTab .item.active:hover{background:#e67e17;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.tageBoxDuan .duanTab .item:hover{background:#6696ff;box-shadow:0 2px 3px 0 rgba(67,111,204,.4);text-decoration:none}.tageBoxDuan .duanTab.duanTabm{height:36px;width:calc(100% - 24px);margin:0 auto}.tageBoxDuan .duanTab.duanTabm .item{height:36px;line-height:36px;font-size:13px}.tageBoxDuan .queryTime{display:flex;align-items:center;padding-left:12px;margin-bottom:16px}.tageBoxDuan .queryTime .name{font-size:16px;color:#585858;font-weight:700}.tageBoxDuan .queryTime .time{color:#585858;font-size:16px}.tageBoxDuan .queryTime .time .el-date-editor .el-range-separator{width:auto}.tageBoxDuan .queryTime .sessionTimeBox{padding-left:10px;font-size:14px}.tageBoxDuan .queryTime .sessionTimeBox span{color:#a62137}.tageBoxDuan .queryTime.queryTimem{flex-direction:column;padding-left:0}.tageBoxDuan .queryTime.queryTimem .name{width:100%;text-align:center;padding:15px 0 8px}.tageBoxDuan .queryTime.queryTimem .sessionTimeBox{font-size:12px;padding-left:0;padding-top:5px}.tageBoxDuan .tageDuanLoadings{color:#585858;font-size:20px;font-weight:700;text-align:center;padding:50px 0}.tageBoxDuan .duanShuiBox{min-height:550px}.el-select-dropdown__item.selected{color:#23252e;font-weight:700}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:rgba(35,37,46,.1)}.el-select-dropdown{border-color:transparent}.el-backtop{width:48px!important;height:48px!important;background-color:transparent}.el-backtop.el-backtopm{width:44px!important;height:40px!important}@media screen and (max-width:749px){.ff_rulebox{width:90%;height:auto;background:#22243a;box-sizing:border-box;box-shadow:none;background-color:none}.ff_rulebox .el-dialog__footer,.ff_rulebox .el-dialog__header{display:none}.ff_rulebox .el-dialog__body{margin:0;padding:0;box-sizing:border-box}.ff_rulebox .ff_ruleCent{width:100%;height:auto;box-sizing:border-box}.ff_rulebox .ff_ruleCent .ff_close{right:0;top:-40px}.ff_rulebox .ff_ruleCent .info{padding:0 10px;padding-top:15px;padding-bottom:30px}.ff_rulebox .ff_ruleCent .ptit{font-size:16px;color:#53a3d5;font-weight:700;line-height:1;margin-bottom:16px;text-align:center}.ff_rulebox .ff_ruleCent .ptit.mtp30{margin-top:30px}.ff_rulebox .ff_ruleCent p.des{font-size:12px;color:#fff;line-height:1.6}.ff_rulebox .ff_ruleCent p.des span{color:#56aadd}.ff_rulebox .ff_ruleCent p.des.pdlf20{padding-left:10px;text-align:left!important}.ff_rulebox .ff_ruleCent p.des.font12{font-size:12px}.ff_rulebox .ff_ruleCent p.des.txtct{text-align:center}.ff_rulebox .ff_ruleCent p.des.mtp25{margin-top:25px}.ff_rulebox .ff_ruleCent .pinfo{font-size:14px;color:#fff;line-height:1.6}}.ff_rolebox{width:534px;height:auto;padding-bottom:30px;overflow:hidden;box-shadow:none;background-color:none}.ff_rolebox .close{position:absolute;width:57px;height:58px;right:0;top:0;cursor:pointer;font-size:28px;font-weight:700}.ff_rolebox .close,.ff_rolebox .el-dialog__header{display:flex;justify-content:center;align-items:center}.ff_rolebox .el-dialog__header{padding:0;box-sizing:border-box;padding-top:30px}.ff_rolebox .el-dialog__header .el-dialog__title{text-align:center;font-weight:700}.ff_rolebox .el-dialog__body{padding-bottom:10px}.ff_rolebox .el-dialog__footer{display:flex;height:45px;padding:0;box-sizing:border-box}.ff_rolebox .el-dialog__footer .dialog-footer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ff_rolebox .el-dialog__footer .dialog-footer .el-button{padding:0;width:161px;height:40px;line-height:40px;background:#4c7ee8!important;border:none;color:#fff;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;transition:all .3s}.ff_rolebox .el-dialog__footer .dialog-footer .el-button span{display:inline-block}@media screen and (max-width:750px){.ff_rolebox{width:calc(100% - 24px)!important}}#app{position:relative;width:100%}.ff_LoadMask{width:100vw;height:100vh;position:fixed;left:0;top:0;background-color:#000;z-index:9999;font-size:30px;color:#fff;text-align:center;box-sizing:border-box;padding-top:100px}.ff_LoadMask .loadlogomask{width:153px;height:45px;background-size:100% 100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);animation:logolod 1.2s infinite}.viewsWaper{position:relative;width:100%}.ff_mobilemask{width:100%;height:100%;background:rgba(0,0,0,.8);background-size:100% 100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:999999;left:0;top:0}.ff_mobilemask p{font-size:18px;font-weight:700;color:#fff;box-sizing:border-box;padding:0 40px}.transition_video{visibility:hidden;opacity:0}.transition_canvas,.transition_video{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.transition_canvas{opacity:1}.loadMask-enter-active,.loadMask-leave-active{transition:all .3s ease-out}.loadMask-enter{opacity:1}.loadMask-leave-to{opacity:0}.ff_rolesesson{background:#f0f0ef}.ff_rolesesson .el-dialog__body{padding:0}.ff_rolesesson .el-dialog__header{display:none}.infobox{box-sizing:border-box;padding:25px 15px;border:none;visibility:visible;border-collapse:collapse;width:500px;height:350px;background:#f0f0ef;border-radius:5px;z-index:1000}.close_info{height:25px;width:26px;position:absolute;right:10px;top:10px;display:inline;background-image:url(https://static.web.sdo.com/jijiamobile/pic/ff14/rank0210/rankclose.png);opacity:.5;cursor:pointer}.infotitle{font-size:16px;color:#585858;position:relative;text-align:center;margin-bottom:10px}.areabox{box-sizing:border-box;display:flex;justify-content:center;font-size:14px;margin-bottom:0}.areabox1{margin-bottom:20px}.tab{margin:0 10px}.change{margin:0 10px}.change,.outcls{color:#4c7ee8;cursor:pointer}.outcls.choose{width:100px;margin:0 auto;text-align:center}.change:hover,.outcls:hover{text-decoration:underline}.tabCls{margin:0 auto;width:360px}.tabline{box-sizing:border-box;display:flex;width:360px;border:1px solid #b6b6b6;border-top:none}.tabline.tabline1{font-weight:700}.tabitem{box-sizing:border-box;width:50%;text-align:center;height:30px;line-height:30px;border-top:1px solid #b6b6b6}.tabitem.one{border-right:1px solid #b6b6b6}.tabline.tabline2 .tabitem{border-top:none}.ztxts{font-size:12px;color:#757575;padding:20px 0;margin:0 auto;width:360px}.searchCls{font-size:16px;margin:20px auto 0;text-align:center;width:200px;height:32px;background:#4c7ee8;box-shadow:0 2px 3px rgba(0,0,0,.4);border-radius:4px;color:#fff;line-height:32px;cursor:pointer;transition:all .3s}.searchCls:hover{box-shadow:0 1px 3px transparent;opacity:.9}.searchCls.act{background:#999}@media screen and (max-width:750px){.ff_rolesesson{width:98%!important;background:#f0f0ef!important}.ff_rolesesson .infobox{width:98%;margin:0 auto}.ff_rolesesson .areabox{flex-wrap:wrap}}