/* CSS Document */
/*css reset*/
body,h1,h2,h3,p,li,ul,img{padding:0px;margin:0px;}
img{border:none;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
body{font-family:微软雅黑;font-size: 0;min-width: 1440px;}
html{width: 100%;height: 100%;background: #eaeaea;}
.box{width: 1440px;margin: 0 auto;position: relative;}
a:hover .img img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s; }
li:hover .img img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s; }
.layui-laypage a:hover{color: #EF7E31}
.layui-laypage input:focus,.layui-laypage select:focus{border-color: #EF7E31!important}
.layui-tab .layui-tab-title li.layui-this{color: #EF7E31!important;}
.icon-17{font-size:17px;}
.sizered{color:#EF7E31!important;}
.mt0{margin-top:0!important;}
.mt8{margin-top: 8px!important;}
.mb30{margin-bottom: 30px!important;}
.mb22{margin-bottom: 22px!important;}
.ml0{margin-left: 0!important;}
.pad{padding:0!important;}
.pad17{padding: 17px!important;}
.padbot30{padding-bottom: 30px;}
.bdr10{border-radius: 10px;}
.wid95{width: 95%!important;}
.hgaut{height: auto!important;}
.hg533{height: 553px!important;}
.hg1089{height: 1089px!important;}
.hg1158{height: 1158px!important;}
.hg1256{height: 1256px!important;}
.hg1108{height: 1108px!important;}
.hg1187{height: 1187px!important;}
.hg1552{height: 1552px!important;}
.hg1161{height: 1161px!important}
.hg958{height: 958px!important;}
.hg960{height: 960px!important;}
.hg543{height: 543px!important;}
.hg942{height: 942px!important;}
.xzinfokuan{padding: 22px!important;}
.pl17{padding-left:17px!important;}
.pl20{padding-left: 20px!important;}
.pr20{padding-right: 20px!important;}
.pt22{padding-top: 22px!important;}
.mt4{margin-top: 4px!important;}
.mt25{margin-top: 25px!important;}
.mt10{margin-top: 10px!important;}
.pt0{padding-top: 0!important;}
.padbot14{padding-bottom: 14px!important;}
.padbot20{padding-bottom: 20px!important;}
.pad1022{padding: 10px 22px!important;}
.mp3infobl{margin-top:20px;height:811px!important;}
.mp3infobl .list li {padding: 11.5px 0!important;}
.mp3infobl .title .more{position: absolute;top: 22px;right: 22px;}
.mp3infobl .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.mp3infobl .title .more a:hover{color: #EF7E31;}
.mp3infobl .title .more a .icon{font-size: 12px;padding-left: 4px;}
.mp3top{background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;width:100%;}
.bjdak{background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;width: 990px;margin-right:20px;display:inline-block;vertical-align:top;}
.downlistbox .layui-tab-content{padding: 0;padding-top: 22px;}
/*视频列表*/
.zyvodlist{padding: 0 22px;}
.zyvodlist li{width: 100%;height: 168px;border-radius: 10px;position: relative;background: #F7F7F7;box-shadow: 0px 1px 3px #CCC;margin-bottom: 22px;}
.zyvodlist li .imgbox{width: 220px;height: 144px;position: absolute;top: 12px;left: 12px;border-radius: 10px;overflow: hidden;}
.zyvodlist li .imgbox .img{width: 220px;height: 144px;overflow: hidden;border-radius: 10px;}
.zyvodlist li .imgbox .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.zyvodlist li .imgbox .xuan{position: absolute;z-index: 1;top: -1px;left: -1px;}
.zyvodlist li .neirong{padding-left: 244px;padding-top: 12px;}
.zyvodlist li .neirong .name{font-size: 20px;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;max-width: 99%;}
.zyvodlist li .neirong .name span{font-size: 13px;border: 1px solid #EF7E31;margin-left: 4px;color: #EF7E31;padding: 0 2px;}
.zyvodlist li .neirong .type{width: 100%;}
.zyvodlist li .neirong .type .tags{width: 25%;display: inline-block;vertical-align: top;font-size: 14px;color: #999;padding-top: 17px;}
.zyvodlist li .neirong .type .tags a{color: #9999;}
.zyvodlist li .neirong .type .tags a:hover{color: #EF7E31;}
.zyvodlist li .neirong .btnbox{width: 100%;padding-top: 17px;}
.zyvodlist li .neirong .btnbox .btn{padding: 5px 10px;background: #EF7E31;border-radius: 150px;font-size: 14px;color: #fff;display: inline-block;vertical-align: top;margin-right: 12px;cursor: pointer;}
.zyvodlist li:hover{background: #EF7E31;box-shadow: 0px 1px 3px #EF7E31;}
.zyvodlist li:hover .imgbox{box-shadow: 0px 1px 3px #7c7c7c;}
.zyvodlist li:hover .neirong .name{color: #fff;}
.zyvodlist li:hover .neirong .name span{border: 1px solid #fff;color: #fff;}
.zyvodlist li:hover .neirong .type .tags{color: #fff;}
.zyvodlist li:hover .neirong .type .tags a{color: #fff;} 
.zyvodlist li:hover .neirong .type .tags a:hover{color: #aa5b26;} 
.zyvodlist li:hover .neirong .btnbox .btn{background: #fff;color: #EF7E31;}
.zyvodlist li:hover .neirong .btnbox .btn:hover{background: #aa5b26;color: #fff;}
/*分页*/
.pagebox{text-align: center;margin-top: 20px;}
/*广告*/
.advbox_qx,.advbox_qx2{width: 100%;min-height: 106px;border-radius: 10px;margin: 0 auto;margin-top: 20px;box-shadow: 0px 1px 3px #CCC;background: #fff;}
.advbox_qx img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
/*广告431x413*/
.adv431{width: 100%;height: 413px;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;background: #fff;overflow: hidden;}
.adv431 img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
/*广告350x290*/
.adv350{width: 100%;height: 290px;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-top: 20px;background: #fff;overflow: hidden;}
.adv350 img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
/*广告430x878*/
.adv430x878{width: 430px;height: 650px;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;background: #fff;overflow: hidden;}
.adv430x878 img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
/*广告386x115*/
.adv386{width: 100%;height: 115px;overflow: hidden;margin-bottom: 19px;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;background: #fff;}
.adv386 img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
/*全局对联广告*/
.coupletadv{position: fixed;top: 217px;left: 50%;width: 1440px;z-index: 10;margin-left: -720px;display: block;}
.coupletadv .left{width: 155px;height: 617px;position: absolute;top: 0;left: -175px;border-radius: 10px;overflow: hidden;box-shadow: 0px 1px 3px #CCC;}
.coupletadv .left .shut{width: 35px;height: 20px;background: rgba(0, 0, 0, 0.5);font-size: 10px;color: #fff;line-height: 20px;text-align: center;position: absolute;bottom: 0;right: 0;cursor: pointer;}
.coupletadv .left img{width: 100%;height: 100%;object-fit: contain;}
.coupletadv .right{width: 155px;height: 617px;position: absolute;top: 0;right: -175px;border-radius: 10px;overflow: hidden;box-shadow: 0px 1px 3px #CCC;}
.coupletadv .right .shut{width: 35px;height: 20px;background: rgba(0, 0, 0, 0.5);font-size: 10px;color: #fff;line-height: 20px;text-align: center;position: absolute;bottom: 0;left: 0;cursor: pointer;}
.coupletadv .right img{width: 100%;height: 100%;object-fit: contain;}
/*定位导航*/
.locationbox{width: 100%;height: 40px;background: #FFFFFF;margin-top: 20px;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 4px;}
.locationbox .position{font-size: 14px;font-weight: 400;color: #999999;line-height: 40px;padding-left: 14px;}
.locationbox .position .icon{font-size: 14px;font-weight: 400;color: #999999;padding-right: 6px;}
.locationbox .position a{font-size: 14px;font-weight: 400;color: #999999;}
.locationbox .position a:hover{color: #EF7E31;}
.dinwei{width:100%;height:40px;border-bottom: 1px solid #eaeaea;font-size: 14px;font-weight: 400;color: #999999;line-height: 40px;}
.dinwei .icon{font-size: 14px;font-weight: 400;color: #999999;padding-right: 6px;padding-left: 27px;}
.dinwei a{font-size: 14px;font-weight: 400;color: #999999;}
.dinwei a:hover{color: #EF7E31;}
/*分类*/
.fenleibox{background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;width:100%;border-radius: 10px;padding-bottom:10px}
.fenleibox .classlist{width: 100%;padding-top: 20px;position: relative;}
.fenleibox .classlist .explain{font-size: 14px;font-weight: 400;color: #333333;position: absolute;top: 20px;left: 30px;line-height: 28px;}
.fenleibox .classlist .explain i{padding-right:4px;}
.fenleibox .classlist .typebox{padding-left: 70px;height: 35px;overflow: hidden;padding-right: 10px;}
.fenleibox .classlist:nth-child(3) .typebox{height: auto;}
.fenleibox .classlist .typebox.on{height: auto;}
.fenleibox .classlist .typebox .tags{padding: 0 20px;font-size: 14px;font-weight: 400;color: #333333;line-height: 28px;margin-left: 20px;margin-bottom: 10px;display: inline-block;}
.fenleibox .classlist .typebox .tags.on{border-radius: 28px;color: #fff;background: #EF7E31;}
.fenleibox .classlist .typebox .tags:hover{border-radius: 28px;color: #fff;background: #EF7E31;}
.fenleibox .classlist .chakanhenduo{width:100px;height:37px;font-size: 14px;font-weight: 400;color: #333333;line-height:37px;text-align: center;position:absolute;bottom:2px;right: 0;cursor: pointer;display: block;background:#fff;}
.fenleibox .classlist .chakanhenduo:hover{color: #EF7E31;}
/*边栏 关闭广告后显示音乐模块*/
.stancemodule{width: 100%;padding-top: 10px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.stancemodule .title{padding: 22px;padding-bottom: 16px;position: relative;border-bottom: 1px solid #e6e6e6;padding-top: 12px;margin-bottom: 10px;}
.stancemodule .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.stancemodule .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.stancemodule .title .more {position: absolute;top: 13px; right: 22px;}
.stancemodule .title .more a {font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.stancemodule .title .more a:hover {color: #EF7E31;}
.stancemodule .title .more a .icon {font-size: 12px;padding-left: 4px;}
.stancemodule .list{padding: 0 22px;}
.stancemodule .list li{padding: 11px 0;}
.stancemodule .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.stancemodule .list li .sort1{background: #D3302F;color: #fff;}
.stancemodule .list li .sort2{background: #FC7401;color: #fff;}
.stancemodule .list li .sort3{background: #F8CD1B;color: #fff;}
.stancemodule .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.stancemodule .list li:hover .name{color: #EF7E31;}
/*全局侧边栏*/
.qjright{width: 430px;display: inline-block;vertical-align: top;}
.qjright .mtop{margin-top: 20px;padding-bottom: 10px;}
.qjright .mtop li{position: relative;}
.qjright .mtop li .name{width: 70%;}
.qjright .mtop li .click{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;position: absolute;top: 15px;right: 0;}
/*全局头部*/
.headbox{width: 100%;height: 198px;background: #FFFFFF;box-shadow: 0px 4px 4px #d0d0d0;position: relative;}
.headbox .headtop{padding-top: 15px;width: 100%;position: relative;}
.headbox .headtop .logo{width: 334px;height: 94px;display: inline-block;vertical-align: middle;}
.headbox .headtop .logo img{width: 100%;height: 100%;object-fit: cover;}
.headbox .headtop .right-box{float: right;position: relative;}
.headbox .headtop .searchtop{width: 416px;height: 38px;background: #FFFFFF;border-radius: 4px;border: 1px solid #EF7E31;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.headbox .headtop .searchtop .select{width: 90px;font-size: 14px;font-weight: 400;color: #666666;line-height: 36px;text-align: center;position: relative;display: inline-block;vertical-align: middle;}
.headbox .headtop .searchtop .select .icon{padding-left: 4px;}
.headbox .headtop .searchtop .select .xian{position: absolute;top: 50%;right: 0;width: 1px;height: 18px;background: #E0E0E0;margin-top: -9px;}
.headbox .headtop .searchtop input{display: inline-block;border: none;padding-left: 20px;width: 240px;font-size: 14px;font-weight: 400;color: #999999;vertical-align: middle}
.headbox .headtop .searchtop input::placeholder{color:#ccc;}
.headbox .headtop .searchtop .select:hover .framebox{display: block;}
.headbox .headtop .searchtop .select .framebox{display: none;position: absolute;top: -20px;left: 0;padding-top: 70px;z-index: 9;}
.headbox .headtop .searchtop .select .framebox .wjiaobiao{width:10px;height:10px;border: 1px solid #ef7e31;position:absolute;top:64px;left:50%;margin-left:-5px;transform: rotate(315deg);}
.headbox .headtop .searchtop .select .framebox .frame{width: 90px;background: #fff;box-shadow: 0px 0px 3px #ccc;border-radius: 4px;padding: 10px 0;border: 1px solid #ef7e31;z-index: 9;position: relative;}
.headbox .headtop .searchtop .select .framebox .frame .njiaobiao{width:12px;height:12px;background: #fff;transform: rotate(315deg);position:absolute;top:-5px;left:50%;margin-left:-5px;}
.headbox .headtop .searchtop .select .framebox .frame li{line-height: 40px;height: 40px;font-size: 14px;color: #666;width: 100%;display: block;cursor: pointer;}
.headbox .headtop .searchtop .select .framebox .frame li:hover{width: 100%;height: 40px;background: #EF7E31;color: #fff;}
.headbox .headtop .searchtop .searchbtn{width: 48px;height: 38px;background: #EF7E31;border-radius: 0px 4px 4px 0px;position: absolute;top: -1px;right: -1px;cursor: pointer;}
.headbox .headtop .searchtop .searchbtn .icon{line-height: 38px;font-size: 20px;text-align: center;width: 48px;display: block;color: #fff;}
.headbox .headtop .widget{display: inline-block;}
.headbox .headtop .widget .type{padding-left: 30px;display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 400;color: #666666;line-height: 94px;}
.headbox .headtop .widget .type .icon{font-size: 14px;color: #EF7E31;padding-right: 10px;}
.headbox .headtop .widget .type a:hover{color: #EF7E31;}
.headbox .headtop .widget .type .userimg{width: 40px;height: 40px;border-radius: 50%;cursor: pointer;}
.headbox .headtop .widget .type .userimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;}
.headbox .headtop .widget .type.addbox{position: relative;}
.headbox .headtop .widget .type.addbox:hover .addlistbox{display: block;;}
.headbox .headtop .widget .type.addbox .addlistbox{position: absolute;top: 0px;left: 20px;display: none;padding-top: 70px;z-index: 9;}
.headbox .headtop .widget .type.addbox .addlistbox .wjiaobiao{width:10px;height:10px;border: 1px solid #ef7e31;position:absolute;top:64px;left:50%;margin-left:-5px;transform: rotate(315deg);}
.headbox .headtop .widget .type.addbox .addlistbox .addlist{width: 100px;padding: 10px 0;background: #fff;border-radius: 4px;box-shadow: 0px 0 3px #ccc;border: 1px solid #EF7E31;z-index: 9;position: relative;}
.headbox .headtop .widget .type.addbox .addlistbox .addlist .njiaobiao{width:12px;height:12px;background: #fff;transform: rotate(315deg);position:absolute;top:-5px;left:50%;margin-left:-5px;}
.headbox .headtop .widget .type.addbox .addlistbox .addlist a{line-height: 40px;height: 40px;font-size: 14px;color: #666;width: 100%;display: block;text-align: center;}
.headbox .headtop .widget .type.addbox .addlistbox .addlist a:hover {width: 100%;height: 40px;background: #EF7E31;color: #fff;}
.headbox .headtop .widget .type.headuser{position: relative;}
.headbox .headtop .widget .type.headuser:hover .userbox{display: block;}
.headbox .headtop .widget .type.headuser .userbox {position: absolute;top: 0px;right: 0;display: none;padding-top: 40px;z-index: 9;}
.headbox .headtop .widget .type.headuser .userbox .jiantu3{width: 30px;height: 20px;position: absolute;top: 35px;right: 8px;background: #fff;transform: rotate( 315deg );box-shadow: 0px 0 3px #ccc;border: 1px solid #ef7e31;}
.headbox .headtop .widget .type.headuser .userbox .userinfo{padding: 10px;background: #fff;border-radius: 4px;box-shadow: 0px 0 3px #ccc;position: relative;z-index: 9;border: 1px solid #ef7e31;padding-top: 0;}
.headbox .headtop .widget .type.headuser .userbox .info{width: 260px;font-size: 0;}
.headbox .headtop .widget .type.headuser .userbox .info .pic{width: 78px;height: 78px;border-radius: 50%;display: inline-block;vertical-align: middle;}
.headbox .headtop .widget .type.headuser .userbox .info .pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;}
.headbox .headtop .widget .type.headuser .userbox .info .details{display: inline-block;vertical-align: middle;padding-left: 10px;}
.headbox .headtop .widget .type.headuser .userbox .info .details .name{font-size: 14px;color: #333;line-height: 20px;}
.headbox .headtop .widget .type.headuser .userbox .info .details .vip{line-height: 20px;font-size: 12px;color: #333;}
.headbox .headtop .widget .type.headuser .userbox .info .details .vip span{color: #EF7E31;}
.headbox .headtop .widget .type.headuser .userbox .info .details .viptime{line-height: 20px;font-size: 12px;color: #EF7E31;}
.headbox .headtop .widget .type.headuser .userbox .tage{width: 260px;border: 1px solid #ef7e31;box-sizing: border-box;font-size: 0;line-height: 0;border-radius: 4px;}
.headbox .headtop .widget .type.headuser .userbox .tage li{width: 33.333%;display: inline-block;vertical-align: top;font-size: 0;height: 60px;}
.headbox .headtop .widget .type.headuser .userbox .tage li .unm{font-size: 14px;text-align: center;width: 100%;display: block;line-height: 38px;}
.headbox .headtop .widget .type.headuser .userbox .tage li .name{font-size: 14px;text-align: center;line-height: 0px;}
.headbox .headtop .widget .type.headuser .userbox .userinfo .jiantou{width: 30px;height: 20px;position: absolute;top: -5px;right: 8px;background: #fff;transform: rotate(315deg);}
.headbox .headtop .widget .type.headuser .userbox .btnbox{width: 100%;font-size: 0;line-height: 0;padding-top: 10px;}
.headbox .headtop .widget .type.headuser .userbox .btnbox .btn{width: 49%;height: 40px;display: inline-block;vertical-align: top;background: #EF7E31;border-radius: 4px;font-size: 16px;line-height: 40px;text-align: center;color: #fff;}
.headbox .headtop .widget .type.headuser .userbox .btnbox .btn:hover{background: #aa5b26;}

.headbox .headtop .widget .type.headuser .userbox .btnbox .btn:nth-child(1){margin-right: 2%;}
.headbox .headtop .widget .type.headuser .userbox .logout{width: 100%;line-height: 30px;font-size: 14px;text-align: center;color: #ef7e31;border: 1px solid #ef7e31;box-sizing: border-box;display: block;margin-top: 10px;border-radius: 4px;}
.headbox .headtop .widget .type.headuser .userbox .logout:hover{color: #aa5b26;border: 1px solid #aa5b26;}
.headbox .navbox{width: 100%;height: 70px;padding-top: 20px;position: relative;}
.headbox .navbox .btn{width: 10%;height: 70px;display: inline-block;vertical-align: top;font-size: 20px;text-align: center;}
.headbox .navbox .btn a{color: #999;line-height: 70px;width: 100%;display: block;}
.headbox .navbox .btn.on a{color: #EF7E31;font-size: 22px;background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(239 126 49 / 10%) 100%);}
.headbox .navbox .btn:hover a{background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(239 126 49 / 10%) 100%);color: #EF7E31;font-size: 22px;}
.headbox .navbox .progbtn{width: 10%;height: 70px;display: inline-block;vertical-align: top;font-size: 20px;text-align: center;position: relative;}
.headbox .navbox .progbtn .btnpro{color: #999;line-height: 70px;width: 100%;display: block;}
.headbox .navbox .progbtn:hover .progbox{display: block;}
.headbox .navbox .progbtn .progbox{position: absolute;top: 0;right: 0;z-index: 999;display: none;padding-top: 70px;}
.headbox .navbox .progbtn .progbox .wjiaobiao{width:10px;height:10px;border: 1px solid #ef7e31;position:absolute;top:64px;left:50%;margin-left:-5px;transform: rotate(315deg);}
.headbox .navbox .progbtn .progbox .programa{width: 144px;padding: 10px 0;background: #fff;box-shadow: 0px 0px 3px #ccc;border: 1px solid #ef7e31;border-radius:10px;z-index:9;position:relative;}
.headbox .navbox .progbtn .progbox .programa .njiaobiao{width:12px;height:12px;background: #fff;transform: rotate(315deg);position:absolute;top:-5px;left:50%;margin-left:-5px;}
.headbox .navbox .progbtn .progbox .programa a{line-height: 40px;height: 40px;font-size: 14px;color: #666;width: 100%;display: block;text-align: center;}
.headbox .navbox .progbtn .progbox .programa a:hover{width: 100%;height: 40px;background: #EF7E31;color: #fff;}
/*轮播图*/
#carousel1{width:100%;height:500px;text-align:center;overflow:hidden;border-radius: 10px;margin-top: 20px;position: relative;box-shadow: 0px 1px 3px #CCC;}
#carousel1 .car_bigp img{display:none;margin:auto;border-radius: 10px;}
#carousel1 .car_click{height:60px;position:absolute;z-index:2;right: 40px;padding-right: 20px;bottom: 40px;background: url(../img/background1.png);}
#carousel1 .car_click .car_c_title{width:265px;height:55px;margin-top:5px;float:left;}
#carousel1 .car_click .car_c_title p{font-size:16px;line-height: 25px;color:white;margin: 0 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#carousel1 .car_click .car_c_smallpic{height:55px;margin-top:5px;float:left;}
#carousel1 .car_click .car_c_smallpic span{float:left;}
#carousel1 .car_click .car_c_smallpic img{cursor:pointer;float:left;margin:0 5px;border:solid 2px #fff;height: 46px;}
#carousel1 .car_click .car_c_smallpic .car_c_inpt1{width:34px;height:50px;border:0px;background:url(../img/arrow1.png);cursor:pointer;margin-right:5px;}
#carousel1 .car_click .car_c_smallpic .car_c_inpt2{width:34px;height:50px;border:0px;background:url(../img/arrow2.png);cursor:pointer;margin-left:5px;}
/*主站音乐模块*/
.host .musicbox{width: 100%;margin-top: 20px;font-size: 0;}
.host .musicbox .music{width: 800px;height: 541px;background: #FFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-right: 20px;display: inline-block;vertical-align: top;}
.host .musicbox .music .title{width: 100%;margin-top: 22px;position: relative;}
.host .musicbox .music .title .option{height: 43px;}
.host .musicbox .music .title .option li:nth-child(1){margin-left: 22px;border-right: 0;}
.host .musicbox .music .title .option li:nth-child(2){border-right: 0;}
.host .musicbox .music .title .option li:nth-child(3){border-right: 0;}
.host .musicbox .music .title .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 42px;line-height: 40px;font-size: 20px;color: #999;width: 122px;padding: 0;}
.host .musicbox .music .title .option li.layui-this{border-bottom: 1 solid #fff;background: #fff;color: #666;}
.host .musicbox .music .title .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.host .musicbox .music .title .more{position: absolute;top: 0;right: 22px;}
.host .musicbox .music .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 40px;}
.host .musicbox .music .title .more a:hover{color: #EF7E31;}
.host .musicbox .music .title .more a .icon{font-size: 12px;padding-left: 4px;}
.host .musicbox .music .title .layui-tab-content {padding: 0;padding-top:11px}
.host .musicbox .music .list li{height: 44px;background: #fff;border-radius: 2px;position: relative;margin: 0 22px;}
.host .musicbox .music .list li .xuan{position: absolute;top:0;left:0;width: 34px;height: 44px;line-height: 44px;}
.host .musicbox .music .list li .name{font-weight: 400;color: #333333;line-height: 44px;font-size: 14px;padding-left: 36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 350px;}
.host .musicbox .music .list li .right{position: absolute;right:0;top:0;height: 44px;line-height: 44px;text-align: center;}
.host .musicbox .music .list li .right span{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.host .musicbox .music .list li .right .iconfont{color:#999;font-size: 18px;}
.host .musicbox .music .list li .right .tui{width: 30px;}
.host .musicbox .music .list li .right .tui i{display: inline-block;font-style:normal;width: 14px;height: 14px;line-height: 14px;border-radius: 2px;border: 1px solid #EF7E31;font-size: 12px;text-align: center;color: #EF7E31;}
.host .musicbox .music .list li .right .ext{width: 46px;}
.host .musicbox .music .list li .right .down{width: 30px;margin-right: 0px;}
.host .musicbox .music .list li .right .fav{width: 30px;font-weight: 600;font-size: 16px;cursor: pointer;margin-right: 0px;}
.host .musicbox .music .list li .right .fav.on,.host .musicbox .music .list li .right .fav:hover,.host .musicbox .music .list li .right .down:hover .iconfont{color:#EF7E31;}
.host .musicbox .music .list li .right .hits{width: 80px;}
.host .musicbox .music .list li .right .time{width: 78px;margin-right:0px;}

.layui-form-checked[lay-skin=primary] i {border-color: #EF7E31!important;background-color: #EF7E31;color: #fff;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #EF7E31;color: #fff;}
.host .musicbox .music .typebox{width: 100%;padding-top: 11px;}
.host .musicbox .music .typebox .btn{width: 122px;height: 34px;border-radius: 40px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 34px;text-align: center;margin-left: 22px;background: #fff;cursor: pointer;}
.host .musicbox .music .typebox .btn:nth-child(1){margin-left: 22px;}
.host .musicbox .music .typebox .btn i{margin-right: 10px;font-size:14px;}
.host .musicbox .music .typebox .btn:hover{background: #EF7E31;color: #fff;}
.host .musicbox .music .typebox .btn.on{background: #EF7E31;color: #fff;}
.host .musicbox .music .typebox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
.host .musicbox .musicalbum{width: 620px;height: 541px;background: #FFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;display: inline-block;vertical-align: top;}
.host .musicbox .musicalbum .title{padding: 22px;position: relative;}
.host .musicbox .musicalbum .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.host .musicbox .musicalbum .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.host .musicbox .musicalbum .title .more{position: absolute;top: 22px;right: 22px;}
.host .musicbox .musicalbum .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.host .musicbox .musicalbum .title .more a:hover{color: #EF7E31;}
.host .musicbox .musicalbum .title .more a .icon{font-size: 12px;padding-left: 4px;}
.host .musicbox .musicalbum .list{padding: 0 22px;}
.host .musicbox .musicalbum .list li{margin-right: 21px;position: relative;display: inline-block;margin-bottom: 22px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;padding: 10px;padding-right:8px;padding-bottom:8px;}
.host .musicbox .musicalbum .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.host .musicbox .musicalbum .list li:nth-child(4n){margin-right: 0;}
.host .musicbox .musicalbum .list li .imgbj{width: 84px;height: 84px;background: url(../img/music/album_bj.png);background-size: 100% 100%;margin-top: 2px;margin-left: 25px;}
.host .musicbox .musicalbum .list li .img {width: 90px;height: 90px;border-radius: 4px;position: absolute;top: 10px;left: 10px;overflow: hidden;}
.host .musicbox .musicalbum .list li .img img{width: 100%;height: 100%;border-radius: 4px;object-fit: cover;}
.host .musicbox .musicalbum .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 10px;max-width: 110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
/*主站视频模块*/
.host .videobox{width: 100%;height: 487px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;display: inline-block;}
.host .videobox .title{width: 100%;margin-top: 20px;position: relative;}
.host .videobox .title .option{height: 43px;}
.host .videobox .title .option li:nth-child(1){margin-left: 22px;border-right: 0;}
.host .videobox .title .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 42px;line-height: 40px;font-size: 20px;color: #999;width: 122px;padding: 0;}
.host .videobox .title .option li.layui-this{border-bottom: 1 solid #fff;background: #fff;color: #666;}
.host .videobox .title .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.host .videobox .right{position: absolute;top: 0;right: 25px;}
.host .videobox .right .lei{width: 73px;height: 24px;border-radius: 15px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;display: inline-block;margin-left: 18px;text-align: center;overflow:hidden;text-overflow:ellipsis;padding: 0 10px;}
.host .videobox .right .lei:hover{border: 1px solid #EF7E31;color: #EF7E31;}
.host .videobox .right .more{display: inline-block;margin-left: 18px;vertical-align: text-bottom;}
.host .videobox .right .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.host .videobox .right .more a:hover{color: #EF7E31;}
.host .videobox .right .more a .icon{font-size: 12px;padding-left: 4px;}
.host .videobox .layui-tab-content{padding: 0 22px;}
.host .videobox .videolist{width: 100%;}
.host .videobox .videolist li{width: 214px;margin-right: 22px;height: 180px;background: #F7F7F7;border-radius: 10px;margin-top: 20px;box-shadow: 0px 1px 3px #ccc;display: inline-block;vertical-align: top;position:relative;}
.host .videobox .videolist li .img{width: 100%;height: 130px;overflow: hidden;border-radius: 10px 10px 0 0;}
.host .videobox .videolist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.host .videobox .videolist li .name{line-height: 20px;font-size: 14px;font-weight: 400;color: #333333;padding: 0 10px;overflow:hidden;/* white-space:nowrap; */text-overflow:ellipsis;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-top: 5px;}
.host .videobox .videolist li .tuijian{font-size:12px;width:40px;height:26px;text-align:center;line-height:26px;border-radius:0 10px 0 10px;position:absolute;top:0;right:0;background:#EF7E31;color:#fff;}
.host .videobox .videolist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.host .videobox .videolist li:nth-child(6n){margin-right: 0;}
/*主站三个一模块*/
.host .ternbox{width: 100%;margin-top: 20px;}
.host .ternbox .tern{width: 466.6666px;height: 723px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;margin-right: 20px;vertical-align: top;}
.host .ternbox .tern:nth-child(3){margin-right: 0;}
.host .ternbox .tern .title{width: 100%;height: 153px;background: url(../img/host/zxgeci.png);background-size: 100% 100%;border-radius: 10px 10px 0 0;position: relative;}
.host .ternbox .tern .title .h2{font-size: 44px;font-weight: 600;text-align: center;color: #fff;line-height: 153px;}
.host .ternbox .tern .title .more{position: absolute;top: 18px;right: 28px;}
.host .ternbox .tern .title .more a{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.host .ternbox .tern .title .more a:hover{color: #EF7E31;}
.host .ternbox .tern .title .more a .icon{font-size: 14px;margin-left: 4px;}
.host .ternbox .tern .list{padding: 0 10px;}
.host .ternbox .tern .list li{width: 100%;position: relative;margin: 22px 0;}
.host .ternbox .tern .list li .sort{width: 26px;height: 26px;margin: 0 11px;background: #ACAEB0;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 600;color: #FFFFFF;line-height: 26px;text-align: center;}
.host .ternbox .tern .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;padding-left: 10px;width: 65%;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.host .ternbox .tern .list li .time{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;position: absolute;top: 0;right: 10px;}
.host .ternbox .tern .list li:nth-child(1) .time{line-height: 49px;}
.host .ternbox .tern .list li:nth-child(2) .time{line-height: 49px;}
.host .ternbox .tern .list li:nth-child(3) .time{line-height: 49px;}
.host .ternbox .tern .list li:hover .name{color: #EF7E31;}
.host .ternbox .tern .list li .sort1{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to1.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.host .ternbox .tern .list li .sort2{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to2.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.host .ternbox .tern .list li .sort3{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to3.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
/*主站名人堂*/
.host .celebritybox{width: 100%;height: 579px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.host .celebritybox .title{padding-top: 22px;width: 100%;position: relative;}
.host .celebritybox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.host .celebritybox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.host .celebritybox .right{position: absolute;top: 22px;right: 25px;}
.host .celebritybox .right .lei{width: 88px;height: 24px;border-radius: 15px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;display: inline-block;margin-left: 18px;text-align: center;}
.host .celebritybox .right .lei:hover{border: 1px solid #EF7E31;color: #EF7E31;}
.host .celebritybox .title .right .more{display: inline-block;margin-left: 18px;}
.host .celebritybox .title .right .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.host .celebritybox .title .right .more a:hover{color: #EF7E31;}
.host .celebritybox .title .right .more a .icon{font-size: 12px;padding-left: 4px;}
.host .celebritybox .celebritylist{padding: 0 22px;font-size: 0;}
.host .celebritybox .celebritylist li{width: 119.8px;margin-right: 22px;margin-top: 20px;display: inline-block;vertical-align: top;}
.host .celebritybox .celebritylist li .img{width: 119.8px;height: 119.8px;border-radius: 50%;overflow: hidden;box-sizing: border-box;box-shadow: 0px 1px 3px #ccc;}
.host .celebritybox .celebritylist li:hover .img{box-shadow: 0px 1px 3px #EF7E31;}
.host .celebritybox .celebritylist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.host .celebritybox .celebritylist li .name{font-size: 14px;font-weight: 400;color: #333333;padding-top: 10px;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.host .celebritybox .celebritylist li:nth-child(10n){margin-right: 0;}
/*主站简谱模块*/
.host .musicscorebox{width: 100%;height: 368px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.host .musicscorebox .title{padding-top: 22px;width: 100%;position: relative;}
.host .musicscorebox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.host .musicscorebox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.host .musicscorebox .right{position: absolute;top: 22px;right: 25px;}
.host .musicscorebox .right .lei{width: 88px;height: 24px;border-radius: 15px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;display: inline-block;margin-left: 18px;text-align: center;}
.host .musicscorebox .right .lei:hover{border: 1px solid #EF7E31;color: #EF7E31;}
.host .musicscorebox .title .right .more{display: inline-block;margin-left: 18px;}
.host .musicscorebox .title .right .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.host .musicscorebox .title .right .more a:hover{color: #EF7E31;}
.host .musicscorebox .title .right .more a .icon{font-size: 12px;padding-left: 4px;}
.host .musicscorebox .musicscorelist{padding: 0 22px;}
.host .musicscorebox .musicscorelist li{width: 180.5px;height: 272px;margin-right: 22px;margin-top: 22px;background: #F7F7F7;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;vertical-align: top;}
.host .musicscorebox .musicscorelist li .img{width: 100%;height: 219px;border-radius: 10px 10px 0 0;overflow: hidden;}
.host .musicscorebox .musicscorelist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.host .musicscorebox .musicscorelist li .neirong{padding: 7px 10px;}
.host .musicscorebox .musicscorelist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.host .musicscorebox .musicscorelist li .neirong .type{width: 100%;position: relative;}
.host .musicscorebox .musicscorelist li .neirong .type .time{font-size: 14px;font-weight: 400;color: #999999;}
.host .musicscorebox .musicscorelist li .neirong .type .tags{font-size: 14px;font-weight: 400;color: #EF7E31;position: absolute;top: 0;right: 0;}
.host .musicscorebox .musicscorelist li .neirong .type .tags.icon{margin-right: 4px;}
.host .musicscorebox .musicscorelist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.host .musicscorebox .musicscorelist li:nth-child(7n){margin-right: 0;}
/*友情链接*/
.host .blogrollbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;padding-bottom: 22px;}
.host .blogrollbox .title{padding-top: 22px;width: 100%;position: relative;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;}
.host .blogrollbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.host .blogrollbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.host .blogrollbox .right{position: absolute;top: 22px;right: 25px;font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.host .blogrollbox .blogrolllist{padding: 0 22px;}
.host .blogrollbox .blogrolllist a{border-radius: 4px;border: 1px solid #CBCBCB;padding: 4px 24.78px;font-size: 14px;font-weight: 400;color: #999999;margin-right: 22px;margin-top: 22px;display: inline-block;width: 84px;text-align: center;}
.host .blogrollbox .blogrolllist a:nth-child(9n){margin-right: 0;}
.host .blogrollbox .blogrolllist a:hover{border: 1px solid #EF7E31;color: #EF7E31;}
/*全局底部*/
.basebox{width: 100%;height: 170px;background: #FFFFFF;box-shadow: 0px 1px 3px #ccc;margin-top: 20px;}
.basebox .toptxt{text-align: center;font-size: 14px;font-weight: 400;color: #333333;padding-top: 20px;}
.basebox .toptxt a{color: #333333;}
.basebox .subtxt{padding-top: 3px;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;text-align: center;}
.basebox .subtxt a{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;}
.basebox .txt{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;text-align: center;}
.basebox .txt a{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;}
.basebox a:hover{color: #EF7E31;}
/*音乐首页*/
.hostmusic .musicbox_1{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;padding-bottom: 22px;}
.hostmusic .musicbox_1 .title{padding-top: 22px;width: 100%;position: relative;}
.hostmusic .musicbox_1 .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostmusic .musicbox_1 .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostmusic .musicbox_1 .right{position: absolute;top: 22px;right: 25px;}
.hostmusic .musicbox_1 .right .lei{width: 88px;height: 24px;border-radius: 15px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;display: inline-block;margin-left: 18px;text-align: center;}
.hostmusic .musicbox_1 .right .lei:hover{border: 1px solid #EF7E31;color: #EF7E31;}
.hostmusic .musicbox_1 .title .right .more{display: inline-block;margin-left: 18px;}
.hostmusic .musicbox_1 .title .right .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.hostmusic .musicbox_1 .title .right .more a:hover{color: #EF7E31;}
.hostmusic .musicbox_1 .title .right .more a .icon{font-size: 12px;padding-left: 4px;}
.hostmusic .musicbox_1 .musiclist{padding: 0 22px;}
.hostmusic .musicbox_1 .musiclist li{width: 180.5px;height: 272px;margin-right: 22px;margin-top: 22px;background: #F7F7F7;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;vertical-align: top;}
.hostmusic .musicbox_1 .musiclist li .img{width: 100%;height: 219px;border-radius: 10px 10px 0 0;overflow: hidden;}
.hostmusic .musicbox_1 .musiclist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.hostmusic .musicbox_1 .musiclist li .neirong{padding: 7px 10px;}
.hostmusic .musicbox_1 .musiclist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 40px;}
.hostmusic .musicbox_1 .musiclist li .neirong .name span{font-size: 12px;font-weight: 400;color: #EF7E31;line-height: 17px;padding: 0 5px;background: #FFFFFF;border-radius: 2px;border: 1px solid #EF7E31;margin-right: 4px;}
.hostmusic .musicbox_1 .musiclist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostmusic .musicbox_1 .musiclist li:nth-child(7n){margin-right: 0;}
/*音乐首页 最新歌曲OR热门舞曲*/
.hostmusic .twoinone{width: 100%;margin-top: 20px;font-size: 0;} 
.hostmusic .twoinone .twomusicbox{width: 710px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;display: inline-block;vertical-align: top;padding-bottom: 20px;}
.hostmusic .twoinone .twomusicbox:nth-child(1){margin-right: 20px;}
.hostmusic .twoinone .twomusicbox .title{padding-top: 22px;width: 100%;position: relative;}
.hostmusic .twoinone .twomusicbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostmusic .twoinone .twomusicbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostmusic .twoinone .twomusicbox .title .more{position: absolute;top: 22px;right: 22px;}
.hostmusic .twoinone .twomusicbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostmusic .twoinone .twomusicbox .title .more a:hover{color: #EF7E31;}
.hostmusic .twoinone .twomusicbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostmusic .twoinone .twomusicbox .list {padding-top: 10px;}

.hostmusic .twoinone .twomusicbox .list li{height: 44px;background: #fff;border-radius: 2px;position: relative;margin: 0 22px;}
.hostmusic .twoinone .twomusicbox .list li .xuan{position: absolute;top:0;left:0;width: 34px;height: 44px;line-height: 44px;}
.hostmusic .twoinone .twomusicbox .list li .name{font-weight: 400;color: #333333;line-height: 44px;font-size: 14px;padding-left: 36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 350px;}
.hostmusic .twoinone .twomusicbox .list li .right{position: absolute;right:0;top:0;height: 44px;line-height: 44px;text-align: center;}
.hostmusic .twoinone .twomusicbox .list li .right span{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .twoinone .twomusicbox .list li .right .iconfont{color:#999;font-size: 18px;}
.hostmusic .twoinone .twomusicbox .list li .right .tui{width: 30px;}
.hostmusic .twoinone .twomusicbox .list li .right .tui i{display: inline-block;font-style:normal;width: 14px;height: 14px;line-height: 14px;border-radius: 2px;border: 1px solid #EF7E31;font-size: 12px;text-align: center;color: #EF7E31;}
.hostmusic .twoinone .twomusicbox .list li .right .ext{width: 46px;}
.hostmusic .twoinone .twomusicbox .list li .right .down{width: 30px;margin-right: 0px;}
.hostmusic .twoinone .twomusicbox .list li .right .fav{width: 30px;font-weight: 600;font-size: 16px;cursor: pointer;}
.hostmusic .twoinone .twomusicbox .list li .right .fav.on,.hostmusic .twoinone .twomusicbox .list li .right .fav:hover,.hostmusic .twoinone .twomusicbox .list li .right .down:hover .iconfont{color:#EF7E31;}
.hostmusic .twoinone .twomusicbox .list li .right .hits{width: 80px;}
.hostmusic .twoinone .twomusicbox .list li .right .time{width: 78px;margin-right:0px;}

.hostmusic .twoinone .twomusicbox .typebox{width: 100%;padding-top: 16px;}
.hostmusic .twoinone .twomusicbox .typebox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;cursor: pointer;}
.hostmusic .twoinone .twomusicbox .typebox .btn:nth-child(1){margin-left: 20px;}
.hostmusic .twoinone .twomusicbox .typebox .btn i{margin-right: 10px;}
.hostmusic .twoinone .twomusicbox .typebox .btn:hover{background: #EF7E31;color: #fff;}
.hostmusic .twoinone .twomusicbox .typebox .btn.on{background: #EF7E31;color: #fff;}
.hostmusic .twoinone .twomusicbox .typebox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
/*音乐首页 专辑模块*/
.hostmusic .albumbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hostmusic .albumbox .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 0;}
.hostmusic .albumbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostmusic .albumbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostmusic .albumbox .title .more{position: absolute;top: 22px;right: 22px;}
.hostmusic .albumbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostmusic .albumbox .title .more a:hover{color: #EF7E31;}
.hostmusic .albumbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostmusic .albumbox .list{padding: 22px 67px;}
.hostmusic .albumbox .list li{width: 177px;margin-left: 22px;position: relative;display: inline-block;padding:10px;padding-bottom:8px;padding-right:8px;box-shadow: 0px 1px 3px #CCCCCC;background:#fff;border-radius: 10px;}
.hostmusic .albumbox .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostmusic .albumbox .list li:nth-child(1){margin-left: 10px;}
.hostmusic .albumbox .list li .imgbj{width: 139px;height: 139px;background: url(../img/music/album_bj.png);background-size: 100% 100%;margin-top: 2px;margin-left: 38px;}
.hostmusic .albumbox .list li .img {width: 146px;height: 146px;border-radius: 4px;position: absolute;top: 10px;left: 10px;overflow: hidden;}
.hostmusic .albumbox .list li .img img{width: 146px;height: 146px;border-radius: 4px;object-fit: cover;}
.hostmusic .albumbox .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .albumbox .leftbox{width: 74px;height: 215px;background: #fff;position: absolute;top: 60px;left: 0;}
.hostmusic .albumbox .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 93px auto;}
.hostmusic .albumbox .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hostmusic .albumbox .leftbox span:hover{background: #EF7E31;color: #fff;}
.hostmusic .albumbox .rightbox{width: 80px;height: 215px;background: #fff;position: absolute;top: 60px;right: 0;}
.hostmusic .albumbox .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 93px auto;}
.hostmusic .albumbox .rightbox span:hover{background: #EF7E31;color: #fff;}
.hostmusic .albumbox .rightbox .icon{font-size: 18px;line-height: 35px;}
/*音乐主页 下载榜or收藏榜or试听榜*/
.hostmusic .ternbox{width: 100%;margin-top: 20px;}
.hostmusic .ternbox .tern{width: 466.666px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;margin-right: 20px;vertical-align: top;}
.hostmusic .ternbox .tern:nth-child(3){margin-right: 0;}
.hostmusic .ternbox .tern .title{width: 100%;height: 153px;background: url(../img/music/index_xiazai.png);background-size: 100% 100%;border-radius: 10px 10px 0 0;position: relative;}
.hostmusic .ternbox .tern:nth-child(2) .title{background: url(../img/music/index_shoucang.png);background-size: 100% 100%;}
.hostmusic .ternbox .tern:nth-child(3) .title{background: url(../img/music/index_shiting.png);background-size: 100% 100%;}
.hostmusic .ternbox .tern .title .h2{font-size: 44px;font-weight: 600;text-align: center;color: #fff;line-height: 153px;}
.hostmusic .ternbox .tern .title .more{position: absolute;top: 18px;right: 28px;}
.hostmusic .ternbox .tern .title .more a{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.hostmusic .ternbox .tern .title .more a:hover{color: #EF7E31;}
.hostmusic .ternbox .tern .title .more a .icon{font-size: 14px;margin-left: 4px;}
.hostmusic .ternbox .tern .list{padding: 0 20px;}
.hostmusic .ternbox .tern .list li{width: 100%;height: 40px;background: #fff;border-radius: 2px;position: relative;padding: 10px 0;}
.hostmusic .ternbox .tern .list li .layui-form-checkbox{display: inline-block;}
.hostmusic .ternbox .tern .list li .sort{width: 26px;height: 26px;margin: 0 11px;background: #ACAEB0;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 600;color: #FFFFFF;line-height: 26px;text-align: center;}
.hostmusic .ternbox .tern .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;padding-left: 10px;width: 79%;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .ternbox .tern .list li:hover .name{color: #EF7E31;}
.hostmusic .ternbox .tern .list li .sort1{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to1.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostmusic .ternbox .tern .list li .sort2{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to2.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostmusic .ternbox .tern .list li .sort3{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to3.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostmusic .ternbox .tern .typebox{width: 100%;padding-bottom: 20px;}
.hostmusic .ternbox .tern .typebox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 28px;background: #fff;cursor: pointer;}
.hostmusic .ternbox .tern .typebox .btn:nth-child(1){margin-left: 20px;}
.hostmusic .ternbox .tern .typebox .btn i{margin-right: 10px;}
.hostmusic .ternbox .tern .typebox .btn:hover{background: #EF7E31;color: #fff;}
.hostmusic .ternbox .tern .typebox .btn.on{background: #EF7E31;color: #fff;}
.hostmusic .ternbox .tern .typebox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
/*音乐分类页主内容*/
.hostmusic .maincontent{width: 100%;margin-top: 20px;}
.hostmusic .maincontent .left{width: 990px;display: inline-block;vertical-align: top;margin-right: 20px;}
.hostmusic .maincontent .left.musicboxlist{background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;height: 1709px;}
.hostmusic .maincontent .left.musicboxlist .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 10px;}
.hostmusic .maincontent .left.musicboxlist .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostmusic .maincontent .left.musicboxlist .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostmusic .maincontent .left .musicboxlist{height: 1497px;border-radius: 10px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;width:100%;padding-bottom: 18px;padding-top: 10px;margin-top:20px;}
.hostmusic .maincontent .left .listtitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;padding: 0 22px;}
.hostmusic .maincontent .left .listtitle .select{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .number{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .name{font-size: 14px;font-weight: 400;color: #999999;width: 44%;line-height: 44px;display: inline-block;text-align: left;}
.hostmusic .maincontent .left .listtitle .recommend{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .format{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .download{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .collect{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .click{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .listtitle .time{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .infolist{padding: 0 22px;}
.hostmusic .maincontent .left .infolist li{widows: 100%;height: 44px;background: #fff;}
.hostmusic .maincontent .left .infolist li:nth-child(2n){background: #FAFAFA;}
.hostmusic .maincontent .left .infolist li:hover{background: #F0F0F0;}
.hostmusic .maincontent .left .infolist li .layui-form-checkbox{width: 5%;display: inline-block;margin-left: 15px;margin-right: -15px;vertical-align: top;margin-top: 13px;}
.hostmusic .maincontent .left .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .infolist li .name{width: 44%;font-size: 14px;font-weight: 400;color: #333333;line-height: 44px;display: inline-block;text-align: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .left .infolist li .recommend{width: 5%;display: inline-block;line-height: 42px;text-align: center;cursor:pointer;    vertical-align: top}
.hostmusic .maincontent .left .infolist li .recommend span{font-size: 10px;font-weight: 400;color: #EF7E31;padding: 0 2px;border: 1px solid #EF7E31;}
.hostmusic .maincontent .left .infolist li .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .infolist li .download{width: 5%;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostmusic .maincontent .left .infolist li .download .icon{font-size: 20px;color: #999999;}
.hostmusic .maincontent .left .infolist li .collect{width: 5%;display: inline-block;text-align: center;line-height: 40px;font-size: 18px;vertical-align: top;font-weight: 600;color: #999999;cursor: pointer;}
.hostmusic .maincontent .left .infolist li .collect.icon-shoucang{color: #EF7E31;}
.hostmusic .maincontent .left .infolist li a:hover .icon,.hostmusic .maincontent .left .infolist li .fav:hover{color: #EF7E31;}
.hostmusic .maincontent .left .infolist li .click{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .infolist li .time{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .infolist.kesahngchu li .name{width: 49%;}
.hostmusic .maincontent .left .infolist.kesahngchu li .shanchu{width: 5%;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;cursor: pointer;}
.hostmusic .maincontent .left .infolist.kesahngchu li .shanchu .icon{font-size: 20px;color: #999999;}
.hostmusic .maincontent .left .btnttbox{width: 100%;padding-top: 16px;}
.hostmusic .maincontent .left .btnttbox .btn{cursor: pointer;width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;}
.hostmusic .maincontent .left .btnttbox .btn:nth-child(1){margin-left: 22px;}
.hostmusic .maincontent .left .btnttbox .btn i{margin-right: 10px;}
.hostmusic .maincontent .left .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.hostmusic .maincontent .left .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.hostmusic .maincontent .left .btnttbox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
/*音乐分类页 边栏*/
.hostmusic .maincontent .right{width: 430px;border-radius: 10px;display: inline-block;vertical-align: top;}
.hostmusic .maincontent .right .leaderboard{width: 100%;height: 628px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-top: 20px;}
.hostmusic .maincontent .right .leaderboard .title{padding: 22px;position: relative;}
.hostmusic .maincontent .right .leaderboard .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostmusic .maincontent .right .leaderboard .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostmusic .maincontent .right .leaderboard .title .h2 span{font-size: 20px;font-weight: 400;color: #999999;line-height: 28px;padding-left: 12px;}
.hostmusic .maincontent .right .leaderboard .taxbox{margin: 0;}
.hostmusic .maincontent .right .leaderboard .option{height: 41px;}
.hostmusic .maincontent .right .leaderboard .option li:nth-child(1){margin-left: 22px;border-right: 0;}
.hostmusic .maincontent .right .leaderboard .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 40px;line-height: 40px;font-size: 20px;color: #999;width: 122px;padding: 0;}
.hostmusic .maincontent .right .leaderboard .option li.layui-this{border-bottom: 1px solid #fff;background: #fff;color: #666;}
.hostmusic .maincontent .right .leaderboard .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.hostmusic .maincontent .right .leaderboard .list{padding: 0 22px;}
.hostmusic .maincontent .right .leaderboard .list li{padding: 11px 0;}
.hostmusic .maincontent .right .leaderboard .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hostmusic .maincontent .right .leaderboard .list li .sort1{background: #D3302F;color: #fff;}
.hostmusic .maincontent .right .leaderboard .list li .sort2{background: #FC7401;color: #fff;}
.hostmusic .maincontent .right .leaderboard .list li .sort3{background: #F8CD1B;color: #fff;}
.hostmusic .maincontent .right .leaderboard .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .right .leaderboard .list li:hover .name{color: #EF7E31;}
/*音乐播放页*/
@keyframes cdplay{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.hostmusic .maincontent .left .playbox{background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;padding: 30px 33px;position: relative;}
.hostmusic .maincontent .left .playbox .musicpic{width: 220px;height: 220px;border-radius: 50%;background: url(../img/music/player-default.png) no-repeat center;    position: absolute;top: 20px;left: 20px;}
.hostmusic .maincontent .left .playbox .musicpic .img{width: 137px;height: 137px;border-radius: 50%;position: absolute;overflow: hidden;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.hostmusic .maincontent .left .playbox .musicpic .img img{width:100%;height:100%;;object-fit: cover;border-radius:50%;display: inline-block;}
.hostmusic .maincontent .left .playbox .musicpic.on .img img{animation: cdplay 5s linear 0s infinite;}
.hostmusic .maincontent .left .playbox .musicpic .zhinan{width: 90px;height: 220px;position: absolute;right: -10px;top: 0;transform-origin: 66px 28px;transform: rotate(-15deg);transition: all 0.3s;background: url(../img/music/player-line.png) no-repeat 0 0;background-size: cover;}
.hostmusic .maincontent .left .playbox .musicpic.on .zhinan{transform: rotate(6deg);}
.hostmusic .maincontent .left .playbox .neirong{padding-left: 227px;}
.hostmusic .maincontent .left .playbox .neirong .name{font-size: 24px;font-weight: 500;color: #333333;line-height: 33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;}
.hostmusic .maincontent .left .playbox .neirong .type{width: 100%;margin-top: 5px;}
.hostmusic .maincontent .left .playbox .neirong .type .tags{width: 25%;text-align: left;display: inline-block;vertical-align: top;font-size: 14px;font-weight: 400;color: #999999;padding-top: 10px;}
.hostmusic .maincontent .left .playbox .neirong .type .tags a{font-size: 14px;color: #333333;}
.hostmusic .maincontent .left .playbox .neirong .type .tags a:hover{color: #EF7E31;}
.hostmusic .maincontent .left .playbox .neirong .type .tags span{font-size: 14px;color: #333333;}
.hostmusic .maincontent .left .playbox .neirong .audiostrip{width: 100%;position: relative;margin-top: 20px;}
.hostmusic .maincontent .left .playbox .neirong .audiostrip .tiao{width: 86%;margin-left: 7%;height: 25px;border-radius: 20px;overflow: hidden;cursor: pointer;}
.hostmusic .maincontent .left .playbox .neirong .audiostrip .begin{font-size: 14px;font-weight: 400;color: #999999;position: absolute;top: 0;left: 0;line-height: 25px;}
.hostmusic .maincontent .left .playbox .neirong .audiostrip .finish{font-size: 14px;font-weight: 400;color: #999999;position: absolute;top: 0;right: 0;line-height: 25px;}
.hostmusic .maincontent .left .playbox .neirong .audiostrip .tiao .layui-progress-bar{background: #EF7E31;height: 25px;}
.hostmusic .maincontent .left .playbox .neirong .element{width: 100%;position: relative;margin-top: 20px;}
.hostmusic .maincontent .left .playbox .neirong .element .collect{width: 142px;height: 41px;background: #EF7E31;border-radius: 21px;font-size: 14px;font-weight: 400;color: #fff;line-height: 41px;position: absolute;top: 50%;left: 0;margin-top: -20px;text-align: center;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .collect:hover{background: #aa5b26;}
.hostmusic .maincontent .left .playbox .neirong .element .download{width: 142px;height: 41px;background: #EF7E31;border-radius: 21px;font-size: 14px;font-weight: 400;color: #fff;line-height: 41px;position: absolute;top: 50%;right: 0;margin-top: -20px;text-align: center;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .download:hover{background: #aa5b26;}
.hostmusic .maincontent .left .playbox .neirong .element .widget{margin: 0 auto;text-align: center;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .up{font-size: 16px;color: #EF7E31;display: inline-block;vertical-align: middle;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .up .icon{font-size:30px}
.hostmusic .maincontent .left .playbox .neirong .element .widget .up:hover{color:#aa5b26;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .playback{width: 40px;height: 40px;background: #EF7E31;font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;line-height: 40px;text-align: center;border-radius: 50%;margin: 0 20px;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .playback:hover{background: #aa5b26;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .next{font-size: 16px;color: #EF7E31;display: inline-block;vertical-align: middle;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .next .icon{font-size:30px}
.hostmusic .maincontent .left .playbox .neirong .element .widget .next:hover{color:#aa5b26;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin{display: inline-block;vertical-align: middle;padding-left: 20px;color: #EF7E31;position:relative;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .iconbox .iconfont{font-size:25px;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu{position: absolute;top: 0;left: 10px;padding-top: 35px;display: none;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin:hover .jindu,.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu.on{display: block;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .wjiaobao{width: 10px;background: #fff;height: 10px;border: 1px solid #EF7E31;box-shadow: 0px 1px 3px #EF7E31;transform: rotate(315deg);position: absolute;top: 30px;left: 13px;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox{width:100px;padding:10px 20px;background:#fff;border:1px solid #EF7E31;box-shadow: 0px 1px 3px #EF7E31;border-radius:30px;position: relative;z-index: 9;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .njiaobao{background: #fff;height: 9px;width: 9px;transform: rotate(315deg);position: absolute;top: -5px;left: 13px;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider{ height: 8px;border-radius: 4px;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider .layui-slider-wrap{top:-14px;}
.hostmusic .maincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider .layui-slider-tips{font-size:10px}
.hostmusic .maincontent .left .playbox .neirong .element .sound{font-size: 16px;color: #EF7E31;position: absolute;top: 50%;right: 247px;margin-top: -10px;cursor:pointer;}
.hostmusic .maincontent .left .playbox .neirong .element .collect.on{background: #F7F7F7;color: #666666;}
.hostmusic .maincontent .left .playbox .neirong .element .collect.on:hover{background: #EF7E31;color: #fff;}
.hostmusic .maincontent .left .correlationbox{width: 100%;height: 1200px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-top: 20px;}
.hostmusic .maincontent .left .correlationbox .xhtitle{padding: 22px;position: relative;}
.hostmusic .maincontent .left .correlationbox .xhtitle .h2{font-size: 18px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostmusic .maincontent .left .correlationbox .xhtitle .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostmusic .maincontent .left .correlationbox .taxbox{margin: 0;}
.hostmusic .maincontent .left .correlationbox .taxbox .option{height: 41px;}
.hostmusic .maincontent .left .correlationbox .taxbox .option li:nth-child(1){margin-left: 20px;border-right: 0;}
.hostmusic .maincontent .left .correlationbox .taxbox .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 40px;line-height: 40px;font-size: 18px;color: #999;width: 134px;padding: 0;}
.hostmusic .maincontent .left .correlationbox .taxbox .option li.layui-this{border-bottom: 1px solid #fff;background: #fff;color: #666;}
.hostmusic .maincontent .left .correlationbox .taxbox .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.hostmusic .maincontent .left .correlationbox .taxbox .txtbox{height: 990px;overflow: auto;padding: 22px;font-size: 14px;font-weight: 400;color: #333333;line-height: 30px;}
.hostmusic .maincontent .left .correlationbox .taxbox .txtbox img{max-width:100%;}
.hostmusic .maincontent .left .correlationbox .infolist{padding: 0 12px;height: 990px;overflow: auto;}
.hostmusic .maincontent .left .correlationbox .infolist li.on .name{color: #EF7E31;}
.hostmusic .maincontent .left .correlationbox .infolist li.on .name i{font-size: 14px;padding-right: 4px;color: #EF7E31;}
.hostmusic .maincontent .left .correlationbox .infolist.wsc li .name{width: 55%;}
.hostmusic .maincontent .left .correlationbox .btnttbox .btn:nth-child(1) {margin-left: 12px;}
.hostmusic .maincontent .right .sidebaralbum{width: 100%;height: 811px;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostmusic .maincontent .right .sidebaralbum .title{padding: 22px;padding-bottom: 16px;position: relative;}
.hostmusic .maincontent .right .sidebaralbum .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostmusic .maincontent .right .sidebaralbum .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist{padding: 0 22px;padding-top: 10px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li{width: 100%;position: relative;margin-bottom: 20px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .albumimg{position: absolute;top: 0;left: 0;width: 188px;height: 157px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .albumimg .imgbj{width: 150px;height: 150px;margin-left: 38px;margin-top: 3px;background: url(../img/music/album_bj.png);background-size: 100% 100%;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .albumimg .img{width: 157px;width: 157px;border-radius: 4px;position: absolute;top: 0px;left: 0px;overflow: hidden;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .albumimg .img img{width: 157px;height: 157px;border-radius: 4px;object-fit: cover;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong{padding-left: 208px;height: 157px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .text{font-size: 14px;;font-weight: 400;color: #999999;line-height: 25px;padding-top: 10px;height: 100px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .type{width: 100%;margin-top: 8px;position: relative;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .type .unm{font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .type .unm span{color: #EF7E31;}
.hostmusic .maincontent .right .sidebaralbum .albumlist li .neirong .type .item{font-size: 14px;font-weight: 400;color: #999;line-height: 20px;position: absolute;top: 0;right: 0;}
.hostmusic .maincontent .right .stanceplaymodule{width: 100%;height: 650px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostmusic .maincontent .right .stanceplaymodule .title{padding: 22px;padding-bottom: 16px;position: relative;border-bottom: 1px solid #e6e6e6;}
.hostmusic .maincontent .right .stanceplaymodule .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostmusic .maincontent .right .stanceplaymodule .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostmusic .maincontent .right .stanceplaymodule .list{padding: 0 22px;}
.hostmusic .maincontent .right .stanceplaymodule .list li{padding: 10.5px 0;}
.hostmusic .maincontent .right .stanceplaymodule .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hostmusic .maincontent .right .stanceplaymodule .list li .sort1{background: #D3302F;color: #fff;}
.hostmusic .maincontent .right .stanceplaymodule .list li .sort2{background: #FC7401;color: #fff;}
.hostmusic .maincontent .right .stanceplaymodule .list li .sort3{background: #F8CD1B;color: #fff;}
.hostmusic .maincontent .right .stanceplaymodule .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .right .stanceplaymodule .list li:hover .name{color: #EF7E31;}
/*音乐 专辑列表*/
.hostmusic .maincontent .left .albumlistbox{padding: 0 22px;}
.hostmusic .maincontent .left .albumlistbox li{width: 151px;margin-right: 22px;position: relative;display: inline-block;margin-top: 22px;padding: 10px;padding-bottom: 8px;padding-right: 10px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostmusic .maincontent .left .albumlistbox li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostmusic .maincontent .left .albumlistbox li:nth-child(5n){margin-right: 0;}
.hostmusic .maincontent .left .albumlistbox li .imgbj{width: 121px;height: 121px;background: url(../img/music/album_bj.png);background-size: 100% 100%;margin-top: 3px;margin-left: 34px;}
.hostmusic .maincontent .left .albumlistbox li .img {width: 130px;height: 130px;border-radius: 4px;position: absolute;top: 10px;left: 10px;overflow: hidden;}
.hostmusic .maincontent .left .albumlistbox li .img img{width: 100%;height: 100%;border-radius: 4px;object-fit: cover;}
.hostmusic .maincontent .left .albumlistbox li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*音乐 专辑详情*/
.hostmusic .maincontent .left .albuminfobox{padding: 22px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo{box-sizing: border-box;border: 1px solid #dbdbdb;padding: 20px;border-radius: 10px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .albumimg{width: 244px;height: 210px;position: absolute;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .albumimg .imgbj{width: 200px;height: 200px;;background: url(../img/music/album_bj.png);background-size: 100% 100%;margin-top: 5px;margin-left: 50px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .albumimg .img{width: 210px;height: 210px;border-radius: 4px;position: absolute;top: 0px;left: 0px;overflow: hidden;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .albumimg .img img{width: 210px;height: 210px;border-radius: 4px;object-fit: cover;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .neirong{padding-left: 264px;height: 210px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .neirong .name{font-size: 18px;font-weight: 600;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .neirong .type{margin-top: 10px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .neirong .type .tags{font-size: 14px;color: #999;display: inline-block;vertical-align: top;padding-right: 30px;}
.hostmusic .maincontent .left .albuminfobox .albuminfo .neirong .text{font-size: 14px;color: #555;margin-top: 10px;line-height: 24px;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .select{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .number{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .name{font-size: 14px;font-weight: 400;color: #999999;width: 44%;line-height: 44px;display: inline-block;text-align: left;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .recommend{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .format{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .download{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .collect{font-size: 14px;font-weight: 400;color: #999999;width: 5%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .click{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlisttitle .time{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .albuminfobox .albumlist li{widows: 100%;height: 44px;background: #fff;}
.hostmusic .maincontent .left .albuminfobox .albumlist li:nth-child(2n){background: #FAFAFA;}
.hostmusic .maincontent .left .albuminfobox .albumlist li:hover{background: #F0F0F0;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .layui-form-checkbox{width: 5%;display: inline-block;margin-left: 15px;margin-right: -15px;vertical-align: top;margin-top: 13px;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .name{width: 44%;font-size: 14px;font-weight: 400;color: #333333;line-height: 44px;display: inline-block;text-align: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .recommend{width: 5%;display: inline-block;line-height: 42px;text-align: center;cursor:pointer;    vertical-align: top}
.hostmusic .maincontent .left .albuminfobox .albumlist li .recommend span{font-size: 10px;font-weight: 400;color: #EF7E31;padding: 0 2px;border: 1px solid #EF7E31;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .download{width: 5%;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .download .icon{font-size: 20px;color: #999999;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .collect{width: 5%;cursor: pointer;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .collect .icon{font-size: 20px;color: #999999;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .collect .icon-shoucang{color: #EF7E31;}
.hostmusic .maincontent .left .albuminfobox .albumlist li a:hover .icon,
.hostmusic .maincontent .left .albuminfobox .albumlist li .collect:hover{color: #EF7E31;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .click{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .albuminfobox .albumlist li .time{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left.musicboxlist .albuminfobox .albumlist .btnttbox .btn:nth-child(1) {margin-left: 0;}
.hostmusic .maincontent .right .albumsidebarbox{width: 100%;height: 1277px;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostmusic .maincontent .right .albumsidebarbox .title{padding: 22px;padding-bottom: 16px;position: relative;border-bottom: 1px solid #dbdbdb;margin-bottom: 10px;}
.hostmusic .maincontent .right .albumsidebarbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostmusic .maincontent .right .albumsidebarbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostmusic .maincontent .right .albumsidebarbox .title .more {position: absolute;top: 23px;right: 22px;}
.hostmusic .maincontent .right .albumsidebarbox .title .more a {font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostmusic .maincontent .right .albumsidebarbox .title .more a:hover {color: #EF7E31;}
.hostmusic .maincontent .right .albumsidebarbox .title .more a .icon {font-size: 12px;padding-left: 4px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist{padding: 0 22px;padding-top: 10px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li{width: 100%;position: relative;margin-bottom: 22px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .albumimg{position: absolute;top: 0;left: 0;width: 188px;height: 157px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .albumimg .imgbj{width: 143px;height: 143px;margin-left: 34px;margin-top: 3px;background: url(../img/music/album_bj.png);background-size: 100% 100%;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .albumimg .img{width: 148px;height: 148px;border-radius: 4px;position: absolute;top: 0px;left: 0px;overflow: hidden;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .albumimg .img img{width: 148px;height: 148px;border-radius: 4px;object-fit: cover;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong{padding-left: 186px;height: 148px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li:hover .neirong .name{color: #EF7E31;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .text{font-size: 14px;;font-weight: 400;color: #999999;line-height: 20px;padding-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;height: 100px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .type{width: 100%;margin-top: 5px;position: relative;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .type .unm{font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .type .unm span{color: #EF7E31;}
.hostmusic .maincontent .right .albumsidebarbox .albumlist li .neirong .type .item{font-size: 14px;font-weight: 400;color: #999;line-height: 20px;position: absolute;top: 0;right: 0;}
/*批量下载页*/
.hostmusic .maincontent .left .downhint{padding: 22px;}
.hostmusic .maincontent .left .downhint h2{font-size: 18px;color: #333;font-weight: 600;padding-bottom: 10px;}
.hostmusic .maincontent .left .downhint p{font-size: 14px;color: #666;line-height: 30px;}
.hostmusic .maincontent .left .downlistbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-top: 20px;}
.hostmusic .maincontent .left .downlistbox .taxbox{margin: 0;}
.hostmusic .maincontent .left .downlistbox .taxbox .option{height: 41px;padding-top: 20px;}
.hostmusic .maincontent .left .downlistbox .taxbox .option li:nth-child(1){margin-left: 22px;}
.hostmusic .maincontent .left .downlistbox .taxbox .option li:nth-child(n+2){border-left: 0;}
.hostmusic .maincontent .left .downlistbox .taxbox .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 40px;line-height: 40px;font-size: 18px;color: #999;width: 122px;padding: 0;}
.hostmusic .maincontent .left .downlistbox .taxbox .option li.layui-this{border-bottom: 1px solid #fff;background: #fff;color: #666;}
.hostmusic .maincontent .left .downlistbox .taxbox .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist{padding: 0 6px;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .listtitle{padding: 0;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .listtitle .number{font-size: 14px;font-weight: 400;color: #999999;width: 10%;line-height: 44px;display: inline-block;text-align: center;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .listtitle .name{width: 44%;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .infolist{padding: 0;height: 600px;overflow: auto;margin-right: -18px;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .infolist li .name{width: 44%;}
.hostmusic .maincontent .left .downlistbox .taxbox .downlist .btnttbox .btn:nth-child(1) {margin-left: 0px;}
.hostmusic .maincontent .right .downstance{margin-top: 20px;height: 566px;}
.hostmusic .maincontent .right .downstance .list li{padding: 9px 0;}
/*音乐 单首下载*/
.hostmusic .maincontent .left .downinfobox{padding: 22px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostmusic .maincontent .left .downinfobox .downti{font-size: 18px;font-weight: 500;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 17px;position: relative;}
.hostmusic .maincontent .left .downinfobox .downti i{margin-right: 10px;width: 7px;height: 21px;display: inline-block;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 15px;}
.hostmusic .maincontent .left .downinfobox .downti span{color: #666;padding-left:5px;}
.hostmusic .maincontent .left .downinfobox .downti a:hover{color:#EF7E31}
.hostmusic .maincontent .left .downinfobox .type{margin-top: 22px;padding-left: 17px;}
.hostmusic .maincontent .left .downinfobox .type .tags{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;width: 200px;}
.hostmusic .maincontent .left .downinfobox .type .tags a{color: #555;}
.hostmusic .maincontent .left .downinfobox .type .tags a:hover{color: #EF7E31;}
.hostmusic .maincontent .left .downinfobox .formatselection{width: 100%;background: #fafafa;margin-top: 22px;padding-bottom: 30px;position: relative;}
.hostmusic .maincontent .left .downinfobox .formatselection h2{font-size: 18px;font-weight: 500;color: #555;padding: 20px;}
.hostmusic .maincontent .left .downinfobox .formatselection .selectionbtn{padding: 0 20px;}
.hostmusic .maincontent .left .downinfobox .formatselection .selectionbtn .btn{padding: 6px 16px;font-size: 16px;color: #fff;border: 1px solid #EF7E31;background: #EF7E31;margin-right: 20px;border-radius: 4px;}
.hostmusic .maincontent .left .downinfobox .formatselection .selectionbtn .btn:hover{background:#aa5b26;border: 1px solid #aa5b26;}
.hostmusic .maincontent .left .downinfobox .formatselection .shade{width: 100%;background: #fafafa;height: 115px;position: absolute;top: 0;left: 0;line-height: 115px;color: #333;font-size: 16px;text-align: center;}
.hostmusic .maincontent .left .downinfobox .formatselection .shade span{color: #f00;}
.hostmusic .maincontent .left .downinfobox .formatselection .shade a{color: #f00;}
.hostmusic .maincontent .left .hoprecbox{background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;height: 710px;margin-top: 20px;padding: 0 22px;border-radius: 10px;}
.hostmusic .maincontent .left .hoprecbox .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 10px;}
.hostmusic .maincontent .left .hoprecbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;}
.hostmusic .maincontent .left .hoprecbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostmusic .maincontent .left .hoprecbox .listtitle{padding: 0;}
.hostmusic .maincontent .left .hoprecbox .infolist{padding: 0;}
.hostmusic .maincontent .left .hoprecbox .btn:nth-child(1) {margin-left: 0px;}
.hostmusic .maincontent .right .downtancesc{margin-top: 20px;height: 558px;}
/*视频首页*/
.hostvodbox .slideshowbox{width: 100%;margin-top: 20px;}
.hostvodbox .slideshowbox .slideshow{width: 616px;height: 412px;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;margin-right: 17px;display: inline-block;vertical-align: top;}
.hostvodbox .slideshowbox .slideshow .layui-carousel{border-radius: 10px;}
.hostvodbox .slideshowbox .slideshow .liimg{width: 616px;height: 412px;border-radius: 10px;overflow: hidden;}
.hostvodbox .slideshowbox .slideshow .liimg img{width: 616px;height: 412px;border-radius: 10px;object-fit: cover;}
.hostvodbox .slideshowbox .recommendlist{display: inline-block;vertical-align: top;width: 807px;}
.hostvodbox .slideshowbox .recommendlist li{width: 260px;height: 199px;background: #FFFFFF;border-radius: 10px;margin-right: 13px;position: relative;display: inline-block;vertical-align: top;overflow: hidden;margin-bottom: 14px;box-shadow: 0px 1px 3px #CCC;}
.hostvodbox .slideshowbox .recommendlist li .img{width: 260px;height: 158px;background: #D8D8D8;border-radius: 10px 10px 0px 0px;overflow: hidden;}
.hostvodbox .slideshowbox .recommendlist li .img img{width: 100%;height: 100%;border-radius: 10px 10px 0px 0px;object-fit: cover;}
.hostvodbox .slideshowbox .recommendlist li .neirong{width: 100%;height: 41px;position: relative;}
.hostvodbox .slideshowbox .recommendlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 41px;padding-left: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 55%;}
.hostvodbox .slideshowbox .recommendlist li .neirong .click{font-size: 14px;font-weight: 400;color: #999999;line-height: 41px;position: absolute;top: 0;right: 10px;}
.hostvodbox .slideshowbox .recommendlist li .tuijian{width: 47px;height: 25px;background: #EF7E31;border-radius: 0px 10px 0px 10px;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 25px;text-align: center;position: absolute;top: 0;right: 0;}
.hostvodbox .slideshowbox .recommendlist li .choice{width: 260px;height: 158px;position: absolute;top: 0;left: 0;text-align: center;background: rgba(19,20,21,0.5);display: none;z-index: 9;}
.hostvodbox .slideshowbox .recommendlist li .choice .icon-bofang2{color: #fff;font-size: 60px;line-height: 158px;}
.hostvodbox .slideshowbox .recommendlist li:nth-child(3n){margin-right: 0;}
.hostvodbox .slideshowbox .recommendlist li:nth-child(n+4){margin-bottom: 0;}
.hostvodbox .slideshowbox .recommendlist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostvodbox .slideshowbox .recommendlist li:hover .choice{display: block;}
.hostvodbox .homevod1{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostvodbox .homevod1 .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 22px;}
.hostvodbox .homevod1 .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostvodbox .homevod1 .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostvodbox .homevod1 .title .titleright{position: absolute;top: 22px;right: 25px;}
.hostvodbox .homevod1 .title .titleright .lei{width: 88px;height: 24px;border-radius: 15px;border: 1px solid #DDDDDD;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;display: inline-block;margin-left: 18px;text-align: center;cursor:pointer;}
.hostvodbox .homevod1 .title .titleright .lei:hover{border: 1px solid #EF7E31;color: #fff;background:#EF7E31;}
.hostvodbox .homevod1 .title .titleright .on{border: 1px solid #EF7E31;color: #fff;background:#EF7E31;}
.hostvodbox .homevod1 .title .titleright .more{display: inline-block;margin-left: 18px;}
.hostvodbox .homevod1 .title .titleright .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.hostvodbox .homevod1 .vodlist{padding: 0 22px;display:none;}
.hostvodbox .homevod1 .vodlist li{width: 260px;position: relative;margin-right: 24px;display: inline-block;vertical-align: middle;margin-bottom: 22px;}
.hostvodbox .homevod1 .vodlist li:nth-child(5n){margin-right: 0;}
.hostvodbox .homevod1 .vodlist li .vodimg{width: 260px;height: 162px;border-radius: 10px;overflow: hidden;position: relative;}
.hostvodbox .homevod1 .vodlist li .vodimg img{object-fit: cover;width: 100%;height: 100%;}
.hostvodbox .homevod1 .vodlist li .vodimg .tuijian{font-size: 12px;width: 40px;height: 26px;text-align: center;line-height: 26px;border-radius: 0 10px 0 10px;position: absolute;top: 0;right: 0;background: #EF7E31;color: #fff;}
.hostvodbox .homevod1 .vodlist li .vodimg .click{font-size: 14px;font-weight: 400;color: #fff;position: absolute;bottom: 10px;left: 10px;}
.hostvodbox .homevod1 .vodlist li .neirong{padding-top: 10px;position: relative;}
.hostvodbox .homevod1 .vodlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;text-overflow:ellipsis;width: 100%;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.hostvodbox .homevod1 .vodlist li .choice{width: 260px;height: 162px;position: absolute;top: 0;left: 0;text-align: center;background: rgba(19,20,21,0.5);display: none;z-index: 9;border-radius: 10px;}
.hostvodbox .homevod1 .vodlist li .choice .icon-bofang2{color: #fff;font-size: 60px;line-height: 158px;}
.hostvodbox .homevod1 .vodlist li:hover .choice{display: block;}
.hostvodbox .homevod1 .vodlist li:hover .neirong .name{color: #EF7E31;}
.hostvodbox .albumbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hostvodbox .albumbox .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 0;}
.hostvodbox .albumbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostvodbox .albumbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostvodbox .albumbox .title .more{position: absolute;top: 22px;right: 22px;}
.hostvodbox .albumbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostvodbox .albumbox .title .more a:hover{color: #EF7E31;}
.hostvodbox .albumbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostvodbox .albumbox .list{padding: 22px 67px;}
.hostvodbox .albumbox .list li{width: 177px;margin-left: 22px;position: relative;display: inline-block;padding:10px;padding-bottom:8px;padding-right:8px;box-shadow: 0px 1px 3px #CCCCCC;background:#fff;border-radius: 10px;}
.hostvodbox .albumbox .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostvodbox .albumbox .list li:nth-child(1){margin-left: 10px;}
.hostvodbox .albumbox .list li .imgbj{width: 139px;height: 139px;background: url(../img/music/album_bj.png);background-size: 100% 100%;margin-top: 2px;margin-left: 38px;}
.hostvodbox .albumbox .list li .img {width: 146px;height: 146px;border-radius: 4px;position: absolute;top: 10px;left: 10px;overflow: hidden;}
.hostvodbox .albumbox .list li .img img{width: 146px;height: 146px;border-radius: 4px;object-fit: cover;}
.hostvodbox .albumbox .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostvodbox .albumbox .leftbox{width: 74px;height: 215px;background: #fff;position: absolute;top: 60px;left: 0;}
.hostvodbox .albumbox .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 93px auto;}
.hostvodbox .albumbox .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hostvodbox .albumbox .leftbox span:hover{background: #EF7E31;color: #fff;}
.hostvodbox .albumbox .rightbox{width: 80px;height: 215px;background: #fff;position: absolute;top: 60px;right: 0;}
.hostvodbox .albumbox .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 93px auto;}
.hostvodbox .albumbox .rightbox span:hover{background: #EF7E31;color: #fff;}
.hostvodbox .albumbox .rightbox .icon{font-size: 18px;line-height: 35px;}
/*视频分类页*/
.hostvodbox .vodmainContent{width: 100%;margin-top: 20px;}
.hostvodbox .vodmainContent .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostvodbox .vodmainContent .left .vodclasslistbox{border-radius: 10px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;width:100%;padding: 22px 0;margin-top:20px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox{width: 100%;padding-top: 0;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;cursor: pointer;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn:nth-child(1){margin-left: 22px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn i{margin-right: 10px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .vodclasslistbox .btnttbox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
.hostvodbox .vodmainContent .right{width: 430px;display: inline-block;vertical-align: top;}
.hostvodbox .vodmainContent .right .siderecomvodbox{width: 100%;height: 1077px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title{padding: 22px;position: relative;border-bottom: 1px solid #dbdbdb;padding-bottom: 16px;padding-top: 16px;margin-bottom: 22px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .more {position: absolute;top: 22px; right: 22px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .more a {font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .more a:hover {color: #EF7E31;}
.hostvodbox .vodmainContent .right .siderecomvodbox .title .more a .icon {font-size: 12px;padding-left: 4px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist{padding: 0 22px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li{width: 100%;margin-bottom: 22px;position: relative;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .img{width: 168px;height: 100px;border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .img img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .neirong{padding-left: 180px;height: 100px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 17px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 37px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li:hover .neirong .name{color: #EF7E31;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .neirong .type{padding-top: 20px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .neirong .type .tags{font-size: 12px;font-weight: 400;color: #999999;display: inline-block;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .neirong .type .tags:nth-child(1){padding-right: 15px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .choice{width: 168px;height: 102px;position: absolute;top: 0;left: 0;text-align: center;background: rgba(19,20,21,0.5);display: none;z-index: 9;border-radius: 10px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li .choice .icon-bofang2{color: #fff;font-size: 50px;line-height: 102px;}
.hostvodbox .vodmainContent .right .siderecomvodbox .vodlist li:hover .choice{display: block;}
.hostvodbox .vodmainContent .right .siderecomvodbox .shipfl .img{height: 102px!important;}
.hostvodbox .vodmainContent .right .siderecomvodbox .shipfl .neirong{height: 102px!important;}
/*视频 专辑页*/
.hostvodbox .vodmainContent .left .vodclasslistbox .title{position: relative;border-bottom: 1px solid #dbdbdb;}
.hostvodbox .vodmainContent .left .vodclasslistbox .title.albumxiajianju{padding-bottom: 20px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .title .more{position: absolute;top: 27px;right: 0;}
.hostvodbox .vodmainContent .left .vodclasslistbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .vodclasslistbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox{padding: 0 22px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li{width: 100%;height: 170px;position: relative;margin-top: 25px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .img{width: 260px;height: 173px;border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .img img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong{padding-left: 270px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .tli{width: 100%;position: relative;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .tli .name{font-size: 20px;line-height: 34px;color: #333;width: 75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 500;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .tli .sub{position: absolute;top: 0;right: 0;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .tli .sub .ta{font-size: 20px;color: #555;line-height: 34px;padding-left: 20px;display: inline-block;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist{width: 100%;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li{padding-top: 15px;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li .name{font-size: 14px;width: 65%;color: #9a9999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;vertical-align: middle;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li .geshi{font-size: 14px;width: 5%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li .xiazai{font-size: 14px;width: 15%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li .shijian{font-size: 14px;width: 15%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li:hover .name{color: #EF7E31;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li:hover .geshi{color: #EF7E31;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li:hover .xiazai{color: #EF7E31;}
.hostvodbox .vodmainContent .left .vodclasslistbox .albumlistbox li .neirong .ullist .li:hover .shijian{color: #EF7E31;}
/*视频 专辑详情*/
.hostvodbox .vodmainContent .left .albuminfotop{width: 100%;position: relative;}
.hostvodbox .vodmainContent .left .albuminfotop .img{width: 265px;height: 167px;border-radius: 10px;overflow: hidden;position: absolute;top: 22px;left: 22px;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong{height: 167px;padding: 22px 0;padding-left: 305px;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .name{font-size: 20px;color: #333;font-weight: 500;padding-right: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .text{font-size: 16px;color: #999;line-height: 24px;padding-top: 10px;padding-right: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;height: 100px;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .type{padding-top: 10px;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .type .tags{font-size: 16px;color: #999;padding-right: 20px;display: inline-block;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .type .tags:hover{color: #EF7E31;cursor: pointer;}
.hostvodbox .vodmainContent .left .albuminfotop .neirong .type .tags .icon{padding-right: 4px;}
.hostvodbox .vodmainContent .left .albumlistzhong{background: #fff;padding: 22px 0;border-radius: 10px;margin-top: 20px;box-shadow: 0px 1px 3px #CCC;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;padding: 0 22px;border-radius: 10px 10px 0 0;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .select{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .poster{width: 13%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .name{width: 52%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .recommend{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .download{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .listtitle .collect{width: 5%;cursor: pointer;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist{padding: 0 22px;} 
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li{width: 100%;height: 106px;background: #fff;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li:nth-child(2n){background: #FAFAFA;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li:hover{background: #F0F0F0;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .layui-form-checkbox{width: 5%;display: inline-block;margin-left: 15px;margin-right: -15px;vertical-align: top;margin-top: 42px;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #333333;height: 106px;line-height: 106px;display: inline-block;vertical-align: middle;text-align: center;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .poster{width: 13%;height: 67px;display: inline-block;vertical-align: middle;border-radius: 4px;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .poster img{width: 109px;height: 100%;object-fit: cover;border-radius: 4px;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .neirong{width: 52%;height: 106px;display: inline-block;vertical-align: middle;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 30px;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .neirong .type{padding-top: 6px;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .neirong .type .tags{font-size: 14px;font-weight: 400;color: #999999;padding-right: 10px;display: inline-block;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .recommend{width: 5%;display: inline-block;line-height: 100px;text-align: center;cursor:pointer;    vertical-align: top}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .recommend span{font-size: 10px;font-weight: 400;color: #EF7E31;padding: 0 2px;border: 1px solid #EF7E31;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 100px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .download{width: 5%;display: inline-block;text-align: center;line-height: 100px;vertical-align: top;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .download .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .collect{width: 5%;cursor: pointer;display: inline-block;text-align: center;line-height: 100px;vertical-align: top;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .collect .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li .collect .icon-shoucang{color: #EF7E31;}
.hostvodbox .vodmainContent .left .albumlistzhong .infolist li a:hover .icon{color: #EF7E31;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox{width: 100%;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;cursor: pointer;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn:nth-child(1){margin-left: 22px;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn i{margin-right: 10px;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .albumlistzhong .btnttbox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
.hostvodbox .vodmainContent .left .albumlistzhong .pagebox{padding-bottom: 0;margin-top: 22px;}
/*视频 播放页*/
.hostvodbox .vodmainContent .vodplayleft{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;background: #fff;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;}
.hostvodbox .vodmainContent .vodplayleft .vodplaybox{width: 100%;height: 557px;position: relative;overflow: hidden;}
.hostvodbox .vodmainContent .vodplayleft .vodplaybox .playbox{width: 100% !important;height: 557px !important;border-radius: 10px 10px 0 0;overflow: hidden;background: #000;}
.vodplaybox .bofanglist{display:block;width: 40px;padding: 5px 0;height: 64px;background: rgba(0, 0, 0, 0.7);position: absolute;top: 50%;right: 0;z-index: 999;border-radius: 10px 0 0 10px;margin-top: -37px;cursor: pointer;}
.vodplaybox .bofanglist .iconfont{display: inline-block;vertical-align: middle;color: #ebebeb;font-size: 16px;}
.vodplaybox .bofanglist .text{writing-mode: tb-lr;writing-mode: vertical-lr;font-size: 16px;color: #ebebeb;display: inline-block;vertical-align: middle;text-align: center;}
.vodplaybox .bflist{width: 300px;height: 557px;background: rgba(0, 0, 0, 0.7);position: absolute;top: 0;right: -557px;z-index: 999;display: block;animation-duration: 2s;}
.vodplaybox .bflist.on{right: 0;}
.vodplaybox .bflist .bflbtop{width: 100%;height: 40px;background: rgba(0, 0, 0, 0.6);position: relative;line-height: 40px;}
.vodplaybox .bflist .bflbtop .h4{font-size: 14px;color: #ebebeb;padding-left: 10px;}
.vodplaybox .bflist .bflbtop .type{position: absolute;top: 0;right: 10px;}
.vodplaybox .bflist .bflbtop .type .icon{display: inline-block;vertical-align: top;padding-left: 20px;line-height: 40px;color: #ebebeb;cursor: pointer;}
.vodplaybox .bflist .bflbtop .type .on{color: #2196f3;}
.vodplaybox .bflist .bflbtop .type .icon:hover{color: #2196f3;}
.vodplaybox .bflist .bflbtop .shunxubox{width: 120px;background: #484848;box-shadow: 0px 1px 3px #2d2d2d;position: absolute;top: 35px;right: 30px;padding: 10px 0;border-radius: 5px;display: none;z-index: 99;}
.vodplaybox .bflist .bflbtop .shunxubox .li{width: 100%;line-height: 30px;font-size: 14px;text-align: center;color: #ebebeb;cursor: pointer;}
.vodplaybox .bflist .bflbtop .shunxubox .li i{padding-right: 10px;font-size: 14px;}
.vodplaybox .bflist .bflbtop .shunxubox .li.on{background: #2196f3;}
.vodplaybox .bflist .bflbtop .shunxubox .li:hover{background: #2196f3;}
.vodplaybox .bflist .bflbtop .qhlbbox{right: 0;display: none;}
.vodplaybox .bflist .plist{padding: 0 10px;overflow-y: auto;height: 517px;overflow-x: hidden;}
.vodplaybox .bflist ::-webkit-scrollbar { width: 10px;}
.vodplaybox .bflist ::-webkit-scrollbar-track {background-color: #000;}
.vodplaybox .bflist ::-webkit-scrollbar-thumb {background-color: #888;border-radius: 5px;}
.vodplaybox .bflist ::-webkit-scrollbar-thumb:hover {background-color: #555;}
.vodplaybox .bflist .plist li{width: 100%;position: relative;margin-top: 10px;margin-bottom: 10px;}
.vodplaybox .bflist .plist li .img{width: 125px;height: 75px;border-radius: 4px;overflow: hidden;position: absolute;top: 0;left: 0;}
.vodplaybox .bflist .plist li .img .item{padding: 1px 5px;background: rgba(0, 0, 0, 0.8);color: #ebebeb;font-size: 10px;position: absolute;bottom: 0;right: 0;border-radius: 0 0 4px 0;}
.vodplaybox .bflist .plist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.vodplaybox .bflist .plist li .neirong{padding-left: 135px;font-size: 10px;height: 75px;}
.vodplaybox .bflist .plist li .neirong .name{width: 100%;height: 40px;overflow: hidden;color: #ebebeb;font-size: 14px;padding-top: 7px;}
.vodplaybox .bflist .plist li .neirong .click{font-size: 12px;color: #ebebeb;padding-top: 2px;}
.vodplaybox .bflist .plist li .close{color: #ebebeb;font-size: 14px;position: absolute;bottom: 7px;right: 0;}
.vodplaybox .bflist .plist li .close:hover{color: #2196f3;}
.vodplaybox .bflist .gblb{width: 40px;padding: 5px 0;height: 64px;background: rgba(0, 0, 0, 0.7);position: absolute;top: 50%;left: 0;z-index: 999;border-radius: 0 10px 10px 0;margin-top: -37px;cursor: pointer;}
.vodplaybox .bflist .gblb .iconfont{display: inline-block;vertical-align: middle;color: #ebebeb;font-size: 16px;}
.vodplaybox .bflist .gblb .text{writing-mode: tb-lr;writing-mode: vertical-lr;font-size: 16px;color: #ebebeb;display: inline-block;vertical-align: middle;text-align: center;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo{padding: 22px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo{width: 100%;position: relative;border-bottom: 1px solid #dbdbdb;padding-bottom: 22px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .img{width: 238px;height: 182px;position: absolute;top: 0;left: 0;border-radius: 10px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .img img{object-fit: cover;width: 100%;height: 100%;border-radius: 10px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong{padding-left: 258px;height: 182px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .name{font-size: 24px;font-weight: 500;color: #333333;line-height: 33px;padding-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .name span{padding: 0px 3px;font-size: 16px;border: 1px solid #EF7E31;color: #EF7E31;margin-left: 10px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .name i{font-size: 30px;vertical-align: bottom;margin-left: 5px;color: #EF7E31;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .type{padding-top: 15px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .type .tags{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;width: 25%;display: inline-block;padding-bottom: 10px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .type .tags a{color: #333333;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .type .tags a:hover{color: #EF7E31;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .type .tags span{color: #333333;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .btnty{position: absolute;bottom: 22px;right: 0;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .btnty .btn{width: 142px;height: 41px;background: #EF7E31;border-radius: 21px;margin-left: 30px;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 41px;text-align: center;display: inline-block;vertical-align: top;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .btnty .btn.on{color: #333333;background: #F2F2F2;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .neirong .btnty .btn:hover{background: #aa5b26;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .hintbox{position: absolute;bottom: 25px;left: 258px;height: 60px;box-shadow: 0px 1px 3px #ef7e31;border-radius: 10px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .hintbox p{padding: 0 10px;font-size: 12px;color: #333;line-height: 33px;height: 25px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .vodinfo .hintbox p span{font-size: 17px;color: #f00;font-weight: 600;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .text{width: 100%;height: 443px;overflow-y: auto;padding-bottom: 11px;margin-top: 22px;font-size: 14px;font-weight: 400;color: #333333;line-height: 24px;}
.hostvodbox .vodmainContent .vodplayleft .vodcontentinfo .text img{max-width:100%;}
.hostvodbox .vodmainContent .vodplayright{width: 430px;display: inline-block;vertical-align: top;}
.hostvodbox .vodmainContent .vodplayright .playlist{width: 100%;background: #fff;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;}
.hostvodbox .vodmainContent .vodplayright .playlist .title{padding: 22px;position: relative;}
.hostvodbox .vodmainContent .vodplayright .playlist .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostvodbox .vodmainContent .vodplayright .playlist .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist{padding: 0 22px;height: 1209px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li{width: 100%;position: relative;margin-bottom: 19px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .img{width: 188px;height: 115px;background: #000000;border-radius: 10px;overflow: hidden;position: absolute;top: 0;left: 0;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .img img{width: 100%;height: 100%;object-fit: cover;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong{padding-left: 200px;height: 115px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .classname{font-size: 14px;font-weight: 400;color: #999999;padding-top: 18px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .type{padding-top: 4px;width: 100%;position: relative;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .type .tags{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .type .tags span{color: #EF7E31;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .neirong .type .item{font-size: 14px;font-weight: 400;color: #999999;position: absolute;top: 4px;right: 0;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .choice{width: 188px;height: 115px;position: absolute;top: 0;left: 0;text-align: center;background: rgba(19,20,21,0.5);display: none;z-index: 9;border-radius: 10px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li .choice .icon-bofang2{color: #fff;font-size: 60px;line-height: 115px;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li:hover .choice{display: block;}
.hostvodbox .vodmainContent .vodplayright .playlist .vodlist li:hover .neirong .name{color: #EF7E31;}
.hostvodbox .vodmainContent .vodplaytishi{width: 100%;background: #fff;border-radius: 10px;box-shadow: 0px 1px 3px #ccc;margin-top: 20px;padding-bottom: 20px;}
.hostvodbox .vodmainContent .vodplaytishi .title{padding: 22px;position: relative;}
.hostvodbox .vodmainContent .vodplaytishi .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostvodbox .vodmainContent .vodplaytishi .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostvodbox .vodmainContent .vodplaytishi .textbox{width: 1363px;height: 200px;background: #FAFAFA;border-radius: 21px;margin: 10px auto;padding-top: 20px;}
.hostvodbox .vodmainContent .vodplaytishi .textbox p{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;padding: 0 30px;}
/*视频 视频下载*/
.hostvodbox .vodmainContent .left .downinfobox{padding: 22px;border-radius: 10px;}
.hostvodbox .vodmainContent .left .downinfobox .downti{font-size: 18px;font-weight: 500;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 17px;position: relative;}
.hostvodbox .vodmainContent .left .downinfobox .downti i{margin-right: 10px;width: 7px;height: 21px;display: inline-block;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 15px;}
.hostvodbox .vodmainContent .left .downinfobox .type{margin-top: 22px;padding-left: 17px;}
.hostvodbox .vodmainContent .left .downinfobox .type .tags{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;width: 200px;}
.hostvodbox .vodmainContent .left .downinfobox .type .tags a{color: #555;}
.hostvodbox .vodmainContent .left .downinfobox .type .tags a:hover{color: #EF7E31;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection{width: 100%;background: #fafafa;margin-top: 22px;padding-bottom: 40px;position: relative;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection h2{font-size: 18px;font-weight: 500;color: #555;padding: 20px;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .selectionbtn{padding: 0 20px;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .selectionbtn .btn{padding: 6px 16px;font-size: 16px;color: #fff;border: 1px solid #EF7E31;background: #EF7E31;margin-right: 20px;border-radius: 4px;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .shade{width: 100%;background: #fafafa;height: 115px;position: absolute;top: 0;left: 0;line-height: 115px;color: #333;font-size: 16px;text-align: center;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .shade span{color: #f00;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .shade a{color: #f00;}
.hostvodbox .vodmainContent .left .downinfobox .formatselection .shade a:hover{color: #ef7f33;}
.hostvodbox .vodmainContent .left .correlationbox{width: 100%;height: 1156px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-top: 20px;}
.hostvodbox .vodmainContent .left .correlationbox .xhtitle{padding: 22px;position: relative;}
.hostvodbox .vodmainContent .left .correlationbox .xhtitle .h2{font-size: 18px;font-weight: 500;color: #333333;line-height: 28px;vertical-align: middle;}
.hostvodbox .vodmainContent .left .correlationbox .xhtitle .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox{margin: 0;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .option{height: 41px;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .option li:nth-child(1){margin-left: 20px;border-right: 0;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 40px;line-height: 40px;font-size: 18px;color: #999;width: 134px;padding: 0;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .option li.layui-this{border-bottom: 1px solid #fff;background: #fff;color: #666;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .txtbox{height: 964px;overflow: auto;padding: 22px;padding-top: 0px;}
.hostvodbox .vodmainContent .left .correlationbox .taxbox .txtbox p{font-size: 14px;font-weight: 400;color: #333333;line-height: 30px;}
.hostvodbox .vodmainContent .left .correlationbox .infolist{padding: 0 12px;height: 960px;overflow: auto;}
.hostvodbox .vodmainContent .left .correlationbox .infolist li.on .name{color: #EF7E31;}
.hostvodbox .vodmainContent .left .correlationbox .infolist li.on .name i{font-size: 14px;padding-right: 4px;color: #EF7E31;}
.hostvodbox .vodmainContent .left .correlationbox .btnttbox .btn:nth-child(1) {margin-left: 12px;}
.hostvodbox .vodmainContent .left .infolist{padding: 0 22px;}
.hostvodbox .vodmainContent .left .infolist li{widows: 100%;height: 44px;background: #fff;}
.hostvodbox .vodmainContent .left .infolist li:nth-child(2n){background: #FAFAFA;}
.hostvodbox .vodmainContent .left .infolist li:hover{background: #F0F0F0;}
.hostvodbox .vodmainContent .left .infolist li .layui-form-checkbox{width: 5%;display: inline-block;margin-left: 15px;margin-right: -15px;vertical-align: top;margin-top: 13px;}
.hostvodbox .vodmainContent .left .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist li .name{width: 44%;font-size: 14px;font-weight: 400;color: #333333;line-height: 44px;display: inline-block;text-align: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostvodbox .vodmainContent .left .infolist li .recommend{width: 5%;display: inline-block;line-height: 42px;text-align: center;cursor:pointer;    vertical-align: top}
.hostvodbox .vodmainContent .left .infolist li .recommend span{font-size: 10px;font-weight: 400;color: #EF7E31;padding: 0 2px;border: 1px solid #EF7E31;}
.hostvodbox .vodmainContent .left .infolist li .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist li .download{width: 5%;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist li .download .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .infolist li .collect{width: 5%;cursor: pointer;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist li .collect .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .infolist li .collect .icon-shoucang{color: #EF7E31;}
.hostvodbox .vodmainContent .left .infolist li a:hover .icon{color: #EF7E31;}
.hostvodbox .vodmainContent .left .infolist li .click{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist li .time{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist.kesahngchu li .name{width: 49%;}
.hostvodbox .vodmainContent .left .infolist.kesahngchu li .shanchu{width: 5%;display: inline-block;text-align: center;line-height: 44px;vertical-align: top;}
.hostvodbox .vodmainContent .left .infolist.kesahngchu li .shanchu .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .btnttbox{width: 100%;padding-top: 16px;}
.hostvodbox .vodmainContent .left .btnttbox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;}
.hostvodbox .vodmainContent .left .btnttbox .btn:nth-child(1){margin-left: 22px;}
.hostvodbox .vodmainContent .left .btnttbox .btn i{margin-right: 10px;}
.hostvodbox .vodmainContent .left .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .btnttbox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
/*视频 批量下载*/
.hostvodbox .vodmainContent .left .downhint{padding: 22px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostvodbox .vodmainContent .left .downhint h2{font-size: 18px;color: #333;font-weight: 600;padding-bottom: 10px;}
.hostvodbox .vodmainContent .left .downhint p{font-size: 14px;color: #666;line-height: 23px;}
.hostvodbox .vodmainContent .left .downlistbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-top: 20px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox{margin: 0;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .option{height: 41px;padding-top: 20px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .option li:nth-child(1){margin-left: 22px;border-right: 0;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .option li{border: 1px solid #E0E0E0;background: #FCFCFC;height: 40px;line-height: 40px;font-size: 20px;color: #999;width: 122px;padding: 0;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .option li.layui-this{border-bottom: 1px solid #fff;background: #fff;color: #666;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .option li.layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 43px;border-width: 0;border-style: solid;border-bottom-color: #fff;border-radius: 0;box-sizing: border-box;pointer-events: none;border: 0;border-bottom: 1px solid #fff;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .select{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .poster{width: 13%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .name{width: 52%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .recommend{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .download{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .listtitle .collect{width: 5%;cursor: pointer;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist{margin-right: -15px;overflow: auto;height: 1150px;} 
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li{width: 100%;height: 106px;background: #fff;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li:nth-child(2n){background: #FAFAFA;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li:hover{background: #F0F0F0;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .layui-form-checkbox{width: 5%;display: inline-block;margin-left: 15px;margin-right: -17px;vertical-align: top;margin-top: 42px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #333333;height: 106px;line-height: 106px;display: inline-block;vertical-align: middle;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .poster{width: 13%;height: 67px;display: inline-block;vertical-align: middle;border-radius: 4px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .poster img{width: 109px;height: 100%;object-fit: cover;border-radius: 4px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .neirong{width: 52%;height: 106px;display: inline-block;vertical-align: middle;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .neirong .type{padding-top: 6px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .neirong .type .tags{font-size: 14px;font-weight: 400;color: #999999;padding-right: 10px;display: inline-block;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .recommend{width: 5%;display: inline-block;line-height: 100px;text-align: center;cursor:pointer;    vertical-align: top}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .recommend span{font-size: 10px;font-weight: 400;color: #EF7E31;padding: 0 2px;border: 1px solid #EF7E31;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .format{width: 5%;font-size: 14px;font-weight: 400;color: #999999;line-height: 100px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .download{width: 5%;display: inline-block;text-align: center;line-height: 100px;vertical-align: top;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .download .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .collect{width: 5%;display: inline-block;text-align: center;line-height: 100px;vertical-align: top;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .collect .icon{font-size: 20px;color: #999999;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li .collect .icon-shoucang{color: #EF7E31;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .infolist li a:hover .icon{color: #EF7E31;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox{width: 100%;padding-bottom: 22px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn:nth-child(1){margin-left: 22px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn i{margin-right: 10px;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.hostvodbox .vodmainContent .left .downlistbox .taxbox .btnttbox .btn:hover .icon-xuanzekuangmoren:before{content: "\e602";}
/*歌词首页*/
.hostlyricbox .ternbox{width: 100%;margin-top: 20px;}
.hostlyricbox .ternbox .tern{width: 466.6666px;height: 723px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;margin-right: 20px;vertical-align: top;}
.hostlyricbox .ternbox .tern:nth-child(3){margin-right: 0;}
.hostlyricbox .ternbox .tern .title{width: 100%;height: 153px;background: url(../img/lyric/index_zuixin.png);background-size: 100% 100%;border-radius: 10px 10px 0 0;position: relative;}
.hostlyricbox .ternbox .tern:nth-child(2) .title{background: url(../img/lyric/index_remeng.png);background-size: 100% 100%;}
.hostlyricbox .ternbox .tern:nth-child(3) .title{background: url(../img/lyric/index_xiazai.png);background-size: 100% 100%;}
.hostlyricbox .ternbox .tern .title .h2{font-size: 44px;font-weight: 600;text-align: center;color: #fff;line-height: 153px;}
.hostlyricbox .ternbox .tern .title .more{position: absolute;top: 18px;right: 28px;}
.hostlyricbox .ternbox .tern .title .more a{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.hostlyricbox .ternbox .tern .title .more a:hover{color: #EF7E31;}
.hostlyricbox .ternbox .tern .title .more a .icon{font-size: 14px;margin-left: 4px;}
.hostlyricbox .ternbox .tern .list{padding: 0 10px;}
.hostlyricbox .ternbox .tern .list li{width: 100%;position: relative;margin: 22px 0;}
.hostlyricbox .ternbox .tern .list li .sort{width: 26px;height: 26px;margin: 0 11px;background: #ACAEB0;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 600;color: #FFFFFF;line-height: 26px;text-align: center;}
.hostlyricbox .ternbox .tern .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;padding-left: 10px;width: 40%;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostlyricbox .ternbox .tern .list li .click{font-size: 10px;font-weight: 400;color: #999;line-height: 26px;padding-left: 10px;width: 24%;display: inline-block;vertical-align: middle;}
.hostlyricbox .ternbox .tern .list li .time{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;position: absolute;top: 0;right: 10px;}
.hostlyricbox .ternbox .tern .list li:hover .name{color: #EF7E31;}
.hostlyricbox .ternbox .tern .list li:hover .click{color: #EF7E31;}
.hostlyricbox .ternbox .tern .list li:hover .time{color: #EF7E31;}
.hostlyricbox .ternbox .tern .list li:nth-child(1) .time{line-height: 49px;}
.hostlyricbox .ternbox .tern .list li:nth-child(2) .time{line-height: 49px;}
.hostlyricbox .ternbox .tern .list li:nth-child(3) .time{line-height: 49px;}
.hostlyricbox .ternbox .tern .list li .sort1{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to1.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostlyricbox .ternbox .tern .list li .sort2{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to2.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostlyricbox .ternbox .tern .list li .sort3{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to3.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hostlyricbox .homealbum{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hostlyricbox .homealbum .title{padding-top: 22px;width: 100%;position: relative;}
.hostlyricbox .homealbum .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostlyricbox .homealbum .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostlyricbox .homealbum .title .more{position: absolute;top: 22px;right: 22px;}
.hostlyricbox .homealbum .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostlyricbox .homealbum .title .more a:hover{color: #EF7E31;}
.hostlyricbox .homealbum .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostlyricbox .homealbum .albumlist{padding: 22px 67px;overflow-x: hidden;white-space: nowrap;}
.hostlyricbox .homealbum .albumlist li{width: 244.6px;background: #F7F7F7;border-radius: 10px;overflow: hidden;display: inline-block;vertical-align: top;margin-left: 20px;box-shadow: 0px 1px 3px #CCCCCC;}
.hostlyricbox .homealbum .albumlist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostlyricbox .homealbum .albumlist li:nth-child(1){margin-left: 2px;}
.hostlyricbox .homealbum .albumlist li .img{width: 100%;height: 137px;overflow: hidden;}
.hostlyricbox .homealbum .albumlist li .img img{width: 100%;height: 100%;object-fit: cover;}
.hostlyricbox .homealbum .albumlist li .neirong{padding: 5px 10px;}
.hostlyricbox .homealbum .albumlist li .neirong .name{font-size: 16px;color: #333;}
.hostlyricbox .homealbum .albumlist li .neirong .type{padding-top: 5px;position: relative;}
.hostlyricbox .homealbum .albumlist li .neirong .type .ta{font-size: 14px;color: #999;display: inline-block;padding-right: 5px;}
.hostlyricbox .homealbum .albumlist li .neirong .type .ta span{color: #EF7E31;}
.hostlyricbox .homealbum .albumlist li .neirong .type .tb{font-size: 14px;color: #999;position: absolute;top: 5px;right: 0;}
.hostlyricbox .homealbum .leftbox{width: 67px;height: 214px;background: #fff;position: absolute;top: 65px;left: 0;}
.hostlyricbox .homealbum .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 88px auto;}
.hostlyricbox .homealbum .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hostlyricbox .homealbum .leftbox span:hover{background: #EF7E31;color: #fff;}
.hostlyricbox .homealbum .rightbox{width: 67px;height: 214px;background: #fff;position: absolute;top: 65px;right: 0;}
.hostlyricbox .homealbum .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 88px auto;}
.hostlyricbox .homealbum .rightbox span:hover{background: #EF7E31;color: #fff;}
.hostlyricbox .homealbum .rightbox .icon{font-size: 18px;line-height: 35px;}
.hostlyricbox .homeclass{width: 100%;background: #fff;box-shadow: 0 1px 3px #ccc;border-radius: 10px;margin-top: 10px;padding-bottom: 20px;}
.hostlyricbox .homeclass .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 20px;}
.hostlyricbox .homeclass .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostlyricbox .homeclass .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostlyricbox .homeclass .title .morebox{position: absolute;top: 22px;right: 22px;}
.hostlyricbox .homeclass .title .morebox .btn{padding: 4px 10px;border: 1px solid #DBDBDB;font-size: 14px;color: #999;display: inline-block;vertical-align: middle;margin-left: 20px;border-radius: 22px;}
.hostlyricbox .homeclass .title .morebox .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostlyricbox .homeclass .lyricclass{width: 412px;height: 704px;background: #F7F7F7;border-radius: 10px;margin-left: 20px;display: inline-block;vertical-align: top;padding: 0 20px;}
.hostlyricbox .homeclass .lyricclass:nth-child(1){margin-left: 0;}
.hostlyricbox .homeclass .lyricclass .tli{width: 100%;margin-top: 24px;padding-bottom: 17px;border-bottom: 1px solid #DBDBDB;position: relative;}
.hostlyricbox .homeclass .lyricclass .tli .name{font-size: 20px;font-weight: 500;color: #333333;line-height: 28px;}
.hostlyricbox .homeclass .lyricclass .tli .more{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;position: absolute;top: 0;right: 0;}
.hostlyricbox .homeclass .lyricclass .tli .more:hover{color: #EF7E31;}
.hostlyricbox .homeclass .lyricclass .tli .more .icon{font-size: 12px;padding-left: 4px;}
.hostlyricbox .homeclass .lyricclass .list{width: 100%;}
.hostlyricbox .homeclass .lyricclass .list li{width: 100%;position: relative;padding-bottom: 16px;padding-top: 20px;border-bottom: 1px solid #DBDBDB;}
.hostlyricbox .homeclass .lyricclass .list li:nth-child(10){border-bottom: 0;}
.hostlyricbox .homeclass .lyricclass .list li:hover .name{color: #EF7E31;}
.hostlyricbox .homeclass .lyricclass .list li:hover .click{color: #EF7E31;}
.hostlyricbox .homeclass .lyricclass .list li:hover .time{color: #EF7E31;}
.hostlyricbox .homeclass .lyricclass .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hostlyricbox .homeclass .lyricclass .list li .sort1{background: #D3302F;color: #fff;}
.hostlyricbox .homeclass .lyricclass .list li .sort2{background: #FC7401;color: #fff;}
.hostlyricbox .homeclass .lyricclass .list li .sort3{background: #F8CD1B;color: #fff;}
.hostlyricbox .homeclass .lyricclass .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;padding-left: 10px;width: 45%;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostlyricbox .homeclass .lyricclass .list li .click{font-size: 10px;font-weight: 400;color: #999;line-height: 26px;padding-left: 10px;width: 24%;display: inline-block;vertical-align: middle;}
.hostlyricbox .homeclass .lyricclass .list li .time{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;position: absolute;top: 20px;right: 0;}
/*歌词 分类*/
.listlyricbox .mainlyricbox{width: 100%;margin-top: 20px;}
.listlyricbox .mainlyricbox .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.listlyricbox .mainlyricbox .left .lyriclistbox{width: 100%;height: 1888px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 10px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;padding: 0 22px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .name{width: 50%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .singer{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .download{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .click{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .listtitle .time{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist{padding: 0 22px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li{width: 100%;height: 50px;background: #fff;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li:nth-child(2n){background: #FAFAFA;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li:hover{background: #F0F0F0;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #333333;height: 50px;line-height: 50px;display: inline-block;vertical-align: top;text-align: center;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .name{width: 50%;font-size: 14px;font-weight: 400;color: #333333;line-height: 50px;display: inline-block;text-align: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .singer{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 50px;text-align: center;display: inline-block;cursor:pointer;vertical-align: top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .download{width: 10%;height: 50px;display: inline-block;vertical-align: top;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .download a{padding: 6px 10px;color: #999999;font-size: 12px;text-align: center;display: block;border-radius: 22px;margin-top: 10px;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .download a:hover{background: #EF7E31;color: #fff;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .click{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 50px;text-align: center;display: inline-block;vertical-align: top;}
.listlyricbox .mainlyricbox .left .lyriclistbox .infolist li .time{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 50px;text-align: center;display: inline-block;vertical-align: top;}
.listlyricbox .mainlyricbox .left .lyriclistbox .pagebox{margin-top: 18px;}
/*歌词 详情*/
.listlyricbox .mainlyricbox .left .infolyricbox{width: 100%;padding-bottom: 10px;background: #FFFFFF;border-radius: 10px;box-shadow: 0 1px 3px#ccc;position: relative;}
.listlyricbox .mainlyricbox .left .infolyricbox h1{font-size: 18px;font-weight: 500;color: #333333;line-height: 33px;width: 75%;padding-left: 35px;text-align: center;padding-top: 33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listlyricbox .mainlyricbox .left .infolyricbox .lrcbtn{width: 142px;height: 41px;background: #EF7E31;border-radius: 21px;position: absolute;top: 70px;right: 30px;text-align: center;}
.listlyricbox .mainlyricbox .left .infolyricbox .lrcbtn:hover {background: #aa5b26;}
.listlyricbox .mainlyricbox .left .infolyricbox .lrcbtn a{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 41px;text-align: center;}
.listlyricbox .mainlyricbox .left .infolyricbox .typebox{width: 100%;padding-top: 20px;}
.listlyricbox .mainlyricbox .left .infolyricbox .typebox .tags{width: 15%;text-align: center;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;display: inline-block;vertical-align: top;}
.listlyricbox .mainlyricbox .left .infolyricbox .fluctuate{width: 937px;margin: 15px auto;}
.listlyricbox .mainlyricbox .left .infolyricbox .fluctuate .btn{width: 49%;display: inline-block;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listlyricbox .mainlyricbox .left .infolyricbox .fluctuate .btn:nth-child(2){text-align: right;margin-left: 2%;}
.listlyricbox .mainlyricbox .left .infolyricbox .fluctuate .btn:hover{color: #EF7E31;}
.listlyricbox .mainlyricbox .left .infolyricbox .intro{height: 50px;width: 900px;margin: 20px auto;background: #FAFAFA;position: relative;overflow: hidden;padding: 14px 20px;border-radius: 10px;display: block;}
.listlyricbox .mainlyricbox .left .infolyricbox .intro .text{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;border-radius: 10px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.listlyricbox .mainlyricbox .left .infolyricbox .intro #celebritymore{width: 100px;height: 32px;font-size: 14px;font-weight: 400;color: #EF7E31;line-height: 20px;background: #FAFAFA;text-align: center;position: absolute;bottom: 5px;right: 0;display: block;text-decoration: underline;cursor: pointer;}
.listlyricbox .mainlyricbox .left .infolyricbox .on{height: auto;}
.listlyricbox .mainlyricbox .left .infolyricbox .intro .on{-webkit-line-clamp: 3333;}
.listlyricbox .mainlyricbox .left .lyrictextbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-top: 20px;}
.listlyricbox .mainlyricbox .left .lyrictextbox .txtbox{width: 47%;display: inline-block;margin-left: 2%;padding: 20px 0;font-size: 0;vertical-align: top;}
.listlyricbox .mainlyricbox .left .lyrictextbox .txtbox .h1{font-size: 18px;color: #333;font-weight: 500;padding-bottom: 10px;}
.listlyricbox .mainlyricbox .left .lyrictextbox .txtbox .gecibox{height: 1483px;width: 100%;background: #fffdf9;border-radius: 10px;overflow-y: auto;font-size: 14px;font-weight: 400;color: #333333;line-height: 30px;padding: 5px 10px;box-sizing: border-box;}
.listlyricbox .mainlyricbox .left .lyrictextbox .txtbox .gecibox:hover{background: #faf4ec;}
.listlyricbox .mainlyricbox .left .lyrictextbox .txtbox .gecibox.ntn{height: 1587px;}
/*歌词 专辑列表*/
.listlyricbox .mainlyricbox .left .albumlistbox{width: 100%;height: 1888px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.listlyricbox .mainlyricbox .left .albumlistbox .title{position: relative;border-bottom: 1px solid #dbdbdb;padding-top: 22px;padding-bottom: 20px;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .more{position: absolute;top: 27px;right: 0;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.listlyricbox .mainlyricbox .left .albumlistbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist{padding: 0 22px;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li{width: 100%;height: 157.5px;position: relative;margin-top: 20px;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .img{width: 240px;height: 100%;border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .img img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong{padding-left: 250px;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .tli{width: 100%;position: relative;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .tli .name{font-size: 20px;line-height: 34px;color: #333;width: 75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 500;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .tli .sub{position: absolute;top: 0;right: 0;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .tli .sub .ta{font-size: 20px;color: #555;line-height: 34px;padding-left: 20px;display: inline-block;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist{width: 100%;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li{padding-top: 15px;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .name{font-size: 14px;width: 30%;color: #9a9999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;vertical-align: middle;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .geshou{font-size: 14px;width: 15%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .liulan{font-size: 14px;width: 20%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .xiazai{font-size: 14px;width: 20%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .xiazai .btn{padding: 4px 10px;color: #9a9999;font-size: 14px;border-radius: 20px;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .xiazai .btn:hover{background: #EF7E31;color: #fff;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li .shijian{font-size: 16px;width: 15%;color: #9a9999;display: inline-block;text-align: right;vertical-align: middle;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .name{color: #EF7E31;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .geshou{color: #EF7E31;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .liulan{color: #EF7E31;}
.listlyricbox .mainlyricbox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .shijian{color: #EF7E31;}
.listlyricbox .mainlyricbox .left .albumlistbox .pagebox{margin-top: 10px;}
/*歌词 专辑详情*/
.listlyricbox .mainlyricbox .left .albuminfotop{width: 100%;position: relative;}
.listlyricbox .mainlyricbox .left .albuminfotop .img{width: 330px;height: 230px;border-radius: 10px;overflow: hidden;position: absolute;top: 22px;left: 22px;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong{height: 230px;padding: 22px 0;padding-left: 370px;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .name{font-size: 20px;color: #333;font-weight: 500;padding-right: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .text{font-size: 16px;color: #999;line-height: 24px;padding-top: 10px;padding-right: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 7;height: 165px;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .type{padding-top: 10px;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .type .tags{font-size: 16px;color: #999;padding-right: 20px;display: inline-block;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .type .tags:hover{color: #EF7E31;cursor: pointer;}
.listlyricbox .mainlyricbox .left .albuminfotop .neirong .type .tags .icon{padding-right: 4px;}
.listlyricbox .mainlyricbox .left .albumlistzhong{background: #fff;height: 1564px;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 20px;padding: 0 22px;border-radius: 10px 10px 0 0;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .number{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .name{width: 50%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .geshou{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .renqi{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .download{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .listtitle .item{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist{padding: 0 22px;} 
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li{width: 100%;height: 60px;background: #fff;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li:nth-child(2n){background: #FAFAFA;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li:hover{background: #F0F0F0;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .number{width: 10%;font-size: 14px;font-weight: 400;color: #333333;height: 60px;line-height: 60px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .name{width: 50%;font-size: 14px;font-weight: 400;color: #333333;line-height: 60px;display: inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: top;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .geshou{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 60px;display: inline-block;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: top;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .renqi{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 60px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .download{width: 10%;display: inline-block;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .download .btn{padding: 4px 10px;font-size: 12px;color: #999999;border-radius: 20px;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .download .btn:hover{background: #EF7E31;color: #fff;}
.listlyricbox .mainlyricbox .left .albumlistzhong .infolist li .item{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 60px;display: inline-block;text-align: center;}
.listlyricbox .mainlyricbox .left .albumlistzhong .pagebox{padding-bottom: 5px;}
/*曲谱首页*/
.hotrotationbox{width: 100%;margin-top: 20px;}
.hotrotationbox .newestlbtubox{width: 950px;height: 534px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;margin-right: 20px;}
.hotrotationbox .hosthotbox{width: 470px;height: 534px;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;}
.hotrotationbox .newestlbtubox .title{padding-top: 22px;width: 100%;position: relative;}
.hotrotationbox .newestlbtubox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hotrotationbox .newestlbtubox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hotrotationbox .newestlbtubox .title .more{position: absolute;top: 22px;right: 22px;}
.hotrotationbox .newestlbtubox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hotrotationbox .newestlbtubox .title .more a:hover{color: #EF7E31;}
.hotrotationbox .newestlbtubox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hotrotationbox .newestlbtubox .hotrnewbox{padding: 16px;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist{width: 100%;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li{display: inline-block;width: calc(50% - 8px);margin-right: 16px;height: 45.1px;background: #fff;border-radius: 4px;position: relative;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li:nth-child(2n){margin-right: 0;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li:hover{background: #F0F0F0;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li .name{width: 75%;font-size: 14px;font-weight: 400;color: #333333;line-height: 44px;height: 44px;padding-left: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li .dian{width: 6px;height: 6px;background: #D8D8D8;position: absolute;top: 50%;left: 6px;margin-top: -3px;border-radius: 50%;}
.hotrotationbox .newestlbtubox .hotrnewbox .newlist li .item{font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;position: absolute;top: 0;right: 6px;}
.hotrotationbox .hosthotbox .title{padding-top: 22px;width: 100%;position: relative;padding-bottom: 10px;}
.hotrotationbox .hosthotbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hotrotationbox .hosthotbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hotrotationbox .hosthotbox .title .more{position: absolute;top: 22px;right: 22px;}
.hotrotationbox .hosthotbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hotrotationbox .hosthotbox .title .more a:hover{color: #EF7E31;}
.hotrotationbox .hosthotbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hotrotationbox .hosthotbox .hotlist{padding: 0 22px;}
.hotrotationbox .hosthotbox .hotlist li{padding: 10px 0;position:relative;}
.hotrotationbox .hosthotbox .hotlist li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hotrotationbox .hosthotbox .hotlist li .sort1{background: #D3302F;color: #fff;}
.hotrotationbox .hosthotbox .hotlist li .sort2{background: #FC7401;color: #fff;}
.hotrotationbox .hosthotbox .hotlist li .sort3{background: #F8CD1B;color: #fff;}
.hotrotationbox .hosthotbox .hotlist li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 72%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hotrotationbox .hosthotbox .hotlist li .item{position: absolute;font-size: 14px;top: 10px;right: 0;color: #333333;line-height: 26px;}
.hotrotationbox .hosthotbox .hotlist li:hover .name{color: #EF7E31;}
.hoststavebox .homealbum{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hoststavebox .homealbum .title{padding-top: 22px;width: 100%;position: relative;}
.hoststavebox .homealbum .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hoststavebox .homealbum .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hoststavebox .homealbum .title .more{position: absolute;top: 22px;right: 22px;}
.hoststavebox .homealbum .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hoststavebox .homealbum .title .more a:hover{color: #EF7E31;}
.hoststavebox .homealbum .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hoststavebox .homealbum .albumlist{padding: 22px 67px;overflow-x: hidden;white-space: nowrap;}
.hoststavebox .homealbum .albumlist li{width: 244px;background: #F7F7F7;border-radius: 10px;overflow: hidden;display: inline-block;vertical-align: top;margin-left: 20px;box-shadow: 0px 1px 3px #CCCCCC;}
.hoststavebox .homealbum .albumlist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hoststavebox .homealbum .albumlist li:nth-child(1){margin-left: 2px;}
.hoststavebox .homealbum .albumlist li .img{width: 280px;height: 137px;overflow: hidden;}
.hoststavebox .homealbum .albumlist li .img img{width: 100%;height: 100%;object-fit: cover;}
.hoststavebox .homealbum .albumlist li .neirong{padding: 5px 10px;}
.hoststavebox .homealbum .albumlist li .neirong .name{font-size: 16px;color: #333;}
.hoststavebox .homealbum .albumlist li .neirong .type{padding-top: 5px;position: relative;}
.hoststavebox .homealbum .albumlist li .neirong .type .ta{font-size: 14px;color: #999;display: inline-block;padding-right: 5px;}
.hoststavebox .homealbum .albumlist li .neirong .type .tb{font-size: 14px;color: #999;position: absolute;top: 5px;right: 0;}
.hoststavebox .homealbum .leftbox{width: 67px;height: 209px;background: #fff;position: absolute;top: 70px;left: 0;}
.hoststavebox .homealbum .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 85px auto;}
.hoststavebox .homealbum .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hoststavebox .homealbum .leftbox span:hover{background: #EF7E31;color: #fff;}
.hoststavebox .homealbum .rightbox{width: 67px;height: 209px;background: #fff;position: absolute;top: 70px;right: 0;}
.hoststavebox .homealbum .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 85px auto;}
.hoststavebox .homealbum .rightbox span:hover{background: #EF7E31;color: #fff;}
.hoststavebox .homealbum .rightbox .icon{font-size: 18px;line-height: 35px;}
.hoststavebox .ternbox{width: 100%;margin-top: 20px;}
.hoststavebox .ternbox .tern{width: 468px;height: 725px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;display: inline-block;margin-right: 17px;vertical-align: top;}
.hoststavebox .ternbox .tern:nth-child(3){margin-right: 0;}
.hoststavebox .ternbox .tern .title{width: 100%;height: 153px;background: url(../img/stave/index_sort1.png);background-size: 100% 100%;border-radius: 10px 10px 0 0;position: relative;}
.hoststavebox .ternbox .tern:nth-child(2) .title{background: url(../img/stave/index_sort2.png);background-size: 100% 100%;}
.hoststavebox .ternbox .tern:nth-child(3) .title{background: url(../img/stave/index_sort3.png);background-size: 100% 100%;}
.hoststavebox .ternbox .tern .title .h2{font-size: 44px;font-weight: 600;text-align: center;color: #fff;line-height: 153px;}
.hoststavebox .ternbox .tern .title .more{position: absolute;top: 18px;right: 28px;}
.hoststavebox .ternbox .tern .title .more a{font-size: 14px;font-weight: 400;color: #FFFFFF;}
.hoststavebox .ternbox .tern .title .more a:hover{color: #EF7E31;}
.hoststavebox .ternbox .tern .title .more a .icon{font-size: 14px;margin-left: 4px;}
.hoststavebox .ternbox .tern .typebox{padding: 0 14px;padding-top: 20px;}
.hoststavebox .ternbox .tern .typebox .btn{width: 22%;height: 30px;margin-right: 4%;display: inline-block;vertical-align: top;background: #F8F8F8;border-radius: 4px;border: 1px solid #DEDEDE;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;text-align: center;}
.hoststavebox .ternbox .tern .typebox .btn:nth-child(4n){margin-right: 0;}
.hoststavebox .ternbox .tern .typebox .btn:hover{background: #EF7E31;color: #fff;border: 1px solid #EF7E31;}
.hoststavebox .ternbox .tern .list{padding: 0 10px;}
.hoststavebox .ternbox .tern .list li{width: 100%;position: relative;margin: 22px 0;}
.hoststavebox .ternbox .tern .list li .sort{width: 26px;height: 26px;margin: 0 11px;background: #ACAEB0;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 600;color: #FFFFFF;line-height: 26px;text-align: center;}
.hoststavebox .ternbox .tern .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;padding-left: 10px;width: 40%;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hoststavebox .ternbox .tern .list li .click{font-size: 10px;font-weight: 400;color: #999;line-height: 26px;padding-left: 10px;width: 24%;display: inline-block;vertical-align: middle;}
.hoststavebox .ternbox .tern .list li .time{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;position: absolute;top: 0;right: 6px;}
.hoststavebox .ternbox .tern .list li:hover .name{color: #EF7E31;}
.hoststavebox .ternbox .tern .list li:hover .click{color: #EF7E31;}
.hoststavebox .ternbox .tern .list li:hover .time{color: #EF7E31;}
.hoststavebox .ternbox .tern .list li:nth-child(1) .time{line-height: 49px;}
.hoststavebox .ternbox .tern .list li:nth-child(2) .time{line-height: 49px;}
.hoststavebox .ternbox .tern .list li:nth-child(3) .time{line-height: 49px;}
.hoststavebox .ternbox .tern .list li .sort1{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to1.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hoststavebox .ternbox .tern .list li .sort2{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to2.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hoststavebox .ternbox .tern .list li .sort3{width: 49px;height: 49px;font-size: 0;background: url(../img/host/to3.png);background-size: 100% 100%;margin: 0;border-radius: 0;}
.hoststavebox .choicenessbox{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hoststavebox .choicenessbox .title{padding-top: 22px;width: 100%;position: relative;}
.hoststavebox .choicenessbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hoststavebox .choicenessbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hoststavebox .choicenessbox .title .more{position: absolute;top: 22px;right: 22px;}
.hoststavebox .choicenessbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hoststavebox .choicenessbox .title .more a:hover{color: #EF7E31;}
.hoststavebox .choicenessbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hoststavebox .choicenessbox .choicenesslist{padding: 22px;padding-bottom: 20px;}
.hoststavebox .choicenessbox .choicenesslist li{width: 180.5px;height: 258px;background: #F7F7F7;border-radius: 10px;display: inline-block;vertical-align: top;margin-right: 22px;box-shadow: 0px 1px 3px #CCCCCC;}
.hoststavebox .choicenessbox .choicenesslist li .img{width: 180.5px;height: 217px;overflow: hidden;border-radius: 10px 10px 0 0;}
.hoststavebox .choicenessbox .choicenesslist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.hoststavebox .choicenessbox .choicenesslist li .name{font-size: 14px;font-weight: 400;color: #333333;padding: 10px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hoststavebox .choicenessbox .choicenesslist li:nth-child(7n){margin-right: 0;}
.hoststavebox .choicenessbox .choicenesslist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
/*曲谱 分类页*/
.hoststavebox .mainstavebox{width: 100%;margin-top: 20px;}
.hoststavebox .mainstavebox .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hoststavebox .mainstavebox .left .stavelistbox{width: 100%;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;height: 1888px;}
.hoststavebox .mainstavebox .left .stavelistbox .title{position: relative;padding: 22px 0;}
.hoststavebox .mainstavebox .left .stavelistbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hoststavebox .mainstavebox .left .stavelistbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hoststavebox .mainstavebox .left .stavelistbox .title .more{position: absolute;top: 27px;right: 0;}
.hoststavebox .mainstavebox .left .stavelistbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hoststavebox .mainstavebox .left .stavelistbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hoststavebox .mainstavebox .left .stavelistbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist{padding: 0 22px;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li{width: 171px;height: 221px;display: inline-block;vertical-align: top;border-radius: 4px;margin-right: 22px;background: #fff;padding-top: 10px;box-shadow: 0px 1px 3px #CCC;margin-bottom: 22px;box-sizing: border-box;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li:nth-child(5n){margin-right: 0;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .img{width: 150px;height: 156px;border-radius: 4px;overflow: hidden;margin: 0 auto;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .name{font-size: 14px;color: #333;padding: 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .type{width: 100%;position: relative;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .type .liulan{font-size: 10px;color: #999;padding-left: 10px;}
.hoststavebox .mainstavebox .left .stavelistbox .stavelist li .type .item{font-size: 10px;color: #999;padding-left: 10px;position: absolute;top: 0;right: 10px;}
.hoststavebox .mainstavebox .left .stavelistbox .pagebox{padding-bottom: 22px;}
.hoststavebox .mainstavebox .staveinfo{background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;padding: 22px;height: 1793px;overflow: hidden;position: relative;padding-bottom: 30px;}
.hoststavebox .mainstavebox .staveinfo.on{height: auto;}
.hoststavebox .mainstavebox .staveinfo h1 {font-size: 20px;color: #333;line-height: 30px;padding-bottom: 20px;font-weight: 500;text-align: center;}
.hoststavebox .mainstavebox .staveinfo .type {width: 100%;border-bottom: 1px solid #dbdbdb;margin-bottom: 10px;padding-bottom: 10px;text-align: center;}
.hoststavebox .mainstavebox .staveinfo .type .tags {width: 20%;display: inline-block;vertical-align: top;font-size: 14px;color: #666;}
.hoststavebox .mainstavebox .staveinfo .type .tags i {padding-right: 5px;}
.hoststavebox .mainstavebox .staveinfo .type .tags a:hover {color: #EF7E31;}
.hoststavebox .mainstavebox .staveinfo .tips {padding: 10px;border-radius: 10px;background: #fff8ee;font-size: 14px;color: #333;line-height: 30px;}
.hoststavebox .mainstavebox .staveinfo .txtbox {padding: 20px 0;position: relative;font-size: 14px;color: #555;line-height: 30px;}
.hoststavebox .mainstavebox .staveinfo .txtbox.on {height: auto;}
.hoststavebox .mainstavebox .staveinfo .txtbox img {max-width: 100%;height: auto;margin: 0 auto;display: block;}
.hoststavebox .mainstavebox .staveinfo .moretxtbox {width: 100%;height: 200px;position: absolute;bottom: 54px;left: 0;display: none;}
.hoststavebox .mainstavebox .staveinfo .moretxtbox .bj1 {background: linear-gradient(to bottom, rgba(255,255,255 ,0.28), #fff);width: 100%;height: 140px;}
.hoststavebox .mainstavebox .staveinfo .moretxtbox .bj2 {width: 100%;height: 60px;background: #fff;}
.hoststavebox .mainstavebox .staveinfo .moretxtbox .moretxtbtn {font-size: 20px;color: #EF7E31;text-align: center;line-height: 60px;position: absolute;bottom: 0;left: 0;width: 100%;cursor: pointer;}
.hoststavebox .mainstavebox .staveinfo .morecontent {width: 100%;height: 44px;position: absolute;bottom: 0;left: 0;background: #fff;padding-bottom: 10px;}
.hoststavebox .mainstavebox .staveinfo .morecontent .btn {width: 48%;height: 44px;font-size: 14px;color: #333;display: inline-block;vertical-align: top;line-height: 44px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 22px;}
.hoststavebox .mainstavebox .staveinfo .morecontent .btn:nth-child(2) {text-align: right;position: absolute;top: 0;right: 22px;}
.hoststavebox .mainstavebox .staveinfo .morecontent .btn:hover {color: #EF7E31;}
/*曲谱 专辑列表*/
.hoststavebox .mainstavebox .left .albumlistbox{width: 100%;height: 1888px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hoststavebox .mainstavebox .left .albumlistbox .title{position: relative;border-bottom: 1px solid #dbdbdb;padding-top: 22px;padding-bottom: 20px;}
.hoststavebox .mainstavebox .left .albumlistbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hoststavebox .mainstavebox .left .albumlistbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hoststavebox .mainstavebox .left .albumlistbox .title .more{position: absolute;top: 27px;right: 0;}
.hoststavebox .mainstavebox .left .albumlistbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hoststavebox .mainstavebox .left .albumlistbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hoststavebox .mainstavebox .left .albumlistbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist{padding: 0 22px;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li{width: 100%;height: 157.5px;position: relative;margin-top: 20px;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .img{width: 240px;height: 156px;border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .img img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong{padding-left: 250px;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .tli{width: 100%;position: relative;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .tli .name{font-size: 20px;line-height: 34px;color: #333;width: 75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 500;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .tli .sub{position: absolute;top: 0;right: 0;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .tli .sub .ta{font-size: 14px;color: #555;line-height: 34px;padding-left: 20px;display: inline-block;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist{width: 100%;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li{padding-top: 15px;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li .name{font-size: 16px;width: 65%;color: #9a9999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;vertical-align: middle;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li .liulan{font-size: 16px;width: 20%;color: #9a9999;display: inline-block;text-align: center;vertical-align: middle;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li .shijian{font-size: 16px;width: 15%;color: #9a9999;display: inline-block;text-align: right;vertical-align: middle;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .name{color: #EF7E31;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .geshou{color: #EF7E31;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .liulan{color: #EF7E31;}
.hoststavebox .mainstavebox .left .albumlistbox .albumlist li .neirong .ullist .li:hover .shijian{color: #EF7E31;}
.hoststavebox .mainstavebox .left .albumlistbox .pagebox{margin-top: 10px;}
/*曲谱 专辑详情*/
.hoststavebox .mainstavebox .left .albuminfotop{width: 100%;position: relative;}
.hoststavebox .mainstavebox .left .albuminfotop .img{width: 330px;height: 230px;border-radius: 10px;overflow: hidden;position: absolute;top: 22px;left: 22px;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong{height: 230px;padding: 22px 0;padding-left: 370px;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .name{font-size: 20px;color: #333;font-weight: 500;padding-right: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .text{font-size: 16px;color: #999;line-height: 24px;padding-top: 10px;padding-right: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 7;height: 165px;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .type{padding-top: 10px;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .type .tags{font-size: 16px;color: #999;padding-right: 20px;display: inline-block;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .type .tags:hover{color: #EF7E31;cursor: pointer;}
.hoststavebox .mainstavebox .left .albuminfotop .neirong .type .tags .icon{padding-right: 4px;}
.hoststavebox .mainstavebox .left .albumlistzhong{background: #fff;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;height: 1552px;margin-top: 20px;}
.hoststavebox .mainstavebox .left .albumlistzhong .list{padding:20px;padding-bottom:0;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li{width:172px;height:210px;background:#fff;box-shadow: 0px 1px 3px #CCC;padding-top:10px;display:inline-block;vertical-align:top;margin-right:22px;margin-bottom:22px;border-radius: 4px;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li:nth-child(5n){margin-right: 0;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .img{width:150px;height:155px;margin:0 auto;overflow:hidden;border-radius: 4px;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .name{font-size:15px;color:#333;padding: 5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .type{padding: 0 10px;position:relative;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .type .tags{font-size:10px;color:#666;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li .type .item{font-size:10px;color:#666;position:absolute;top:0;right:10px;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li:hover{background:#EF7E31;box-shadow: 0px 1px 3px #EF7E31}
.hoststavebox .mainstavebox .left .albumlistzhong .list li:hover .name{color:#fff;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li:hover .type .tags{color:#fff;}
.hoststavebox .mainstavebox .left .albumlistzhong .list li:hover .type .item{color:#fff;}
.hoststavebox .mainstavebox .left .albumlistzhong .pagebox{margin-top: 0;}
/*铃声首页*/
.hostringingbox .hostnewest{width: 100%;height: 738px;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostringingbox .hostnewest .title{padding-top: 22px;width: 100%;position: relative;}
.hostringingbox .hostnewest .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringingbox .hostnewest .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostringingbox .hostnewest .title .more{position: absolute;top: 22px;right: 22px;}
.hostringingbox .hostnewest .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostringingbox .hostnewest .title .more a:hover{color: #EF7E31;}
.hostringingbox .hostnewest .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostringingbox .hostnewest .list{padding: 22px;}
.hostringingbox .hostnewest .list li{width: 453px;height: 114px;background: #F7F7F7;border-radius: 4px;display: inline-block;vertical-align: top;margin-right: 18px;margin-bottom: 18px;box-shadow: 0px 1px 3px #CCC;position: relative;}
.hostringingbox .hostnewest .list li:nth-child(3n){margin-right: 0;}
.hostringingbox .hostnewest .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostringingbox .hostnewest .list li .img{width: 107px;height: 89px;border-radius: 4px;overflow: hidden;position: absolute;top: 50%;left: 12px;margin-top: -45px;}
.hostringingbox .hostnewest .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostringingbox .hostnewest .list li .neirong{padding-left: 130px;padding-top: 12px;}
.hostringingbox .hostnewest .list li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostringingbox .hostnewest .list li .neirong .type{padding-top: 15px;}
.hostringingbox .hostnewest .list li .neirong .type .tags{padding: 1px 8px;background: #FFFFFF;border-radius: 2px;border: 1px solid #DEDEDE;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #999999;display: inline-block;vertical-align: top;margin-right: 4px;}
.hostringingbox .hostnewest .list li .neirong .databox{padding-top: 15px;}
.hostringingbox .hostnewest .list li .neirong .databox .data{font-size: 14px;font-weight: 400;color: #999999;padding-right: 20px;display: inline-block;vertical-align: middle;}
.hostringingbox .hostnewest .list li .neirong .databox .data .icon{font-size: 16px;}
.hostringingbox .hostnewest .list li .neirong .databox .data:nth-child(2) .icon{font-size: 14px;}
.hostringingbox .hostnewest .list li .xiazai{width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;color: #EF7E31;line-height: 53px;text-align: center;position: absolute;top: 50%;margin-top: -25px;right: 12px;box-shadow: 0px 1px 3px #CCC;}
.hostringingbox .hostnewest .list li .xiazai .icon{font-size: 20px;}
.hostringingbox .hostaudition{width: 100%;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostringingbox .hostaudition .title{padding-top: 22px;width: 100%;position: relative;}
.hostringingbox .hostaudition .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringingbox .hostaudition .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostringingbox .hostaudition .title .more{position: absolute;top: 22px;right: 22px;}
.hostringingbox .hostaudition .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostringingbox .hostaudition .title .more a:hover{color: #EF7E31;}
.hostringingbox .hostaudition .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostringingbox .hostaudition .listbox{padding: 22px;}
.hostringingbox .hostaudition .listbox .hostnav{width: 345px;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .hostnav .navimg{width: 345px;height: 250px;}
.hostringingbox .hostaudition .listbox .hostnav .navimg .icon{width: 345px;height: 250px;background: url('../img/ringing/index_xiazai_on.png');background-size: 100% 100%;display: block;}
.hostringingbox .hostaudition .listbox .hostnav .navimg .icon.on{background: url('../img/ringing/index_xiazai.png');background-size: 100% 100%;}
.hostringingbox .hostaudition .listbox .hostnav .navimg:nth-child(2) .icon{background: url('../img/ringing/index_shiting_on.png');background-size: 100% 100%;}
.hostringingbox .hostaudition .listbox .hostnav .navimg:nth-child(2) .icon.on{background: url('../img/ringing/index_shiting.png');background-size: 100% 100%;}
.hostringingbox .hostaudition .listbox .hostnav .navimg .icon:hover{background: url('../img/ringing/index_xiazai.png');background-size: 100% 100%;}
.hostringingbox .hostaudition .listbox .hostnav .navimg:nth-child(2) .icon:hover{background: url('../img/ringing/index_shiting.png');background-size: 100% 100%;}
.hostringingbox .hostaudition .listbox .zhulist{width: 1029px;border-radius: 4px;margin-left: 22px;height: 200px;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist .xiazai1{display:none;}
.hostringingbox .hostaudition .listbox .zhulist .shiting1{display:none;}
.hostringingbox .hostaudition .listbox .zhulist .litittle{width: 100%;height: 44px;background: #FAFAFA;border-radius: 4px;}
.hostringingbox .hostaudition .listbox .zhulist .litittle .sort{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;height: 44px;text-align: center;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist .litittle .lsinfo{width: 50%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;height: 44px;text-align: left;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist .litittle .duration{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;height: 44px;text-align: center;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist .litittle .size{width: 10%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;height: 44px;text-align: center;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist .litittle .operate{width: 20%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;height: 44px;text-align: center;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist ul{width: 100%;height: 450px;margin-right: 20px;}
.hostringingbox .hostaudition .listbox .zhulist ul li{width: 100%;height: 76px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .sortbox{width: 10%;display: inline-block;vertical-align: top;height: 53px;    text-align: center;padding-top: 23px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .sortbox .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;margin: 0 auto;}
.hostringingbox .hostaudition .listbox .zhulist ul li .sortbox .sort1{background: #D3302F;color: #fff;}
.hostringingbox .hostaudition .listbox .zhulist ul li .sortbox .sort2{background: #FC7401;color: #fff;}
.hostringingbox .hostaudition .listbox .zhulist ul li .sortbox .sort3{background: #F8CD1B;color: #fff;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong{width: 50%;height: 76px;display: inline-block;vertical-align: top;position: relative;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .img{width: 62px;height: 62px;overflow: hidden;position: absolute;top: 50%;left: 0;margin-top: -31px;border-radius: 4px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .zhu{padding-left: 72px;padding-top: 13px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .zhu .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .zhu .type{width: 100%;padding-top: 10px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .neirong .zhu .type .tags{padding: 2px 14px;font-size: 14px;font-weight: 400;color: #EF7E31;border: 1px solid #EF7E31;display: inline-block;vertical-align: top;margin-right: 6px;border-radius: 4px;}
.hostringingbox .hostaudition .listbox .zhulist ul li .duration{width: 10%;font-size: 14px;font-weight: 400;color: #333333;line-height: 76px;text-align: center;display: inline-block;vertical-align: top;}
.hostringingbox .hostaudition .listbox .zhulist ul li .size{width: 10%;font-size: 14px;font-weight: 400;color: #333333;line-height: 76px;text-align: center;display: inline-block;vertical-align: middle;}
.hostringingbox .hostaudition .listbox .zhulist ul li .xiazai{width: 20%;display: inline-block;vertical-align: middle;text-align: center;}
.hostringingbox .hostaudition .listbox .zhulist ul li .xiazai .btn{padding: 9px 17px;background: #EF7E31;border-radius: 4px;font-size: 14px;font-weight: 400;color: #FFFFFF;}
.hostringingbox .hostaudition .listbox .zhulist ul li .xiazai .btn:hover{background:#aa5b26;}
.hostringingbox .hostaudition .listbox .zhulist ul li:nth-child(2n){background: #FAFAFA;}
.hostringingbox .hostaudition .listbox .zhulist ul li:hover{background: #F0F0F0;}
.hostringingbox .hostclassbox{width: 100%;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostringingbox .hostclassbox .title{padding-top: 22px;width: 100%;position: relative;}
.hostringingbox .hostclassbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringingbox .hostclassbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostringingbox .hostclassbox .title .more{position: absolute;top: 22px;right: 22px;}
.hostringingbox .hostclassbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostringingbox .hostclassbox .title .more a:hover{color: #EF7E31;}
.hostringingbox .hostclassbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostringingbox .hostclassbox .ul{padding: 22px;padding-bottom: 0;}
.hostringingbox .hostclassbox .ul .li{width: 452px;height: 697px;background: #F7F7F7;border-radius: 10px;margin-right: 20px;display: inline-block;vertical-align: top;margin-bottom: 20px;box-shadow: 0px 1px 3px #CCCCCC;}
.hostringingbox .hostclassbox .ul .li:nth-child(3n){margin-right: 0;}
.hostringingbox .hostclassbox .ul .li .tlline{padding: 20px;position: relative;}
.hostringingbox .hostclassbox .ul .li .tlline .h2{font-size: 20px;font-weight: 500;color: #333333;line-height: 28px;}
.hostringingbox .hostclassbox .ul .li .tlline .more{position: absolute;top: 25px;right: 20px;}
.hostringingbox .hostclassbox .ul .li .tlline .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;}
.hostringingbox .hostclassbox .ul .li .tlline .more a .icon{font-size: 12px;padding-left: 4px;}
.hostringingbox .hostclassbox .ul .li .tlline .more a:hover{color: #EF7E31;}
.hostringingbox .hostclassbox .ul .li .list{padding: 0 20px;}
.hostringingbox .hostclassbox .ul .li .list li{width: 100%;height: 85px;background: #FFFFFF;border-radius: 4px;position: relative;box-shadow: 0px 1px 3px #CCCCCC;margin-bottom: 20px;}
.hostringingbox .hostclassbox .ul .li .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostringingbox .hostclassbox .ul .li .list li .img{width: 68px;height: 57px;overflow: hidden;border-radius: 4px;position: absolute;top: 50%;margin-top: -29px;left: 15px;}
.hostringingbox .hostclassbox .ul .li .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostringingbox .hostclassbox .ul .li .list li .neirong{padding-left: 90px;}
.hostringingbox .hostclassbox .ul .li .list li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;padding-top: 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 80%;}
.hostringingbox .hostclassbox .ul .li .list li .neirong .type{padding-top: 10px;}
.hostringingbox .hostclassbox .ul .li .list li .neirong span{font-size: 14px;font-weight: 400;color: #999999;padding-right: 20px;display: inline-block;vertical-align: middle;}
.hostringingbox .hostclassbox .ul .li .list li .neirong span .icon{font-size: 16px;}
.hostringingbox .hostnewest .list li .neirong .databox .data:nth-child(2) .icon{font-size: 14px;}
.hostringingbox .hostclassbox .ul .li .list li .neirong .type .tags{padding: 1px 8px;border-radius: 2px;border: 1px solid #DEDEDE;font-size: 14px;font-weight: 400;color: #999999;display: inline-block;vertical-align: top;margin-right: 4px;}
.hostringingbox .hostclassbox .ul .li .list li .xiazai{width: 40px;height: 40px;background: #F7F7F7;position: absolute;top: 50%;margin-top: -20px;right: 12px;border-radius: 50%;text-align: center;box-shadow: 0px 1px 3px #CCCCCC;}
.hostringingbox .hostclassbox .ul .li .list li .xiazai .icon{font-size: 20px;line-height: 40px;color: #EF7E31;}
/*铃声 分类页*/
.hostringingbox .mainringingbox{width: 100%;margin-top: 20px;}
.hostringingbox .mainringingbox .left{width: 990px;height: 1888px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostringingbox .mainringingbox .left .ringingbox{width: 100%;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostringingbox .mainringingbox .left .ringingbox .title{position: relative;padding-top: 22px;padding-bottom: 20px;}
.hostringingbox .mainringingbox .left .ringingbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringingbox .mainringingbox .left .ringingbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}

.hostringingbox .mainringingbox .left .ringingbox .title{position: relative;padding-top: 0;}
.hostringingbox .mainringingbox .left .ringingbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringingbox .mainringingbox .left .ringingbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostringingbox .mainringingbox .left .ringingbox .title .more{position: absolute;top: 5px;right: 0;}
.hostringingbox .mainringingbox .left .ringingbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostringingbox .mainringingbox .left .ringingbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostringingbox .mainringingbox .left .ringingbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}

.hostringingbox .mainringingbox .left .ringingbox ul{padding: 0 22px;}
.hostringingbox .mainringingbox .left .ringingbox ul li{width: 462px;height: 114px;background: #F7F7F7;border-radius: 4px;display: inline-block;vertical-align: top;margin-right: 22px;margin-bottom: 21px;box-shadow: 0px 1px 3px #CCC;position: relative;}
.hostringingbox .mainringingbox .left .ringingbox ul li:nth-child(2n){margin-right: 0;}
.hostringingbox .mainringingbox .left .ringingbox ul li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostringingbox .mainringingbox .left .ringingbox ul li .img{width: 107px;height: 89px;border-radius: 4px;overflow: hidden;position: absolute;top: 50%;left: 12px;margin-top: -45px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong{padding-left: 130px;padding-top: 12px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .type{padding-top: 15px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .type .tags{padding: 1px 8px;background: #FFFFFF;border-radius: 2px;border: 1px solid #DEDEDE;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #999999;display: inline-block;vertical-align: top;margin-right: 4px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .databox{padding-top: 15px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .databox .data{font-size: 14px;font-weight: 400;color: #999999;padding-right: 20px;display: inline-block;vertical-align: top;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .databox .data .icon{font-size: 12px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .neirong .databox .data:nth-child(2) .icon{font-size: 16px;}
.hostringingbox .mainringingbox .left .ringingbox ul li .xiazai{width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;color: #EF7E31;line-height: 53px;text-align: center;position: absolute;top: 50%;margin-top: -25px;right: 12px;box-shadow: 0px 1px 3px #CCC;}
.hostringingbox .mainringingbox .left .ringingbox ul li .xiazai .icon{font-size: 20px;}
.hostringingbox .mainringingbox .left .ringingbox .pagebox{padding: 22px 0;margin-top: 0;}
/*铃声 播放器*/
.hostringin .ringincontent{width: 100%;margin-top: 20px;}
.hostringin .ringincontent .left{width: 990px;border-radius: 10px;display: inline-block;vertical-align: top;margin-right: 20px;}
.hostringin .ringincontent .left .playbox{background: #FFFFFF;border-radius: 10px;padding: 30px 33px;position: relative;}
.hostringin .ringincontent .left .playbox .musicpic{width: 220px;height: 220px;border-radius: 50%;background: url(../img/music/player-default.png) no-repeat center;    position: absolute;top: 20px;left: 20px;}
.hostringin .ringincontent .left .playbox .musicpic .img{width: 137px;height: 137px;border-radius: 50%;position: absolute;overflow: hidden;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.hostringin .ringincontent .left .playbox .musicpic .img img{width:100%;height:100%;;object-fit: cover;border-radius:50%}
.hostringin .ringincontent .left .playbox .musicpic.on .img img{animation: cdplay 5s linear 0s infinite;}
.hostringin .ringincontent .left .playbox .musicpic .zhinan{width: 90px;height: 220px;position: absolute;right: -10px;top: 0;transform-origin: 66px 28px;transform: rotate(-15deg);transition: all 0.3s;background: url(../img/music/player-line.png) no-repeat 0 0;background-size: cover;}
.hostringin .ringincontent .left .playbox .musicpic.on .zhinan{transform: rotate(6deg);}
.hostringin .ringincontent .left .playbox .neirong{padding-left: 228px;}
.hostringin .ringincontent .left .playbox .neirong .name{font-size: 24px;font-weight: 500;color: #333333;line-height: 33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;}
.hostringin .ringincontent .left .playbox .neirong .type{width: 100%;margin-top: 5px;}
.hostringin .ringincontent .left .playbox .neirong .type .tags{width: 25%;text-align: left;display: inline-block;vertical-align: top;font-size: 14px;font-weight: 400;color: #999999;padding-top: 10px;}
.hostringin .ringincontent .left .playbox .neirong .type .tags a{font-size: 14px;color: #333333;}
.hostringin .ringincontent .left .playbox .neirong .type .tags a:hover{color: #EF7E31;}
.hostringin .ringincontent .left .playbox .neirong .type .tags span{font-size: 14px;color: #333333;}
.hostringin .ringincontent .left .playbox .neirong .tagsbox{width: 100%;padding-top: 10px;}
.hostringin .ringincontent .left .playbox .neirong .tagsbox .tagsname{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;display: inline-block;vertical-align: middle;}
.hostringin .ringincontent .left .playbox .neirong .tagsbox .btn{padding: 2px 14px;border-radius: 4px;border: 1px solid #EF7E31;font-size: 14px;font-weight: 400;color: #EF7E31;margin-right: 6px;display: inline-block;vertical-align: middle;cursor:pointer}
.hostringin .ringincontent .left .playbox .neirong .audiostrip{width: 100%;position: relative;margin-top: 20px;}
.hostringin .ringincontent .left .playbox .neirong .audiostrip .tiao{width: 86%;margin-left: 7%;height: 25px;overflow: hidden;}
.hostringin .ringincontent .left .playbox .neirong .audiostrip .begin{font-size: 14px;font-weight: 400;color: #999999;position: absolute;top: 0;left: 0;line-height: 25px;}
.hostringin .ringincontent .left .playbox .neirong .audiostrip .finish{font-size: 14px;font-weight: 400;color: #999999;position: absolute;top: 0;right: 0;line-height: 25px;}
.hostringin .ringincontent .left .playbox .neirong .audiostrip .tiao .layui-progress-bar{background: #EF7E31;height: 25px;}
.hostringin .ringincontent .left .playbox .neirong .element{width: 100%;position: relative;margin-top: 20px;}
.hostringin .ringincontent .left .playbox .neirong .element .collect{width: 142px;cursor: pointer;height: 41px;background: #EF7E31;border-radius: 21px;font-size: 14px;font-weight: 400;color: #fff;line-height: 41px;position: absolute;top: 50%;left: 0;margin-top: -20px;text-align: center;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .download{width: 142px;height: 41px;background: #EF7E31;border-radius: 21px;font-size: 14px;font-weight: 400;color: #fff;line-height: 41px;position: absolute;top: 50%;right: 0;margin-top: -20px;text-align: center;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .download:hover{background: #aa5b26;}
.hostringin .ringincontent .left .playbox .neirong .element .widget{margin: 0 auto;text-align: center;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .up{font-size: 16px;color: #EF7E31;display: inline-block;vertical-align: middle;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .up .icon{font-size:30px}
.hostringin .ringincontent .left .playbox .neirong .element .widget .up:hover{color: #aa5b26;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .playback{width: 40px;height: 40px;background: #EF7E31;font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;line-height: 40px;text-align: center;border-radius: 50%;margin: 0 20px;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .playback:hover{background: #aa5b26;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .next{font-size: 16px;color: #EF7E31;display: inline-block;vertical-align: middle;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .next .icon{font-size:30px}
.hostringin .ringincontent .left .playbox .neirong .element .widget .next:hover{color: #aa5b26;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin{display: inline-block;vertical-align: middle;padding-left: 20px;color: #EF7E31;position:relative;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .iconbox .iconfont{font-size:25px;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu{position: absolute;top: 0;left: 10px;padding-top: 35px;display: none;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin:hover .jindu{display: block;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .wjiaobao{width: 10px;background: #fff;height: 10px;border: 1px solid #EF7E31;box-shadow: 0px 1px 3px #EF7E31;transform: rotate(315deg);position: absolute;top: 30px;left: 13px;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox{width:100px;padding:10px 20px;background:#fff;border:1px solid #EF7E31;box-shadow: 0px 1px 3px #EF7E31;border-radius:30px;position: relative;z-index: 9;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .njiaobao{background: #fff;height: 9px;width: 9px;transform: rotate(315deg);position: absolute;top: -5px;left: 13px;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider{ height: 8px;border-radius: 4px;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider .layui-slider-wrap{top:-14px;}
.hostringin .ringincontent .left .playbox .neirong .element .widget .shengyin .jindu .jindubox .layui-slider .layui-slider-tips{font-size:10px}
.hostringin .ringincontent .left .playbox .neirong .element .sound{font-size: 16px;color: #EF7E31;position: absolute;top: 50%;right: 247px;margin-top: -10px;cursor:pointer;}
.hostringin .ringincontent .left .playbox .neirong .element .collect.on{background: #F7F7F7;color: #666666;}
.hostringin .ringincontent .left .playbox .tipsbox{width: 927px;height: 108px;background: #FAFAFA;border-radius: 10px;position: relative;margin-top: 24px;}
.hostringin .ringincontent .left .playbox .tipsbox .txt{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;padding: 14px 15px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.hostringin .ringincontent .left .playbox .tipsbox .tishiicon{font-size: 20px;color: #999;position: absolute;top: 10px;left: 15px;}
.hostringin .ringincontent .left .ringingbox{width: 100%;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;margin-top: 20px;}
.hostringin .ringincontent .left .ringingbox .title{position: relative;padding-top: 10px;padding-bottom: 10px;}
.hostringin .ringincontent .left .ringingbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostringin .ringincontent .left .ringingbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostringin .ringincontent .left .ringingbox ul{padding: 0 22px;}
.hostringin .ringincontent .left .ringingbox ul li{width: 464px;height: 114px;background: #F7F7F7;border-radius: 4px;display: inline-block;vertical-align: top;margin-right: 18px;margin-bottom: 21px;box-shadow: 0px 1px 3px #CCC;position: relative;}
.hostringin .ringincontent .left .ringingbox ul li:nth-child(2n){margin-right: 0;}
.hostringin .ringincontent .left .ringingbox ul li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostringin .ringincontent .left .ringingbox ul li .img{width: 107px;height: 89px;border-radius: 4px;overflow: hidden;position: absolute;top: 50%;left: 12px;margin-top: -45px;}
.hostringin .ringincontent .left .ringingbox ul li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong{padding-left: 130px;padding-top: 12px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .type{padding-top: 8px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .type .tags{padding: 1px 8px;background: #FFFFFF;border-radius: 2px;border: 1px solid #DEDEDE;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #999999;display: inline-block;vertical-align: top;margin-right: 4px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .databox{padding-top: 20px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .databox .data{font-size: 14px;font-weight: 400;color: #999999;padding-right: 20px;display: inline-block;vertical-align: top;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .databox .data .icon{font-size: 12px;}
.hostringin .ringincontent .left .ringingbox ul li .neirong .databox .data:nth-child(2) .icon{font-size: 16px;}
.hostringin .ringincontent .left .ringingbox ul li .xiazai{width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;color: #EF7E31;line-height: 53px;text-align: center;position: absolute;top: 50%;margin-top: -25px;right: 12px;box-shadow: 0px 1px 3px #CCC;}
.hostringin .ringincontent .left .ringingbox ul li .xiazai .icon{font-size: 20px;}
/*名人首页*/
.hostcelebrity .title{position: relative;padding-top: 22px;padding-bottom: 20px;}
.hostcelebrity .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostcelebrity .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostcelebrity .title .more{position: absolute;top: 27px;right: 0;}
.hostcelebrity .title .more .btn{padding: 4px 15px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostcelebrity .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostcelebrity .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostcelebrity .hostrecommend{width: 100%;margin-top: 20px;}
.hostcelebrity .hostrecommend .biglbt{width: 1047px;height: 500px;display: inline-block;vertical-align: top;border-radius: 10px;box-shadow: 0px 1px 3px #CCC;overflow: hidden;margin-right: 20px;}
.hostcelebrity .hostrecommend .biglbt .img{width: 1047px;height: 500px;border-radius: 10px;}
.hostcelebrity .hostrecommend .biglbt .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.hostcelebrity .hostrecommend .littlelbt{width: 373px;height: 500px;background: #fff;display: inline-block;vertical-align: top;position: relative;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostcelebrity .hostrecommend .littlelbt .imgbox{height: 500px;width: 100%;border-radius: 10px;overflow: hidden;}
.hostcelebrity .hostrecommend .littlelbt .imgbox .img{height: 500px;width: 100%;border-radius: 10px;overflow: hidden;}
.hostcelebrity .hostrecommend .littlelbt .imgbox .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.hostcelebrity .hostrecommend .littlelbt .namebox{position: absolute;bottom: 0px;left: 0;width: 100%;height: 48px;background: rgb(0 0 0 / 20%);border-radius: 0px 0px 10px 10px;padding-top: 15px;}
.hostcelebrity .hostrecommend .littlelbt .namebox .name{width: 92px;height: 32px;background: rgba(0, 0, 0, 0.2);border-radius: 4px;font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 32px;margin-left: 16px;display: inline-block;vertical-align: top;text-align: center;}
.hostcelebrity .hostrecommend .littlelbt .namebox .name:nth-child(1){margin-left: 30px;}
.hostcelebrity .hostrecommend .littlelbt .namebox .name.on{background: #FFFFFF;color: #333333;}
.hostcelebrity .celebritymodule{width: 100%;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostcelebrity .celebritymodule .list{padding: 0 22px;}
.hostcelebrity .celebritymodule .list li{width: 180.5px;height: 220px;margin-right: 22px;display: inline-block;vertical-align: top;position: relative;margin-bottom: 22px;}
.hostcelebrity .celebritymodule .list li:nth-child(7n){margin-right: 0;}
.hostcelebrity .celebritymodule .list li .img{width: 100%;height: 220px;border-radius: 10px;overflow: hidden;}
.hostcelebrity .celebritymodule .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.hostcelebrity .celebritymodule .list li .name{width: 100%;height: 38px;background: rgba(0, 0, 0, 0.4);border-radius: 0px 0px 10px 10px;position: absolute;bottom: 0;right: 0;font-size: 14px;font-weight: 400;color: #FFF;line-height: 38px;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostcelebrity .celebritymodule2{width: 100%;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hostcelebrity .celebritymodule2 .list{padding: 22px 67px;overflow-x: hidden;white-space: nowrap;padding-top: 0;}
.hostcelebrity .celebritymodule2 .list li{width: 144px;display: inline-block;vertical-align: top;margin-left: 20px;}
.hostcelebrity .celebritymodule2 .list li:nth-child(1){margin-left: 10px;}
.hostcelebrity .celebritymodule2 .list li .img{width: 144px;height: 144px;overflow: hidden;border-radius: 50%;}
.hostcelebrity .celebritymodule2 .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.hostcelebrity .celebritymodule2 .list li .name{font-size: 14px;font-weight: 400;color: #333333;padding-top: 10px;text-align: center;width: 100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostcelebrity .celebritymodule2 .leftbox{width: 67px;background: #fff;position: absolute;top: 62px;left: 0;}
.hostcelebrity .celebritymodule2 .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 70px auto;}
.hostcelebrity .celebritymodule2 .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hostcelebrity .celebritymodule2 .leftbox span:hover{background: #EF7E31;color: #fff;}
.hostcelebrity .celebritymodule2 .rightbox{width: 67px;background: #fff;position: absolute;top: 62px;right: 0;}
.hostcelebrity .celebritymodule2 .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 70px auto;}
.hostcelebrity .celebritymodule2 .rightbox span:hover{background: #EF7E31;color: #fff;}
.hostcelebrity .celebritymodule2 .rightbox .icon{font-size: 18px;line-height: 35px;}
.hostcelebrity .celebritymodule3{width: 100%;background: #FFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;}
.hostcelebrity .celebritymodule3 .list{padding: 0 22px;padding-bottom: 22px;}
.hostcelebrity .celebritymodule3 .list li{width: 180.5px;height: 302px;background: #F7F7F7;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-right: 22px;display: inline-block;vertical-align: top;}
.hostcelebrity .celebritymodule3 .list li .img{width: 100%;height: 217px;border-radius: 10px 10px 0 0;overflow: hidden;}
.hostcelebrity .celebritymodule3 .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.hostcelebrity .celebritymodule3 .list li .neirong{padding: 7px 10px;}
.hostcelebrity .celebritymodule3 .list li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostcelebrity .celebritymodule3 .list li .neirong .intro{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;padding-top: 6px;height: 40px;}
.hostcelebrity .celebritymodule3 .list li:hover{box-shadow: 0px 1px 3px #EF7E31;background: #EF7E31;}
.hostcelebrity .celebritymodule3 .list li:nth-child(7n){margin-right: 0;}
.hostcelebrity .celebritymodule3 .list li:hover .neirong .name{color: #fff;}
.hostcelebrity .celebritymodule3 .list li:hover .neirong .intro{color: #fff;}
/*名人 分类页*/
.hostcelebritybox .maincelebritybox{width: 100%;margin-top: 20px;}
.hostcelebritybox .maincelebritybox .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox{width: 100%;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;height: 1888px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title{position: relative;padding-top: 22px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .more{position: absolute;top: 29px;right: 0;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist{padding: 0 22px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li{width: 171.6px;display: inline-block;vertical-align: top;border-radius: 4px;margin-right: 22px;background: #fff;padding-top: 10px;box-shadow: 0px 1px 3px #CCC;margin-top: 22px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li:nth-child(5n){margin-right: 0;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li .img{width: 150px;height: 176px;border-radius: 4px;overflow: hidden;margin: 0 auto;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .stavelist li .name{font-size: 14px;color: #333;padding: 8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.hostcelebritybox .maincelebritybox .left .celebritylistbox .pagebox{padding-bottom: 24px;}
/*名人 详情页*/
.hostcelebritybox .maincelebritybox .left .infobox{width: 100%;height: 370px;background: #FFFFFF;border-radius: 10px;position: relative;padding-bottom: 20px;box-shadow: 0px 1px 3px #CCC;}
.hostcelebritybox .maincelebritybox .left .infobox .img{width: 175px;height: 213px;position: absolute;top: 60px;left: 22px;border-radius: 4px;}
.hostcelebritybox .maincelebritybox .left .infobox .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostcelebritybox .maincelebritybox .left .infobox .info{padding-left: 220px;}
.hostcelebritybox .maincelebritybox .left .infobox .info .name{font-size: 24px;font-weight: 500;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top: 40px;}
.hostcelebritybox .maincelebritybox .left .infobox .info .type{padding-top: 24px;}
.hostcelebritybox .maincelebritybox .left .infobox .info .type .tags{width: 30%;display: inline-block;vertical-align: top;font-size: 14px;font-weight: 400;color: #999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom: 15px;}
.hostcelebritybox .maincelebritybox .left .infobox .info .type .tags span{color: #333333;}
.hostcelebritybox .maincelebritybox .left .infobox .textbox{height: 50px;width: 900px;margin: 20px auto;background: #FAFAFA;position: relative;overflow: hidden;padding: 14px 20px;border-radius: 10px;}
.hostcelebritybox .maincelebritybox .left .infobox .textbox .text{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;border-radius: 10px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.hostcelebritybox .maincelebritybox .left .infobox .textbox #celebritymore{width: 100px;height: 32px;font-size: 14px;font-weight: 400;color: #EF7E31;line-height: 20px;background: #FAFAFA;text-align: center;position: absolute;bottom: 5px;right: 0;display: block;text-decoration:underline;cursor: pointer;}
.hostcelebritybox .maincelebritybox .left .infobox.on{height: auto;padding-bottom: 20px;}
.hostcelebritybox .maincelebritybox .left .infobox .on{height: auto;}
.hostcelebritybox .maincelebritybox .left .infobox .on .text{-webkit-line-clamp: 9999;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt{width: 100%;height: 1478px;background: #fff;box-shadow: 0px 1px 3px #CCC;margin-top: 20px;border-radius: 10px;position: relative;overflow: hidden;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt.on{height: auto;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox{padding: 22px;font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox h3,.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox h4{font-size: 24px;font-weight: 500;color: #333333;line-height: 33px;padding-left: 10px;border-left: 6px solid #EF7E31;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight: 500;margin: 10px 0;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox p{padding-top: 10px;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox .item{font-size: 14px;font-weight: 400;color: #666;line-height: 20px;padding-top: 10px;text-align: right;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox img{max-width: 100%;height: auto;margin: 0 auto;display: block;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox .moretxtbox{width: 100%;height: 200px;position: absolute;bottom: 0;left: 0;display: block;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox .moretxtbox .bj1{background: linear-gradient(to bottom, rgba(255,255,255 ,0.28), #fff);width: 100%;height: 140px;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox .moretxtbox .bj2{width: 100%;height: 60px;background: #fff;}
.hostcelebritybox .maincelebritybox .left .celebrityboxtxt .txtbox .moretxtbox .moretxtbtn{font-size: 20px;color: #EF7E31;text-align: center;line-height: 60px;position: absolute;bottom: 20px;left: 0;width: 100%;cursor: pointer;}
/*资讯首页*/
.hostinformationbox .hostinformationtop{width: 100%;border-radius: 10px;margin-top: 20px;}
.hostinformationbox .hostinformationtop .title{padding-top: 22px;width: 100%;position: relative;}
.hostinformationbox .hostinformationtop .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostinformationbox .hostinformationtop .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostinformationbox .hostinformationtop .title .more{position: absolute;top: 22px;right: 22px;}
.hostinformationbox .hostinformationtop .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostinformationbox .hostinformationtop .title .more a:hover{color: #EF7E31;}
.hostinformationbox .hostinformationtop .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostinformationbox .hostinformationtop .lbtbox{width: 520px;height: 460px;border-radius: 10px;overflow: hidden;margin: 0 20px;display: inline-block;vertical-align: top;padding-top: 20px;}
.hostinformationbox .hostinformationtop .lbtbox .img{width: 520px;height: 550px;border-radius: 10px;}
.hostinformationbox .hostinformationtop .lbtbox .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.hostinformationbox .hostinformationtop .hotbox{width: 430px;height: 499px;display: inline-block;vertical-align: top;}
.hostinformationbox .hostinformationtop .list{padding: 0 22px;padding-top: 10px;}
.hostinformationbox .hostinformationtop .list li{padding: 11px 0;}
.hostinformationbox .hostinformationtop .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hostinformationbox .hostinformationtop .list li .sort1{background: #D3302F;color: #fff;}
.hostinformationbox .hostinformationtop .list li .sort2{background: #FC7401;color: #fff;}
.hostinformationbox .hostinformationtop .list li .sort3{background: #F8CD1B;color: #fff;}
.hostinformationbox .hostinformationtop .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 63%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostinformationbox .hostinformationtop .list li .tiem{font-size: 14px;font-weight: 400;color: #EF7E31;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 25%;text-align: right;}
.hostinformationbox .hostinformationtop .list li:hover .name{color: #EF7E31;}
.hostinformationbox .hostinformationtop .newestbox{width: 430px;height: 550px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;}
.hostinformationbox .informationmodule{width: 100%;margin-top: 20px;}
.hostinformationbox .informationmodule .newestbox{width: 990px;height: 736px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostinformationbox .informationmodule .newestbox .title{position: relative;padding-top: 22px;padding-bottom: 20px;}
.hostinformationbox .informationmodule .newestbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostinformationbox .informationmodule .newestbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostinformationbox .informationmodule .newestbox .title .more{position: absolute;top: 29px;right: 0;}
.hostinformationbox .informationmodule .newestbox .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostinformationbox .informationmodule .newestbox .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule .newestbox .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule .newestbox .list{padding: 0 22px;}
.hostinformationbox .informationmodule .newestbox .list li{width: 463px;height: 93px;background: #F7F7F7;border-radius: 4px;margin-right: 20px;margin-bottom: 18px;position: relative;display: inline-block;vertical-align: top;box-shadow: 0px 1px 3px #CCCCCC;}
.hostinformationbox .informationmodule .newestbox .list li:nth-child(2n){margin-right: 0;}
.hostinformationbox .informationmodule .newestbox .list li .img{width: 107px;height: 69px;border-radius: 4px;position: absolute;top: 12px;left: 12px;overflow: hidden;}
.hostinformationbox .informationmodule .newestbox .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.hostinformationbox .informationmodule .newestbox .list li .neirong{padding-left: 132px;padding-top: 12px;}
.hostinformationbox .informationmodule .newestbox .list li .neirong .name{font-size: 14px;font-weight: 400;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 12px;}
.hostinformationbox .informationmodule .newestbox .list li .neirong .txt{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-top: 10px;padding-right: 12px;height: 40px;}
.hostinformationbox .informationmodule .newestbox .list li:hover{background: #EF7E31;box-shadow: 0px 1px 3px #EF7E31;}
.hostinformationbox .informationmodule .newestbox .list li:hover .neirong .name{color: #fff;}
.hostinformationbox .informationmodule .newestbox .list li:hover .neirong .txt{color: #fff;}
.hostinformationbox .informationmodule .hotbox{width: 430px;height: 736px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;}
.hostinformationbox .informationmodule .hotbox .title{padding-top: 22px;width: 100%;position: relative;}
.hostinformationbox .informationmodule .hotbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostinformationbox .informationmodule .hotbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostinformationbox .informationmodule .hotbox .title .more{position: absolute;top: 22px;right: 22px;}
.hostinformationbox .informationmodule .hotbox .title .more a{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.hostinformationbox .informationmodule .hotbox .title .more a:hover{color: #EF7E31;}
.hostinformationbox .informationmodule .hotbox .title .more a .icon{font-size: 12px;padding-left: 4px;}
.hostinformationbox .informationmodule .hotbox .list{padding: 0 22px;padding-top: 10px;}
.hostinformationbox .informationmodule .hotbox .list li{padding: 10.5px 0;}
.hostinformationbox .informationmodule .hotbox .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.hostinformationbox .informationmodule .hotbox .list li .sort1{background: #D3302F;color: #fff;}
.hostinformationbox .informationmodule .hotbox .list li .sort2{background: #FC7401;color: #fff;}
.hostinformationbox .informationmodule .hotbox .list li .sort3{background: #F8CD1B;color: #fff;}
.hostinformationbox .informationmodule .hotbox .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 63%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostinformationbox .informationmodule .hotbox .list li .tiem{font-size: 14px;font-weight: 400;color: #999;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 25%;text-align: right;}
.hostinformationbox .informationmodule .hotbox .list li:hover .name{color: #EF7E31;}
.hostinformationbox .informationmodule2{width: 100%;height: auto;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;position: relative;}
.hostinformationbox .informationmodule2 .title{position: relative;padding-top: 22px;padding-bottom: 20px;}
.hostinformationbox .informationmodule2 .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostinformationbox .informationmodule2 .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostinformationbox .informationmodule2 .title .more{position: absolute;top: 29px;right: 0;}
.hostinformationbox .informationmodule2 .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostinformationbox .informationmodule2 .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule2 .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule2 .list{padding: 22px 67px;overflow-x: hidden;white-space: nowrap;padding-top: 0;}
.hostinformationbox .informationmodule2 .list li{width: 206px;height: 183px;background: #F7F7F7;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-right: 13px;display: inline-block;vertical-align: top;}
.hostinformationbox .informationmodule2 .list li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.hostinformationbox .informationmodule2 .list li .img{width: 206px;height: 125px;overflow: hidden;border-radius: 10px 10px 0 0;}
.hostinformationbox .informationmodule2 .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.hostinformationbox .informationmodule2 .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 24px;padding: 0 10px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: 49px;white-space: initial;padding-top: 4px;}
.hostinformationbox .informationmodule2 .leftbox{width: 63px;height: 200px;background: #fff;position: absolute;top: 60px;left: 0;}
.hostinformationbox .informationmodule2 .leftbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 70px auto;}
.hostinformationbox .informationmodule2 .leftbox span .icon{font-size: 18px;line-height: 35px;text-align: center;width: 35px;}
.hostinformationbox .informationmodule2 .leftbox span:hover{background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule2 .rightbox{width: 63px;height: 200px;background: #fff;position: absolute;top: 60px;right: 0;}
.hostinformationbox .informationmodule2 .rightbox span{width: 35px;height: 35px;background: #fdf2ea;border-radius: 50%;color: #EF7E31;cursor:pointer;margin-left: 12px;display: block;text-align: center;margin: 70px auto;}
.hostinformationbox .informationmodule2 .rightbox span:hover{background: #EF7E31;color: #fff;}
.hostinformationbox .informationmodule2 .rightbox .icon{font-size: 18px;line-height: 35px;}
/*资讯 分类页*/
.hostinformationlist .informationbox{width: 100%;margin-top: 20px;}
.hostinformationlist .informationbox .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostinformationlist .informationbox .left .informationlist{width: 100%;height: 1888px;background: #fff;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.hostinformationlist .informationbox .left .informationlist .title{position: relative;padding: 22px 0;}
.hostinformationlist .informationbox .left .informationlist .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 22px;}
.hostinformationlist .informationbox .left .informationlist .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.hostinformationlist .informationbox .left .informationlist .title .more{position: absolute;top: 29px;right: 0;}
.hostinformationlist .informationbox .left .informationlist .title .more .btn{padding: 4px 10px;border: 1px solid #999;font-size: 14px;color: #9999;border-radius: 20px;margin-right: 22px;}
.hostinformationlist .informationbox .left .informationlist .title .more .btn.on{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationlist .informationbox .left .informationlist .title .more .btn:hover{border: 1px solid #EF7E31;background: #EF7E31;color: #fff;}
.hostinformationlist .informationbox .left .informationlist .list{padding: 0 22px;}
.hostinformationlist .informationbox .left .informationlist .list li{width: 100%;height: 167px;border-radius: 10px;position: relative;background: #F7F7F7;box-shadow: 0px 1px 3px #CCC;margin-bottom: 22px;}
.hostinformationlist .informationbox .left .informationlist .list li .img{width: 220px;height: 142px;position: absolute;top: 12px;left: 12px;border-radius: 10px;overflow: hidden;}
.hostinformationlist .informationbox .left .informationlist .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong{padding-left: 244px;color: #999;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong .name{font-size: 20px;color: #333;padding-top: 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 12px;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong .intro{font-size: 14px;font-weight: 400;line-height: 26px;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-top: 10px;padding-right: 12px;height: 80px;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong .type{padding-right: 12px;padding-top: 6px;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong .type .tags{width: 20%;font-size: 14px;display: inline-block;vertical-align: top;}
.hostinformationlist .informationbox .left .informationlist .list li .neirong .type .tags i{padding-right: 4px;}
.hostinformationlist .informationbox .left .informationlist .list li:hover{background: #EF7E31;box-shadow: 0px 1px 3px #EF7E31;}
.hostinformationlist .informationbox .left .informationlist .list li:hover .neirong{color: #fff;}
.hostinformationlist .informationbox .left .informationlist .list li:hover .neirong .name{color: #fff;}
.hostinformationlist .informationbox .left .informationlist .pagebox{padding-bottom: 22px;}
/*资讯 详情页*/
.hostinformationinfo .informationbox{width: 100%;margin-top: 20px;}
.hostinformationinfo .informationbox .left{width: 990px;margin-right: 20px;display: inline-block;vertical-align: top;}
.hostinformationinfo .informationbox .left .informationinfo{height: 1802px;padding: 22px;position: relative;}
.hostinformationinfo .informationbox .left .informationinfo.on{height: auto;padding-bottom: 50px;}
.hostinformationinfo .informationbox .left .informationinfo h1{font-size: 20px;color: #333;line-height: 30px;padding-bottom: 20px;font-weight: 500;text-align: center;}
.hostinformationinfo .informationbox .left .informationinfo .type{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #dbdbdb;text-align: center;}
.hostinformationinfo .informationbox .left .informationinfo .type .tags{width: 20%;display: inline-block;vertical-align: top;font-size: 14px;color: #666;}
.hostinformationinfo .informationbox .left .informationinfo .type .tags i{padding-right: 5px;}
.hostinformationinfo .informationbox .left .informationinfo .type .tags a:hover{color: #EF7E31;}
.hostinformationinfo .informationbox .left .informationinfo .tips{padding: 10px;border-radius: 10px;background: #fff8ee;font-size: 14px;color: #333;line-height: 30px;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox{padding: 20px 0;position: relative;height: 1590px;overflow: hidden;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox.on{height: auto;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox .txtbox-text{width: 100%;font-size: 14px;color: #555;line-height: 30px;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox img{max-width: 100%;height: auto;margin: 0 auto;display: block;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox .moretxtbox{width: 100%;height: 200px;position: absolute;bottom: 0;left: 0;display: block;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox .moretxtbox .bj1{background: linear-gradient(to bottom, rgba(255,255,255 ,0.28), #fff);width: 100%;height: 140px;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox .moretxtbox .bj2{width: 100%;height: 60px;background: #fff;}
.hostinformationinfo .informationbox .left .informationinfo .txtbox .moretxtbox .moretxtbtn{font-size: 20px;color: #EF7E31;text-align: center;line-height: 60px;position: absolute;bottom: 0;left: 0;width: 100%;cursor: pointer;display: block;}
.hostinformationinfo .informationbox .left .informationinfo .morecontent{width: 96%;height: 44px;position: absolute;bottom: 10px;left: 2%;}
.hostinformationinfo .informationbox .left .informationinfo .morecontent .btn{width: 48%;height: 44px;font-size: 14px;color: #333;display: inline-block;vertical-align: top;line-height: 44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hostinformationinfo .informationbox .left .informationinfo .morecontent .btn:nth-child(2){padding-left: 4%;text-align: right;}
.hostinformationinfo .informationbox .left .informationinfo .morecontent .btn:hover{color: #EF7E31;}
/*登录页*/
.loginbj {width: 100%;height: 100%;background-size: 100% 100%;padding: 100px 0;}
.loginbj .loginbox {width: 780px;padding-bottom: 70px;margin: 0 auto;background: url(../img/user/loginbj1.png);background-size: 100% 100%;position: relative;}
.loginbj .loginbox .left {width: 390px;display: inline-block;vertical-align: top;padding-top: 20px;}
.loginbj .loginbox .title {font-size: 20px;font-weight: 500;color: #333333;text-align: center;}
.loginbj .loginbox .redactbox {width: 310px;margin: 0 auto;padding-top: 20px;position: relative;}
.loginbj .loginbox .redactbox .edit .btn {height: 30px;font-size: 14px;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 50%;right: 10px;margin-top: -15px;background: #ef7e31;border-radius: 10px;padding: 0 10px;cursor: pointer;}
.loginbj .loginbox .redactbox .edit .btn:hover {background: #aa5b26;}
.loginbj .loginbox .redactbox .edit {width: 310px;height: 50px;background: #FFFFFF;position: relative;}
.loginbj .loginbox .redactbox .icon {font-size: 27px;color: #999;position: absolute;top: 11px;left: 20px;}
.loginbj .loginbox .redactbox:hover .icon {color: #EF7E31!important;}
.loginbj .loginbox .redactbox:focus .icon {color: #EF7E31!important;}
.loginbj .loginbox .redactbox .edit input {font-size: 16px;height: 50px;padding-left: 65px;border: 1px solid #dbdbdb;border-radius: 10px;}
.loginbj .loginbox .redactbox .verify {width: 310px;height: 50px;background: #FFFFFF;position: relative;display: inline-block;vertical-align: top;}
.loginbj .loginbox .redactbox .verify input {font-size: 16px;height: 50px;padding-left: 65px;border: 1px solid #dbdbdb;border-radius: 10px;}
.loginbj .loginbox .redactbox .verifybtn {padding: 0 10px;height: 30px;background: #BFBFBF;border-radius: 10px;display: inline-block;vertical-align: top;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 30px;text-align: center;cursor: pointer;position: absolute;top: 50%;right: 10px;margin-top: -15px;}
.loginbj .loginbox .redactbox .verifybtn.on {background: #EF7E31;}
.loginbj .loginbox .redactbox .verifybtn:hover {background: #aa5b26;}
.loginbj .loginbox .redactbox .verifybtn.on:hover {background: #aa5b26;}
.layui-input:hover,.layui-textarea:hover {border-color: #EF7E31!important}
.layui-input:focus,.layui-textarea:focus {border-color: #EF7E31!important}
.loginbj .loginbox .left .type {width: 310px;padding-top: 20px;position: relative;margin: 0 auto;}
.loginbj .loginbox .left .type .forget {font-size: 16px;font-weight: 400;color: #333333;line-height: 28px;}
.loginbj .loginbox .left .type .number {font-size: 15px;font-weight: 400;color: #333333;line-height: 28px;position: absolute;top: 20px;right: 0;}
.loginbj .loginbox .left .type a:hover {color: #EF7E31;}
.loginbj .loginbox .enterbtn {width: 310px;height: 50px;background: #EF7E31;border-radius: 10px;font-size: 20px;font-weight: 400;color: #FFFFFF;line-height: 50px;display: block;margin: 0 auto;margin-top: 20px;text-align: center;cursor: pointer;}
.loginbj .loginbox .enterbtn:hover {background: #aa5b26;}
.loginbj .loginbox .typezh {width: 310px;margin: 0 auto;height: 40px;position: relative;margin-top: 10px;}
.loginbj .loginbox .typezh a {position: absolute;top: 0;right: 0;font-size: 18px;color: #333;line-height: 40px;}
.loginbj .loginbox .typezh a:hover{color: #EF7E31;}
.loginbj .loginbox .right {width: 390px;display: inline-block;vertical-align: top;padding-top: 20px;}
.loginbj .loginbox .right .logo {width: 250px;height: auto;margin: 0 auto;}
.loginbj .loginbox .right .logo img {width: 100%;height: 100%;}
.loginbj .loginbox .right .sub {font-size: 16px;font-weight: 400;color: #666;width: 100%;text-align: center;padding-top: 35px;}
.loginbj .loginbox .right .type {width: 310px;margin: 0 auto;padding-top: 50px;text-align: center}
.loginbj .loginbox .right .type .tags {width: 100px;display: inline-block;vertical-align: top;}
.loginbj .loginbox .right .type .tags .img {width: 70px;height: 70px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.loginbj .loginbox .right .type .tags .img img {width: 100%;height: 100%;border-radius: 50%;}
.loginbj .loginbox .right .type .tags .name {font-size: 15px;font-weight: 400;color: #333333;text-align: center;padding-top: 10px;}
.loginbj .loginbox .right .type .tags:hover .name {color: #EF7E31;}
.loginbj .loginbox .bottom {width: 100%;height: 68px;border-radius: 0px 0px 10px 10px;position: absolute;bottom: 0;left: 0;font-size: 20px;font-weight: 400;color: #999999;line-height: 68px;text-align: center;}
.loginbj .loginbox .bottom a {color: #EF7E31;}
.loginbj .loginbox .retrieve {width: 100%;padding-top: 20px;}
.dibuzhiling{margin-top: 0;background: none;box-shadow:none}
.dibuzhiling .dibujianju{padding-top: 0;padding-bottom: 1px;}

/*关于我们*/
.aboutbox{margin-top: 20px;}
.aboutbox .left{width: 353px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;padding: 20px 0;margin-right: 20px;display: inline-block;vertical-align: top;}
.aboutbox .left a{width: 320px;height: 60px;background: #F7F7F7;border-radius: 10px;font-size: 20px;font-weight: 400;color: #333333;line-height: 60px;display: block;margin: 0 auto;margin-top: 20px;position:relative;}
.aboutbox .left a:nth-child(1){margin-top: 0;}
.aboutbox .left a .iconfont{padding-right: 30px;color: #333333;padding-left: 30px;font-size: 20px;}
.aboutbox .left a.on{background: linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(239,126,49,0.1) 100%);color: #EF7E31;}
.aboutbox .left a.on .iconfont{color: #EF7E31;}
.aboutbox .left a.on .bian{width: 7px;height: 100%;display: block;vertical-align: middle;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 10px 0 0 10px;}
.aboutbox .left a:hover .bian{width: 7px;height: 100%;display: block;vertical-align: middle;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 10px 0 0 10px;}
.aboutbox .left a:hover .iconfont{color: #EF7E31;}
.aboutbox .left a:hover{background: linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(239,126,49,0.1) 100%);color: #EF7E31;}
.aboutbox .right{width: 1023px;min-height: 860px;background: #FFFFFF;box-shadow: 0px 1px 3px 0px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;padding: 22px;font-size: 16px;font-weight: 400;color: #333333;line-height: 30px;}
.aboutbox .right h1{font-size: 20px;font-weight: 400;color: #333333;line-height: 28px;text-align: center;font-weight: 600;padding-bottom: 20px;padding-top: 20px;border-bottom: 1px solid #dbdbdb;margin-bottom: 10px;}
.aboutbox .right p{padding-top: 10px;text-indent: 2em;}
/*个人中心 首页*/
.userbox{margin-top: 20px;}
.userbox .left{width: 353px;margin-right: 20px;display: inline-block;vertical-align: top;}
.userbox .right{width: 1067px;display: inline-block;vertical-align: top;}
.userbox .left.userindex .info{width: 100%;height: 377px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;position: relative;padding-top: 48px;}
.userbox .left.userindex .info .img{width: 120px;height: 120px;border-radius: 50%;margin: 0 auto;}
.userbox .left.userindex .info .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.userbox .left.userindex .info .username{font-size: 20px;font-weight: 400;color: #333333;padding: 0 30px;padding-top: 15px;text-align: center;}
.userbox .left.userindex .info .vipbox{width: 293px;margin: 0 auto;padding-top: 20px;padding-bottom: 15px;}
.userbox .left.userindex .info .vipbox .tags{width: 50%;display: inline-block;vertical-align: top;font-size: 14px;font-weight: 400;color: #999999;padding: 4px 0;}
.userbox .left.userindex .info .vipbox .tags:nth-child(2){text-align: right;}
.userbox .left.userindex .info .vipbox .tags span{color: #EF7E31;}
.userbox .left.userindex .info .vipbox .viplv{width: 50%;display: inline-block;vertical-align: top;}
.userbox .left.userindex .info .vipbox .viplv .lvtitle{font-size: 14px;font-weight: 400;color: #999999;display: inline-block;vertical-align: middle;}
.userbox .left.userindex .info .vipbox .viplv .lvname{background: #F4D1B9;border-radius: 10px;padding: 4px 10px;font-size: 14px;font-weight: 600;color: #EF7E31;display: inline-block;vertical-align: middle;}
.userbox .left.userindex .info .vipbox .viplv .lvname .icon{padding-right: 4px;}
.userbox .left.userindex .info .frequency{width: 293px;height: 44px;background: #F7F7F7;border-radius: 4px;margin: 0 auto;position: relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.userbox .left.userindex .info .frequency .number{font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;padding-left: 14px;}
.userbox .left.userindex .info .frequency .btn{width: 70px;height: 32px;background: #EF7E31;border-radius: 4px;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 32px;position: absolute;right: 6px;top: 50%;margin-top: -16px;text-align: center;display: block;}
.userbox .left.userindex .info .frequency .btn:hover{background: #aa5b26;}
.userbox .left.userindex .info .type{width: 346px;margin: 0 auto;padding-top: 30px;}
.userbox .left.userindex .info .type .tags{width: 33.333%;display: inline-block;vertical-align: top;}
.userbox .left.userindex .info .type .tags .unm{font-size: 26px;color: #333333;text-align: center;}
.userbox .left.userindex .info .type .tags a:hover .unm{color: #EF7E31;}
.userbox .left.userindex .info .type .tags .name{font-size: 14px;font-weight: 400;color: #999999;padding-top: 5px;text-align: center;}
.userbox .left.userindex .info .logout{padding: 0 10px;background: #bdbddb;font-size: 14px;color: #fff;line-height: 30px;position: absolute;top: 0;right: 0;border-radius: 0 10px;cursor:pointer;}
.userbox .left.userindex .info .logout:hover{background:#EF7E31;}
.userbox .left.userindex .list{width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;padding: 20px 0;margin-right: 20px;margin-top: 20px;}
.userbox .left.userindex .list a{width: 320px;height: 51.25px;background: #F7F7F7;border-radius: 10px;font-size: 20px;font-weight: 400;color: #333333;line-height: 51.25px;display: block;margin: 0 auto;margin-bottom: 20px;position: relative;}
.userbox .left.userindex .list a:nth-child(8){margin-bottom: 0;}
.userbox .left.userindex .list a.on{background: linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(239,126,49,0.1) 100%);color: #EF7E31;}
.userbox .left.userindex .list a:hover{background: linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(239,126,49,0.1) 100%);color: #EF7E31;}
.userbox .left.userindex .list a .iconfont {padding-right: 30px;color: #333333;padding-left: 30px;font-size: 20px;}
.userbox .left.userindex .list a.on .iconfont {color: #EF7E31;}
.userbox .left.userindex .list a.on .bian {width: 7px;height: 100%;display: block;vertical-align: middle;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 10px 0 0 10px;}
.userbox .left.userindex .list a:hover .bian {width: 7px;height: 100%;display: block;vertical-align: middle;background: #EF7E31;position: absolute;top: 0;left: 0;border-radius: 10px 0 0 10px;}
.userbox .left.userindex .list a:hover .iconfont {color: #EF7E31;}
.userbox .right.userindex .moduletype{widows: 100%;}
.userbox .right.userindex .moduletype .tags{width: 251.7px;height: 195px;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-right: 20px;display: inline-block;vertical-align: top;padding-top: 37px;}
.userbox .right.userindex .moduletype .tags:nth-child(4){margin-right: 0;}
.userbox .right.userindex .moduletype .tags .img{width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;}
.userbox .right.userindex .moduletype .tags .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.userbox .right.userindex .moduletype .tags .sub{font-size: 14px;font-weight: 400;color: #999999;text-align: center;padding-top: 18px;}
.userbox .right.userindex .moduletype .tags .name{font-size: 20px;font-weight: 400;color: #333333;text-align: center;}
.userbox .right.userindex .moduletype .tags .btn{width: 104px;height: 32px;background: #EF7E31;border-radius: 4px;font-size: 20px;font-weight: 400;color: #FFFFFF;text-align: center;margin: 0 auto;line-height: 32px;display: block;position: relative;cursor: pointer;}
.userbox .right.userindex .moduletype .tags .btn:hover{background: #aa5b26;}
.userbox .right.userindex .moduletype .tags .btn a{color: #fff;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox{width: 150px;padding-top: 19px;position: absolute;top: 27px;left: -24px;z-index: 9;display: none;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox .wjiaobiao {width: 10px;height: 10px;border: 1px solid #ef7e31;position: absolute;top: 13px;left: 50%;margin-left: -5px;transform: rotate(315deg);box-shadow: 0px 1px 3px #ef7e31;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox .erweima .njiaobiao {width: 12px;height: 12px;background: #fff;transform: rotate(315deg);position: absolute;top: -5px;left: 50%;margin-left: -6px;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox .erweima{width: 150px;height: 180px;background: #fff;border: 1px solid #ef7e31;border-radius: 10px;position: relative;z-index: 1;box-shadow: 0px 1px 3px #ef7e31;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox .erweima .img{padding-top: 10px;width: 130px;height: 130px;}
.userbox .right.userindex .moduletype .tags .btn .erweimabox .erweima .img img{width: 100%;height: 100%;border-radius: 0;}
.mingzi{font-size: 14px;color: #333;text-align: center;}
.userbox .right.userindex .moduletype .tags .btn:hover .erweimabox{display: block;}
.userbox .right.userindex .viptcbox{width: 100%;min-height: 743px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;margin-top: 20px;padding-bottom: 40px;}
.userbox .right.userindex .viptcbox .title{position: relative;padding-top: 22px;padding-bottom: 20px;}
.userbox .right.userindex .viptcbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 20px;}
.userbox .right.userindex .viptcbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.userbox .right.userindex .viptcbox .viplist{padding: 0 20px;}
.userbox .right.userindex .viptcbox .viplist li{width: 241.5px;height: 400px;background: url(../img/user/viptc_1.png);background-size: 100% 100%;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;display: inline-block;vertical-align: top;margin-right: 20px;position: relative;margin-bottom: 20px;}
.userbox .right.userindex .viptcbox .viplist li:nth-child(2){background: url(../img/user/viptc_2.png);background-size: 100% 100%;}
.userbox .right.userindex .viptcbox .viplist li:nth-child(3){background: url(../img/user/viptc_3.png);background-size: 100% 100%;}
.userbox .right.userindex .viptcbox .viplist li:nth-child(4){background: url(../img/user/viptc_4.png);background-size: 100% 100%;margin-right: 0;}
.userbox .right.userindex .viptcbox .viplist li:nth-child(4n){margin-right: 0;}
.userbox .right.userindex .viptcbox .viplist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.userbox .right.userindex .viptcbox .viplist li .h1{font-size: 26px;font-weight: 600;color: #FFFFFF;line-height: 37px;text-shadow: 0px 12px 16px rgba(0,0,0,0.1);padding-top: 20px;text-align: center;}
.userbox .right.userindex .viptcbox .viplist li .xzcs{font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;padding-top: 15px;text-align: center;}
.userbox .right.userindex .viptcbox .viplist li .jiage{font-size: 14px;font-weight: 400;color: #ff3333;line-height: 20px;padding-top: 35px;text-align: center;}
.userbox .right.userindex .viptcbox .viplist li .jiage span{font-weight: 600;font-size: 44px;}
.userbox .right.userindex .viptcbox .viplist li .yuanjia{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;text-decoration: line-through;text-align: center;position: absolute;top: 160px;left: 50%;transform: translateX(-50%);}
.userbox .right.userindex .viptcbox .viplist li .btn{width: 204px;height: 48px;background: #EF7E31;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 4px;margin: 0 auto;margin-top: 38px;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 48px;text-align: center;cursor: pointer;}
.userbox .right.userindex .viptcbox .viplist li .btn:hover{background: #aa5b26;}
.userbox .right.userindex .viptcbox .viplist li .viptxt{font-size: 14px;font-weight: 400;color: #999999;line-height: 32px;padding-top: 12px;text-align: center;}
.userbox .right.userindex .viptcbox .textbox{width: 980px;background: #FAFAFA;border-radius: 21px;padding: 15px 20px;margin: 0 auto;}
.userbox .right.userindex .viptcbox .textbox p{font-size: 14px;font-weight: 400;color: #999999;line-height: 26px;}
.userbox .right.userindex .viptcbox .topuppop{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 99;display: none;}
.userbox .right.userindex .viptcbox .topuppop .topupbox{width: 400px;height: 380px;background: #fff;border-radius: 10px;position: relative;top: 50%;left: 50%;margin-left: -200px;margin-top: -180px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .h1{width: 100%;height: 60px;font-size: 18px;text-align: center;line-height: 60px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .text{width: 360px;padding-top: 20px;margin: 0 auto;background: #f6f6f6;border-radius: 10px;padding-bottom: 10px;margin-bottom: 20px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .text p{font-size: 14px;color: #333;padding-left: 20px;padding-bottom: 10px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist{padding: 0 20px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li{width: 30%;border: 1px solid #dbdbdb;border-radius: 10px;display: inline-block;vertical-align: middle;margin-left: 13%;box-sizing: border-box;padding: 10px 0;box-shadow: 0px 1px 3px #CCCCCC;cursor: pointer;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li .zfimg{width: 70px;height: 70px;overflow: hidden;margin: 0 auto;text-align: center;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li .zfimg img{width: 100%;height: 100%;object-fit: cover;background: #fff;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li .name{font-size: 16px;color: #333;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li:hover{border: 1px solid #EF7E31;background: #EF7E31;box-shadow: 0px 1px 3px #EF7E31;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .topuplist li:hover .name{color: #fff;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .close{position: absolute;top: 0;right: 20px;height: 60px;line-height: 60px;}
.userbox .right.userindex .viptcbox .topuppop .topupbox .close .icon{font-size: 28px;color: #333;cursor: pointer;}
/*我的内容*/
.userbox .right.userindex .mycontentbox{min-height: 1025px;width: 100%;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;font-size: 14px;padding-top: 10px;}
.userbox .right.userindex .mycontentbox .layui-tab-title li{margin-left: 20px;}
.userbox .right.userindex .mycontentbox .layui-tab-title{position: relative;}
.userbox .right.userindex .mycontentbox .layui-tab-title .btn{width: 80px;height: 30px;background: #EF7E31;font-size: 14px;line-height: 30px;text-align: center;border-radius: 4px;display: inline-block;color: #fff;vertical-align: middle;margin-left: 40px;}
.userbox .right.userindex .mycontentbox .layui-tab-title .btn:hover{background: #aa5b26;}
.userbox .right.userindex .mycontentbox .layui-tab-title .righttype{position: absolute;top: 0;right: 20px;}
.userbox .right.userindex .mycontentbox .layui-tab-title .righttype .tags{font-size: 14px;color: #333;display: inline-block;vertical-align: middle;padding-left: 30px;cursor: pointer;line-height: 41px;}
.userbox .right.userindex .mycontentbox .layui-tab-title .righttype .tags.on{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .layui-tab-title .righttype .tags:hover{color: #EF7E31;}
/*我的内容 文章*/
.userbox .right.userindex .mycontentbox .list{padding: 0 10px;}
.userbox .right.userindex .mycontentbox .list li{position: relative;padding: 10px;}
.userbox .right.userindex .mycontentbox .list li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .list li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .list li .img{width: 200px;height: 125px;position: absolute;top: 10px;left: 10px;overflow: hidden;border-radius: 4px;}
.userbox .right.userindex .mycontentbox .list li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.userbox .right.userindex .mycontentbox .list li .neirong{padding-left: 220px;position: relative;height: 125px;}
.userbox .right.userindex .mycontentbox .list li .neirong .name{font-size: 18px;font-weight: 500;width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #333;line-height: 20px;}
.userbox .right.userindex .mycontentbox .list li .neirong .text{font-size: 14px;line-height: 25px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;text-indent: 2em;padding-top: 10px;color: #666;}
.userbox .right.userindex .mycontentbox .list li .neirong .type{position: absolute;bottom: 0;right: 0;}
.userbox .right.userindex .mycontentbox .list li .neirong .type .tags{font-size: 14px;color: #999;display: inline-block;vertical-align: middle;margin-right: 20px;}
.userbox .right.userindex .mycontentbox .list li .neirong .type .tags:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .list li .neirong .type .item{font-size: 14px;color: #999;display: inline-block;vertical-align: middle;}
.userbox .right.userindex .mycontentbox .list li .neirong .item .icon{padding-right: 4px;}
.userbox .right.userindex .mycontentbox .list li .neirong .state{font-size: 16px;line-height: 20px;color: #009688;position: absolute;top: 0;right: 0;}
.userbox .right.userindex .mycontentbox .list li .neirong .state.on{color: #002fff;}
.userbox .right.userindex .mycontentbox .list li .neirong .state.notgo{color: #ff0000;}
/*我的内容 曲谱*/
.userbox .right.userindex .mycontentbox .melodytitle{padding: 0 10px;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .melodytitle .tags{width: 10%;font-size: 14px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(2){width: 42%;text-align: left;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(3){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(4){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(5){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(6){width: 15%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodytitle .tags:nth-child(7){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist{width: 100%;}
.userbox .right.userindex .mycontentbox .melodylist li{padding: 0 10px;height: 55px;}
.userbox .right.userindex .mycontentbox .melodylist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .melodylist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .melodylist li a:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .melodylist li .tags{width: 10%;font-size: 14px;color: #666;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(2){width: 42%;text-align: left;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(3){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(4){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(5){width: 5%;text-align: center;color: #009688;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(6){width: 15%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist li .tags:nth-child(7){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .melodylist li .tags.on{color: #002fff;}
.userbox .right.userindex .mycontentbox .melodylist li .tags.notgo{color: #ff0000;}
/*我的内容 歌词*/
.userbox .right.userindex .mycontentbox .contenttitle{padding: 0 10px;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .contenttitle .tags{width: 10%;font-size: 14px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(2){width: 42%;text-align: left;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(3){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(4){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(5){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(6){width: 15%;text-align: center;}
.userbox .right.userindex .mycontentbox .contenttitle .tags:nth-child(7){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist{width: 100%;}
.userbox .right.userindex .mycontentbox .contentlist li{padding: 0 10px;height: 55px;}
.userbox .right.userindex .mycontentbox .contentlist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .contentlist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .contentlist li a:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .contentlist li .tags{width: 10%;font-size: 14px;color: #666;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(2){width: 42%;text-align: left;padding-right: 2.5%;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(3){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(4){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(5){width: 5%;text-align: center;color: #009688;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(6){width: 15%;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist li .tags:nth-child(7){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .contentlist li .tags.on{color: #002fff;}
.userbox .right.userindex .mycontentbox .contentlist li .tags.notgo{color: #ff0000;}
/*我的收藏 舞曲*/
.userbox .right.userindex .mycontentbox .scwuqytitle{padding: 0 10px;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags{width: 5%;font-size: 14px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(2){width: 10%;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(3){width: 47%;text-align: left;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(4){width: 5%;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(5){width: 5%;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(6){width: 10%;}
.userbox .right.userindex .mycontentbox .scwuqytitle .tags:nth-child(7){width: 15%;}
.userbox .right.userindex .mycontentbox .scwuqylist{width: 100%;}
.userbox .right.userindex .mycontentbox .scwuqylist li{padding: 0 10px;height: 55px;}
.userbox .right.userindex .mycontentbox .scwuqylist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .scwuqylist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .scwuqylist li a:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .scwuqylist li .layui-form-checkbox{width: 3%;margin-left: 20px;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags{width: 5%;font-size: 14px;color: #666;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags.on{color: #002fff;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags.notgo{color: #ff0000;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(2){width: 10%;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(3){width: 47%;text-align: left;padding-right: 1.8%;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(4){width: 5%;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(5){width: 5%;cursor: pointer;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(6){width: 10%;}
.userbox .right.userindex .mycontentbox .scwuqylist li .tags:nth-child(7){width: 15%;}
.userbox .right.userindex .mycontentbox .btnttbox{width: 100%;padding-top: 16px;}
.userbox .right.userindex .mycontentbox .btnttbox .btn{width: 122px;height: 30px;border-radius: 15px;border: 1px solid #DDDDDD;display: inline-block;font-size: 14px;font-weight: 400;color: #333;line-height: 28px;text-align: center;margin-left: 20px;background: #fff;cursor: pointer;}
.userbox .right.userindex .mycontentbox .btnttbox .btn:nth-child(1){margin-left: 22px;}
.userbox .right.userindex .mycontentbox .btnttbox .btn i{margin-right: 10px;}
.userbox .right.userindex .mycontentbox .btnttbox .btn:hover{background: #EF7E31;color: #fff;}
.userbox .right.userindex .mycontentbox .btnttbox .btn.on{background: #EF7E31;color: #fff;}
.userbox .right.userindex .mycontentbox .btnttbox .btn:hover .icon-yk_fangkuai:before{content: "\e62f";}
/*我的收藏 视频*/
.userbox .right.userindex .mycontentbox .scvodtitle{padding: 0 10px;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags{width: 5%;font-size: 14px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(2){width: 15%;text-align: left;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(3){width: 42%;text-align: left;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(4){width: 5%;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(5){width: 5%;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(6){width: 10%;}
.userbox .right.userindex .mycontentbox .scvodtitle .tags:nth-child(7){width: 15%;}
.userbox .right.userindex .mycontentbox .scvodlist{width: 100%;}
.userbox .right.userindex .mycontentbox .scvodlist li{padding: 0 10px;height: 98px;}
.userbox .right.userindex .mycontentbox .scvodlist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .scvodlist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .scvodlist li a:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .scvodlist li .layui-form-checkbox{width: 3%;margin-left: 20px;margin-top: 10px;}
.userbox .right.userindex .mycontentbox .scvodlist li .cover{width: 15%;height: 84px;display: inline-block;vertical-align: middle;border-radius: 4px;overflow: hidden;margin-top: 7px;}
.userbox .right.userindex .mycontentbox .scvodlist li .cover img{width: 90%;height: 100%;object-fit: cover;border-radius: 4px;}
.userbox .right.userindex .mycontentbox .scvodlist li .tags{width: 42%;font-size: 14px;color: #666;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: left;}
.userbox .right.userindex .mycontentbox .scvodlist li .tags:nth-child(3){padding-right: 1.8%}
.userbox .right.userindex .mycontentbox .scvodlist li .tags:nth-child(4){width: 5%;text-align: center;}
.userbox .right.userindex .mycontentbox .scvodlist li .tags:nth-child(5){width: 5%;text-align: center;cursor: pointer;}
.userbox .right.userindex .mycontentbox .scvodlist li .tags:nth-child(6){width: 10%;text-align: center;}
.userbox .right.userindex .mycontentbox .scvodlist li .tags:nth-child(7){width: 15%;text-align: center;}
/*下载记录*/
.userbox .right.userindex .mycontentbox .xzmp3title{padding: 0 10px;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .xzmp3title .tags{width: 10%;font-size: 14px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .xzmp3title .tags:nth-child(2){width: 10%;}
.userbox .right.userindex .mycontentbox .xzmp3title .tags:nth-child(3){width: 63%;text-align: left;}
.userbox .right.userindex .mycontentbox .xzmp3title .tags:nth-child(4){width: 15%;}
.userbox .right.userindex .mycontentbox .xzmp3list{width: 100%;}
.userbox .right.userindex .mycontentbox .xzmp3list li{padding: 0 10px;height: 55px;}
.userbox .right.userindex .mycontentbox .xzmp3list li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .xzmp3list li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .xzmp3list li a{color: #666;}
.userbox .right.userindex .mycontentbox .xzmp3list li a:hover{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .xzmp3list li .tags{width: 10%;font-size: 14px;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.userbox .right.userindex .mycontentbox .xzmp3list li .tags:nth-child(2){width: 10%;}
.userbox .right.userindex .mycontentbox .xzmp3list li .tags:nth-child(3){width: 63%;text-align: left;padding-right: 1%;}
.userbox .right.userindex .mycontentbox .xzmp3list li .tags:nth-child(4){width: 15%;}
/*vip充值记录*/
.userbox .right.userindex .mycontentbox .title{position: relative;padding-top: 15px;padding-bottom: 20px;}
.userbox .right.userindex .mycontentbox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 20px;}
.userbox .right.userindex .mycontentbox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.userbox .right.userindex .mycontentbox .typetitle{width: 96%;margin: 0 auto;height: 44px;background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .typetitle .tags{width: 20%;font-size: 16px;color: #666;line-height: 44px;display: inline-block;vertical-align: middle;text-align: center;}
.userbox .right.userindex .mycontentbox .typetitle .tags:nth-child(2){width: 15%;}
.userbox .right.userindex .mycontentbox .typetitle .tags:nth-child(3){width: 30%;}
.userbox .right.userindex .mycontentbox .typetitle .tags:nth-child(4){width: 20%;}
.userbox .right.userindex .mycontentbox .typetitle .tags:nth-child(5){width: 10%;}
.userbox .right.userindex .mycontentbox .viprecordlist{width: 96%;margin: 0 auto;}
.userbox .right.userindex .mycontentbox .viprecordlist li{width: 100%;height: 55px;cursor: pointer;}
.userbox .right.userindex .mycontentbox .viprecordlist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .viprecordlist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags{width: 20%;font-size: 14px;color: #666;line-height: 55px;display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags.on{color: #EF7E31;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags:nth-child(2){width: 15%;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags:nth-child(3){width: 31.5%;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags:nth-child(4){width: 20%;}
.userbox .right.userindex .mycontentbox .viprecordlist li .tags:nth-child(5){width: 10%;}
.userbox .right.userindex .mycontentbox .popupbox{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.5);display: none;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox{width: 600px;height: 446px;position: absolute;top: 50%;left: 50%;margin-top: -190px;margin-left: -300px;background: #fff;border-radius: 10px;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .title{font-size: 18px;color: #333;font-weight: 500;text-align: center;line-height: 80px;padding: 0;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .neirong{width: 560px;border-radius: 10px;background: #FAFAFA;margin: 0 auto;padding: 10px 0;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .neirong p{padding: 10px 20px;font-size: 16px;color: #555;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .neirong p .paybtn{color: #EF7E31;padding-left: 5px;text-decoration: underline;cursor: pointer;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .close{position: absolute;top: 0;right: 20px;line-height: 80px;cursor: pointer;}
.userbox .right.userindex .mycontentbox .popupbox .jilubox .close .icon{font-size: 25px;}
/*资料设置*/
.userbox .right.userindex .mycontentbox .avatarbox{width: 96%;margin: 0 auto;border-bottom: 1px solid #dbdbdb;position: relative;margin-top: 10px;}
.userbox .right.userindex .mycontentbox .avatarbox .img{width: 100px;height: 100px;border-radius: 50%;position: absolute;top: 0;left: 0;}
.userbox .right.userindex .mycontentbox .avatarbox .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.userbox .right.userindex .mycontentbox .avatarbox .neirong{padding-left: 120px;padding-top: 25px;height: 95px;}
.userbox .right.userindex .mycontentbox .avatarbox .neirong .name{font-size: 18px;color: #333;}
.userbox .right.userindex .mycontentbox .avatarbox .neirong .sub{font-size: 14px;color: #999;padding-top: 10px;}
.userbox .right.userindex .mycontentbox .avatarbox .btn{width: 100px;height: 40px;border-radius: 4px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;position: absolute;top: 35px;right: 0;background: #EF7E31;cursor: pointer;}
.userbox .right.userindex .mycontentbox .avatarbox .btn:hover{background: #aa5b26;}
.userbox .right.userindex .mycontentbox .profileinfobox{width: 96%;margin: 0 auto;}
.userbox .right.userindex .mycontentbox .profileinfobox .editli{width: 30%;margin-right: 60px;padding-top: 40px;display: inline-block;vertical-align: top;}
.userbox .right.userindex .mycontentbox .profileinfobox .editli:nth-child(2n){margin-right: 0;}
.userbox .right.userindex .mycontentbox .profileinfobox .editli .name{font-size: 16px;padding-bottom: 10px;}
.userbox .right.userindex .mycontentbox .profileinfobox .editli .layui-input-block{margin-left: 0;min-height: 36px;}
.userbox .right.userindex .mycontentbox .profileinfobox .editli select{width: 100%;height: 38px;line-height: 1.3;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;border-color: #e6e6e6;padding: 2%;color: #999;}
.userbox .right.userindex .mycontentbox .profileinfobox .signature{width: 100%;padding-top: 40px;}
.userbox .right.userindex .mycontentbox .profileinfobox .signature .name{font-size: 16px;padding-bottom: 10px;}
.userbox .right.userindex .mycontentbox .profileinfobox .signature textarea{min-height: 150px;font-size: 16px;}
.userbox .right.userindex .mycontentbox .profileinfobox .btnbox{width: 100%;padding-top: 40px;}
.userbox .right.userindex .mycontentbox .profileinfobox .btnbox .btn{width: 100px;height: 40px;border-radius: 4px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #EF7E31;cursor: pointer;}
.userbox .right.userindex .mycontentbox .profileinfobox .btnbox .btn:hover{background: #aa5b26;}
/*安全设置*/
.userbox .right.userindex .mycontentbox .zhbqbox{width: 990px;margin: 0 auto;}
.userbox .right.userindex .mycontentbox .zhbqbox .h1{font-size: 20px;font-weight: 400;color: #333333;line-height: 28px;padding-bottom: 10px;padding-top: 10px;}
.userbox .right.userindex .mycontentbox .zhbqbox .h1 span{font-size: 14px;color: #999999;padding-left: 4px;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli{width: 100%;height: 86px;background: #F7F8FA;border-radius: 10px;position: relative;margin-bottom: 17px;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .img{width: 48px;height: 48px;border-radius: 50%;position: absolute;top: 50%;margin-top: -24px;left: 20px;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .name{padding-left: 88px;line-height: 86px;font-size: 14px;font-weight: 400;color: #333333;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .type{position: absolute;top: 0;right: 30px;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .type .tags{font-size: 14px;font-weight: 400;color: #999999;line-height: 86px;display: inline-block;vertical-align: middle;padding-right: 20px;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .type .btn{cursor: pointer;width: 144px;height: 44px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 44px;text-align: center;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .type .btn:hover{background: #aa5b26;}
.userbox .right.userindex .mycontentbox .zhbqbox .dsfli .type .btn.on{background: #DFDFDF;color: #999999;}
.userbox .right.userindex .mycontentbox .xgmmbox{width: 990px;margin: 0 auto;padding-top: 90px;}
.userbox .right.userindex .mycontentbox .xgmmbox .h1{font-size: 20px;font-weight: 400;color: #333333;line-height: 28px;padding-bottom: 10px;}
.userbox .right.userindex .mycontentbox .xgmmbox .editlist{width: 100%;}
.userbox .right.userindex .mycontentbox .xgmmbox .editlist .editli{width: 40%;margin-right: 60px;display: inline-block;vertical-align: top;margin-top: 24px;}
.userbox .right.userindex .mycontentbox .xgmmbox .editlist .editli:nth-child(2n){margin-right: 0;}
.userbox .right.userindex .mycontentbox .xgmmbox .btnbox{width: 100%;padding-top: 40px;padding-left: 50px;}
.userbox .right.userindex .mycontentbox .xgmmbox .btnbox .btn{cursor: pointer;width: 100px;height: 40px;border-radius: 4px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #EF7E31;cursor: pointer;}
.userbox .right.userindex .mycontentbox .xgmmbox .btnbox .btn:hover{background: #aa5b26;}
.popupshouji{width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.popupshouji .shoujibox{width: 430px;background: #fff;position: absolute;top: 50%;left: 50%;margin-top: -225px;margin-left: -215px;border-radius: 10px;padding-bottom:30px;}
.popupshouji .shoujibox .tlh1{width: 100%;height: 60px;line-height: 60px;font-size: 18px;color: #333;text-align: center;border-bottom: 1px solid #dbdbdb;}
.popupshouji .shoujibox .close{position: absolute;top: 0;right: 20px;line-height: 60px;height: 60px;cursor: pointer;}
.popupshouji .shoujibox .close .iconfont{font-size: 18px;}
.popupshouji .shoujibox .shoujilist{padding: 0 20px;}
.popupshouji .shoujibox .shoujilist .redactbox{width: 350px;margin: 0 auto;padding-top: 30px;position: relative;}
.popupshouji .shoujibox .shoujilist .redactbox .edit{width: 350px;height: 60px;background: #FFFFFF;position: relative;}
.popupshouji .shoujibox .shoujilist .redactbox .edit .icon{font-size: 27px;color: #999;position: absolute;top: 16px;left: 30px;}
.popupshouji .shoujibox .shoujilist .redactbox .edit input{font-size: 20px;height: 60px;padding-left: 75px;border: 1px solid #dbdbdb;border-radius: 10px;}
.popupshouji .shoujibox .shoujilist .redactbox .edit .btn{height: 40px;font-size: 16px;color: #fff;text-align: center;line-height: 40px;position: absolute;top: 50%;right: 10px;margin-top: -20px;background: #ef7e31;border-radius: 10px;padding: 0 10px;cursor: pointer;}
.popupshouji .shoujibox .shoujilist .redactbox .edit .btn.on{background: #ccc;}
.popupshouji .shoujibox .shoujilist .enterbtn{cursor: pointer;width: 350px;height: 60px;background: #EF7E31;border-radius: 10px;font-size: 20px;font-weight: 400;color: #FFFFFF;line-height: 60px;display: block;margin: 0 auto;margin-top: 30px;text-align: center;}
/*站内消息*/
.userbox .right.userindex .mycontentbox .title .empty{font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;position: absolute;top: 15px;right: 20px;cursor: pointer;}
.userbox .right.userindex .mycontentbox .messagetitle{width: 100%;height: 44px;background: #FAFAFA;border-radius: 4px;font-size: 0;}
.userbox .right.userindex .mycontentbox .messagetitle .tags{width: 15%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;vertical-align: top;text-align: center;}
.userbox .right.userindex .mycontentbox .messagetitle .tags:nth-child(2){width: 50%;text-align: left;}
.userbox .right.userindex .mycontentbox .messagetitle .tags:nth-child(3){width: 15%;text-align: left;}
.userbox .right.userindex .mycontentbox .messagetitle .tags:nth-child(4){width: 10%;}
.userbox .right.userindex .mycontentbox .messagetitle .tags:nth-child(5){width: 10%;}
.userbox .right.userindex .mycontentbox .messagelist{width: 100%;font-size: 0;}
.userbox .right.userindex .mycontentbox .messagelist li{height: 55px;width: 100%;}
.userbox .right.userindex .mycontentbox .messagelist li:nth-child(2n){background: #FAFAFA;}
.userbox .right.userindex .mycontentbox .messagelist li:hover{background: #F0F0F0;}
.userbox .right.userindex .mycontentbox .messagelist li .tags{width: 15%;font-size: 14px;font-weight: 400;color: #333333;line-height: 55px;display: inline-block;vertical-align: top;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.userbox .right.userindex .mycontentbox .messagelist li .tags span{border-radius: 2px;border: 1px solid #EF7E31;font-size: 10px;font-weight: 400;color: #EF7E31;line-height: 14px;margin-left: 4px;padding: 0 2px;}
.userbox .right.userindex .mycontentbox .messagelist li .tags:nth-child(2){width: 50%;text-align: left;}
.userbox .right.userindex .mycontentbox .messagelist li .tags:nth-child(3){width: 15%;text-align: left;}
.userbox .right.userindex .mycontentbox .messagelist li .tags:nth-child(4){width: 10%;color: #EF7E31;}
.userbox .right.userindex .mycontentbox .messagelist li .tags:nth-child(5){width: 10%;color: #E6322E;cursor: pointer;}
/*站内消息 详情*/
.userbox .right.userindex .mycontentbox .messageinfo{padding: 20px;padding-bottom: 100px;position: relative;}
.userbox .right.userindex .mycontentbox .messageinfo p{font-size: 16px;color: #666;text-indent: 2em;line-height: 25px;min-height: 100px;max-height: 830px;overflow-y: auto;}
.userbox .right.userindex .mycontentbox .messageinfo .yxjbox{position: absolute;bottom: 20px;right: 40px;}
.userbox .right.userindex .mycontentbox .messageinfo .yxjbox .name{font-size: 14px;color: #666;}
.userbox .right.userindex .mycontentbox .messageinfo .yxjbox .item{font-size: 14px;color: #666;padding-top: 10px;}
/*发布歌词*/
.userbox .right.userindex .mycontentbox .editlyricbox{width: 100%;}
.userbox .right.userindex .mycontentbox .editlyricbox .editframe{width: 50%;}
.userbox .right.userindex .mycontentbox .editlyricbox .editframe1{width: 95%;}
.userbox .right.userindex .mycontentbox .editlyricbox .layui-form-select{width: 423.5px;}
.layui-form-select dl dd.layui-this{background-color: #EF7E31;color: #fff;}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg{margin-top: 20px;margin-bottom: 20px;}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg .name{float: left;display: block;padding: 9px 15px;width: 80px;font-weight: 400;line-height: 20px;text-align: right;}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg .framebox{margin-left: 110px;min-height: 36px;width: 423.5px;border: 1px solid #e6e6e6;box-sizing: border-box;border-radius: 2px;position: relative;}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg .framebox .img{padding: 0 10px;line-height: 36px;font-size: 14px;color: #757575;padding-right: 90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg .framebox .btn{width: 80px;height: 30px;font-size: 14px;color: #fff;position: absolute;top: 50%;margin-top: -15px;right: 3px;background: #EF7E31;line-height: 30px;text-align: center;border-radius: 4px;cursor:pointer}
.userbox .right.userindex .mycontentbox .editlyricbox .scimg .framebox .btn:hover{background: #aa5b26;}
.userbox .right.userindex .mycontentbox .editlyricbox textarea{height: 245px;}
.userbox .right.userindex .mycontentbox .editlyricbox .btnbox{margin-left: 110px;padding-top: 20px;padding-bottom: 20px;}
.userbox .right.userindex .mycontentbox .editlyricbox .btnbox .btn{width: 100px;height: 40px;border-radius: 4px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #EF7E31;cursor: pointer;}
.userbox .right.userindex .mycontentbox .editlyricbox .btnbox .btn:hover{background: #aa5b26;}
.layui-layedit-iframe iframe {height: 465px !important;}
/*个人主页-歌词*/
.homebox{margin-top: 20px;}
.homebox .left{width: 350px;margin-right: 20px;display: inline-block;vertical-align: top;}
.homebox .left .infobox{height: 405px;background: #FFFFFF;box-shadow: 0px 1px 3px #CCCCCC;border-radius: 10px;padding-top: 40px;}
.homebox .left .infobox .userimg{width: 120px;height: 120px;border-radius: 50%;margin: 0 auto;}
.homebox .left .infobox .userimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.homebox .left .infobox .username{font-size: 20px;font-weight: 400;color: #333333;line-height: 28px;padding: 0 20px;text-align: center;vertical-align: middle;padding-top: 10px;}
.homebox .left .infobox .username .icon{padding-left: 4px;font-size: 20px;vertical-align: middle;line-height: 28px;}
.homebox .left .infobox .username .icon.icon-nv{color: #ff3abf;}
.homebox .left .infobox .username .icon.icon-nan{color: #2196f3;}
.homebox .left .infobox .lvname {background: #F4D1B9;border-radius: 10px;padding: 4px 10px;font-size: 14px;font-weight: 600;color: #EF7E31;text-align: center;display: table;margin: 0 auto;margin-top: 5px;}
.homebox .left .infobox .lvname.on{background: #dbdbdb;color: #999;}
.homebox .left .infobox .lvname .icon{padding-right: 4px;}
.homebox .left .infobox .usertype{width: 100%;padding-top: 23px;padding-bottom: 14px;}
.homebox .left .infobox .usertype .tags{width: 50%;display: inline-block;vertical-align: middle;}
.homebox .left .infobox .usertype .tags .num{font-size: 26px;font-weight: bold;color: #333333;line-height: 30px;text-align: center;}
.homebox .left .infobox .usertype .tags .name{font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;padding-top: 5px;text-align: center;}
.homebox .left .infobox .userintro{width: 326px;height: 100px;background: #F7F7F7;border-radius: 10px;margin: 0 auto;overflow: hidden;}
.homebox .left .infobox .userintro p{padding: 10px;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;overflow: hidden;}   
.homebox .left .replacebox{width: 100%;height: 290px;border-radius: 10px;box-shadow: 0px 1px 3px #CCCCCC;margin-top: 20px;background: #fff;}
.homebox .left .replacebox .title{padding-bottom: 16px;position: relative;border-bottom: 1px solid #e6e6e6;padding-top: 12px;margin-bottom: 10px;}
.homebox .left .replacebox .title .h2{font-size: 24px;font-weight: 500;color: #333333;line-height: 28px;padding-left: 20px;}
.homebox .left .replacebox .title .h2 i{width: 7px;height: 28px;background: #EF7E31;border-radius: 4px;display: inline-block;vertical-align: sub;margin-right: 10px;}
.homebox .left .replacebox .title .more {position: absolute;top: 13px;right: 22px;}
.homebox .left .replacebox .title .more a {font-size: 14px;font-weight: 400;color: #999999;line-height: 28px;}
.homebox .left .replacebox .title .more a:hover {color: #EF7E31;}
.homebox .left .replacebox .title .more a .icon {font-size: 12px;padding-left: 4px;}
.homebox .left .replacebox .list{padding: 0 20px;}
.homebox .left .replacebox .list li{padding: 9px 0;}
.homebox .left .replacebox .list li .sort{width: 26px;height: 26px;font-size: 20px;font-weight: 400;color: #999;line-height: 26px;text-align: center;display: inline-block;vertical-align: middle;}
.homebox .left .replacebox .list li .sort1{background: #D3302F;color: #fff;}
.homebox .left .replacebox .list li .sort2{background: #FC7401;color: #fff;}
.homebox .left .replacebox .list li .sort3{background: #F8CD1B;color: #fff;}
.homebox .left .replacebox .list li .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;padding-left: 10px;width: 88%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.homebox .left .replacebox .list li:hover .name{color: #EF7E31;}
.homebox .left .replacebox.module{height: 454px;}
.homebox .left .replacebox.module li{padding: 10px 0;}
.homebox .right{width: 1070px;height: 1703px;background: #FFFFFF;display: inline-block;vertical-align: top;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;}
.homebox .right .layui-tab{padding-top: 10px;}
.homebox .right .layui-tab .layui-tab-title li{margin-left: 20px;}
.homebox .right .layui-tab-item .lyrictitle{height: 44px;background: #FAFAFA;border-radius: 4px;margin-top: 10px;font-size: 0;}
.homebox .right .layui-tab-item .lyrictitle .tags{width: 8%;font-size: 14px;font-weight: 400;color: #999999;line-height: 44px;display: inline-block;text-align: left;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(1){padding-left: 1%;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(2){width: 46%;text-align: left;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(3){width: 10%;text-align: center;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(4){width: 15%;text-align: center;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(5){width: 10%;text-align: center;}
.homebox .right .layui-tab-item .lyrictitle .tags:nth-child(6){width: 10%;text-align: center;}
.homebox .right .layui-tab-item .lyriclist li{width: 100%;height: 55px;font-size: 0;}
.homebox .right .layui-tab-item .lyriclist li:nth-child(2n){background: #FAFAFA;}
.homebox .right .layui-tab-item .lyriclist li:hover{background: #F0F0F0;}
.homebox .right .layui-tab-item .lyriclist li .tags{width: 8%;font-size: 14px;font-weight: 400;color: #333333;line-height: 50px;display: inline-block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.homebox .right .layui-tab-item .lyriclist li .tags .btn{padding: 5px 10px;font-size: 12px;color: #333333;border-radius: 30px;}
.homebox .right .layui-tab-item .lyriclist li .tags .btn:hover{background: #EF7E31;color: #fff;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(1){padding-left: 1%;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(2){width: 44%;text-align: left;padding-right: 2%;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(3){width: 10%;text-align: center;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(4){width: 15%;text-align: center;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(5){width: 10%;text-align: center;}
.homebox .right .layui-tab-item .lyriclist li .tags:nth-child(6){width: 10%;text-align: center;}
/*个人主页 曲谱*/
.homebox .right .layui-tab-item .stavelist{padding: 0 22px;}
.homebox .right .layui-tab-item .stavelist li{width: 187.6px;height: 275px;display: inline-block;vertical-align: top;border-radius: 4px;margin-right: 22px;background: #fff;padding-top: 10px;box-shadow: 0px 1px 3px #CCC;margin-bottom: 22px;}
.homebox .right .layui-tab-item .stavelist li .img{width: 170px;height: 220px;border-radius: 4px;overflow: hidden;margin: 0 auto;}
.homebox .right .layui-tab-item .stavelist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.homebox .right .layui-tab-item .stavelist li .name{font-size: 14px;color: #333;padding: 5px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.homebox .right .layui-tab-item .stavelist li .type{width: 100%;position: relative;}
.homebox .right .layui-tab-item .stavelist li .type .tags{font-size: 10px;color: #999;padding-left: 10px;}
.homebox .right .layui-tab-item .stavelist li .type .item{font-size: 10px;color: #999;padding-left: 10px;position: absolute;top: 0;right: 10px;}
.homebox .right .layui-tab-item .stavelist li:hover{box-shadow: 0px 1px 3px #EF7E31;}
.homebox .right .layui-tab-item .stavelist li:nth-child(5n){margin-right: 0;}
/*个人主页 文章*/
.homebox .right .layui-tab-item .articlelist{padding: 0 10px;padding-bottom: 10px;}
.homebox .right .layui-tab-item .articlelist li{width: 100%;height: 154px;position: relative;}
.homebox .right .layui-tab-item .articlelist li:nth-child(2n){background: #FAFAFA;}
.homebox .right .layui-tab-item .articlelist li:hover{background: #F0F0F0;}
.homebox .right .layui-tab-item .articlelist li .img{width: 220px;height: 130px;position: absolute;top: 10px;left: 0;border-radius: 4px;overflow: hidden;}
.homebox .right .layui-tab-item .articlelist li .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.homebox .right .layui-tab-item .articlelist li .neirong{padding-left: 240px;padding-top: 10px;}
.homebox .right .layui-tab-item .articlelist li .neirong .name{font-size: 18px;font-weight: 400;color: #333333;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.homebox .right .layui-tab-item .articlelist li .neirong .intro{font-size: 14px;font-weight: 400;color: #999999;line-height: 25px;padding-top: 6px;height: 78px;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.homebox .right .layui-tab-item .articlelist li .type{padding-top: 5px;}
.homebox .right .layui-tab-item .articlelist li .type .tags{width: 15%;font-size: 14px;font-weight: 400;color: #999999;line-height: 20px;display: inline-block;vertical-align: middle;}
.homebox .right .layui-tab-item .articlelist li .type .tags .icon{padding-right: 4px;}
/*网站地图*/
.mapbox{width: 100%;box-shadow: 0px 1px 3px #CCC;border-radius: 10px;background: #FFFFFF;margin-top: 20px;padding-top: 30px;padding-bottom: 20px;}
.mapbox .maplist{width: 96%;margin: 0 auto;border: 1px solid #dbdbdb;box-sizing: border-box;position: relative;border-radius: 10px;margin-bottom: 40px;}
.mapbox .maplist .title{width: 150px;height: 30px;font-size: 18px;color: #333;font-weight: 500;text-align: center;line-height: 30px;position: absolute;top: -15px;left: 20px;background: #fff;}
.mapbox .maplist .more{width: 60px;height: 30px;font-size: 16px;color: #666;font-weight: 500;text-align: center;line-height: 30px;position: absolute;top: -15px;right: 20px;background: #fff;}
.mapbox .maplist .more:hover{color: #EF7E31;}
.mapbox .maplist .list{padding: 30px 20px;padding-bottom: 0;}
.mapbox .maplist .list a{width: 150px;height: 40px;font-size: 16px;color: #666;font-weight: 500;text-align: center;line-height: 40px;border: 1px solid #dbdbdb;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 20px;border-radius: 5px;margin-bottom: 20px;}
.mapbox .maplist .list a:nth-child(8n){margin-right: 0;}
.mapbox .maplist .list a:hover{background: #EF7E31;border: 1px solid #EF7E31;color: #fff;}

.layui-layer-btn{font-size:14px;}