@charset "UTF-8";html{font-size:14px;font-family:"Monospaced Number","Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;width:100%;height:100%}body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:#f2f3f4}a,b,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,iframe,img,input,li,ol,option,p,pre,select,span,strong,table,tbody,textarea,thead,ul,video,xmp{margin:0;padding:0;word-break:break-all;word-wrap:break-word;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}::-webkit-scrollbar{width:4px;height:4px;border-radius:4px}::-webkit-scrollbar-track{border-radius:4px;background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(0,0,0,.2)}input::-webkit-input-placeholder{color:#909399}textarea::-webkit-input-placeholder{color:#909399}dd,dl,dt,ol,p,ul{display:block;border:0}img{border:0;-webkit-user-drag:none}a{text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}a:hover{text-decoration:none}li{display:block;list-style:none}input,textarea{resize:none;outline:0;font-family:"Monospaced Number","Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}input[disabled]{background:rgba(184,184,184,.5);color:#9a9a9a}.clear{*height:1%}.clear:after{content:".";display:block;width:0;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}.hide{display:none!important}.show{display:block!important}.hidden{visibility:hidden!important}.null{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-999px}.icon{background-repeat:no-repeat}.popup-layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:500;background:rgba(0,0,0,.85);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;opacity:0}.remind-layer{position:fixed;left:0;top:0;width:100%;height:100%;display:none;opacity:0;z-index:1000}.remind-layer.auto{width:auto;height:auto;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.remind-layer .remind-layer-content{max-width:600px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:40px;padding:0 20px;overflow:hidden;color:#f7f7f7;font-size:14px;background:rgba(0,0,0,.7);border-radius:4px;white-space:nowrap}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eleImg,.emotion-img{width:30px;display:inline-block;padding:0;margin:0 3px;vertical-align:text-bottom}.eleImg.size-50,.emotion-img.size-50{width:50px}.eleImg.size-120,.emotion-img.size-120{width:120px}img.lazyload{background:url(../douliu-image/lazy.png) center center no-repeat}img.lazyload.cover{background-size:100% auto}img.lazyload[src]{background-image:none}.waitload{display:none;background:url(../douliu-image/loading.gif) center center no-repeat}.dl-header-board{height:64px;padding:0 32px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;box-shadow:0 0 6px rgba(242,243,244,.6)}.dl-header-board .logo{width:160px;height:36px;background:url(../douliu-image/logo.png);background-size:cover}.dl-header-board .avatar-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dl-header-board .avatar-area dt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 20px 0 0}.dl-header-board .avatar-area dt .after-login,.dl-header-board .avatar-area dt .before-login{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}.dl-header-board .avatar-area dt .user-avatar-box{position:relative}.dl-header-board .avatar-area dt .user-avatar-box img.avatar{display:block;width:40px;height:40px;border:1px solid rgba(0,0,0,.1);overflow:hidden;border-radius:50%;margin-right:6px;box-sizing:border-box}.dl-header-board .avatar-area dt .user-avatar-box .avatar-tag{width:16px;height:16px;display:block;position:absolute;bottom:0;right:-2px;z-index:2}.dl-header-board .avatar-area dt span{margin-right:4px}.dl-header-board .avatar-area dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.dl-header-board .avatar-area dd .publish-btn-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:56px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.dl-header-board .avatar-area dd .publish-btn-box .publish-center{width:34px;height:34px;background:-webkit-linear-gradient(left,#ff3e3c 0,#ff562c 100%);background:linear-gradient(90deg,#ff3e3c 0,#ff562c 100%);border-radius:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;-webkit-transition:width .2s ease;transition:width .2s ease}.dl-header-board .avatar-area dd .publish-btn-box .publish-center .icon-release{width:24px;height:24px;background:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -438px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.dl-header-board .avatar-area dd .publish-btn-box .publish-center .icon-release{background:url(../douliu-image/edit/2x/release@2x.png) no-repeat;background-size:cover}}.dl-header-board .avatar-area dd .publish-btn-box .publish-center:hover{width:100%}.dl-header-board .avatar-area .more-panel{position:relative;height:20px;height:auto}.dl-header-board .avatar-area .more-panel .btn{width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -18px;cursor:pointer}.dl-header-board .avatar-area .more-panel .btn:hover{background:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -48px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.dl-header-board .avatar-area .more-panel .btn{background:url(../douliu-image/post/2x/more@2x.png) no-repeat;background-size:cover}.dl-header-board .avatar-area .more-panel .btn:hover{background:url(../douliu-image/post/2x/more-hover@2x.png);background-size:cover}}.dl-header-board .avatar-area .more-panel .menu-list,.dl-header-board .avatar-area .more-panel .more-menu-list{display:none;position:absolute;right:-18px;top:100%;margin:24px 0 0;background:#fff;border-radius:8px;width:222px;border:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);padding:10px 0}.dl-header-board .avatar-area .more-panel .menu-list>b,.dl-header-board .avatar-area .more-panel .more-menu-list>b{position:absolute;top:-8px;right:18px;width:18px;height:8px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 0}.dl-header-board .avatar-area .more-panel .menu-list>a,.dl-header-board .avatar-area .more-panel .more-menu-list>a{display:block;margin:0 7px;height:34px;line-height:34px;padding:0 0 0 12px;font-size:14px;color:#606266;border-radius:4px;display:none;cursor:pointer}.dl-header-board .avatar-area .more-panel .menu-list>a:hover,.dl-header-board .avatar-area .more-panel .more-menu-list>a:hover{background:#f5f6f7;color:#333}.dl-header-board .avatar-area .more-panel.focus{z-index:100}.dl-header-board .avatar-area .more-panel.focus .menu-list,.dl-header-board .avatar-area .more-panel.focus .more-menu-list{display:block}.dl-header-board .avatar-area .more-panel .btn{width:20px;height:20px;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -78px;background-size:auto;cursor:pointer}.dl-header-board .avatar-area .more-panel .btn:hover{background-size:auto;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -78px}.dl-header-board .avatar-area .more-panel .menu-list{position:absolute;width:220px;right:-40px;top:42px;box-sizing:border-box;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.12);border-radius:8px;border:1px solid #e4e7ed;z-index:2;padding:6px;margin-top:0}.dl-header-board .avatar-area .more-panel .menu-list>b{display:none}.dl-header-board .avatar-area .more-panel .menu-list a{height:48px;padding:0 0 0 28px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:20px;font-size:14px;font-weight:400;color:#606266;margin:0;cursor:pointer}.dl-header-board .avatar-area .more-panel .menu-list a .icon{width:20px;height:20px;margin:0 12px 0 0}.dl-header-board .avatar-area .more-panel .menu-list a .icon-user-home{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -108px}.dl-header-board .avatar-area .more-panel .menu-list a .icon-publish-center{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -138px}.dl-header-board .avatar-area .more-panel .menu-list a .icon-sign-out{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -168px}.dl-header-board .avatar-area .more-panel .menu-list a .icon-notice-system{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -198px}.dl-header-board .avatar-area .more-panel .menu-list a .icon-notice-praise{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -228px}.dl-header-board .avatar-area .more-panel .menu-list a .icon-notice-comment{background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -258px}.dl-header-board .avatar-area .more-panel .menu-list a span{margin:0 8px 0 0}.dl-header-board .avatar-area .more-panel .menu-list a b{display:block;font-weight:400;font-size:12px;height:14px;padding:0 4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#ff5f57;border-radius:8px;color:#fff}.dl-header-board .avatar-area .more-panel .menu-list a:hover{background:#f5f6f7;color:#333;font-weight:500}.dl-header-board .avatar-area .more-panel.third-menu-panel{margin:0 10px 0 0}.dl-header-board .avatar-area .more-panel.third-menu-panel .btn{width:34px;height:34px;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -506px;background-size:auto;cursor:pointer}.dl-header-board .avatar-area .more-panel.third-menu-panel .btn:hover{background-size:auto;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -506px}.dl-header-board .avatar-area .more-panel.third-menu-panel .menu-list{top:49px;right:-15px}.dl-header-board .avatar-area .more-panel.notice-menu-panel{margin:0 10px 0 0}.dl-header-board .avatar-area .more-panel.notice-menu-panel .notice-btn-box{position:relative}.dl-header-board .avatar-area .more-panel.notice-menu-panel .notice-btn-box .total-num{display:block;position:absolute;top:-6px;right:-6px;height:16px;padding:0 4px;line-height:16px;background:#ff5f57;border-radius:8px;font-size:12px;font-weight:500;color:#fff}.dl-header-board .avatar-area .more-panel.notice-menu-panel .notice-btn-box .icon-common-notice{width:34px;height:34px;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -550px;cursor:pointer}.dl-header-board .avatar-area .more-panel.notice-menu-panel .menu-list{top:49px;right:-15px}.dl-container-board{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:1px;overflow:auto}.u-popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:800;-webkit-transition:opacity .5s;transition:opacity .5s}.u-popup.show{display:block}.u-popup .close-btn{position:absolute;right:20px;top:16px;width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -288px;z-index:1}.popup-normal{background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);border-radius:8px;border:1px solid #e4e7ed;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:16px 24px;box-sizing:border-box}.popup-confirm-skin{width:378px}.popup-confirm-skin .content-panel{margin:0 0 20px}.popup-confirm-skin .content-panel dt{color:#606266;font-size:16px;line-height:22px;margin:0 0 20px}.popup-confirm-skin .content-panel dd{color:#000;font-size:14px;line-height:22px}.popup-confirm-skin .content-panel dd .color{color:#ff3e3c}.popup-confirm-skin .confirm-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.popup-confirm-skin .confirm-panel .u-btn{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;width:80px;height:30px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;color:#666;margin:0 10px 0 0;box-sizing:border-box}.popup-confirm-skin .confirm-panel .u-btn:last-child{margin:0;color:#fff;border-color:#ff3e3c;background:-webkit-linear-gradient(left,#ff3e3c 0,#ff562c 100%);background:linear-gradient(90deg,#ff3e3c 0,#ff562c 100%)}.image-amplifier-box{z-index:999;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}.image-amplifier-box .image-panel{width:100%;height:100%;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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}.image-amplifier-box .image-panel img{max-height:100%;max-width:100%}.publish-page{overflow:hidden}.publish-page .form-box{width:1000px;position:relative;box-sizing:border-box;margin:16px auto 80px;background:#fff;border-radius:8px 8px 0 0;padding:64px 88px 80px;font-size:16px;color:#909399}.publish-page .form-box .form-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:46px;margin-bottom:32px}.publish-page .form-box .form-item label{display:block;min-width:76px;padding:0 40px 0 0;box-sizing:border-box;height:46px;line-height:46px;font-size:18px;font-weight:400;color:#000;white-space:nowrap}.publish-page .form-box .form-item label.font16{font-size:16px}.publish-page .form-box .form-item .select-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.publish-page .form-box .form-item .select-box .tag-child-select{margin:0 0 0 10px}.publish-page .form-box .form-item .editor-container{width:100%}.publish-page .form-box .form-item .editor-container .w-e-text-container,.publish-page .form-box .form-item .editor-container .w-e-toolbar{border-color:#dcdfe6!important}.publish-page .form-box .form-item .editor-container .w-e-toolbar .w-e-menu{width:38px}.publish-page .form-box .form-item .editor-container .w-e-toolbar .w-e-menu .eleImg,.publish-page .form-box .form-item .editor-container .w-e-toolbar .w-e-menu .emotion-img{width:30px!important;padding:0!important;margin:3px 5px!important}.publish-page .form-box .form-item .editor-container .w-e-text-container{color:#333}.publish-page .form-box .form-item .editor-container .w-e-text-container a{color:#1989fa}.publish-page .form-box .form-item .editor-container .w-e-text-container table td,.publish-page .form-box .form-item .editor-container .w-e-text-container table th{height:30px}.publish-page .form-box .form-item .editor-container .w-e-text-container li{display:list-item}.publish-page .form-box .form-item .editor-container .w-e-text-container ul li{list-style:disc}.publish-page .form-box .form-item .editor-container .w-e-text-container h1{font-size:24px!important;line-height:34px!important;font-weight:500}.publish-page .form-box .form-item .editor-container .w-e-text-container h2{font-size:20px!important;line-height:30px;font-weight:500}.publish-page .form-box .form-item .editor-container .w-e-text-container h3,.publish-page .form-box .form-item .editor-container .w-e-text-container h4,.publish-page .form-box .form-item .editor-container .w-e-text-container h5,.publish-page .form-box .form-item .editor-container .w-e-text-container h6{font-size:16px!important;line-height:30px;font-weight:400}.publish-page .form-box .form-item .editor-container .w-e-text-container video{width:100%;height:348px;background:#000}.publish-page .form-box .form-item .editor-container .w-e-text-container ol li{list-style:decimal}.publish-page .form-box .form-item .editor-container .w-e-text-container img{max-width:100%}.publish-page .form-box .form-item .editor-container .w-e-text-container .hr-img{display:block;max-width:100%;margin:0 auto}.publish-page .form-box .form-item .editor-container .w-e-text-container blockquote{padding:12px 28px;background:#f5f6f7;border-left:none}.publish-page .form-box .form-item .editor-container .w-e-text-container blockquote p{margin:0}.publish-page .form-box .form-item .tip{margin-left:12px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.publish-page .form-box .form-item .ui-input-text{width:100px;height:40px;border-radius:4px;padding:0 12px;border:1px solid #dcdfe6;box-sizing:border-box;position:relative;width:100%;height:46px;padding:0 66px 0 16px}.publish-page .form-box .form-item .ui-input-text input{width:100%;height:100%;outline:0;border:none;font-size:14px;font-weight:400;color:#909399;background:0 0}.publish-page .form-box .form-item .ui-input-text input{font-size:16px}.publish-page .form-box .form-item .ui-input-text span{height:46px;line-height:46px;display:block;position:absolute;top:0;right:16px}.publish-page .form-box .form-item .ui-input-text span b{font-weight:400}.publish-page .form-box .form-item .ui-textarea{background:#fff;border-radius:4px;border:1px solid #dcdfe6;padding:13px 16px;box-sizing:border-box;width:100%;height:320px;padding:16px}.publish-page .form-box .form-item .ui-textarea textarea{width:100%;height:100%;border:none;outline:0;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#909399}.publish-page .form-box .form-item .vo-select{position:relative;width:auto;height:40px;border:1px solid #dcdfe6;background:#fff;font-size:14px;line-height:40px;display:inline-block;*display:inline;*zoom:1;color:#909399;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:16px;height:46px;line-height:46px;width:200px}.publish-page .form-box .form-item .vo-select .option{height:40px;position:relative;padding:0 35px 0 15px}.publish-page .form-box .form-item .vo-select .option input{position:absolute;left:0;top:0;width:0;height:0;border:0;background:0 0;color:transparent}.publish-page .form-box .form-item .vo-select .option .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.publish-page .form-box .form-item .vo-select .option .icon-arrow{width:20px;height:20px;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -318px;cursor:pointer}.publish-page .form-box .form-item .vo-select .option b{position:absolute;right:10px;top:50%;margin-top:-10px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .1 ease;transition:all .1 ease}.publish-page .form-box .form-item .vo-select .group{min-width:100%;position:absolute;z-index:2;left:-1px;top:40px;display:none;background:#fff;border:1px solid #e4e7ed;max-height:200px;_height:200px;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);overflow-y:auto;overflow-x:hidden;color:#858585;border-radius:4px}.publish-page .form-box .form-item .vo-select .group li{margin:-1px 0 0;line-height:34px;padding:0 35px 0 15px;white-space:nowrap}.publish-page .form-box .form-item .vo-select .group li:hover{background:#f5f7fa;color:#1989fa}.publish-page .form-box .form-item .vo-select.on:hover .option b{border-color:transparent transparent #67b7f0}.publish-page .form-box .form-item .vo-select.on .option b{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.publish-page .form-box .form-item .vo-select.on .group{display:block}.publish-page .form-box .form-item .vo-select.edit .option b{display:none}.publish-page .form-box .form-item .vo-select.edit .option .name{visibility:hidden}.publish-page .form-box .form-item .vo-select.edit .option input{width:100%;height:100%;background:#fff;color:#000}.publish-page .form-box .form-item .vo-select.edit .none{display:block}.publish-page .form-box .form-item .vo-select .option{height:46px}.publish-page .form-box .form-item .vo-select .option .name{width:144px!important}.publish-page .form-box .form-item .vo-select .group{top:46px;font-size:14px}.publish-page .form-box .form-item .vo-select .group.offsetTop{top:auto;bottom:46px}.publish-page .form-box .form-item .ui-datepicker{width:100px;height:40px;border-radius:4px;padding:0 10px 0 48px;border:1px solid #dcdfe6;box-sizing:border-box;position:relative;width:280px;height:46px}.publish-page .form-box .form-item .ui-datepicker .icon-calendar{width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat 0 0;background-position:0 -348px;position:absolute;left:17px;top:50%;margin-top:-10px}.publish-page .form-box .form-item .ui-datepicker input{width:100%;height:100%;outline:0;border:none;font-size:14px;font-weight:400;color:#909399}.publish-page .form-box .form-item .ui-datepicker input{line-height:46px;font-size:16px}.publish-page .form-box .form-item .switch-box{height:46px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:24px}.publish-page .form-box .form-item .switch-box span{color:#000;font-size:16px;margin-right:13px}.publish-page .form-box .form-item .switch-box .ui-switch{width:56px;height:20px;background:#e4e5e6;position:relative;border-radius:10px;cursor:pointer}.publish-page .form-box .form-item .switch-box .ui-switch b{display:block;width:28px;height:28px;background:#fff;border:1px solid #e4e5e6;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-14px}.publish-page .form-box .form-item .switch-box .ui-switch.on{background:#52c41a}.publish-page .form-box .form-item .switch-box .ui-switch.on b{left:auto;right:0;border-color:#52c41a}.publish-page .form-box .form-item.no-label{padding-left:0}.publish-page .form-box .material-form-item{min-height:110px;margin-bottom:20px}.publish-page .form-box .material-form-item label{height:110px;line-height:110px}.publish-page .form-box .material-form-item .material-image-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.publish-page .form-box .material-form-item .material-image-list .upload-material-btn{display:block;width:110px;height:110px;background:url(../douliu-image/publish/post_add.png) no-repeat 0 0;text-indent:-9999px;margin:0 40px 12px 0}.publish-page .form-box .material-form-item .material-image-list ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.publish-page .form-box .material-form-item .material-image-list ul li{width:110px;height:110px;position:relative;overflow:hidden;border-radius:8px;margin:0 12px 12px 0}.publish-page .form-box .material-form-item .material-image-list ul li:nth-child(5n){margin-right:0}.publish-page .form-box .material-form-item .material-image-list ul li img{display:block;width:100%;height:100%}.publish-page .form-box .material-form-item .material-image-list ul li em{display:block;width:30px;height:30px;background:rgba(0,0,0,.5) url(../douliu-image/publish/delete@2x.png) no-repeat center;background-size:20px 20px;border-radius:4px;position:absolute;right:6px;bottom:6px;cursor:pointer}.publish-page .form-box .material-form-item .material-video-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item{width:100%;height:88px;display:block;margin:auto;border:1px #e4e7ed dashed;box-sizing:border-box;position:relative;overflow:hidden;width:200px;height:110px;border-radius:8px;background:#000;border:none}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item.empty{margin-bottom:0;border:none;background:url(../douliu-image/publish/video_mp4.png) no-repeat}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.publish-page .form-box .material-form-item .material-video-list .video-box .video-item.empty{background:url(../douliu-image/publish/2x/video_mp4@2x.png) no-repeat;background-size:100% auto}}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover{width:100%;height:100%;background:rgba(0,0,0,.2);position:relative}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .video-layer{width:160px;height:88px;background:rgba(0,0,0,.2);position:relative}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie{width:40px;height:40px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-line{position:absolute;width:50%;height:100%;top:0;overflow:hidden}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-l{top:0;left:0}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-r{top:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);right:0}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-c{width:200%;height:100%;border:4px solid transparent;border-radius:50%;position:absolute;box-sizing:border-box;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-rm{border-top:4px solid #fff;border-left:4px solid #fff;border-bottom:4px solid #ff3e3c;border-right:4px solid #ff3e3c}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie-lm{border-top:4px solid #fff;border-left:4px solid #fff;border-bottom:4px solid #ff3e3c;border-right:4px solid #ff3e3c}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .process-cover .loop-pie .percent{line-height:40px;text-align:center;font-size:12px;color:#fff}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .player-cover{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;z-index:1}.publish-page .form-box .material-form-item .material-video-list .video-box .video-item .player-cover .player-img{width:100%;height:100%;background:url(../douliu-image/publish/player.png) no-repeat center;background-color:rgba(0,0,0,.2);background-size:24px 24px;cursor:pointer}.publish-page .form-box .material-form-item .material-video-list .operate-box{margin:0 0 0 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.publish-page .form-box .material-form-item .material-video-list .operate-box .btn-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.publish-page .form-box .material-form-item .material-video-list .operate-box .btn-box a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;width:66px;height:30px;background:#fff;border-radius:4px;border:1px solid #d9d9d9;font-size:14px;font-weight:400;color:#333;margin:0 12px 0 0}.publish-page .form-box .material-form-item .material-video-list .operate-box .process{font-size:14px;font-weight:400;color:#909399;line-height:22px}.publish-page .form-box .form-item-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.publish-page .form-box .form-item-group .form-item{margin-right:48px}.publish-page .form-box .form-item-group .form-item:last-child{margin-right:0}.publish-page .form-box .video-panel{position:absolute;right:-222px;top:64px;width:210px;padding:20px 4px 20px 24px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);border-radius:8px;box-sizing:border-box;border:1px solid #e4e7ed;display:none;z-index:10}.publish-page .form-box .video-panel header{width:160px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.publish-page .form-box .video-panel header p{height:22px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#606266;line-height:22px}.publish-page .form-box .video-panel header .close-btn{position:absolute;right:20px;height:20px;width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -288px}.publish-page .form-box .video-panel .video-list{max-height:542px;margin:20px 0;overflow-y:auto}.publish-page .form-box .video-panel .video-list::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}.publish-page .form-box .video-panel .video-list::-webkit-scrollbar-track{border-radius:4px;background:0 0}.publish-page .form-box .video-panel .video-list::-webkit-scrollbar-thumb{border-radius:4px;background:#e4e5e6}.publish-page .form-box .video-panel .video-list li{margin-bottom:16px;width:160px}.publish-page .form-box .video-panel .video-list li .video-item{width:100%;height:88px;display:block;margin:auto;border:1px #e4e7ed dashed;box-sizing:border-box;position:relative;overflow:hidden}.publish-page .form-box .video-panel .video-list li .video-item.empty{margin-bottom:0;border:none;background:url(../douliu-image/publish/video_mp4.png) no-repeat}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.publish-page .form-box .video-panel .video-list li .video-item.empty{background:url(../douliu-image/publish/2x/video_mp4@2x.png) no-repeat;background-size:100% auto}}.publish-page .form-box .video-panel .video-list li .video-item .process-cover{width:100%;height:100%;background:rgba(0,0,0,.2);position:relative}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .video-layer{width:160px;height:88px;background:rgba(0,0,0,.2);position:relative}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie{width:40px;height:40px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-line{position:absolute;width:50%;height:100%;top:0;overflow:hidden}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-l{top:0;left:0}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-r{top:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);right:0}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-c{width:200%;height:100%;border:4px solid transparent;border-radius:50%;position:absolute;box-sizing:border-box;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-rm{border-top:4px solid #fff;border-left:4px solid #fff;border-bottom:4px solid #ff3e3c;border-right:4px solid #ff3e3c}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie-lm{border-top:4px solid #fff;border-left:4px solid #fff;border-bottom:4px solid #ff3e3c;border-right:4px solid #ff3e3c}.publish-page .form-box .video-panel .video-list li .video-item .process-cover .loop-pie .percent{line-height:40px;text-align:center;font-size:12px;color:#fff}.publish-page .form-box .video-panel .video-list li .video-item .player-cover{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;z-index:1}.publish-page .form-box .video-panel .video-list li .video-item .player-cover .player-img{width:100%;height:100%;background:url(../douliu-image/publish/player.png) no-repeat center;background-color:rgba(0,0,0,.2);background-size:24px 24px;cursor:pointer}.publish-page .form-box .video-panel .video-list li .state-type p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:8px}.publish-page .form-box .video-panel .video-list li .state-type p .insert-btn,.publish-page .form-box .video-panel .video-list li .state-type p .update-btn{padding:4px 12px;border-radius:4px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.publish-page .form-box .video-panel .video-list li .state-type p .insert-btn{background:#1890ff;color:#fff}.publish-page .form-box .video-panel .video-list li .state-type p .update-btn{background:#fff;border:1px solid #d9d9d9;color:#666}.publish-page .form-box .video-panel .video-list li .state-type p .del-btn{width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -378px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.publish-page .form-box .video-panel .video-list li .state-type p .del-btn{background:url(../douliu-image/publish/2x/empty_normal@2x.png);background-size:cover}}.publish-page .form-box .video-panel .video-list li .state-type .process{width:100%;height:17px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#909399;line-height:17px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.publish-page .form-box .video-panel .video-list li:last-child{margin-bottom:0}.publish-page .form-box .video-panel .upload-btn{width:160px;background:#f8f9fa;border-radius:4px;border:1px solid #e9eaeb;font-size:14px;color:#606266;line-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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}.publish-page .form-box .video-panel .upload-btn::before{content:"";display:inline-block;background:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -408px;width:20px;height:20px;margin-right:10px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.publish-page .form-box .video-panel .upload-btn::before{background:url(../douliu-image/publish/2x/video_ic@2x.png);background-size:cover}}.publish-page .form-box .split-line-panel{position:absolute;right:-222px;top:64px;width:210px;padding:20px 24px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);border-radius:8px;box-sizing:border-box;border:1px solid #e4e7ed;display:none;z-index:10}.publish-page .form-box .split-line-panel header{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 20px}.publish-page .form-box .split-line-panel header p{height:22px;font-size:16px;font-weight:400;color:#606266;line-height:22px}.publish-page .form-box .split-line-panel header .close-btn{position:absolute;right:20px;height:20px;width:20px;height:20px;background:url(../douliu-image-sprite/publish-sprite.png) no-repeat;background-position:0 -288px}.publish-page .form-box .split-line-panel .ul-list li{width:100%;height:24px;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;margin:0 0 16px;position:relative;overflow:hidden;cursor:pointer}.publish-page .form-box .split-line-panel .ul-list li img{display:block;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.publish-page .form-box .split-line-panel .ul-list li:last-child{margin:0}.publish-page .publish-footer{width:100%;height:64px;background:#fff;border-top:1px solid #e4e7ed;position:fixed;left:0;bottom:0;z-index:10}.publish-page .publish-footer .footer-content{width:1000px;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;font-size:14px}.publish-page .publish-footer .footer-content .draft-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.publish-page .publish-footer .footer-content .draft-area a{display:block;width:120px;height:40px;line-height:40px;background:#fff;border-radius:8px;border:1px solid #d9d9d9;box-sizing:border-box;font-weight:400;color:#000;text-indent:54px;position:relative;margin-right:12px}.publish-page .publish-footer .footer-content .draft-area a .icon-draft{width:24px;height:24px;position:absolute;left:24px;top:50%;margin-top:-12px;background-image:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -472px}.publish-page .publish-footer .footer-content .draft-area .tip{font-size:16px;font-weight:400;color:#909399}.publish-page .publish-footer .footer-content .publish-area a{display:block;width:120px;height:40px;line-height:40px;background:#ff3e3c;background:-webkit-linear-gradient(left,#ff3e3c 0,#ff562c 100%);background:linear-gradient(90deg,#ff3e3c 0,#ff562c 100%);border-radius:8px;font-weight:500;color:#fff;text-indent:60px;position:relative}.publish-page .publish-footer .footer-content .publish-area a .icon-release{width:24px;height:24px;background:url(../douliu-image-sprite/publish-sprite.png);background-position:0 -438px;position:absolute;left:32px;top:50%;margin-top:-12px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2){.publish-page .publish-footer .footer-content .publish-area a .icon-release{background:url(../douliu-image/edit/2x/release@2x.png) no-repeat;background-size:cover}}