@charset "UTF-8";.zx-upload-box{overflow:hidden}.zx-upload{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;float:left;position:relative;margin:0 5px 10px;border:1px dashed #ccc;border-radius:4px;width:200px;height:140px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.zx-upload .audio,.zx-upload .other,.zx-upload:hover .tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.zx-upload .image,.zx-upload .video,.zx-upload input{width:100%;height:100%}.zx-upload input{position:absolute;z-index:2;opacity:0;cursor:pointer}.zx-upload .audio,.zx-upload .other{display:flex;overflow:hidden;padding:10px;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.zx-upload .audio img,.zx-upload .other img{margin-bottom:4px;width:26px;height:26px}.zx-upload .audio span,.zx-upload .other span{word-break:break-all}.zx-upload .el-icon-plus{font-size:40px;color:#999}.zx-upload:hover .tools{display:flex}.zx-upload .tools{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.classify_box,.swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.zx-upload .tools i{margin:0 10px;font-size:20px;font-weight:700;color:#fff;cursor:pointer}.zx-upload-msgbox{width:auto}.zx-upload-preview{max-width:80vw;max-height:80vh}.classify_box,.classifys,.hot_box{max-width:1200px}body{background-color:#f8f8f8}.swiper-container{width:100%;min-width:375px;height:36vw;min-height:200px;max-height:400px;background-color:#fff}.swiper-slide{display:flex;font-size:18px;text-align:center;background:#ccc;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.swiper-slide img{width:100%;height:100%}@media screen and (max-width:750px){.swiper-button-next,.swiper-button-prev{display:none}}.classify_box{display:flex;margin:10px auto;min-width:375px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.classify_box .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:10px;padding:18px 20px;width:calc(20% - 20px);font-size:22px;white-space:nowrap;background-color:#fff;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.classify_box .item img{margin:0 10px 0 0;border-radius:50%;width:54px;height:54px}.classify_box .item:hover{color:#0ab9b8}@media screen and (max-width:1201px){.classify_box .ext{display:none}}@media screen and (max-width:1001px){.classify_box .item{background-color:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.classify_box .item img{margin:0 0 6px}}.classifys,.hot_box .title{display:-ms-flexbox;-webkit-box-align:center}.classifys{display:-webkit-box;display:-webkit-flex;display:flex;overflow:auto;margin:10px auto 0;min-height:40px;background-color:#fff;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.classifys::-webkit-scrollbar{width:0;height:0}.classifys .item{display:inline-block;margin:0 10px;padding:0 20px;height:100%;font-size:14px;line-height:40px;color:#666;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.classifys .item.active{position:relative;color:#333}.classifys .item.active::after{display:inline-block;position:absolute;bottom:0;left:15%;width:70%;height:2px;background:#444;content:''}.hot_box .title,.hot_box .title .more{display:-webkit-box;display:-webkit-flex}.hot_box{margin:10px auto;min-width:375px}.hot_box .title{display:flex;padding:0 10px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.hot_box .title h2{font-size:22px;font-weight:initial}.hot_box .title .more{display:-ms-flexbox;display:flex;color:#0ab9b8;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hot_box .item .btm,.hot_box .list{display:-webkit-box;display:-webkit-flex}.hot_box .title .more img{margin-left:4px;height:12px}.hot_box .list{display:-ms-flexbox;display:flex;margin-top:20px;min-height:240px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.hot_box .item{overflow:hidden;margin:0 20px 20px 0;border-radius:4px;padding-bottom:10px;width:calc(25% - 15px);background-color:#fff;cursor:pointer}.hot_box .item:nth-of-type(4n){margin-right:0}.hot_box .item:hover .bg{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.hot_box .item:hover .desc{color:#0ab9b8}.hot_box .item .info{overflow:hidden;position:relative;width:100%;height:20vw;min-height:110px;max-height:160px}.hot_box .item .bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.hot_box .item .status,.hot_box .item .yugao{top:10px;left:10px;position:absolute;border-radius:4px}.hot_box .item .status{z-index:2;width:58px;height:18px}.hot_box .item .yugao{padding:2px 4px;font-size:12px;color:#fff;background:-webkit-linear-gradient(180.32deg,#f90 .55%,#ffc700 100.05%);background:linear-gradient(269.68deg,#f90 .55%,#ffc700 100.05%)}.hot_box .item .btm{display:-ms-flexbox;display:flex;position:absolute;bottom:0;left:0;z-index:2;border-radius:4px;padding:0 10px;width:100%;height:20px;font-size:12px;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.53) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.53) 100%);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.hot_box .item .btm .name,.hot_box .item .btm .num_box{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.banned .el-dialog__body,.live_type .el-dialog__body{-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.hot_box .item .btm .name{max-width:70%}.hot_box .item .btm .num_box{max-width:30%;line-height:20px}.hot_box .item .desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;padding:10px 10px 0;height:55px;font-size:16px}.banned .el-dialog__header,.live_type .el-dialog__header{display:none}.banned .btn,.banned .desc{font-size:20px;text-align:center}@media screen and (max-width:1201px){.hot_box .list{padding:0 10px}}@media screen and (max-width:1001px){.hot_box .item{margin:10px 10px 0 0;width:calc(33% - 5px)}.hot_box .item:nth-of-type(3n){margin-right:0}.hot_box .item:nth-of-type(4n){margin-right:10px}.hot_box .item .info{height:16vw}}.live{position:fixed;top:54vh;right:calc(50vw - 603px);z-index:3;width:86px;height:86px;box-shadow:0 2px 3px #eee;cursor:pointer}@media screen and (max-width:1200px){.live{right:0}}.banned .close,.live_type .close{top:10px;right:10px;position:absolute;cursor:pointer}.banned .el-dialog{border-radius:10px;width:420px;height:328px}.banned .el-dialog__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.banned .close{width:28px;height:28px}.banned .icon{margin-bottom:16px;width:64px;height:64px}.banned .desc{line-height:38px}.banned .desc span{display:block}.banned .btn{margin-top:33px;border-radius:4px;width:360px;height:44px;line-height:44px;color:#fff;background:#0ab9b8;cursor:pointer}.live_type .el-dialog{border-radius:10px;width:420px;height:252px}.live_type .el-dialog__body{padding:0;height:100%;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.live_type .close{width:28px;height:28px}.live_type .title{margin-bottom:10px;height:70px;font-size:18px;font-weight:700;line-height:70px;text-align:center}.live_type li{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;float:left;width:50%;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.live_type li .icon{width:90px;height:90px;background:url(../../images/l_t_bg.png) 0 0/100% 100% no-repeat,url(../../images/l_p.png) center center/44px 44px no-repeat}.live_type li:last-child .icon{background-image:url(../../images/l_t_bg.png),url(../../images/c_l.png)}.live_type li span{display:block;font-size:20px;line-height:50px}.add_live_node .el-dialog__header,.create_live .el-dialog__header,.live_args .el-dialog__header{display:none}.add_live_node .el-dialog__body,.create_live .el-dialog__body,.live_args .el-dialog__body{overflow-y:auto;padding:70px 35px 0;max-height:70vh}.add_live_node .close,.create_live .close,.live_args .close{position:absolute;top:27px;right:20px;z-index:3;width:16px;height:16px;cursor:pointer}.add_live_node .title,.create_live .title,.live_args .title{position:absolute;top:0;left:0;z-index:2;width:100%;height:70px;font-size:18px;font-weight:700;line-height:70px;text-align:center;background-color:#fff}.add_live_node .zx-upload-box,.create_live .zx-upload-box,.live_args .zx-upload-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.add_live_node .zx-upload,.create_live .zx-upload,.live_args .zx-upload{border-color:transparent;width:214px;height:120px;background:#fafafa}.add_live_node .zx-upload .fengmian,.create_live .zx-upload .fengmian,.live_args .zx-upload .fengmian{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.add_live_node .zx-upload .fengmian img,.create_live .zx-upload .fengmian img,.live_args .zx-upload .fengmian img{width:44px;height:44px}.add_live_node .zx-upload .fengmian span,.create_live .zx-upload .fengmian span,.live_args .zx-upload .fengmian span{font-size:14px;line-height:38px;color:#999;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.add_live_node .input_box,.create_live .input_box,.live_args .input_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:20px;width:100%;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.add_live_node .input_box>span,.create_live .input_box>span,.live_args .input_box>span{width:70px;height:40px;font-size:16px;line-height:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.add_live_node .input_box .el-cascader,.add_live_node .input_box .el-date-editor,.add_live_node .input_box .el-date-editor.el-input,.create_live .input_box .el-cascader,.create_live .input_box .el-date-editor,.create_live .input_box .el-date-editor.el-input,.live_args .input_box .el-cascader,.live_args .input_box .el-date-editor,.live_args .input_box .el-date-editor.el-input{width:100%}.add_live_node .input_box .node_cover,.create_live .input_box .node_cover,.live_args .input_box .node_cover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:10px;width:144px;height:256px;color:#d3d3d3;background:#f8f8f8;cursor:pointer;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.add_live_node .input_box .node_cover p,.create_live .input_box .node_cover p,.live_args .input_box .node_cover p{font-size:12px;line-height:29px}.add_live_node .input_box .node_cover span,.create_live .input_box .node_cover span,.live_args .input_box .node_cover span{font-size:10px;line-height:29px}.add_live_node .input_box .node_cover .cover,.create_live .input_box .node_cover .cover,.live_args .input_box .node_cover .cover{width:100%;height:100%}.add_live_node .input_box .node,.create_live .input_box .node,.live_args .input_box .node{width:100%}.add_live_node .input_box .node .add,.create_live .input_box .node .add,.live_args .input_box .node .add{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:44px;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.add_live_node .input_box .node .add span,.create_live .input_box .node .add span,.live_args .input_box .node .add span{font-size:14px;color:#999}.add_live_node .input_box .node .add img,.create_live .input_box .node .add img,.live_args .input_box .node .add img{width:16px;height:16px}.add_live_node .node_list,.create_live .node_list,.live_args .node_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #f3f3f3;padding:10px 0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.add_live_node .node_list img,.create_live .node_list img,.live_args .node_list img{width:24px;height:24px}.add_live_node .node_list .node_title,.create_live .node_list .node_title,.live_args .node_list .node_title{font-size:14px;color:#333}.add_live_node .node_list .time_user,.create_live .node_list .time_user,.live_args .node_list .time_user{margin-top:10px;font-size:12px;color:#666}.add_live_node .btn,.create_live .btn,.live_args .btn{margin-bottom:36px;border-radius:4px;width:120px;height:44px;font-size:20px;line-height:44px;text-align:center;color:#fff;background:#0ab9b8;cursor:pointer}.add_live_node .el-dialog{width:45%}.add_live_node .btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:24px;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.add_live_node .btns .btn{width:40%}.add_live_node .btns .btn.del{border:1px solid #0ab9b8;height:42px;line-height:40px;color:#0ab9b8;background:0 0}.add_live_node .btns .btn:only-child{margin:24px 0 36px;width:100%}.live_args .input_box{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.live_args .input_box>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;height:44px;font-size:14px;line-height:44px;color:#666}.live_args .copy{border-radius:4px;width:49px;height:26px;font-size:14px;line-height:26px;text-align:center;color:#fff;background:#0ab9b8;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.live_args .desc{margin:10px 0 36px;text-align:center;color:#ccc}.live_args .desc a{color:#0ab9b8}@media screen and (max-width:750px){.classify_box{margin:auto}.classify_box .item{padding:0;font-size:12px}.classify_box .item img{width:44px;height:44px}.classifys{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.classifys .item{margin:0;padding:0 16px}.classifys .item.active::after{left:20%;width:60%}.hot_box .title h2{font-size:16px}.hot_box .title .more{font-size:12px}.hot_box .list{margin-top:10px}.hot_box .item{margin:10px 10px 0 0;width:calc(50% - 5px)}.hot_box .item:nth-of-type(3n){margin-right:10px}.hot_box .item:nth-of-type(2n){margin-right:0}.hot_box .item .info{height:24vw}.hot_box .item .btm{padding:0 4px}.hot_box .item .desc{font-size:14px}.vue-image-crop-upload .vicp-wrap{padding-bottom:60px;width:90%;height:500px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.vue-image-crop-upload .vicp-wrap .vicp-close{top:-25px;right:-10px}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right{margin-top:10px}}