.bdr{border-radius:6px}
.fontF{font-family:"\5B8B\4F53"}
.lineh{line-height:500px;overflow:hidden}
.w{width:1200px;margin:0 auto}
.footer{margin-top:0}
#rankpage .sfoot-w,#rankpage .sheader-w{width:1032px}
.wrapperbg{font:14px/1.8 'microsoft yahei',simsun,'Hiragino Sans GB',sans-serif;background:url(../images/rank/rankbg.jpg) no-repeat center 0 #f7f9f8;padding:120px 0 70px}
.wrapperbg .wrapper{padding-left:216px;position:relative;z-index:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.wrapperbg a{color:#8ea1a7}
.wrapperbg a:hover{color:#6bbccb;text-decoration:none}
.allrank-box .list li .author,.allrank-box .list li .record,.listmore a,.qtrank-list li .meta a,.qtrank-list li .meta span{background:url(../images/rank/icons.png) no-repeat}
.allrank-context{width:100%;overflow:hidden}
.allrank-context .c{width:1044px\9}
.allrank-context .allrank-box{width:470px;margin:0 12px 12px 0;background-color:#fff;border-radius:6px;float:left;padding:0 20px;height:733px}
.allrank-context .allrank-box:nth-child(2n){margin-right:0}
.allrank-box .hd{height:58px;line-height:58px;border-bottom:1px solid #eef4f6}
.allrank-box .hd .timea{float:right}
.allrank-box .hd .timea a{width:40px;height:18px;background-color:#f6f6f6;display:inline-block;vertical-align:middle;line-height:18px;text-align:center;border-radius:18px}
.allrank-box .hd .timea a.on{color:#6bbccb}
.allrank-box .hd .tit{color:#666;font-weight:700;font-size:18px;padding-left:16px;background:url(../images/rank/titio.png) no-repeat 0 center}
.allrank-box .list li{position:relative;margin-top:12px;padding:0 115px 0 36px;height:32px}
.allrank-box .list li.top3{height:80px}
.allrank-box .list li .nums{font-size:12px;position:absolute;top:50%;left:0;margin-top:-10px;height:20px;line-height:20px;width:26px;text-align:center;background:url(../images/rank/n0.png) no-repeat;color:#999}
.allrank-box .list li .n1{margin-top:-16px;height:32px;line-height:200px;overflow:hidden;background:url(../images/rank/n1.png) no-repeat}
.allrank-box .list li .n2{margin-top:-16px;height:32px;line-height:200px;overflow:hidden;background:url(../images/rank/n2.png) no-repeat}
.allrank-box .list li .n3{margin-top:-16px;height:32px;line-height:200px;overflow:hidden;background:url(../images/rank/n3.png) no-repeat}
.allrank-box .list li .info{line-height:32px}
.allrank-box .list li.top3 .info{position:relative;padding-left:152px}
.allrank-box .list li .pic{color:#333;display:block;height:32px;line-height:32px}
.allrank-box .list li .author,.allrank-box .list li .linka,.allrank-box .list li .pic img{display:none}
.allrank-box .list li.top3 .pic img{display:block;position:absolute;top:0;left:0;width:142px;height:80px;border-radius:6px}
.allrank-box .list li.top3 .pic:hover img{-webkit-box-shadow:-1px 2px 4px rgba(153,153,153,.5);box-shadow:-1px 2px 4px rgba(153,153,153,.5)}
.allrank-box .list li .pic span{width:100%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px;vertical-align:top}
.allrank-box .list li .pic:hover span{color:#6bbccb}
.allrank-box .list li.top3 .author{display:block;background-position:-6px 0;height:24px;line-height:24px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.allrank-box .list li.top3 .author:hover{background-position:-6px -24px}
.allrank-box .list li.top3 .linka{display:block;font-size:12px;height:20px;overflow:hidden;line-height:20px}
.allrank-box .list li.top3 .linka a{float:left;max-width:48px;overflow:hidden;white-space:nowrap;height:20px;text-overflow:ellipsis}
.allrank-box .list li.top3 .linka em{float:left;margin:0 8px;background:url(../images/rank/icon-line.png) center center no-repeat;width:1px;height:20px;overflow:hidden}
.allrank-box .list li .r{position:absolute;top:50%;right:0;margin-top:-10px;height:20px;line-height:20px}
.allrank-box .list li .record{cursor:pointer;color:#999;float:right;margin-left:5px;width:62px;text-align:right;position:relative}
.allrank-box .list li .record .tip{display:none}
.allrank-box .list li .record:hover .tip{z-index:1;position:absolute;top:29px;right:0;border:1px solid #dadee3;font-size:12px;display:inline-block;white-space:nowrap;padding:0 10px;border-radius:6px;height:30px;line-height:30px;-webkit-box-shadow:1px -1px 2px #f5fbfb;box-shadow:1px -1px 2px #f5fbfb;background-color:#fff}
.allrank-box .list li .record:hover .tip i{background:url(../images/r-arrow2.png) no-repeat 0 -15px;width:11px;height:11px;position:absolute;top:-7px;right:20px}
.allrank-box .list li .state{float:right}
.allrank-box .list li .state.up{background:url(../images/rank/icon-up.png) no-repeat right center;padding-right:10px;color:#ff6969}
.allrank-box .list li .state.down{background:url(../images/rank/icon-down.png) no-repeat right center;padding-right:10px;color:#999}
.allrank-box .list li .state.new{background:url(../images/rank/icon-new.png) no-repeat right center;width:28px;height:20px}
.listmore{text-align:center;height:30px;line-height:30px;padding:30px 0}
.listmore a{display:inline-block;font-size:16px;background-position:right -115px;padding-right:15px}
.listmore a:hover{background-position:right -139px}
.allrank-renqi .list li .record{padding-right:14px;background-position:right -50px}
.allrank-xinzuo .list li .record{padding-right:17px;background-position:right -74px}
.allrank-dashang .list li .record{padding-right:17px;background-position:right -97px}
.allrank-changx .list li{padding:0 40px 0 36px}
.allrank-xinzuo .list li{padding:0 60px 0 36px}
.qtranks-context{min-height:800px;position:relative;z-index:1;background-color:#fff;border-radius:6px;padding:0 30px 20px;margin-bottom:20px;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3)}
.qtranks-context.qtranks-context2{background:0 0;padding:0;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border:none}
.qtranks-context.qtranks-context2 .bg{background-color:#fff;border-radius:6px;padding:0 30px 20px;margin-bottom:20px;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3)}
.qtrank-list{margin-bottom:20px}
.qtrank-list li{position:relative;margin-left:52px;padding:22px 100px 2px 0}
.qtrank-list li .l1{position:absolute;top:0;left:-52px;width:38px;height:100%}
.qtrank-list li .l1 .nums{font-size:12px;position:absolute;top:50%;left:0;margin-top:-19px;height:34px;line-height:34px;width:34px;text-align:center;border-radius:100%;background-color:#f7f9f8;color:#8ea1a7;font-size:18px;font-weight:700}
.qtrank-list li .l1 .nums.n1{margin-top:-20px;height:38px;line-height:200px;width:38px;overflow:hidden;background:url(../images/rank/n1.png) no-repeat}
.qtrank-list li .l1 .nums.n2{margin-top:-20px;height:38px;line-height:200px;width:38px;overflow:hidden;background:url(../images/rank/n2.png) no-repeat}
.qtrank-list li .l1 .nums.n3{margin-top:-20px;height:38px;line-height:200px;width:38px;overflow:hidden;background:url(../images/rank/n3.png) no-repeat}
.qtrank-list li .l1 .state{position:absolute;top:50%;height:20px;line-height:20px;margin-top:25px;text-align:center;width:100%}
.qtrank-list li .l1 .state.up{color:#ff6969}
.qtrank-list li .l1 .state.up i{vertical-align:top;width:10px;height:18px;display:inline-block;background:url(../images/rank/icon-up.png) no-repeat right center}
.qtrank-list li .l1 .state.down{color:#999}
.qtrank-list li .l1 .state.down i{vertical-align:top;width:10px;height:20px;display:inline-block;background:url(../images/rank/icon-down.png) no-repeat right center}
.qtrank-list li .l1 .state.new{vertical-align:top;background:url(../images/rank/icon-new.png) no-repeat center center;line-height:200px;overflow:hidden}
.qtrank-list li .l1 .state.ping{vertical-align:top;background:url(../images/rank/icon-ping.png) no-repeat center center;line-height:200px;overflow:hidden}
.qtrank-list li .l2 .h1{height:48px;margin-bottom:15px;padding-top:10px}
.qtrank-list li .l2{position:relative;padding-left:254px;height:135px}
.qtrank-list li .qtpic{color:#333;font-size:16px;display:inline-block;height:24px;vertical-align:middle}
.qtrank-list li .qtpic img{width:240px;height:135px;position:absolute;top:0;left:0;border-radius:10px}
.qtrank-list li .qtpic:hover img{-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3)}
.qtrank-list li .qtpic span{display:inline-block;max-width:330px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;font-size:16px;font-weight:700}
.qtrank-list li .qtpic:hover span{color:#6bbccb}
.qtrank-list li .cate{width:100%;overflow:hidden;color:#ccc}
.qtrank-list li .cate span{position:relative;margin-left:-15px}
.qtrank-list li .cate a{height:20px;line-height:20px;font-size:12px;color:#8ea1a7;margin:0 5px;overflow:hidden;display:inline;border-radius:50px}
.qtrank-list li .cate a.on,.qtrank-list li .cate a:hover{color:#6bbccb;text-decoration:none}
.qtrank-list li .cate em{margin:0 5px;font-size:12px;color:#8ea1a7}
.qtrank-list li .meta{height:20px;line-height:20px;overflow:hidden}
.qtrank-list li .meta a,.qtrank-list li .meta span{color:#666;margin-right:8px;padding-left:20px;overflow:hidden;display:inline}
.qtrank-list li .meta .aut{background-position:-6px -2px}
.qtrank-list li .meta .aut:hover{background-position:-6px -26px;color:#6bbccb}
.qtrank-list li .meta .dat{background-position:-5px -170px}
.qtrank-list li .meta .fon{background-position:-5px -195px}
.qtrank-list li .meta em{color:#999;margin-right:8px}
.qtrank-list li .meta em.line{background:url(../images/rank/icon-line.png) no-repeat 0 center;width:1px;height:20px;overflow:hidden}
.zuozhe-list2 li .meta a{background:0 0;padding-left:0;margin-right:8px}
.zuozhe-list2 li .meta a:hover{color:#6bbccb}
.zuozhe-list2 li .zuozheinfo{vertical-align:middle}
.qtrank-list.zuozhe-list2 li .l2{position:relative;padding:10px 0 0 130px}
.qtrank-list.zuozhe-list2 li .l2 .meta{margin:5px 0}
.qtrank-list li .zuozheinfo .user{position:absolute;top:0;left:0;width:110px;height:110px}
.qtrank-list li .zuozheinfo .userpic{width:110px;height:110px;border-radius:100%;display:block;overflow:hidden}
.qtrank-list li .zuozheinfo .avatar_cover_uc{position:absolute;top:0;left:0;width:110px;height:110px;background:url(../images/rank/tx-cover.png) no-repeat}
.qtrank-list li .zuozheinfo .avatar_cover{position:absolute;width:139px;height:139px;top:-15px;left:-14px}
.qtrank-list li .zuozheinfo .name{display:inline-block;height:24px;line-height:24px;color:#333;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;font-size:16px;font-weight:700;margin-bottom:10px}
.qtrank-list li .zuozheinfo:hover .name{color:#6bbccb}
.qtrank-list li .daib{height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.qtrank-list li .daib,.qtrank-list li .daib a{color:#666}
.qtrank-list li .daib a:hover{color:#6bbccb}
.qtrank-list li .hdry{height:20px;line-height:20px;margin-top:5px;color:#666}
.qtrank-list.juese-list2 li{height:252px}
.qtrank-list.juese-list2 li .l2{position:relative;padding-left:202px;max-width:430px}
.qtrank-list li .jueseinfo{display:inline}
.qtrank-list li .jueseinfo .juesepic{position:absolute;top:0;left:0;width:180px;height:252px;overflow:hidden;border-radius:10px}
.qtrank-list li .jueseinfo .juesepic img{width:100%;min-height:200px}
.qtrank-list li .jueseinfo .name{font-size:16px;color:#333;height:24px;line-height:24px;vertical-align:top}
.qtrank-list li .jueseinfo:hover .name,.qtrank-list li .jueseinfo:hover .name i{color:#6bbccb}
.qtrank-list li .jueseinfo .name em{max-width:50%;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:top;font-weight:700;margin-top:1px}
.qtrank-list li .jueseinfo .name i{color:#666;font-size:12px;height:24px;vertical-align:top;float:right;max-width:50%;text-align:right}
.qtrank-list li .jueseinfo .name i em{max-width:120px;font-weight:400}
.qtrank-list li .jueseinfo:hover .name em,.qtrank-list li .jueseinfo:hover .name i{color:#6bbccb}
.juese-list2 .badge{display:inline-block;height:22px;clear:both}
.juese-list2 .voice{left:150px}
.voice{position:absolute;top:5px;width:24px;height:24px;background:url(../images/music.png) no-repeat center;cursor:pointer}
.voice.on{background-image:url(../images/musich.png);background-position:center}
.voice.on i{width:100%;height:100%;display:block;background:url(../images/music.gif) no-repeat center center}
.qtrank-list li .uinfo{height:60px;position:relative;margin-top:10px;width:100%;height:44px;border-radius:10px;background-color:#f7f9f8;padding:10px 0}
.qtrank-list li .uinfo i{display:none}
.qtrank-list li .uinfo p{display:inline-block;color:#666;word-wrap:break-word;word-break:normal;overflow:hidden;line-height:22px;word-break:break-all;height:44px;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}
.juese-list2 li.del .jueseinfo img{-webkit-filter:blur(3px);-moz-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false)}
.qtrank-list li.del .voice{z-index:-1}
.juese-list2 li.del .jueseinfo .grade{width:69px;height:69px;background:url(../images/rank/icon-del.png) no-repeat;z-index:1}
.qtrank-list li .jspm .t{font-size:12px;color:#999;margin:15px 0 5px}
.qtrank-list li .jspm dt{width:70px;float:left;position:relative;margin-right:8%;text-align:center;margin-left:-6px}
.qtrank-list li .jspm dt .pic{display:block;max-width:100%}
.qtrank-list li .jspm dt .pic:hover{color:#6bbccb;text-decoration:none}
.qtrank-list li .jspm dt .pic i{position:absolute;top:0;left:50%;margin-left:-35px;width:70px;height:70px;background:url(../images/rank/icon-n1.png) no-repeat;cursor:pointer}
.qtrank-list li .jspm dt.n2 .pic i{background-image:url(../images/rank/icon-n2.png)}
.qtrank-list li .jspm dt.n3 .pic i{background-image:url(../images/rank/icon-n3.png)}
.qtrank-list li .jspm dt .pic img{width:70px;height:70px;display:block;margin:0 auto}
.qtrank-list li .jspm dt .pic span{width:58px;height:20px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;font-size:12px;margin:0 6px}
.qtrank-list li .jspm dt .shz{display:block;color:#ff6b6b;font-size:12px;line-height:24px;background:url(../images/rank/icon-love-f12.png) no-repeat 0 center;padding-left:27px}
.qtrank-list .grade{background:url(../images/rank/grade-n.png?v1.png) no-repeat;position:absolute;top:0;left:0;width:100%;height:100%}
.qtrank-list .grade.g-r{background-image:url(../images/rank/grade-r.png?v1)}
.qtrank-list .grade.g-sr{background-image:url(../images/rank/grade-sr.png?v1)}
.qtrank-list .grade.g-ssr{background-image:url(../images/rank/grade-ssr.png?v2)}
.qtrank-list .grade.g-ur{background-image:url(../images/ur/grade-ur-180-252.png)}
.qtrank-list .grade.g-ur i{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ur/grade-big-ur.gif?v10) no-repeat center 0;background-size:100% 100%;background-image:url(../images/ur/grade-ur-180-252.gif?v10)\9}
.qtrank-list li .l3{position:absolute;right:0;top:0;width:100px;vertical-align:middle;text-align:center;height:100%}
.qtrank-list li .l3 .collect{height:20px;display:inline-block;vertical-align:middle;margin-top:48px;background:url(../images/rank/icon-sc.png) no-repeat center 0;padding-top:30px;line-height:20px;cursor:pointer;color:#8ea1a7}
.qtrank-list li .l3 .collect:hover{background-image:url(../images/rank/icon-sch.png);color:#6bbccb}
.qtrank-list li .l3 .collect.collecton i{display:inline-block;height:20px;width:50px}
.qtrank-list li .l3 .collect.collecton{background-image:url(../images/rank/icon-sch.png);color:#6bbccb}
.qtrank-list li .l3 .collect.collecton:hover{background-image:url(../images/rank/icon-sc.png);color:#8ea1a7}
.qianlValue{text-align:right;color:#999;margin-top:-20px;height:40px;position:absolute;width:100%;left:0;top:50%;font-size:12px;line-height:18px}
.qianlValue span{color:#6bbccb;position:relative;cursor:pointer;display:inline-block;vertical-align:text-bottom;margin-bottom:5px}
.qianlValue span em{font-size:22px;display:inline-block}
.qianlValue span .tip{display:none}
.qianlValue span:hover .tip{z-index:1;position:absolute;top:29px;right:0;font-size:12px;display:inline-block;white-space:nowrap;padding:0 10px;border-radius:6px;height:30px;line-height:30px;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3);background-color:#fff;color:#999}
.qtrank-list li .l3 .guanzhu{text-align:center;height:30px;position:absolute;top:50%;margin-top:-15px;width:100%;left:0}
.qtrank-list li .l3 .guanzhu a{display:inline-block;width:80px;height:28px;border:1px solid #fbb320;border-radius:28px;color:#fbb320;cursor:pointer}
.qtrank-list li .l3 .guanzhu a:hover{background-color:#fbb320;color:#fff}
.qtrank-list li .l3 .guanzhu.guanzhuon a{border-color:#6bbccb;color:#6bbccb}
.qtrank-list li .l3 .guanzhu.guanzhuon a:hover{border-color:#f5f5f5;background-color:#f5f5f5;color:#999}
.srank .badge{height:20px;margin-left:5px}
.srank .badge .hz{height:28px}
.srank .badge .tip2{position:absolute;top:28px;right:0;z-index:2;background:#fff;border-radius:10px;line-height:30px;padding:14px;text-align:left;font-weight:400;display:none;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3);width:252px}
.srank .badge .tip2 .i{background:url(../images/r-arrow2.png) no-repeat 0 -24px;width:11px;height:11px;position:absolute;top:-7px;right:22px}
.srank .badge .hz .tip2 img{display:inline-block;width:40px!important;height:40px!important;vertical-align:middle;margin-right:10px}
.srank .badge .hz .tip2 span{display:inline-block;color:#333;line-height:20px;font-size:14px;vertical-align:middle;width:190px;white-space:normal}
.srank .badge .hz .tip2 span .t{width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.srank .badge .hz .tip2 span b{display:block;font-weight:400;color:#666;font-size:12px}
.srank .badge .hz .tip2 span a{color:#6bbccb;font-size:12px;display:block}
.srank .badge .hz .tip2 span a:hover{opacity:.9}
.srank .badge .tip2 .i{display:none}
.srank .badge .hz:hover .tip2{display:block}
.srank .vipicon .tip{right:0}
.qtrank-list .nodata{background:url(../images/rank/nodata.png) no-repeat center 0;padding-top:228px;text-align:center;margin-top:20%;color:#999}
.ks_page .ks_c{padding:30px 0 40px}
.ks_page .ks_num{text-align:center;float:none;display:block;right:auto;position:static;overflow:hidden}
.ks_page .ks_num a,.ks_page .ks_num span{padding:0 10px;color:#7f7f7f;background:#fff;line-height:30px;height:30px;border:1px solid #c1c1c1;margin-right:5px;border-radius:5px;float:none;display:inline-block}
.ks_page .ks_tnum{margin:0 10px}
.ks_page .ks_num span{border:none}
.ks_page .ks_num .ks_cur{background:#3dc4cc;color:#fff;border:1px solid #3dc4cc}
.ks_page a:hover{text-decoration:none;color:#3dc4cc}
.ks_page .ks_disable{background:#ddd;color:#aaa}
.ks_page span.ks_dian{background:0 0;border:none;padding:0}
.ks_page .ks_other_page{background:0 0!important;padding:0 15px;color:#7f7f7f;padding:0!important}
.ks_page .ks_other_jump{background:0 0!important;color:#7f7f7f;padding:0!important}
.ks_page .ks_other_jump input{width:28px;height:28px;line-height:28px;color:#7f7f7f;border:1px solid #c1c1c1;border-radius:5px;padding:0 5px;margin:0 5px;text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1";display:inline-block;vertical-align:top}
.ks_page .ks_other_jump a{padding:0 10px;color:#7f7f7f;background:#fff;line-height:28px;height:28px;border:1px solid #c1c1c1;margin-left:10px;border-radius:5px;display:inline-block;vertical-align:top}
.ks_page .ks_other_jump a:hover{background:#6bbccb;color:#fff}
.qtranks-context .hd{padding:15px 0;border-bottom:1px solid #e7f0f2;position:relative}
.qtranks-context .hd .box{height:30px;position:relative;border-radius:5px}
.qtranks-context .hd .tabs{height:30px;position:relative;z-index:2;float:left}
.qtranks-context .hd .tabs li{display:inline-block;color:#8ea1a7;font-size:15px;vertical-align:middle;margin-right:35px}
.qtranks-context .hd .tabs li.on .titty{display:inline-block;vertical-align:middle;line-height:normal}
.qtranks-context .hd .tabs li.on .titty .bt{position:relative;display:inline-block;font-size:20px;-webkit-transform-origin:0 0;transform-origin:0 0;font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:400}
.qtranks-context .hd .tabs li.on .titty .bt i{content:'';position:absolute;height:30%;background-color:#def6f4;width:96%;bottom:-8%;border-radius:20px;left:0}
.qtranks-context .hd .tabs li.on .titty .bt em{position:relative;color:#438ea0;font-size:20px}
.qtranks-context .hd .tabs li.on .titty .bt strong{font-size:20px;color:#438ea0}
.qtranks-context .hd .date{height:28px;position:absolute;top:5px;right:0}
.qtranks-context .hd .date a{padding:0 10px;height:24px;background-color:#f7f9f8;display:inline-block;vertical-align:middle;line-height:24px;text-align:center;border-radius:18px;margin-left:16px;border:1px solid #f7f9f8}
.qtranks-context .hd .date a.on{color:#6bbccb;background-color:#fff;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3);border:1px solid #f7f9f8}
.qtranks-context .hd .txt{height:30px;line-height:30px;color:#999;padding:0 20px 0 0;border-radius:5px;font-size:12px;margin-top:5px}
.qtranks-context .hd .oldate{display:inline-block;position:relative;margin-left:30px}
.qtranks-context .hd .oldate .t{cursor:pointer;color:#8ea1a7}
.qtranks-context .hd .oldate .t i{font-size:10px}
.qtranks-context .hd .oldate:hover .t{color:#6bbccb}
.qtranks-context .hd .oldate .tipbox{display:none;position:absolute;top:32px;right:-20px;width:250px;padding:10px;border:1px solid #f6f6f6;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3);background-color:#fff;border-radius:5px;text-align:center;z-index:3}
.qtranks-context .hd .oldate .tipbox .io{width:20px;height:13px;position:absolute;top:-13px;right:36px}
.qtranks-context .hd .oldate .tipbox .ht{height:30px;padding-bottom:8px;margin:0 10px 10px;color:#666}
.qtranks-context .hd .oldate .tipbox .ht i{width:8px;height:14px;background:url(../images/rank/rankio-arrow.png) no-repeat;overflow:hidden;margin-top:7px;line-height:50px}
.qtranks-context .hd .oldate .tipbox .ht i.fl.on{background-position:0 -14px;cursor:pointer}
.qtranks-context .hd .oldate .tipbox .ht i.fr{background-position:-8px 0}
.qtranks-context .hd .oldate .tipbox .ht i.fr.on{background-position:-8px -14px;cursor:pointer}
.qtranks-context .hd .oldate .tipbox .list{text-align:left}
.qtranks-context .hd .oldate .tipbox .list li{width:50px;height:22px;border-radius:22px;float:left;line-height:22px;margin:0 6px 12px;cursor:pointer;text-align:center;display:inline;background-color:#f7f9f8;color:#8ea1a7}
.qtranks-context .hd .oldate .tipbox .list li.on{color:#fff;background-color:#6bbccb}
.qtranks-context .hd .oldate .tipbox .list li:hover{color:#6bbccb}
.qtranks-context .hd .oldate .tipbox .list li.on:hover{color:#fff}
.qtranks-context .hd .oldate:hover .tipbox{display:block}
.tuhao-list{padding-top:300px;position:relative;margin-top:20px;padding-bottom:20px;background:url(../images/rank/tuhaobg.png) no-repeat center 0}
.tuhao-list li{width:100%;height:80px;vertical-align:top;position:relative;z-index:1;padding-top:10px}
.tuhao-list li .s1{width:8%;float:left}
.tuhao-list li .s2{width:60%;height:100%;float:left}
.tuhao-list li .s3{width:20%;text-align:center;float:left}
.tuhao-list li .s4{width:30%;text-align:center;float:right;position:relative;height:70px}
.tuhao-list li .num{font-size:12px;display:inline-block;height:34px;line-height:34px;width:34px;text-align:center;border-radius:100%;background-color:#f7f9f8;color:#8ea1a7;font-size:18px;font-weight:700;vertical-align:middle;margin-top:18px}
.tuhao-list li .user{max-width:60%;height:70px;line-height:70px;color:#333;font-size:18px;margin:0 1px 0 5px;overflow:hidden;display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}
.tuhao-list li.vipsk .user{color:#ff6b6b}
.tuhao-list li .user img{width:70px;height:70px;border-radius:50%;margin-right:10px;overflow:hidden;display:inline-block;vertical-align:top}
.tuhao-list li .work{line-height:80px;color:#666;font-size:16px}
.tuhao-list li .work-r{background:#999;width:1px;height:16px;float:right;margin-top:7px;overflow:hidden;display:none}
.tuhao-list li .money{background:0 0;height:30px;line-height:30px;color:#666;font-size:16px;margin-top:25px;display:inline-block;position:relative;cursor:pointer;float:none}
.tuhao-list li.topt3{width:33%;height:215px;border:0;position:absolute;top:50px}
.tuhao-list li.topt3 .s2{width:100%;margin:0 auto;padding-top:150px;text-align:center;height:auto}
.tuhao-list li.topt3 .s1 .hg{position:absolute;top:2px;left:50%;float:none;display:block;z-index:1;margin-left:-54px;width:38px;height:32px}
.tuhao-list li.topt3 .s3{width:50%;text-align:right;float:left}
.tuhao-list li.topt3 .s5{width:100%;text-align:center;float:left}
.tuhao-list li.topt3 .num{position:absolute;top:84px;left:50%;margin-left:30px;z-index:1;width:38px;height:38px;line-height:200px;overflow:hidden}
.tuhao-list li.topt3 .user{max-width:44%;text-align:center;display:inline-block;line-height:20px;height:20px;margin:0 3px 0 0;float:none;vertical-align:middle}
.tuhao-list li.topt3 .user img{width:110px;height:110px;border:3px solid #ffb20f;position:absolute;top:15px;left:50%;margin-left:-58px;padding:1px}
.tuhao-list li.topt3 .work{line-height:30px;color:#999;padding-right:10px;font-size:14px}
.tuhao-list li.topt3 .work-r{display:block}
.tuhao-list li.topt3 .money{color:#999;margin-top:5px;font-size:14px;display:inline-block}
.tuhao-list li.topt3 .s4{display:block;width:100%}
.tuhao-list li.top1{height:250px;left:50%;margin-left:-16.5%;z-index:1;top:0}
.tuhao-list li.top1 .s1 .hg{background:url(../images/rank/sr-icon1.png) no-repeat}
.tuhao-list li.top1 .s1 .num{background:url(../images/rank/n1.png) no-repeat}
.tuhao-list li.top2{left:0;z-index:0}
.tuhao-list li.top2 .s1 .hg{background:url(../images/rank/sr-icon2.png) no-repeat}
.tuhao-list li.top2 .s1 .num{background:url(../images/rank/n2.png) no-repeat}
.tuhao-list li.top2 .user img{border-color:#87b2ec}
.tuhao-list li.top3{left:auto;right:0;z-index:2}
.tuhao-list li.top3 .s1 .hg{background:url(../images/rank/sr-icon3.png) no-repeat}
.tuhao-list li.top3 .s1 .num{background:url(../images/rank/n3.png) no-repeat}
.tuhao-list li.top3 .user img{border-color:#edc0ac}
.tuhao-list li .user:hover,.tuhao-list li .work:hover{color:#6bbccb}
.tuhao-list li.topt3 .level-img{margin-top:3px;display:inline-block;float:none;vertical-align:top}
.tuhao-list li.top3 .s4{display:block;text-align:center;width:100%;float:none;clear:both;height:auto}
.tuhao-list li.top2 .s5 .hz .tip{left:-116px}
.tuhao-list li.top3 .s5 .hz .tip{left:-136px}
.tuhao-list li .money .tip{display:none}
.tuhao-list li .money:hover .tip{z-index:1;position:absolute;top:29px;right:0;font-size:12px;display:inline-block;white-space:nowrap;padding:0 10px;border-radius:6px;height:30px;line-height:30px;background-color:#fff;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3)}
.tuhao-list li .money:hover .tip i{background:url(../images/r-arrow2.png) no-repeat 0 -15px;width:11px;height:11px;position:absolute;top:-7px;right:15px}
.tuhao-list li:hover{z-index:2}
.pagination{text-align:center;margin:0 auto 50px;overflow:hidden}
.pagination a{height:28px;line-height:28px;color:#666;border:1px solid #d9dde5;border-radius:50px;padding:0 10px;margin:0 2px;overflow:hidden;display:inline-block;vertical-align:top}
.pagination a.on,.pagination a:hover{background:#2cc;border-color:#2cc;color:#fff;text-decoration:none}
.moreloading{width:480px;position:relative;border-top:1px solid #f1f3f6;font-size:14px;color:#ccc;text-align:center;margin:30px auto 50px}
.moreloading span{display:inline-block;height:20px;line-height:20px;padding:0 20px;background-color:#fff;position:relative;top:-10px;vertical-align:top}
.srank-snav{width:200px;position:absolute;left:0;top:0;zoom:1}
.srank-snav-c{width:100%;overflow:hidden;background-color:#fff;border-radius:10px;margin-bottom:15px;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3);padding:20px 0}
.srank-snav-box .t{font-size:15px;color:#666;background:url(../images/rank/li.png) 20px center no-repeat;padding-left:36px;height:44px;line-height:44px;margin:5px 0}
.srank-snav-box a{display:block;padding-left:36px;font-size:15px;color:#8ea1a7;height:44px;line-height:44px}
.srank-snav-box a.on{color:#6bbccb;background:url(../images/rank/lihover.png) no-repeat}
.srank-snav-box a:hover{color:#6bbccb}
.srank-snav-ad img{width:100%;border-radius:10px}
.qtranks-context .hd .date .rolepalace{width:98px;height:26px;background:url(../images/rank/role_palace.png) no-repeat;display:inline-block;line-height:200px;overflow:hidden;-webkit-box-shadow:none;box-shadow:none;border:none;padding:0;border-radius:0}
.qtranks-context .hd .date .rolepalace:hover{background-position:0 -30px}
.qtranks-context .hd .date .rolepalace.on,.qtranks-context .hd .date .rolepalace.on:hover{background-position:0 -58px;-webkit-box-shadow:none;box-shadow:none;border:none}
.roleAtlas .tit{height:40px;line-height:40px;font-size:16px;padding-top:10px}
.roleAtlas .list{width:936px;position:relative;margin-left:-6px}
.roleAtlas .list ul{width:946px}
.roleAtlas .list li{float:left;width:20%;margin:10px 0 25px;position:relative;color:#8ea1a7}
.roleAtlas .list li .pic{width:180px;height:235px;position:relative}
.roleAtlas .list li .pic .ns{background:url(../images/rank/atlasns_n1.png) no-repeat;position:absolute;top:0;left:50%;width:180px;margin-left:-90px;height:254px}
.roleAtlas .list li .pic .ns.n2{background-image:url(../images/rank/atlasns_n2.png)}
.roleAtlas .list li .pic .ns.n3{background-image:url(../images/rank/atlasns_n3.png)}
.roleAtlas .list li .pic .ns.no{background:0 0}
.roleAtlas .list li .pic .picimg{width:168px;height:100%;overflow:hidden;display:block;margin:0 auto;border-radius:8px}
.roleAtlas .list li .pic img{width:100%;min-height:100%}
.roleAtlas .list li .rolename{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:168px;color:#333;margin:8px 0 0 6px;font-size:15px}
.roleAtlas .list li a:hover .rolename{color:#6bbccb}
.roleAtlas .list li .roleinfo{text-align:center;width:168px;font-size:13px;margin:2px 0 0 6px;line-height:24px}
.roleAtlas .list li .workname{text-align:center;line-height:20px;width:168px;margin-left:6px;font-size:12px}
.roleAtlas .list li .workname em{display:inline-block;vertical-align:top;max-width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.roleAtlas .list li .protect{text-align:center;margin:6px 0 0 6px;width:168px;height:30px}
.roleAtlas .list li .protect a{min-width:100px;padding:0 5px;height:26px;line-height:26px;overflow:hidden;color:#fd6c6e;border:1px solid #fd6c6e;font-size:14px;display:inline-block;border-radius:26px 26px 26px 13px}
.roleAtlas .list li .protect a:hover span{display:none}
.roleAtlas .list li .protect a .iconfont{font-size:14px}
.roleAtlas .list li .protect a i{display:none;font-size:14px}
.roleAtlas .list li .protect a:hover{background-color:#fd6c6e;color:#fff}
.roleAtlas .list li .protect a:hover i{display:inline}
.roleAtlas .list li .voice{left:142px;top:7px}
.roleAtlas .list li .grade{background:url(../images/rank/grade-n2.png?v1.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-84px;width:168px;height:100%;border-radius:8px;overflow:hidden}
.roleAtlas .list li .grade.g-n{background-image:url(../images/rank/grade-n2.png)}
.roleAtlas .list li .grade.g-r{background-image:url(../images/rank/grade-r2.png)}
.roleAtlas .list li .grade.g-sr{background-image:url(../images/rank/grade-sr2.png)}
.roleAtlas .list li .grade.g-ssr{background-image:url(../images/rank/grade-ssr2.png)}
.roleAtlas .list li .grade.g-ur{background-image:url(../images/ur/grade-ur-168-235.png)}
.roleAtlas .list li .grade.g-ur i{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ur/grade-big-ur.gif?v10) no-repeat center 0;background-size:100% 100%;background-image:url(../images/ur/grade-ur-168-235.gif?v10)\9}
.roleAtlas .morezk{text-align:center;margin-top:5px}
.roleAtlas .morezk span{height:24px;background:url(../images/rank/zkbg.png) no-repeat center bottom;padding:0 30px;display:inline-block;color:#6bbccb;cursor:pointer;color:#8ea1a7}
.roleAtlas .morezk span:hover{color:#6bbccb}
.roleAtlas .morezk .s2,.roleAtlas .morezk.on .s1{display:none}
.roleAtlas .morezk.on .s2{display:block}
.backtop{background:url(../images/top.png) no-repeat #fff;width:50px;height:56px;overflow:hidden;line-height:999;position:fixed;left:50%;margin-left:620px;bottom:150px;border-radius:10px;cursor:pointer;zoom:1;display:block;-webkit-box-shadow:0 0 8px rgba(102,102,102,.3);box-shadow:0 0 8px rgba(102,102,102,.3)}
.backtop:hover{background-position:0 -56px}
@media screen and (max-width:1280px){
.w{width:1000px}
.allrank-context .allrank-box{width:379px;padding:0 14px}
.roleAtlas .list{width:736px}
.roleAtlas .list ul{width:743px}
.roleAtlas .list li{width:25%}
}