/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
abbr,acronym,fieldset,img{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#b4b4b4;font-size:.24rem}
::-moz-placeholder{color:#b4b4b4;font-size:.24rem}
::-ms-input-placeholder{color:#b4b4b4;font-size:.24rem}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
::-webkit-scrollbar{width:10px;height:7px}
::-webkit-scrollbar-thumb{border-radius:10px;background:#0071bc}
::-webkit-scrollbar-track{border-radius:10px;background:#ededed}
.nologin::-webkit-scrollbar-thumb{background:rgba(0,0,0,.6)}
.nologin::-webkit-scrollbar-track{background:rgba(255,255,255,.8)}
/*!-----------------[初始化结束]--------------*/
/*!******************************
    -------[=头部]-------
********************************/
.header{padding:0 .8rem}
.header .box{border-bottom:2px solid #f2f2f2}
.logo{float:left;font-size:0;line-height:1.6rem;margin-right:1.84rem}
.logo img{display:inline-block;vertical-align:middle;width:1.16rem}
.nav,.nav li{float:left}
.nav li{margin-right:1.4rem}
.nav .v1{display:block;font-size:.38rem;line-height:1.6rem;color:#000;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;position:relative}
.nav .v1::after{content:"";display:block;position:absolute;bottom:20%;left:0;width:100%;height:.12rem;border-radius:.06rem;-webkit-border-radius:.06rem;-moz-border-radius:.06rem;-ms-border-radius:.06rem;-o-border-radius:.06rem;background:linear-gradient(to right ,#0086d9,#0061ae);opacity:0;visibility:hidden}
.nav .on .v1,.nav .v1:hover{font-weight:700;color:#0071bc}
.nav .on .v1::after{opacity:1;visibility:visible}
.h-user{overflow:hidden;margin-top:.32rem; width: 8rem; text-align: right;}
.h-user .user{float:right;overflow:hidden}
.h-user .user .img{float:left;width:.96rem;height:.96rem;border-radius:50%;overflow:hidden;border:1px solid #8bcff6;background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:.25rem}
.h-user .user .name{font-size:.35rem;color:#0071bc;line-height:.96rem;max-width:2.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:break-all}
.h-user .links{overflow:hidden;float: right;}
.h-user .links .link{float:left;line-height:.96rem;position:relative;font-size:0;margin-left:.38rem}
.h-user .links .icon{display:inline-block;vertical-align:middle;width:.66rem}
.h-user .links .tag{position:absolute;top:.08rem;right:-.08rem;display:inline-block;text-align:center;min-width:.3rem;line-height:.3rem;font-size:.18rem;color:#fff;padding:0 .08rem;background-color:#e73828;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem}
.h-btns{width:3.28rem;box-shadow:0 0 3px rgba(0,0,0,.35);background-color:#fff;overflow:hidden;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;display:none;margin-top:.4rem}
.h-btns .btn{float:left;width:50%;text-align:center;font-size:.32rem;line-height:.8rem;color:#000}
.h-btns .btn.login{color:#0071bc;border-right:1px solid #f2f2f2}
.nologin .h-btns{display:block}
.nologin .header{box-shadow:0 6px 14px rgba(0,0,0,.35)}
.nologin .h-user,.nologin .header .box2{display:none}
.header .box2{margin-left:3rem}
.nav2,.nav2 li{float:left}
.nav2 li{margin-right:1rem}
.nav li:last-child,.nav2 li:last-child{margin-right:0}
.nav2 .v2{display:block;font-size:.34rem;color:#000;line-height:1.18rem;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.nav2 .on .v2,.nav2 .v2:hover{color:#0071bc}
.nav2.sty1 li{margin-right:3.7rem}
.nav2.sty1 li:last-child{margin-right:0}
.h-search{position:relative;width:7.2rem;margin-top:.29rem;z-index:10}
.h-search .inp{display:block;width:100%;height:.6rem;font-size:.3rem;color:#333;padding:0 .6rem 0 .1rem;border-bottom:solid #a6a6a6}
.h-search .btn{width:.6rem;height:.6rem;position:absolute;top:0;right:0;background:url(../images/c-i3.png) center no-repeat;background-size:.33rem}
.s-sub{position:absolute;top:100%;left:0;width:100%;max-height:9.5rem;overflow-y:auto;background-color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.35);border-radius:0 0 .4rem .4rem;-webkit-border-radius:0 0 .4rem .4rem;-moz-border-radius:0 0 .4rem .4rem;-ms-border-radius:0 0 .4rem .4rem;-o-border-radius:0 0 .4rem .4rem;display:none}
.s-sub .title{line-height:.98rem;background-color:#fbfbfb;font-size:.3rem;color:#000;font-weight:700;padding:0 .3rem}
.s-sub .con{overflow:hidden;line-height:.6rem;padding:0 .3rem}
.s-sub .con .del{float:right;width:.5rem;height:.5rem;background:url(../images/c-i6.png) center no-repeat;background-size:.24rem;margin-top:.05rem;cursor:pointer}
.s-sub .con .hot{float:right;width:.5rem;height:.5rem;background:url(../images/c-i7.png) center no-repeat;background-size:.14rem;margin-top:.05rem;cursor:pointer}
.s-sub .con .tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s-sub .con .tit .a1{font-size:.28rem;color:#000;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.s-sub .con .tit .a1:hover{color:#0086d9}
.playpage .header{padding-right:1.3rem;margin-top:.4rem;z-index:10}
.playpage .logo img{width:1.36rem}
.playpage .header .box{border-bottom:none}
.playpage .h-user .name{color:rgba(255,255,255,.5)}
.exit{width:.9rem;height:.98rem;background:url(../images/c-i11.png) center right no-repeat;background-size:.42rem;overflow:hidden;cursor:pointer;float:left}
/*!******************************
    -------[=导航]-------
********************************/
/*!******************************
    -------[=底部]-------
********************************/
.footer{background-color:#333;padding:.45rem .9rem;overflow:hidden}
.footer .col_c,.footer .col_l{width:35%}
.footer .col_r{float:none;overflow:hidden;width:auto}
.footer .title{font-size:.32rem;color:#ccc;margin-bottom:.3rem}
.oh{overflow:hidden}
.f-app .item{display:inline-block;vertical-align:top;text-align:center;font-size:.28rem;color:#8f8f8f;margin:0 .18rem}
.f-app .item .icon{height:1.2rem}
.f-app .item .icon img{width:.8rem}
.f-links .links{width:70%;overflow:hidden}
.f-links .a1{float:left;width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.26rem;color:#8f8f8f;margin-bottom:.37rem;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.f-links .a1:hover{color:#fff}
.f-copy{text-align:center;font-size:.3rem;color:#ccc}
.f-copy a{color:#ccc}
.f-copy a:hover{text-decoration:underline}
/*!******************************
    -------[=公用]-------
********************************/
.cur,.cur a{font-size:12px;color:#5e5e5e;line-height:20px}
.cur{margin:18px 0 10px 9px;padding-left:26px;background:url(../images/cur.png) left center no-repeat}
.cur a:hover{color:#ca1318}
.pages{text-align:center;margin:21px 0 38px}
.pages ul{display:inline-block}
.pages ul li{float:left;margin:0 5px}
.pages ul li a{display:block;width:35px;height:35px;line-height:35px;text-align:center;color:#555;border:1px solid #555;border-radius:50%}
.pages ul a:hover,.pages ul li.on a{background-color:#ea3032;border:1px solid #ea3032;color:#fff}
.pages ul li.next,.pages ul li.prev{font-weight:700;font-family:"宋体";font-size:20px;margin:0 15px}
.pages ul li span{display:inline-block;margin-top:5px;font-weight:700;font-family:Arial;color:#dadada}
@media (min-width:1280px){
html{font-size:50px}
}
@media (min-width:1360px){
html{font-size:53.125px}
}
@media (min-width:1366px){
html{font-size:53.359375px}
}
@media (min-width:1400px){
html{font-size:54.6875px}
}
@media (min-width:1440px){
html{font-size:56.25px}
}
@media (min-width:1600px){
html{font-size:62.5px}
}
@media (min-width:1680px){
html{font-size:65.625px}
}
@media (min-width:1920px){
html{font-size:75px}
}
@media (min-width:2560px){
html{font-size:100px}
}
/*!****** lib.css end *******/
/*!****** bl *******/
.g-bg{overflow:hidden;height:14.4rem;position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(../images/c-bg1.png)}
.g-bot{position:absolute;bottom:1rem;left:1.5rem;font-size:.28rem;color:rgba(255,255,255,.7)}
.g-bot .icon{display:block;width:2.86rem;margin-bottom:.2rem}
.m-login .lg img{display:block;width:25.5rem;margin:1.1rem auto 0}
.m-login .con{width:6.4rem;margin:0 auto}
.ul-tabsb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.5rem}
.ul-tabsb1 li{float:left}
.ul-tabsb1 li a{display:inline-block;font-size:.36rem;color:rgba(255,255,255,.7);padding-bottom:.1rem;border-bottom:solid transparent}
.ul-tabsb1 .on a{color:#fff;border-color:#fff}
.m-txtb1{text-align:center;font-size:.3rem}
.m-txtb1 .tips{color:rgba(255,255,255,.7);margin-bottom:.2rem}
.m-txtb1 .tips span{color:#0ff}
.m-txtb1 .qr{position:relative;width:3.5rem;height:3.5rem;background-color:#fff;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;overflow:hidden;margin:0 auto .3rem}
.m-txtb1 .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.m-txtb1 .mask .t{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:.28rem;color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.m-txtb1 .mask .t .icon{display:block;width:.72rem;margin:0 auto}
.m-lab{display:block;padding-left:.5rem;background:url(../images/c-i9.png) left no-repeat;-webkit-background-size:.33rem .33rem;-moz-background-size:.33rem;-o-background-size:.33rem;background-size:.33rem;text-align:left;cursor:pointer;font-size:.28rem;color:rgba(255,255,255,.7)}
.m-lab input{display:none}
.m-lab.checked{background-image:url(../images/c-i10.png)}
.m-lab a{color:#0ff}
.m-lab a:hover{text-decoration:underline}
.m-formb1{padding-top:.4rem}
.m-formb1 .inpbox{overflow:hidden}
.m-formb1 .inp{display:block;width:100%;border-bottom:solid #fff;height:.7rem;background-color:transparent;font-size:.3rem;color:#fff}
.m-formb1 .inp::-webkit-input-placeholder{font-size:.3rem;color:rgba(255,255,255,.4)}
.m-formb1 .inp::-moz-placeholder{font-size:.3rem;color:rgba(255,255,255,.4)}
.m-formb1 .inp::-ms-input-placeholder{font-size:.3rem;color:rgba(255,255,255,.4)}
.m-formb1 .group{margin-bottom:.43rem}
.m-formb1 .getCode{float:right;display:block;border:solid #fff;height:.82rem;line-height:.82rem;text-align:center;font-size:.34rem;color:#fff;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;background-color:transparent;width:2rem;margin-left:.16rem;margin-top:-.12rem;cursor:pointer}
.m-formb1 .bot-btn{padding-top:.9rem}
.m-formb1 .bot-btn .btn{display:block;border:solid #fff;height:1.2rem;line-height:1.2rem;text-align:center;font-size:.38rem;color:#fff;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;background-color:transparent;width:3rem;margin:0 auto}
.m-infob1{overflow:hidden;margin:2.2rem 3.8rem 0 3.3rem}
.m-infob1 .title{color:#fff;margin-bottom:1.65rem}
.m-infob1 .title h1{font-size:.9rem;line-height:1.45;font-weight:400;margin-bottom:.3rem}
.m-infob1 .title h3{font-size:.6rem;font-weight:400}
.m-infob1 .downs{margin-bottom:1.75rem}
.m-infob1 .downs .down{display:inline-block;vertical-align:bottom;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.m-infob1 .downs .down:hover{-webkit-transform:translateY(-.15rem);-moz-transform:translateY(-.15rem);-ms-transform:translateY(-.15rem);-o-transform:translateY(-.15rem);transform:translateY(-.15rem)}
.m-infob1 .downs .ios{margin-right:.9rem}
.m-infob1 .downs .ios img{width:1.85rem}
.m-infob1 .downs .android img{width:2.43rem}
.m-infob1 .ue{display:block;width:5.3rem}
.m-infob1 .g-bot{position:static}
.m-play{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:1.5rem;overflow:hidden;min-height:100vh}
.m-play .container{padding:0 1.47rem .2rem 1.5rem;margin-top:1.1rem}
.m-play .container .col_l{width:5.7rem;height:100%}
.m-play .container .col_r{height:100%;float:none;width:auto;margin-left:6.5rem}
.scroll{height:100%;overflow-y:auto}
.m-txtImgb1 .pic{width:4.8rem;height:4.8rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;overflow:hidden;margin-bottom:.65rem}
.m-txtImgb1 .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.m-txtImgb1 .info .tit{font-size:.45rem;color:#fff;margin-bottom:.26rem}
.m-txtImgb1 .info .tags{font-size:0;padding-bottom:.05rem}
.m-txtImgb1 .info .tags .tag{display:inline-block;vertical-align:top;background-color:transparent;border:solid #fff;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;min-width:.8rem;text-align:center;font-size:.22rem;line-height:.4rem;color:#fff;font-weight:700;margin:0 .2rem .2rem 0}
.m-txtImgb1 .txt{font-size:.34rem;color:rgba(255,255,255,.7);line-height:1.8}
.m-txtImgb1 .desc{padding-top:.55rem}
.m-txtImgb1 .desc h3{color:#fff;font-size:.34rem;margin-bottom:.25rem}
.ul-options{overflow:hidden;margin:0 -.15rem}
.ul-options li{float:left;width:20%}
.ul-options .btn{display:block;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;border:solid #bbcbe7;text-align:center;font-size:0;color:#fff;line-height:.91rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 .15rem .45rem}
.ul-options img,.ul-options span{display:inline-block;vertical-align:middle}
.ul-options img{width:.52rem;margin-right:.3rem}
.ul-options span{font-size:.34rem;max-width:1.8rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-table li{display:table;width:100%}
.ul-table .w{display:table-cell;vertical-align:middle;font-size:.34rem;color:#fff}
.ul-table .w1{width:.65rem;height:.94rem;}
.ul-table .w2{width:7.42rem;padding-left:.5rem;height:.94rem;}
.ul-table .w3{width:4.1rem;height:.94rem;}
.ul-table .w4{width:2rem;height:.94rem;}

.ul-table .lab{display:block;width:100%;height:.94rem;background:url(../images/ck-1.png) left center no-repeat;-webkit-background-size:.32rem .32rem;-moz-background-size:.32rem;-o-background-size:.32rem;background-size:.32rem;cursor:pointer}
.ul-table .lab input{display:none}
.ul-table .lab.checked{background-image:url(../images/ck-3.png)}
.ul-table.body li{cursor:pointer;color:#fff;opacity:.7}
.ul-table.body li.playing,.ul-table.body li:hover{opacity:1}
.ul-table.body .playing .ing{display:inline-block}
.ul-table.body .w2{padding-left:0}
.ul-table.body .idx{display:inline-block;vertical-align:middle;width:.5rem}
.ul-table.body .name{display:inline-block;vertical-align:middle;max-width:7rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-table.body .ing{vertical-align:middle;width:.41rem;margin-left:.1rem;margin-top:-.08rem;display:none}
.tbody{height:9.5rem;overflow-y:auto;margin-bottom:.85rem}
.g-bar{position:relative;height:8px;background-color:#7789a4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.g-bar .ProgressBar{height:8px!important;background:0 0}
.g-bar .ProgressLine{background:-webkit-gradient(linear,left top,right top,from(#55f6fe),to(#30b0d8));background:-webkit-linear-gradient(left,#55f6fe,#30b0d8);background:oldlinear-gradient(left,#55f6fe,#30b0d8) -moz-;background:-o-linear-gradient(left,#55f6fe,#30b0d8);background:linear-gradient(to right,#55f6fe,#30b0d8)}
.g-bar .ProgressLine .btn{border-width:0;background:url(../images/jd-1.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer}
.g-bar .subbar{position:absolute;top:0;left:0;height:100%;-webkit-border-radius:.04rem;-moz-border-radius:.04rem;border-radius:.04rem;background:-webkit-gradient(linear,left top,right top,from(#55f6fe),to(#30b0d8));background:-webkit-linear-gradient(left,#55f6fe,#30b0d8);background:oldlinear-gradient(left,#55f6fe,#30b0d8) -moz-;background:-o-linear-gradient(left,#55f6fe,#30b0d8);background:linear-gradient(to right,#55f6fe,#30b0d8)}
.g-bar .subbar .dot{position:absolute;top:-.15rem;right:0;width:.4rem;height:.4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:url(../images/jd-1.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;cursor:pointer}
.m-controls .time{font-size:.34rem;color:#fff;overflow:hidden;margin:.3rem 0 .17rem}
.m-controls .total{float:left;opacity:.7}
.m-controls .sy{float:right}
.m-controls .control{position:relative;overflow:hidden}
.m-controls .control .volume .icon{float:left;width:.48rem;line-height:1rem;font-size:0;cursor:pointer}
.m-controls .control .volume .icon img{display:inline-block;vertical-align:middle}
.m-controls .control .volume .bar{width:2.6rem;margin-left:.8rem;padding-top:.45rem}
.m-controls .control .volume .bar .ProgressBar{background-color:#6d7e97}
.m-controls .control .volume .bar .ProgressLine,.m-controls .control .volume .bar .ProgressLine .btn{background:#fff}
.m-controls .control .volume .bar .ProgressLine .btn{cursor:pointer}
.m-controls .control .m{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;line-height:1rem}
.m-controls .control .m .btn{display:inline-block;vertical-align:middle;width:.65rem;cursor:pointer;margin:0 .65rem}
.m-controls .control .m .btn img{display:inline-block;vertical-align:middle;width:100%}
.m-controls .control .m .playbtn img:nth-child(2){display:none}
.m-controls .control .m .act.playbtn img{display:none}
.m-controls .control .m .act.playbtn img:nth-child(2){display:inline-block}
.m-controls .control .opt{font-size:0;line-height:1rem}
.m-controls .control .opt .icon{margin-left:.3rem;cursor:pointer}
.m-controls .control .opt .icon,.m-controls .control .opt img{width:.58rem;display:inline-block;vertical-align:middle}
/*!公告*/
.g-rowb1{background-color:#f2f2f2;overflow:hidden;padding:.4rem .8rem}
.g-rowb1 .col_l{width:7.6rem}
.g-rowb1 .col_r{width:16rem}
.m-detailsb1{padding:.5rem}
.m-detailsb1 h1{font-size:.36rem;text-align:center;margin-bottom:.1rem}
.m-detailsb1 .date{font-size:.26rem;color:grey;text-align:center;margin-bottom:.35rem}
.m-detailsb1 .txt{/*max-height:12rem;*/overflow:hidden;font-size:.32rem;color:#333;line-height:.48rem}
.m-detailsb1 .open{position:relative;text-align:center;height:1rem;line-height:1.2rem;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(255,255,255,.5)),to(#fff));background:-webkit-linear-gradient(rgba(255,255,255,.5) 5%,#fff);background:oldlinear-gradient(rgba(255,255,255,.5) 5%,#fff) -moz-;background:-o-linear-gradient(rgba(255,255,255,.5) 5%,#fff);background:linear-gradient(rgba(255,255,255,.5) 5%,#fff);margin-top:-1rem;z-index:1}
.m-detailsb1 .open span{cursor:pointer;font-size:.32rem;color:#0071bc}
.m-detailsb1.show .txt{max-height:none}
.g-box{background-color:#fff;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.06);-moz-box-shadow:0 0 .1rem rgba(0,0,0,.06);box-shadow:0 0 .1rem rgba(0,0,0,.06)}
.ul-friend{padding-top:.15rem}
.ul-friend .con{display:block;padding:.15rem .5rem;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;margin-bottom:.3rem}
.ul-friend .con:hover{background-color:#e2edf5}
.ul-friend .con:hover .edit{background-image:url(../images/c-i15.png)}
.ul-friend .pic{float:left;width:1.2rem;height:1.2rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;margin-right:.15rem}
.ul-friend .pic .img{height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-friend .pic .num{position:absolute;top:-.1rem;right:.1rem;min-width:.3rem;line-height:.3rem;font-size:.2rem;color:#fff;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;background-color:#e73828;text-align:center}
.ul-friend .txt{overflow:hidden}
.ul-friend .txt .left{float:left;width:4rem}
.ul-friend .txt .edit{height:1.2rem;overflow:hidden;background:url(../images/c-i14.png) right center no-repeat}
.ul-friend .name{font-size:.36rem;color:#000;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:1.5em;margin:.02rem 0 .04rem}
.ul-friend .info{font-size:.26rem;color:grey;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-friend .info .tag{color:#7ccaeb;margin-right:.1rem}
.m-top{padding:.55rem .5rem .4rem;border-bottom:solid #e6e6e6}
.m-key{line-height:1.8rem;font-size:.32rem;background-color:#fbfbfb;padding:0 .8rem}
.key{color:#0071bc!important}
.m-resbox{background-color:#fff;padding:1.1rem .8rem 0;overflow:hidden}
.m-resbox .g-tits{margin-bottom:.7rem}
.ul-single{overflow:hidden;margin:0 -.5rem}
.ul-single li{float:left;width:33.33%}
.ul-single .con{display:block;overflow:hidden;margin:0 .5rem .6rem}
.ul-single .con:hover .pic .img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.ul-single .con:hover .tit{text-decoration:underline}
.ul-single .pic{float:left;width:2rem;height:2rem;-webkit-border-radius:.12rem;-moz-border-radius:.12rem;border-radius:.12rem;overflow:hidden;margin-right:.4rem}
.ul-single .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s}
.ul-single .txt{font-size:.28rem;line-height:1.7;overflow:hidden;padding-top:.1rem}
.ul-single .top{overflow:hidden}
.ul-single .time{float:right;font-size:.28rem;color:grey}
.ul-single .tit{font-size:.36rem;font-weight:700;color:#000;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:1.7em;margin-bottom:.05rem}
.row-g1{padding:1rem 0;overflow:hidden}
.row-g1 .g-tits{margin-bottom:.8rem}
.m-banb1 .img{display:block}
.m-banb1 .img img{display:block;width:100%}
.m-banb1.g-bansty .slick-dots{bottom:.6rem}
.m-banb1.g-bansty .slick-dots li{background-color:#8e8e8e}
.m-banb1.g-bansty .slick-dots li.slick-active{background-color:#fff}
.g-bansty{position:relative}
.g-bansty .slick-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:0}
.g-bansty .slick-dots li{display:inline-block;width:.36rem;height:.36rem;margin:0 5px;-webkit-border-radius:.18rem;-moz-border-radius:.18rem;border-radius:.18rem;background-color:#c5c5c5;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.g-bansty .slick-dots button{display:none}
.g-bansty .slick-dots li.slick-active{width:.72rem;background-color:#5e97f3}
.g-bansty .slick-arrow{font-size:0;text-indent:9999px;border:none;z-index:5;cursor:pointer;outline:0;width:1.6rem;height:1.6rem;position:absolute;top:35%;background-color:transparent;background-position:center;background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.g-bansty .slick-prev{left:0;background-image:url(../images/c-prev.png)}
.g-bansty .slick-next{right:0;background-image:url(../images/c-next.png)}
.m-banb2 .slider{padding:0 .8rem .2rem}
.row-g2{padding:1rem 0 .8rem;background-color:#fbfbfb;overflow:hidden}
.row-g2 .g-tits{margin-bottom:.8rem}
.g-tits .playall{position:absolute;top:-.14rem;right:.2rem;color:#666;font-size:0;line-height:.9rem;letter-spacing:0rem;}
.g-tits .playall img,.g-tits .playall span{display:inline-block;vertical-align:middle}
.g-tits .playall img{margin-top:.2rem}
.g-tits .playall span{font-size:.32rem}
.row-g3{padding:1rem 0 .9rem}
.row-g3 .g-tits{margin:0 .8rem .8rem}
.m-banb3 .slider{padding:0 .6rem 1.4rem}
.m-banb3 .con{display:block;-webkit-border-radius:.12rem;-moz-border-radius:.12rem;border-radius:.12rem;overflow:hidden;height:4.72rem;margin:0 .2rem}
.m-banb3 .con img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.m-banb4 .slider{padding:0 .3rem .5rem}
.m-banb4 .ul-single{margin:0}
.row-g4{padding:1rem 0 .6rem;background-color:#fbfbfb;overflow:hidden}
.row-g4 .g-tits{margin-bottom:.5rem}
.m-banb5 .slider{padding:0 .8rem .2rem}
/*!****** bl end *******/
.ban-1{margin-bottom:1rem;position:relative}
.ban-1 .ban-bg{display:block;width:100%;object-position: center;
    object-fit: cover;}
.ban-1 .user{position:absolute;top:18%;left:50%;transform:translateX(-50%);text-align:center}
.ban-1 .pic-user{width:3rem;height:3rem;margin-bottom:.18rem;border:5px solid #fff;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;margin-left:1rem}
.ban-1 .user-na{font-size:.48rem;color:#fff;margin-bottom:.1rem}
.ban-1 .user-na b{vertical-align:middle}
.ban-1 .ort{font-size:.42rem;color:#b9b8ca}
.ban-1 .na-p{width:1.83rem;height:.8rem;vertical-align:middle}
.g-tits{position:relative;text-align:center;font-weight:600;font-size:.55rem;margin-bottom:.25rem;letter-spacing:.2rem}
.m-tab1{width:7.2rem;height:.77rem;line-height:.77rem;font-weight:700;margin:0 auto}
.m-tab1 li{text-align:center;float:left;width:50%;font-size:.35rem;position:relative;font-weight:500}
.m-tab1 li a{color:#000}
.m-tab1 li::after{content:'';display:none;width:.8rem;height:.09rem;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);border-radius:50px;background-color:#0071bc}
.m-tab1 .on::after,.m-tab1 li:hover::after{display:block}
.m-tab1 .on a,.m-tab1 li a:hover{color:#0071bc;transition:.3s;font-weight:600}
.ls-cen{overflow:hidden;margin:.8rem .8rem 1.1rem}
.ul-music{display:block;overflow:hidden}
.ul-music li{height:1.2rem;line-height:1.2rem;padding:0 .25rem}
.ul-music li:nth-child(2n){background-color:#fbfbfb}
.ul-music .txt-n{color:#999;font-size:.26rem}
.ul-music .txt{font-size:.34rem}
.ul-music li a:hover{color:#0071bc;transition:.3s}
.ul-music span{display:inline-block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-music .pin{width:1.12rem}
.ul-music .pin-h{color:#241816;background-color:#bca908}
.ul-music .mu-na{width:20%}
.ul-music .mu-at{width:30%}
.ul-music .mu-per{width:30%}
/* .ul-music .mu-na{width:7.85rem}
.ul-music .mu-at{width:5.22rem}
.ul-music .mu-per{width:7.98rem} */
.ul-music .hr{vertical-align:middle;width:.6rem;height:.4rem}
.fan{text-align:center;margin-bottom:1rem}
.fan b{font-size:.34rem;padding:0 .55rem;vertical-align:middle}
.fan .l1,.fan .l2{width:.37rem;height:.41rem;vertical-align:middle;cursor:pointer}
.ul-alb{display:block;overflow:hidden;margin:0 -.2rem}
.ul-alb li{float:left;width:20%}
.ul-alb .con{display:block;margin:0 .2rem 1.2rem}
.ul-alb .pic{width:4.5rem;height:4.5rem;border-radius:.2rem;margin-bottom:.4rem;overflow:hidden}
.ul-alb .pic img{display:block;width:100%;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s}
.ul-alb .con:hover .pic img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.ul-alb .txt{height:1.1rem}
.ul-alb .txt .name{font-size:.32rem;font-weight:600;margin-bottom:.1rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-alb .txt .name:hover{color:#0071bc;transition:.4s}
.ul-alb .txt .time{font-size:.3rem;font-weight:400;color:grey;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ls-zh{margin-bottom:0}
.ul-alb .a8{width:1.17rem;height:.32rem}
.ul-alb .num,.ul-sou .txt .time{padding-left:.56rem;font-size:.3rem;font-weight:400;color:grey;background:url(../images/a8.png) 1px center no-repeat;background-size:.4rem auto;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-alb .num.t-red,.ul-sou .txt .t-red{background-image:url(../images/a8-1.png);transition:.3s}
.m-tab2{width:11.6rem;height:.77rem;line-height:.77rem;font-weight:700;margin:0 auto}
.m-tab2 li{text-align:center;float:left;width:33.3%;font-size:.35rem;position:relative;font-weight:500}
.m-tab3{width:11.6rem;height:.77rem;line-height:.77rem;font-weight:700;margin:0 auto}
.m-tab3 li{text-align:center;float:left;width:25%;font-size:.35rem;position:relative;font-weight:500}
.ul-fav{display:block;overflow:hidden;margin:0 -.49rem}
.ul-fav li{float:left;width:20%}
.ul-fav .con{display:block;margin:0 .49rem .8rem}
.ul-fav .pic{width:4rem;height:4rem;border-radius:50%;margin-bottom:.4rem;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.ul-fav .con:hover .pic img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.ul-fav .txt{text-align:center;height:1.1rem}
.ul-fav .txt .name{font-size:.3rem;font-weight:700;margin-bottom:.1rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ul-fav .txt .name:hover{color:#0071bc;transition:.3s}
.ul-fav .txt .time{font-size:.26rem;color:grey;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.b-a-1{margin-bottom:0}
.wp-1{padding:.82rem .74rem;background-color:#f2f2f2;overflow:hidden}
.o-l{float:left;width:16rem}
.o-r{float:right;width:7.6rem;border-radius:.1rem}
.user-list{display:block;box-shadow:0 0 .1rem rgba(0,0,0,.06);margin-bottom:.5rem}
.user-list .con{overflow:hidden;display:block;padding:.44rem .6rem;background-color:#fff;border-radius:.12rem}
.user-list .picuser{overflow:hidden;float:left;width:1.2rem;height:1.2rem;border-radius:.5rem;margin-right:.3rem;margin-bottom:.8rem}
.user-list .txt{overflow:hidden}
.user-list .tits{position:relative;margin-bottom:.25rem}
.user-list .txt .tits .name{color:#333}
.user-list .tits .tit{font-size:.36rem;margin-bottom:.04rem;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.user-list .tits .tit img{width:1rem;vertical-align:middle;display:inline-block;margin-left:.2rem}
.user-list .tits .time{color:#7f7f7f;font-size:.26rem;margin-bottom:.2rem}
.user-list .tits .desc{font-size:.3rem;line-height:2}
.user-list .tits .follow{display:block;top:.08rem;right:0;position:absolute}
.user-list .pic{overflow:hidden;margin:0 -.22rem}
.user-list .pic img{display:block;width:100%;overflow:hidden}
.user-list .pic li{float:left;width:33.3%}
.user-list .pic a{display:block;margin:0 .22rem .35rem;overflow:hidden;border-radius:.15rem}
.user-list .pic a:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);transition:.6s}
.fol-r{padding:.5rem .4rem;background-color:#fff;border-radius:.12rem;box-shadow:0 0 .1rem rgba(0,0,0,.06);margin-bottom:.32rem}
.like{margin-bottom:.4rem}
.like span{display:inline-block}
.like .like-1{font-size:.26rem;cursor:pointer;padding-left:.55rem;background:url(../images/z2.png) 1px center no-repeat;color:#999;background-size:.36rem auto}
.like .like-4{font-size:.26rem;cursor:pointer;padding-left:.55rem;background:url(../images/z2.png) 15px center no-repeat #e1f0ff;margin-left:.5rem;border-radius:.5rem;width:1.2rem;height:.65rem;text-align:center;color:#0071bc;line-height:.65rem;background-size:.36rem auto}
.like .like-2{font-size:.26rem;cursor:pointer;padding-left:.55rem;background:url(../images/z1.png) 15px center no-repeat #e1f0ff;margin-left:.5rem;border-radius:.5rem;width:1.2rem;height:.65rem;text-align:center;color:#0071bc;line-height:.65rem;background-size:.36rem auto}
.like .like-3{margin-left:.5rem;cursor:pointer;padding-left:.55rem;background:url(../images/z5.png) 1px center no-repeat;color:#999;background-size:.36rem auto}
.self-com{overflow:hidden;margin-bottom:.6rem}
.self-com .pic-self{cursor:pointer;width:.88rem;height:.88rem;overflow:hidden;float:left;border-radius:.5rem;margin-right:.3rem}
.self-com .inp-com{overflow:hidden}
.self-com .inp-com .inp{border:1px solid #e6e6e6;width:10.16rem;height:.75rem;border-radius:.05rem;padding-left:.1rem}
.self-com .inp-com .btn{font-size:.38rem;float:right;display:inline-block;width:1.3rem;height:.75rem;line-height:.75rem;text-align:center;border:none;margin-right:.1rem;color:#fff;border-radius:.08rem;background:-o-linear-gradient(right,#0084d6,#0066b4);background:-moz-linear-gradient(right,#0084d6,#0066b4);background:linear-gradient(to right,#0084d6 ,#0066b4)}
.self-com .inp-com .tit{font-size:.3rem;margin-bottom:.1rem}
.self-com .inp-com .time{font-size:.26rem;color:grey}
.self-com .inp-com .name{cursor:pointer;color:#117ac0}
.self-com .inp-com .num{font-size:.26rem;cursor:pointer;padding-left:.5rem;float:right;color:#117ac0;background:url(../images/z3.png) 1px center no-repeat;background-size:.4rem auto}
.self-com .inp-com .num-1{font-size:.26rem;cursor:pointer;padding-left:.5rem;float:right;color:grey;background:url(../images/z2.png) 1px center no-repeat;background-size:.36rem auto}
.g-titfo{font-size:.36rem;position:relative;padding-left:.3rem}
.g-titfo::after{position:absolute;content:"";top:0;left:0;width:.1rem;height:.5rem;background-color:#0071bc}
.g-titfo .chenge{line-height:.5rem;cursor:pointer;float:right;color:#999;font-size:.26rem;padding-left:.4rem;background:url(../images/z4.png) 1px center no-repeat;background-size:.32rem auto}
.ul-foc{display:block;overflow:hidden;margin-top:.6rem}
.ul-foc li{margin-bottom:.44rem}
.ul-foc li:last-child{margin-bottom:0}
.ul-foc .con{display:block;overflow:hidden}
.ul-foc .p-u{width:1.1rem;height:1.1rem;overflow:hidden;float:left;border-radius:.5rem;margin-right:.3rem}
.ul-foc .txt{overflow:hidden;position:relative}
.ul-foc .txt .tit{font-size:.34rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:3.6rem}
.ul-foc .txt:hover .tit{color:#0071bc}
.ul-foc .txt .desc{font-size:.28rem;color:grey;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:3.6rem}
.ul-foc .txt .desc .club{color:#0071bc}
.ul-foc .txt .add{width:1.5rem;height:.65rem;line-height:.63rem;border:1px solid #0071bc;color:#0071bc;font-size:.28rem;position:absolute;right:0;top:.15rem;text-align:center;border-radius:.5rem;background:url(../images/j3.png) 8px center no-repeat;background-size:.35rem auto;padding-left:.3rem}
.ul-foc .txt .add-1{width:1.5rem;height:.65rem;line-height:.65rem;border:1px solid #999;color:#999;font-size:.28rem;position:absolute;right:0;top:.15rem;text-align:center;border-radius:.5rem}
.wp-sin{background-color:#eef3fa}
.m-singer{overflow:hidden;margin-bottom:1rem}
.m-singer .sin-pic{float:left;width:4rem;height:4rem;margin:2.8rem .3rem 1.25rem .8rem}
.m-singer .sin-bg{overflow:hidden;height:10rem;position:relative}
.m-singer .sin-bg img{width:100%;display:block}
.m-singer .sin-bg .txt{position:absolute;left:1rem;top:70%;transform:translateY(-70%)}
.m-singer .sin-bg .txt .name{font-size:.46rem;margin-bottom:.25rem;text-shadow: 0 0 0.1rem white;}
.m-singer .sin-bg .txt .desc,.m-singer .sin-bg .txt .fans{font-size:.3rem;margin-bottom:.2rem}
.m-singer .sin-bg .txt .desc span,.m-singer .sin-bg .txt .fans span{font-size:.4rem;cursor:pointer;text-shadow: 0 0 0.1rem white;}
.m-singer .sin-bg .txt .desc span:hover,.m-singer .sin-bg .txt .fans span:hover{text-decoration:none}
.m-singer .sin-bg .f{display:inline-block;width:1.5rem;height:.65rem;line-height:.64rem;border:1px solid #0071bc;color:#0071bc;font-size:.28rem;text-align:center;border-radius:.5rem;margin-right:.3rem;background:url(../images/c-b6.png) 6px center no-repeat;background-size:.4rem auto;padding-left:.4rem;cursor:pointer}
.m-singer .sin-bg .cf{display:inline-block;width:2rem;height:.65rem;line-height:.64rem;border:1px solid #0071bc;color:#0071bc;font-size:.28rem;text-align:center;border-radius:.5rem;margin-right:.3rem;background:url(../images/a8-1.png) 6px center no-repeat;background-size:.4rem auto;padding-left:.4rem;cursor:pointer}
.m-singer .sin-bg .play{display:inline-block;width:2rem;height:.65rem;line-height:.64rem;border:1px solid #0071bc;color:#0071bc;font-size:.28rem;text-align:center;border-radius:.5rem;background:url(../images/j2.png) 9px center no-repeat;background-size:.25rem auto;padding-left:.4rem;cursor:pointer}
.g-mu-tit{text-align:center;font-size:.55rem;font-weight:400;letter-spacing:.2rem;}
/* .g-mu-tit .playall{position:absolute;top:14rem;right:0;color:#666;font-size:0;line-height:.9rem;letter-spacing: .0rem;}
.g-mu-tit .playall img,.g-mu-tit .playall span{display:inline-block;vertical-align:middle}
.g-mu-tit .playall img{margin-top:.2rem}
.g-mu-tit .playall span{font-size:.32rem} */
.m-mu{background-color:#fff;margin:0 .8rem 1.1rem}
.m-albumb1{background-color:#fbfbfb;padding-top:.8rem;overflow:hidden}
.wait{text-align:center}