/* 分组 */
.classification .list-group{width: 250px;padding-right: 12px;height: 100%;display: flex;flex-direction: column;}
.classification .add-group{height: 32px;background: #DCE7FF;border-radius: 8px;border: 1px solid #5085FB;color: #5085FB;justify-content: center;cursor: pointer;}
.classification .default-group{height: 36px;border-radius: 8px;margin: 12px 0 0;padding-left: 12px;padding-right: 8px;}
.classification .default-group.dou{margin-top: 4px;}
.classification .default-group:hover{background-color: #DCE7FF;}
.classification .default-group.active{background: #5085FB;color: #fff;}
.classification .default-group .iconfont{color: #ccc;}
.classification .default-group.active .iconfont{color: #fff;}
.classification .add-group:hover{background: #5085FB;color: #fff;}
.classification .tree-info-box{display: flex;justify-content: space-between;padding-right: 8px;border-radius: 8px;margin-top: 4px;position: relative;align-items: center;}
.classification .tree-info-box:hover{background-color: #DCE7FF;color: #5085FB;}
.classification .tree-info-box:hover .arrow{color: #5085FB}
.classification .tree-info-box.active{color: #fff;background: #5085FB;}
.classification .tree-info-box .striped{position: absolute;z-index: 0;top: 0;bottom: 0;width: 100%;}
.classification .tree-info-box:hover .striped::after,.classification .tree-info-box.active .striped::after,.classification .tree-item.ghost .tree-info-box .striped::after{content: "";position: absolute;right: 0;width: 236px;top: 0;bottom: 0;z-index: -1;border-radius: 8px;}
#moveGroup .classification .tree-info-box:hover .striped::after,#moveGroup .classification .tree-info-box.active .striped::after{width: 400px;}
.classification .tree-info-box:hover .striped::after{background:#DCE7FF;}
.classification .tree-item.ghost .tree-info-box .striped::after{background-color: #DCE7FF;}
.classification .tree-item.ghost .tree-info-box.active .striped::after{background-color: #5085FB;}
.classification .tree-item.ghost .tree-info-box .arrow {color: #5085FB;}
.classification .tree-item.ghost .tree-info-box.active .arrow {color: #fff;}
.classification .tree-item .tree-info-box.active .striped::after{background: #5085FB}
.classification .tree-item.on >.tree-info-box{z-index: 10;}
.classification .cursor{cursor: pointer;}
.classification .tree-info-box.active .folder{color: #fff;}
.classification .tree-info-box.active .arrow,.classification .tree-info-box.active:hover .arrow{color: #fff;}
.classification .dropdown .dropdown-menu>li>a{text-align: left;}
.classification .dropdown .iconfont{margin-right: 5px;}
.classification .far,.classification .icon_add,.classification .default-group{cursor: pointer;}
.classification .ellipsis{padding: 0 8px;z-index: 1;flex: 1;height: 36px;line-height: 36px;}
.classification .arrow{font-size: 12px;color: #ccc;position: absolute;left: -10px;}
.classification .tree{padding-left: 21px;flex: none;padding-bottom: 0;position: relative;height: calc(100% - 240px);}
.classification .folder{color: #5085FB;}
.classification .edit{margin-right: 0;}
.classification .tree-btn-group{z-index: 2;height: 17px;line-height: 17px;}
.tree-box .group_icon_add,.tree-box .group_icon_more{display: none;}
.classification .count{color: #b1b2b2;vertical-align: text-top;float: right;}
.classification .dropdown{display: inline-block;}
.classification .tree-info-box:hover .group_icon_add,.classification .tree-info-box:hover .group_icon_more{display: inline-block;}
.classification .tree-info-box:hover .count{float: none;margin-right: 10px;color: #5085FB;}
.classification .active .count{color: #fff}
.material-alert2 .mc .inp-group .inp {border: none;border-bottom: 1px solid #5085fb;border-radius: 0;}
.material-alert2 .mc .m-d{display: block;}
.material-alert .btn-d .btn{padding: 0;}
.material-alert2 .mc .tl {margin-top: 26px;background-color: transparent;}
.material-alert .mc{left: 50%!important;top: 50%!important;transform: translate(-50%,-50%);}
#moveGroup .btn-d .btn-ok{width: 110px;}
#moveGroup .classification{padding: 15px 12px 30px;position: relative;}
#moveGroup .mc{width: 424px;}
#moveGroup .tree{height: 300px;padding-bottom: 0;}
#moveGroup .dropdown,#moveGroup .count{display: none;}
#moveGroup .name[contenteditable="true"]{width: 185px;height: 24px; box-shadow: 0px 0px 2px 0px rgba(80, 133, 251, 0.5);border-radius: 6px;border: 1px solid #5085FB;display: inline-block;padding-left: 10px;color: #666;line-height: 24px;}
#moveGroup .name[contenteditable="true"]:focus{outline: none;}
#moveGroup .icon-group{color: #5085fb;padding-left: 8px;}
#moveGroup .icon-group>span{cursor: pointer;padding-right: 5px;}
#moveGroup .classification .no-group{color: #ccc;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
[class*=group_icon_]{background: url('../img/group_icon.png') no-repeat 0 0/106px auto;display: inline-block;vertical-align: text-top;}
.group_icon_more{width: 16px;height: 18px; background-position: -59px -5px;}
.group_icon_add{width: 17px;height: 17px; background-position: -32px -32px;margin-right: 6px;}
.group_icon_folder{width: 16px;height: 16px; background-position: -59px -33px;margin-right: 5px;vertical-align: -2px;}
.group_icon_add::before{content: "";}
.classification .default-group .group_icon_folder,.classification .unbanked .group_icon_folder{width: 17px;height: 16px; background-position: -5px -59px;}
.classification .tree-info-box.active .group_icon_more{background-position: -85px -5px;}
.classification .tree-info-box.active .group_icon_add{background-position: -32px -5px;}
.classification .tree-info-box.active .group_icon_folder,.classification .default-group.active .group_icon_folder{background-position: -85px -32px;}
.classification .add-group:hover .group_icon_add{background-position: -32px -5px;}
.classification .add-group .group_icon_add{margin-right: 5px;}
.classification .tree-info-box.active:hover .count{color: #fff;}

.nav-side .headimg {width: 40px;height: 40px;border-radius: 24px;margin-top: 15px;border: 2px solid #fff;margin-left: 8px;}

.material-choose .classification{background-color: #FAFAFB;}
.material-choose .mc{width: 800px!important;}
.material-choose .mc .m-d .rg,.material-choose .mc .tl{background:#fff;}
.material-choose .m-d .ser-d{margin: 10px 0;padding-left: 10px;}
.material-choose .mc .tl{box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);}
.material-choose .mc .m-d{padding: 0 10px 0 0!important;}
.material-choose .ul{padding: 0;margin: 0;}
.material-choose .classification .list-group{padding: 0 10px;}
.material-choose .mc .btn-d,.material-choose .mc .tl{position: relative;}
.material-choose .rg .li{padding: 0 0 0 10px!important;}
.material-choose .li .name{left: 10px;}
.material-choose .classification .tree{padding-bottom: 50px;}
.material-choose .classification .tree-info-box:hover .count{margin-right: 0;}
.material-choose .ser-d .inp-d{border: none;background-color: #FAFAFB;}
.material-choose .classification .tree-info-box:hover .striped::after,.material-choose .classification .tree-info-box.active .striped::after,.material-choose .classification .tree-item.ghost .tree-info-box .striped::after{width: 180px;}

.materialpano-page .btn-sale,
.materialpano-page .shelves,.submitiptm{display: none;}
.materialpano-page .ser-d .inp-d{border: none;border-radius: 8px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);width: auto;}
.materialpano-page .bt-d .allCk{background-color: #fff;border-radius: 50px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);padding: 0 10px;height: 100%;margin-right: 10px;}
.materialpano-page .bt-d .allCk2{display: none;}
.materialpano-page .cz-d .category_name{font-size: 16px;}
.materialpano-page .cz-d .btn-del,.materialpano-page .cz-d .btn-yd{border-color: #fff;background-color: #fff;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);}
.materialpano-page .cz-d .btn-yd{display: none;}
.materialpano-page .tab-box .th{color: #999;}
.materialpano-page .tab-box .tr{color: #666;}
.materialpano-page .m-d .rg{padding-left: 10px;}
.materialpano-page .li .tl{background-color: #fff;border-radius: 0;}
.materialpano-page .li .tl:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.materialpano-page .li .tl .btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 14px;}
.materialpano-page .li .tt{color: #666;padding-top: 0;justify-content: flex-start;text-align: left;font-size: 14px;}
.materialpano-page .li .spread {color: #666;margin-left: 16px;flex: 1;position: static;background: none;}
.materialpano-page .li .time{cursor: pointer;flex-shrink: 0;}
.materialpano-page .li .spread .iconfont{margin-right: 5px;vertical-align: middle;}
.materialpano-page .li .spread:hover{color: #5085fb;}
.materialpano-page .tab-box .editbody{padding-right: 10px;}
.materialpano-page .tab-box .editbody,.materialpano-page .tab-box .th .td:last-child{width: 310px;flex: none;justify-content: flex-end;}
.materialpano-page .tab-box .editbody .spread{width: 65px;text-align: left;}
.materialpano-page .tab-box .editbody .spread .iconfont{vertical-align: middle;}
.materialpano-page .li .li-mc,.ul-d .li{cursor: text;}
.materialpano-page .li .btns-d .iconfont,.materialpano-page .li .icon_time{margin-right: 5px;}
.materialpano-page .li .img{cursor: pointer;height: calc(100% - 72.22px);}
.materialpano-page .cz-d .iptm{background-color: #fff;border-radius: 50px;padding-left: 12px;color: #666;margin-left: 10px;cursor: pointer;}
.materialpano-page .cz-d .iptm:hover{background-color: #dce7fe;color: #5085fb;}
.materialpano-page .cz-d .iptm::before{left: 50px;}
.materialpano-page .cz-d .iptm::after{left: 10px;}
.materialpano-page .li .task .status{color: #fff;background-color: #FFB324;padding: 4px 12px;border-radius: 50px;margin-right: 12px;}
.materialpano-page .li .task .status.red{background-color: #FF696D;}
.materialpano-page .li .task{position: absolute;z-index: 10;left: 12px;bottom: 16px;}
.materialpano-page .li .tl .nm i{margin-right: 5px;}
.materialpano-page .cz-d .bt-d .btn{border-radius: 50px}
.materialpano-page .btn-d.tl{border-radius: 50px!important;padding: 4px 12px;}
.materialpano-page .li-mc.checked{border: 2px solid #5085fb;}
.materialpano-page .li .ck-d{background-image: url(../img/material19.png);}
.materialpano-page .li .ck-d.on{background-image: url(../img/material20.png);}
.materialpano-page .li .tl .nm{padding-left: 0;font-size: 16px;display: flex;align-items: center;}
.materialpano-page .cz-d {height: auto;}
.materialpano-page .cz-d .bt-d {width: 100%;position: relative;margin-left: 0;margin-top: 16px;}
.materialpano-page .music-icon.play .icon_play:before {content:"\e754"}
.materialpano-page .ul .li{width: 25%;margin: 0 0 16px;padding: 0 8px;overflow: visible;}
.materialpano-page .ul{margin-left: 0;}
.materialpano-page .ul .li:hover{box-shadow: none;}
.materialpano-page .li .li-mc{border-radius: 10px;overflow: hidden;transition: none;}
.materialpano-page .li .li-mc:hover{transform: none;}
.materialpano-page .ul-d,.materialpano-page .ul-d.page {height: calc(100% - 46px - 86px);}
.materialpano-page .li .title,.materialpano-page .li .title .t{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.materialpano-page .li .title .t{cursor: pointer;}
.materialpano-page .li .title .ck-d{display: none;}
.materialpano-page .li:hover .img .play.pano:after,.materialpano-page .li:hover .img .play.panovideo:after{transform: translateY(calc(50% + 50px));}
.materialpano-page .cz-d .tip-box{position: absolute;right: -20px;bottom: 15px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;padding: 10px 14px;display: none;z-index: 1000;}
.materialpano-page .cz-d .iptm-box{display: none !important;}
.materialpano-page .cz-d .iptm-box .tip-box{width: 400px;}
.materialpano-page .cz-d .sale-box .tip-box{width: 353px;}
.materialpano-page .cz-d .tip-box a{color: #5085fb;padding-left: 6px;}
.materialpano-page .cz-d .tip-box a:hover{color: #1651D5;}
.materialpano-page .cz-d .tip-box span{color: #FA6400;padding: 0 4px;}
.materialpano-page .cz-d .tip-box .now{padding: 0 16px 0 8px;}
.materialpano-page .cz-d .tip-box .small{font-size: 12px;padding-left: 16px;}
.materialpano-page .cz-d .tip-box .qa{font-size: 12px;color: #FF696D;display: block;padding: 3px 0;}
.materialpano-page .cz-d .tip-box .qa:hover{color: #F91F24;}
.materialpano-page .cz-d .tip-inner{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.materialpano-page .cz-d .tip-inner:hover .tip-box{display: block;}
.materialpano-page .cz-d .iptm-box,.materialpano-page .cz-d .sale-box{position: relative;z-index: 50;}
.materialpano-page .cz-d .iptm-box .iptm,.materialpano-page .cz-d .sale-box .btn-sale{width: 95px;}
.materialpano-page .cz-d .tip{color: #FFA023;}
.materialpano-page .cz-d .float-tips{position: absolute;top: 15px;right: -45px;z-index: 100;display: none;}
.materialpano-page .cz-d .iptm-box .float-tips{background: url(../img/iptm_tip_bg.png) no-repeat 0 0/100%;width: 530px;height: 395px;}
.materialpano-page .cz-d .sale-box .float-tips{background: url(../img/sale_tip_bg.png) no-repeat 0 0/100%;width: 530px;height: 500px;}
.materialpano-page .cz-d .float-tips .close{position: absolute;right: 60px;bottom: 55px;border-radius: 8px;padding: 0 24px;}

.no-data-inner-tip{background: url(../img/noData2.png) no-repeat 50% 0/140px auto;height: 168px;display: flex;align-items: flex-end;justify-content: center;margin: 20% auto;}
.no-data-inner-tip{flex-direction: column;align-items: center;justify-content: flex-end;height: 185px;background-size: 105px;margin: 16% auto;}
.no-data-inner-tip p{margin-bottom: 20px;font-size: 16px;color: #666;}
.no-data-inner-tip .btn{border-radius: 8px;}
.no-data-inner-tip .iconfont{font-size: 14px;margin-right: 5px;}

.fadeInDown{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;}
    @-webkit-keyframes fadeInDown{
    0%{opacity:0;
    -webkit-transform:translateY(-20px)}
    100%{opacity:1;
    -webkit-transform:translateY(0)}
    }
    @-moz-keyframes fadeInDown{
    0%{opacity:0;
    -moz-transform:translateY(-20px)}
    100%{opacity:1;
    -moz-transform:translateY(0)}
    }

#replace-alert .txt{font-size: 16px;color: #333;margin-bottom: 16px;}
#replace-alert .mc{width: 560px;}
#replace-alert .panel img{width: 64px;height: 48px;border-radius: 4px;margin-right: 12px;}
#replace-alert .panel{background: #F2F2F2;border-radius: 8px;padding: 8px;cursor: pointer;}
#replace-alert .panel:hover{background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);color: #5085fb;}
#replace-alert .panel:hover .ck-d,#replace-alert .allck:hover .ck-d{background-image: url(../img/material19.png);}
#replace-alert .panel:hover .ck-d.on,#replace-alert .allck:hover .ck-d.on{background-image: url(../img/material20.png);}
#replace-alert .list{margin: 5px -6px 0;max-height: 200px;padding-top: 6px;}
#replace-alert .list .col{padding: 0 6px;}
#replace-alert .icon_tips{margin-right: 7px;}
#replace-alert .m{padding: 16px;}
#replace-alert .allck{background: #F2F2F2;border-radius: 8px;padding: 6px 12px;cursor: pointer;}
#replace-alert .allck:hover{background: rgba(80,133,251,.2);color: #5085fb;}
#replace-alert .ck-d{margin-right: 8px;flex-shrink: 0;}
#replace-alert .bt-d{color: #666;}
#lock-alert .txt,#del-alert .txt{padding-left: 15px;margin: 12px 0 2px;}
#lock-alert .txt small,#del-alert .txt small{color: red;padding-left: 6px;}
#lock-alert .panel,#del-alert .panel{position: relative;border-radius: 6px;overflow: hidden;}
#lock-alert .panel .caption,#del-alert .panel .caption{position: absolute;width: 100%;bottom: 0;color: #fff;background-color: rgba(0, 0, 0, 0.5);padding: 7px 0;text-align: center;}
#lock-alert .mc,#del-alert .mc{width: 660px;}
#lock-alert .flex-row .col,#del-alert .flex-row .col{flex-basis: 33.333%;}
#lock-alert .list-box .list .col,#del-alert .list-box .list .col{padding: 0 6px;}
#lock-alert .list-box .list,#del-alert .list-box .list{margin: 0 -6px;max-height: 300px;}
#lock-alert .list-box,#del-alert .list-box{padding: 10px 15px;}
#lock-alert .list-box img,#del-alert .list-box img{height: 110px;width: 100%;}
#unlock-alert input{border-radius: 6px;border: 1px solid #979797;height: 32px;line-height: 32px;padding: 0 10px;}
#unlock-alert .form-group {margin: 6rem auto;}
#unlock-alert .form-group .verify-title {font-size: 18px;font-weight: 600;text-align: center;margin-bottom: 2rem;}
#unlock-alert .form-group .sendText{height: 32px;line-height: 32px;border-radius: 6px;}

#preview-alert .mc{width: 60%;height: 60%;display: flex;flex-direction: column;}
#preview-alert .m-d{padding: 0;justify-content: center;background-repeat: no-repeat;background-position: 50% 50%;flex: 1;}

.lce-alert .mc{background: none;min-height: 600px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.lce-alert .mc img{width: 400px;}
.lce-alert .mc .btn-d{box-shadow: none;justify-content: center;margin-top: 10px;}
.lce-alert .btn-d .btn{width: auto;}
.lce-alert .btn-d .btn:hover{transition: none;}
.lce-alert .btn-d .btn-cancel{background-color: #fff;margin-left: 0;padding: 6px 25px;border: 1px solid #fff;line-height: normal;}
.lce-alert .btn-d .btn-ok{padding: 0 14px;}
.lce-alert .btn-d .iconfont{margin-right: 5px;}
.lce-alert .btn-d .btn-cancel:hover{border-color: #fff;}
.lce-alert .swiper-slide{min-height: 430px;}
#upTishi-alert .info .txt2{padding: 14px 30px 0;}

#downloadTips .m-d{padding: 30px 20px 30px 20px;}
#downloadTips .btn{min-width: 84px;width: auto;border-radius: 6px;padding: 0 12px;}
#downloadTips .btn-ok2{background: #FF8700;border-color: #FF8700;}
#downloadTips .iconfont{margin-right: 5px;}

#price-alert .mc{width: 560px;padding: 16px;}
#price-alert ul{padding: 20px 0;text-align: center;}
#price-alert ul li{border-radius: 8px;border: 1px solid #EEEEEE;margin: 0 10px;padding: 25px 0;font-size: 16px;cursor: pointer;}
#price-alert ul li .num{margin-bottom: 8px;}
#price-alert ul li b{font-size: 26px;font-weight: 500;}
#price-alert ul li.active{background: url(../img/sell/ck.png) no-repeat 100% 0/40px;border-color: #5085fb;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(80, 133, 251, 0.2);}
#price-alert ul li:hover{border-color: #5085fb}
#price-alert ul li span{color: #666;}
#price-alert .mc .tl{background: none;font-size: 18px;}
#price-alert .mc .btn-d{box-shadow: none;}
#price-alert .btn-d .btn{width: auto;border-radius: 8px;padding: 8px 26px;height: auto;line-height: normal;}
#price-alert .mc .xx{right: 26px;top: 29px;}
#price-alert .btn-d .btn-cancel{background: #F2F2F2;border-color:#F2F2F2 ;}
#price-alert .btn-d .btn-cancel:hover{border-width: 1pt;}
#price-alert .p{padding: 10px 15px;line-height: 22px;}
#price-alert .p a{color: #5085fb;padding: 0 10px;}
#price-alert .p span{color: #FF5969;}
#price-alert .bottom-txt{padding: 5px 15px;line-height: 20px;cursor: pointer;}
#price-alert .bottom-txt,#price-alert .p{color: #666;}
#price-alert .bottom-txt .checkbox{margin-right: 8px;}
#price-alert ul li .num span{color: #FA6400;}
#price-alert .bottom-txt .icon_checkboxed,#price-alert .bottom-txt:hover .checkbox{color: #5085fb}

#iptm-alert h3{margin: 20px 0;}
#iptm-alert b{padding: 0 7px;color: #FA6400;font-weight: normal;}
#iptm-alert .tt span{margin-right: 20px;}
#iptm-alert .icon_tips{font-size: 20px;margin-right: 8px;vertical-align: text-top;}
#iptm-alert p{padding-left: 26px;}
#iptm-alert a{color: #FF696D;}
#iptm-alert a:hover{color: #F91F24;}

.nice-alert .mc .btn-d{box-shadow: none;padding: 0;margin-top: 30px;}
.nice-alert .btn-d .btn{width: auto;border-radius: 8px;padding: 8px 26px;height: auto;line-height: normal;}
.nice-alert .btn-d .btn-cancel{background: #F2F2F2;border-color:#F2F2F2 ;color: #333;}
.nice-alert .btn-d .btn-cancel:hover{border-width: 1pt;}
.nice-alert .mc{border-radius: 8px;padding: 24px;}
.nice-alert p{color: #666;}

#saleTishi-alert .mc{text-align: center;padding: 50px 0;}
#saleTishi-alert .icon-load{background: url(../img/sell/load.png) no-repeat;display: inline-block;width: 80px;height: 80px;background-size: 80px;}
#saleTishi-alert .mc .btn-d{box-shadow: none;justify-content: center;}
#saleTishi-alert h2{margin-top: 20px;font-size: 24px;font-weight: 500;}
#saleTishi-alert p{margin: 20px 0 30px;font-size: 16px;color: #666;}
#saleTishi-alert .btn-d .btn{margin-left: 0;width: auto;border-radius: 8px;padding: 10px 26px;height: auto;line-height: normal;}
#saleTishi-alert .mc .xx{right: 26px;top: 29px;}

.delete-alert .info .txt{display: flex;}
.delete-alert .info .icon_tips{color: #FFA023;}
.material-alert .icon_tips{margin-top: 2px;}

#materialInfor-alert .inp-group{padding-bottom: 13px;}
#materialInfor-alert .inps{padding-right: 0;height: auto;width: 100%;}
#materialInfor-alert .inputp input,#materialInfor-alert .inputp textarea{width: 350px; padding: 0 8px; height: 32px; border-radius: 6px; border: 1px solid #E9E9E9; } 
#materialInfor-alert .inputp input:hover,#materialInfor-alert .inputp textarea:hover{border: 1px solid #5085fb;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);}
#materialInfor-alert .inputp .icon_biaozhu{position: absolute; top: 5px; color: #5085FB; font-size: 20px; right: 10px;cursor: pointer;}
#materialInfor-alert .tag .taglistdef span{padding: 0 13px; display: inline-block; border-radius: 18px; margin-right: 12px; cursor: pointer; line-height: 26px; height: 26px; border: 1px solid #E9E9E9;margin-bottom: 12px;}
#materialInfor-alert .tag .taglistdef span.on,#materialInfor-alert .tag .taglistdef span:hover{background-color: #5085FB; color: #fff;border:1px solid #5085FB; }
#materialInfor-alert .tag .taglist span{border: 1px solid #5085FB; padding: 0px 12px; margin-right: 12px; color: #5085FB; border-radius: 6px; display: inline-block; height: 24px; line-height: 22px;margin-top: 10px;}
#materialInfor-alert .tag .taglist span .icon_close{transform: translate(4px, 1px); display: inline-block;cursor: pointer;}
#materialInfor-alert .tag .huatilist{position: absolute;width: 100%;background-color: #eee;z-index: 2;visibility: hidden;bottom: 32px;}
#materialInfor-alert .tag .addtagput:hover .huatilist{visibility: visible;}
.tag .huatilist a { display: block; color: #555; border-bottom: 1px #aaa solid; line-height: 28px; cursor: pointer; padding: 0 12px; }
.tag .huatilist a span { color: #555; font-size: 12px; float: right; }
.tag .huatilist a:hover, .tag .huatilist a:hover span { background: #4f85fb; color: #fff; }
#materialInfor-alert .btn-up2{background-color: #5085fb;color: #fff;top: 0;left: 135px;border-radius: 4px;height: 32px;line-height: 32px;}
#materialInfor-alert .btn-up2:hover{background-color: #2258D0;}
#materialInfor-alert .inp-up .tisi{left: 135px;bottom: 50px;width: 120px;}
#materialInfor-alert .inp-group .flex{flex-direction: row;align-items: center;}
#materialInfor-alert .inp-group .lab{padding-bottom: 0;}
#materialInfor-alert .mc{width: 700px;}
#materialInfor-alert .inps .inp{width: 350px;padding: 0 10px;}
#materialInfor-alert .inps .inp:hover{border-color: #5085FB;}
#materialInfor-alert .inps .dropdown>div{height: 100%;}
#materialInfor-alert .hcx{padding: 12px;background: #F2F2F2;border-radius: 8px;margin-bottom: 12px;}
#materialInfor-alert .hcx .lab{font-size: 16px;color: #666;}
#materialInfor-alert .img-box .img-d .img{height: 455px;}
#materialInfor-alert .mc .m-d{padding: 16px 16px 0}
#materialInfor-alert .params{font-size: 12px;}
#materialInfor-alert .params >span{display: inline-block;margin-right: 16px;margin-top: 12px;}
#materialInfor-alert .inp-group label{margin-right: 16px;cursor: pointer;}
#materialInfor-alert .inp-group label:hover{color: #5085fb}
#materialInfor-alert .inp-group label:hover .radio{border-color: #5085fb;}
#materialInfor-alert .inp-group .lab{width: 112px;text-align: right;margin-right: 12px;}
#materialInfor-alert .mc .tl small{font-size: 12px;color: #FF5969;}
#materialInfor-alert .img-box{width: auto;flex: 1;}
#materialInfor-alert .fill{color: #5085fb;cursor: pointer;display: none;}
#materialInfor-alert .fill:hover{opacity: .9;}
#materialInfor-alert .checkmpaa{width: 350px;}
.radio {width: 14px;height: 14px;border-radius: 50%;border: 1px solid #999;display: inline-block;position: relative;vertical-align: -2px;margin-right: 7px;line-height: normal!important;}
.radio.checked {border-color: #5085FB;}
.radio.checked::after {content: "";position: absolute;width: 7px;height: 7px;border-radius: 50%;background-color: #5085FB;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.group-control .iconfont{margin: 0 10px;}
.group-control .prev,.group-control .iconfont{color: #999;display: none;}
.group-control .prev{cursor: pointer;}
.group-control .prev:hover{color: #5085fb}


.sub-user .btns-d .download{display: none;}
.sm-menu .space-box{position:absolute;right:20px;}
img{object-fit: cover;}
video{outline: none;}
.flex-space li{flex: 1;}
.disabled{background: rgba(0, 0, 0, 0.1)!important;color: #666!important;}
.dot{color: #FF5969;}
.Wdate{background-position: 98% 50%;}
.align-self{align-self: flex-start;}
.left-space{margin-left: 16px;}
.iconfont.icon_tips{color: #FFA023;font-weight: normal;}
.flex-row .col{flex-basis: 50%; margin-bottom: 12px;}
.flex-row{flex-wrap: wrap;}
.icon_top:before {content: "\e61f";}
.space-between {justify-content: space-between;}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-title{margin-bottom: 10px;display: none;}
.page-title .iconfont{vertical-align: middle;margin-left: 16px;}
.page-title small{padding-left: 10px;color: #666;}
.cursor{cursor: pointer;}
.nodata{color: #C0AFAF;}
.music-scrollbar{height: calc(100% - 127px);}
.music-scrollbar .ul-d{height: auto;min-height: auto;}
.music-scrollbar .ul-d.page{height: auto;}
.T_container,.material-container{overflow: inherit;}
.btn-primary{height: 30px;line-height: 30px;padding: 0 15px 0 15px;margin-left: 10px;color: #fff;text-align: center;background-color: rgba(80,133,251,1);border-radius: 50px;cursor: pointer;border-width: 1px;display: inline-block;}
.btn-primary:visited{background-color: #5085FB;color: #fff;}
.btn-primary:hover{background-color: #4172DF;color: #fff;}
.pagination-box .pagination a:hover,
.pagination-box .pagination .active{background-color: #5085FB; line-height: 22px;width: auto; height: auto;padding: 2px 10px;border-radius: 8px!important;}
.pagination-box .pagination a:hover{background: #dce7fe; color: #5085fb;}
.pagination a,
.pagination span{padding: 0; width: auto; height: auto; line-height: 22px;margin: 0 5px;padding: 2px 10px;border-radius: 8px;}
.pagination-box .pagination{background: none;padding-top: 20px;padding-right: 0;}
.pagination input{height: 26px;width: 50px;border: 1px solid #E7EDEE;color: #666;}
.pagination-box .pager{display: flex;justify-content: flex-end;align-items: center;padding-top: 6px;}

.paper-file{display: flex;flex-wrap: wrap;margin: 0 0 0 -8px;padding-bottom: 5px;width: auto;}
.paper-file .col{width: 25%;margin-bottom: 16px;padding: 0 8px;position: relative;}
.paper-file .inner:hover{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);color: #5085fb}
.paper-file .inner:hover .count{color: #5085fb}
.paper-file .text-box{flex: 1;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.paper-file img{max-width: 60px;}
.paper-file .title{margin-bottom: 16px;}
.paper-file .control{position: absolute;right: 15px;bottom: 10px;}
.paper-file .control span{color: #5085fb;cursor: pointer;padding: 4px 10px;}
.paper-file .control span:hover{background: #dce7fe;border-radius: 6px;}
.paper-file .control .del{color: #FF696D;}
.paper-file .iconfont{margin-right: 5px;}
.paper-file .count{color: #666;}
.paper-file .count span{margin-right: 5px;}
.paper-file .time{margin-right: 16px;}
.paper-file .time,.paper-file .count{font-size: 12px;}
.paper-file .time .iconfont,.paper-file .count .iconfont{font-size: 14px;}
.paper-file .inner{background-color: #fff;padding: 10px 14px 40px;cursor: pointer;border-radius: 10px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);}
.paper-file .ck-d{position: absolute;left: 20px;bottom: 10px;visibility: hidden;}
.paper-file .li-mc:hover .ck-d{visibility: visible;}
.paper-file .inner.checked{border: 2px solid #5085fb;}
.paper-file .nodata{margin: 50px 0;}

.tipsafter:after {right: 0;transform: none;left: auto;z-index: 99;}
.sel-ganged .sel-inp{height: 31px;margin-left: 10px;width: auto;}
.materialpano-page .btn-marker .markerbody {right: 0;z-index: 100;}

.materialpano-page .btns-d{z-index: 15;}
.materialpano-page .btns-d .btn:hover {background-color: rgba(80,133,251,.2);border-radius: 25px;}
.materialpano-page .btns-d li .btn{color: #333;padding: 6px 8px;}
.materialpano-page .btns-d li .btn:hover{color: #5085fb;border-radius: 6px;}
.materialpano-page .li .icon-zheng{background: url('../img/icon_zheng.png') no-repeat 0 0/contain;width: 20px;height: 20px;display: inline-block;vertical-align: sub;cursor: pointer;}
.materialpano-page .li .icon-dismount{background: url('../img/icon_dismount.png') no-repeat 0 0/contain;width: 22px;height: 22px;display: inline-block;vertical-align: top;}
.materialpano-page .li .icon-mount{background: url('../img/icon_mount.png') no-repeat 0 0/contain;width: 22px;height: 22px;display: inline-block;vertical-align: top;}
.materialpano-page .btn-up .bk{opacity: 0;}
.materialpano-page .sm-menu .sps .sp{font-size: 14px;}
.materialpano-page .sm-menu .sps .sp.on{font-size: 16px;}
.materialpano-page .ul .flex_center_y{font-size:12px;color:#fe6f72;margin:12px auto 0;}
.materialpano-page .ul .flex_center_y a{color:#fe6f72;text-decoration: underline;padding-left: 6px;}

.materialpano-page .space-list{background:#FFFFFF;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);border-radius:8px;padding:12px;width:490px;position:absolute;bottom:42px;display: none;z-index: 100;}
.materialpano-page .space-list::before{content:"";position:absolute;bottom:-7px;left:80px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}
.materialpano-page .space-contain-text{position: relative;padding-bottom: 16px;}
.materialpano-page .space-contain-text:hover .space-list{display:block;}
.materialpano-page .space-list li span{flex:1}
.materialpano-page .space-list li{padding:11px 16px;}
.materialpano-page .space-list li+li{color:#999;}
.materialpano-page .space-list li:nth-child(2n+1){background-color:#fafafa;}
.materialpano-page .space-list .header{font-size:16px;font-weight:bold;padding-bottom:10px;}
.materialpano-page .space-list .theader{background:#F5F7FA !important;border-radius:6px 6px 0 0;}
.materialpano-page .space-box .progress{width: 100%;background-color: #DCE7FE;overflow: hidden;}
.materialpano-page .space-box .progress-bar,.materialpano-page .space-box .progress{height: 10px;border-radius: 4px;}
.materialpano-page .space-box .progress-bar{background-color: #5085FB;transition: all 1s;width: 0;}
.materialpano-page .space-box .iconfont{color: #FFA023;margin: 0 6px;line-height: 50px;}
.materialpano-page .space-box .sm-txt{font-size: 12px;}

.materialpano-page .space-explain-text{position: relative;background: url('../img/vip/space.png') no-repeat 0 50%/20px;padding-left: 28px;}
.materialpano-page .space-explain::before{content:"";position:absolute;bottom:-7px;left:60px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}
.materialpano-page .space-explain{background:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);border-radius:8px;padding:20px 24px;position:absolute;bottom:48px;width:560px;z-index: 100;display: none;}
.materialpano-page .space-explain-text:hover .space-explain{display:block;}
.materialpano-page .space-explain>*{line-height: normal;}
.materialpano-page .space-explain .title{font-size:18px;margin-bottom:16px;color:#333;}
.materialpano-page .space-explain li+li{margin-top:16px;}
.materialpano-page .space-explain li{position:relative;padding-left:16px;color: #666;font-size: 14px;}
.materialpano-page .space-explain li::before{content:"";width:6px;height:6px;background:#444A65;position:absolute;left:0;border-radius:50%;top:7px;}
.materialpano-page .space-list li:hover{background-color: #EDF2FE;}
.materialpano-page .space-box .kr{color: #5085FB;cursor: pointer;padding-left: 10px;}
.materialpano-page .space-box .kr:hover{color: #0a48ce;}
.materialpano-page .space-box{background: #FFFFFF;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);border-radius: 8px;padding: 0 12px 12px;margin-top: 16px;}

@media screen and (max-width: 1441px){
    .paper-file .col,.materialpano-page .ul .li{width: 33.333%;}
    .lce-alert .mc img{width: 300px;}
}

.checked-control{flex-shrink: 0;padding-right: 16px;color: #666;margin-left: 10px;}
.checked-control>span{margin-left: 12px;}
.checked-control .btn{padding: 4px 10px;}
.checked-control .iconfont{margin-right: 6px;}
.checked-control b{padding: 0 5px;color: #5085fb;}
.checked-control .btn {display: inline-block;padding: 5px 10px;border-radius: 6px;cursor: pointer;transition: all 0.15s linear;background-color: #fff;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);}
.checked-control .btn-default:hover {background: #5085fb;color: #fff;}
.btn.btn-default{background-color: #fff;border-radius: 8px;padding: 6px 12px;color: #666;margin-left: 10px;cursor: pointer;}
.dropdown .btn.btn-default .iconfont{font-size: 12px;margin-left: 5px;}
.btn.btn-default:hover{background-color: #dce7fe;color: #5085fb;}
.btn.btn-default .iconfont{margin-right: 5px;}

/* 下拉菜单 */
.dropdown{position: relative;}
.dropdown .dropdown-menu{position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: left; min-width: 120px; padding: 7px; margin: 5px 0 0; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 6px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .175); box-shadow: 0 0 12px rgba(0, 0, 0, .175);max-height: 315px;overflow-y: auto;}
.dropdown .dropdown-menu>li>a{display: block; padding: 5px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; text-align: left; border-radius: 6px; cursor: pointer;}
.dropdown .dropdown-menu>li>a:hover,
.dropdown .dropdown-menu>li>a:focus{background: #dce7fe; color: #5085fb;}
.dropdown .dropdown-menu>.active>a,
.dropdown .dropdown-menu>.active>a:hover,
.dropdown .dropdown-menu>.active>a:focus{color: #fff; text-decoration: none; background-color: #5085FB; outline: 0;}
.open>.dropdown-menu{display: block;}
/* 工具提示 */
.tooltip{position: absolute; z-index: 1070; display: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; line-break: auto;}
.tooltip.top{padding: 5px 0; margin-top: -3px;}
.tooltip.right{padding: 0 5px; margin-left: 3px;}
.tooltip.bottom{padding: 5px 0; margin-top: 3px;}
.tooltip.left{padding: 0 5px; margin-left: -3px;}
.tooltip-inner{max-width: 215px; padding: 5px 10px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .12); box-shadow: 0 0 12px rgba(0, 0, 0, .12);color: #666;}
.tooltip-arrow{position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow{bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #fff;}
.tooltip.top-left .tooltip-arrow{right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.top-right .tooltip-arrow{bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
.tooltip.right .tooltip-arrow{top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #fff;}
.tooltip.left .tooltip-arrow{top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #fff;}
.tooltip.bottom .tooltip-arrow{top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow{top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow{top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip-hover:hover+.tooltip{display: block}
.tooltip-arrow-left.top .tooltip-inner{border-bottom-left-radius: 0;}
.tooltip-arrow-left.top .tooltip-arrow{border-width: 0 8px 5px; border-left-color: #fff;}
.tooltip-arrow-right.top{margin-top: -130px;}
.tooltip-arrow-right.top .tooltip-arrow{left: 52%}
.tooltip-arrow-center.top{margin-top: -100px;}
.tooltip-arrow-center.top .tooltip-arrow{left: 55%}


.passwordSet-tips{position: fixed;left: 10px;right: 10px;top: 71px;background-color: #fff;z-index: 100;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 6px;padding: 5px 0;}
.passwordSet-tips .con{width: calc(100% - 400px);margin: auto;}
.passwordSet-tips .icon_tips{vertical-align: text-bottom;color: #F7B500;margin-right: 5px;}
.passwordSet-tips .btn{border-radius: 6px;}
.material-container.topfixed{top: 120px;}
.material-container{height: auto;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

@media screen and (max-width: 1660px){
  .passwordSet-tips .con{width: calc(100% - 40px)}
}