@charset "utf-8";
@import "iconfont.css";
body{margin:0;padding:0;font-size:14px;color:#d2d2d2;background:#111;}
a{color:#d2d2d2;text-decoration:none;}
a:hover{color:#e7141a;text-decoration:none;}
a:active,a:visited,a:focus{text-decoration:none;}
a:focus{outline:0;}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0;}
li{list-style:none;}
h1{cursor:pointer;}
img{border:0;}
.container{width:1280px;margin:0 auto;}
.author-banner{float:left;width:100%;height:340px;overflow:hidden;color:#fff;position:relative;}
.author-banner .author_bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;filter:alpha(opacity=60);filter:url(blur.svg#blur);-webkit-filter:blur(45px);-moz-filter:blur(45px);-ms-filter:blur(45px);filter:blur(45px);background-repeat:no-repeat;background-size:cover;}
.author-banner .home{position:absolute;top:30px;z-index:2;}
.author-banner .home a{display:inline-block;padding:0 10px;height:30px;line-height:30px;background:#e8194a;color:#fff;border-radius:4px;}
.author-banner .home a:hover{opacity:0.8;}
.author-banner .cc{position:absolute;top:40px;left:calc(50% - 640px);width:1280px;}
.author-banner .pic{float:left;width:120px;height:120px;margin-left:calc(50% - 60px);position:relative;}
.author-banner .pic img{width:100%;height:100%;border:5px #ececec solid;border-radius:50%;}
.author-banner .pic .ico{position:absolute;bottom:0;right:0;width:24px;height:24px;background:url(../images/rz.png) no-repeat;background-size:100%;}
.author-banner h1{float:left;width:100%;height:30px;line-height:30px;font-size:24px;font-weight:normal;text-align:center;margin-top:20px;}
.author-banner p{float:left;width:100%;line-height:24px;text-align:center;margin-top:5px;}
.author-banner .fans{float:left;width:140px;height:40px;line-height:40px;text-align:center;background:linear-gradient(to left,#eb8d13,#da1342);border-radius:20px;margin-left:calc(50% - 70px);margin-top:15px;}
.author-banner .fans a{display:block;color:#fff;}
.author-banner .fans:hover{opacity:0.8;}
.author-banner .fans .icon{margin-right:5px;}
.layui-layer-msg{color:#676767;}
.webmenu{float:left;width:100%;background:#1c1c1c;}
.webmenu li{float:left;line-height:44px;margin-right:35px;}
.webmenu li:last-child{margin-right:0;}
.webmenu li a{display:block;color:#fff;}
.webmenu li a:hover,.webmenu li a.lei_hover{color:#e7141a;}
.author_left{float:left;width:calc(100% - 320px);}
.author_right{float:right;width:300px;}
.mt{margin-top:20px;}
.title{float:left;width:100%;height:40px;overflow:hidden;}
.title h1{float:left;height:40px;font-size:18px;font-weight:550;line-height:40px;text-indent:12px;position:relative;}
.title h1:after{content:"";display:inline-block;position:absolute;top:14px;left:0;width:5px;height:15px;border-radius:2px;background:#db1d40;}
.title a.more{float:right;height:22px;font-size:14px;line-height:22px;color:#888;margin-top:10px;padding-right:12px;position:relative;}
.title a.more:after{content:' ';position:absolute;top:7px;right:5px;width:6px;height:6px;border-left:1px #aaa solid;border-top:1px #aaa solid;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);z-index:5;}
.title a:hover.more{color:#ff504e;}
.title a:hover.more:after{border-left:1px #ff504e solid;border-top:1px #ff504e solid;}
.title dl{float:right;margin-top:6px;}
.title dd{float:left;height:24px;font-size:13px;line-height:24px;border-bottom:2px #666 solid;color:#d2d2d2;padding:0 10px;cursor:pointer;}
.title dd.lei_hover{color:#fff;border-bottom:2px #ff5722 solid;position:relative;}
.title dd.lei_hover:after{content:"";display:inline-block;position:absolute;bottom:-6px;left:calc(50% - 6px);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px #ff5722 solid;z-index:10;}
.title .tab_nemu{float:right;width:140px;margin-top:6px;}
.title .tab_nemu a{float:left;width:calc(33.33% - 1px);height:24px;font-size:12px;line-height:24px;background:#1c1c1c;color:#d2d2d2;text-align:center;cursor:pointer;}
.title .tab_nemu a.lei_hover{color:#fff;background:#D3320A url(../images/lei_dd.gif) right 0 no-repeat;}
.title .tab_nemu a:first-child{border-radius:20px 0 0 20px;}
.title .tab_nemu a:last-child{border-radius:0 20px 20px 0;}
.dance_list{float:left;width:100%;}
.dance_list li{float:left;width:calc(50% - 15px);padding:5px;color:#999;}
.dance_list li:nth-child(2n+1){float:left;margin-right:10px;}
.dance_list li:nth-child(4n+1){background:#181818;}
.dance_list li:nth-child(4n+2){background:#181818;}
.dance_list li .name{float:left;width:calc(100% - 92px);height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px;}
.dance_list li .time{float:right;height:24px;line-height:24px;font-size:12px;overflow:hidden;margin:0 5px;}
.dance_list li .goods{margin-top:2px;}
.goods{float:left;width:24px;height:20px;}
.good1{background:url(../images/t1.gif) center no-repeat;background-size:cover;}
.good2{background:url(../images/t2.gif) center no-repeat;background-size:cover;}
.checkbox{float:left;position:relative;min-width:14px;cursor:pointer;}
.checkbox input{position:absolute;display:none}
.checkbox span::before{position:absolute;top:5px;left:0;display:inline-block;width:14px;height:14px;background:#dadada;content:'';transition:all .1s;}
.checkbox span::after{position:absolute;top:6px;left:4px;display:none;width:4px;height:8px;border:solid #666;border-width:0 2px 2px 0;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.checkbox span{display:inline-block;text-indent:10px;height:24px;line-height:24px;color:#d2d2d2;}
.checkbox input:checked~span:after{display:inline-block;}
.all-checkbox{float:left;margin-top:10px;}
.all-checkbox .checkbox{background:#181818;padding:0 10px;border-radius:4px;}
.all-checkbox .checkbox span{height:30px;line-height:30px;text-indent:17px;}
.all-checkbox .checkbox span::before{top:8px;left:8px;}
.all-checkbox .checkbox span::after{top:9px;left:12px;}
.all-checkbox .btn{float:left;height:30px;line-height:30px;padding:0 10px;color:#fff;background:#181818 url(../images/typeicon.png) -136px -7px no-repeat;text-indent:12px;cursor:pointer;border-radius:4px;}
.all-checkbox .play-btn{background:#181818 url(../images/typeicon.png) -34px -7px no-repeat;margin:0 10px;}
.lei_fl{float:left;width:calc(100% - 20px);background:#1c1c1c;padding:5px 10px;border-radius:5px;}
.lei_fl .big{float:left;width:100%;margin:5px 0;}
.lei_fl .big li{float:left;height:24px;line-height:24px;margin:5px 20px 5px 0;}
.lei_fl .big li a{display:block;color:#d2d2d2;padding:0 12px;border-radius:20px;}
.lei_fl .big li a.current{background:#D3320A;color:#fff;}
.lei_fl .small{float:left;width:100%;background:#121212;margin:5px 0;border-radius:5px;}
.lei_fl .small li{float:left;font-size:13px;height:24px;line-height:24px;margin:5px 10px;}
.lei_fl .small li a{display:block;border-radius:20px;}
.lei_fl .small li a:hover,.lei_fl .small li a.current{color:#D3320A;}
.dj_title{float:left;width:100%;height:40px;line-height:40px;border-bottom:1px #181818 solid;}
.dj_title span{float:left;text-align:center;font-weight:bold;color:#999;}
.dj_title .lei_01{width:70px;}
.dj_title .lei_02{width:calc(100% - 650px);}
.dj_title .lei_03{width:72px;}
.dj_title .lei_04{width:91px;}
.dj_list{float:left;width:100%;}
.dj_list li{float:left;width:calc(100% - 20px);height:36px;line-height:36px;padding:5px 10px;border-bottom:1px #181818 solid;position:relative;}
.dj_list li:nth-child(even){background:#0c0c0c;}
.dj_list li .checkbox{width:70px;}
.dj_list li .checkbox span::before{top:11px;}
.dj_list li .checkbox span::after{top:12px;}
.dj_list li .checkbox span{height:36px;line-height:36px;font-size:13px;}
.dj_list li .name{float:left;width:calc(100% - 650px);color:#191919;height:36px;font-weight:400;margin:0 5px;overflow:hidden;position:relative;}
.dj_list li .name a{float:left;max-width:calc(100% - 64px);line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dj_list li .dujia{background:#4caf50;}
.dj_list li span{float:left;width:70px;text-align:center;font-size:13px;}
.dj_list li .time{float:left;width:92px;text-align:center;color:#999;font-size:13px;}
.dj_list li .lei_ico{position:absolute;right:10px;}
.dj_list li .lei_ico .icon{float:left;font-size:20px;color:#adadad;margin:0 2px;}
.dj_list li .lei_ico a:hover .icon{color:#e23230;}
.dj_list li .lei_ico .icon-fav{font-size:16px;}
.pagination{float:right;margin-top:10px;}
.pagination li{float:left;min-width:30px;height:30px;line-height:30px;background:#181818;text-align:center;margin:0 5px;}
.pagination li a{display:block;padding:0 5px;}
.pagination li a:hover,.pagination li.active a{color:#fff;background:#bd5c3c;}
.pagination li:last-child{margin-right:0;padding:0 8px;}
.author-edit{float:right;line-height:24px;}
.author-edit a{display:block;color:#fff;padding:0 10px;background:#da1342;border-radius:3px;}
.author-edit a:hover{opacity:0.8;}
.web_info{float:left;width:calc(100% - 20px);padding:10px;background:#1c1c1c;border-radius:5px;margin-top:20px;}
.web_info .pic{float:left;width:70px;height:100%;position:relative}
.web_info .pic img{float:left;width:100%;height:100%}
.web_info .pic span{position:absolute;left:0;display:inline-block;width:100%}
.web_info .pic span.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.web_info .info_r{float:right;width:calc(100% - 85px);}
.web_info h1{float:left;width:100%;height:30px;font-size:18px;line-height:30px;overflow:hidden;color:#fff;}
.web_info .works{float:left;width:100%;line-height:24px;font-size:14px;color:#aaa;margin-top:5px;}
.web_info .works span{color:#ececec;margin:0 3px;}
.web_info .info{float:left;width:100%;margin-top:10px;}
.web_info .info li{float:left;width:calc(50% - 0.5px);height:30px;line-height:30px;font-size:13px;color:#aaa;background:#222;text-indent:10px;overflow:hidden;margin-top:1px;}
.web_info .info li:nth-of-type(2n+1){margin-right:1px;}
.web_info .info li span{color:#fff;margin-left:10px;}
.web_info .word{float:left;width:calc(100% - 22px);color:#aaa;line-height:24px;padding:5px 10px;border:1px #222 dashed;border-radius:5px;margin-top:10px;}
.feed{float:left;width:100%;}
.feed li{float:left;width:100%;background:#111;padding:5px 10px;border-radius:5px;margin:10px 0;}
.feed li:hover{background:#222;}
.feed li .title{float:left;width:100%;line-height:24px;color:#ececec;}
.feed li .title img{float:left;width:16px;height:16px;margin:4px 7px 4px 0;}
.feed li .createTime{color:#d2d2d2;font-size:12px;}
.feed li .word{float:left;width:100%;line-height:24px;color:#888;}
.feed li .time{float:right;font-size:13px;}
.nothing{float:left;width:100%;min-height:300px;line-height:30px;text-align:center;margin:10px 0;}
.author-list{float:left;width:100%;}
.author-list .row{margin-left:-15px;margin-right:-15px;}
.author-list li{float:left;width:calc(25% - 30px);margin:15px;position:relative;}
.author-list li:hover .author-info .name{font-size:20px;}
.author-list li:hover .author-art .stats{font-size:13px;}
.author-list li .pic{position:absolute;top:0;left:calc(50% - 50px);width:100px;height:100px;}
.author-list li .pic img{float:left;width:100%;height:100%;border-radius:50%;}
.author-list li .author-info{float:left;width:calc(100% - 32px);padding:15px;background:#1c1c1c;text-align:center;border-radius:10px;margin-top:50px;}
.author-list li:hover .author-info{background:linear-gradient(to top,rgba(34,139,34,.7),rgba(148,213,0,.7));-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;}
.author-list li .author-info .name{float:left;width:100%;height:30px;line-height:30px;color:#fff;font-weight:500;font-size:20px;margin:50px 0 10px;}
.author-list li .author-info .name a{display:block;color:#fff;}
.author-art{float:left;width:100%;padding-top:10px;margin-top:10px;border-top:1px #222 solid;}
.author-art .stats{float:left;width:50%;line-height:22px;color:#8c8c8c;font-size:13px;}
.author-art .stats span{float:left;width:100%;}
.author-list li:hover .author-art{border-top:1px #bebebe solid;}
.author-list li:hover .author-art .stats{color:#dedede;}
.lei_xxk{float:right;height:24px;line-height:24px;font-size:12px;margin-top:3px;}
.lei_xxk a{display:inline-block;padding:0 12px;color:#d2d2d2;cursor:pointer;background:#222;}
.lei_xxk a:first-child{border-radius:15px 0 0 15px;}
.lei_xxk a:last-child{border-radius:0 15px 15px 0;}
.lei_xxk a.lei_hover{background:linear-gradient(to right,#efa030,#e23230);color:#fff;}
.author-hot{float:left;width:100%;}
.author-hot li{float:left;width:calc(100% - 20px);padding:10px;background:#1c1c1c;margin:5px 0;border-radius:5px;}
.author-hot li em{float:left;width:20px;height:24px;font-size:18px;line-height:24px;font-weight:bold;font-style:normal;text-align:center;color:#ccc;}
.author-hot li:nth-of-type(1) em{color:#c52a03;}
.author-hot li:nth-of-type(2) em{color:#2a95ab;}
.author-hot li:nth-of-type(3) em{color:#94d500;}
.author-hot li .name{float:right;width:calc(100% - 30px);height:24px;line-height:24px;overflow:hidden;}
.lei_copy{float:left;width:100%;background:#000;padding:10px 0;color:#999;}
.lei_copy a{color:#999;}
.lei_copy a:hover{color:#f8f8f8;}
.lei_copy li{float:left;width:100%;height:20px;line-height:20px;margin-top:5px;}
.lei_copy li span{margin:0 10px;}
.lei_copy .btmenu{float:left;width:100%;height:34px;line-height:34px;border-bottom:1px solid #121212}
.lei_copy .btmenu a{margin:0 8px;}