@font-face{font-family:"iconfont";src:url(/web/koutu/static/fonts/iconfont.f146db7.woff2) format("woff2"),url(/web/koutu/static/fonts/iconfont.0280f00.woff) format("woff"),url(/web/koutu/static/fonts/iconfont.0f404de.ttf) format("truetype")}.icon-hongmoshibie:before{content:"\e68f"}.icon-upload_cloud:before{content:"\ebb3"}.icon-close:before{content:"\e61a"}.icon-download:before{content:"\e61b"}.icon-jia:before{content:"\e601"}.icon-jian:before{content:"\e634"}.icon-huanbeijing:before{content:"\e614"}.icon-jiandao:before{content:"\e61d"}.icon-renxiang:before{content:"\e609"}.icon-zhengjian:before{content:"\e611"}.icon-zu:before{content:"\e604"}.icon-manhua:before{content:"\e638"}.icon-zhengjianzhao:before{content:"\e854"}.icon-xiufu:before{content:"\eb79"}:focus{outline:0!important}*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{background-color:#f0f3f4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{width:100%;height:100%}body{font-family:Helvetica Neue,Luxi Sans,DejaVu Sans,Tahoma,Hiragino Sans GB,STHeiti,Microsoft YaHei;font-family:Helvetica,Arial,sans-serif,"Helvetica Neue","Microsoft YaHei";font-size:13px;color:#333}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#4e5258}a img{border:0}img{display:inline-block}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em!important}.label-default{color:#444}.label-success{background-color:#5cb85c}.label-info{background-color:#063}.label-warning{background-color:#f0ad4e}.label-danger{background-color:#d9534f}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.hide{display:none!important}.show{display:block!important}.center-block{display:block;text-align:center!important}.img-max{max-width:100%;max-height:100%}.pointer{cursor:pointer}.inline-flex{display:inline-flex!important}.font12{font-size:12px}.font14{font-size:14px}.font16{font-size:16px}.font18{font-size:18px}.font20{font-size:20px}.font22{font-size:22px}.font24{font-size:24px}.font26{font-size:26px}.font28{font-size:28px}.font30{font-size:30px}.font-bold{font-weight:700}.font-normal{font-weight:400}.opacity5{opacity:.5}.margin0{margin:0}.margin-top0{margin-top:0!important}.margin-top5{margin-top:5px!important}.margin-top10{margin-top:10px!important}.margin-top15{margin-top:15px!important}.margin-top20{margin-top:20px!important}.margin-left5{margin-left:5px!important}.margin-left10{margin-left:10px!important}.margin-left15{margin-left:15px!important}.margin-left20{margin-left:20px!important}.margin-right5{margin-right:5px!important}.margin-right10{margin-right:10px!important}.margin-right15{margin-right:15px!important}.margin-right20{margin-right:20px!important}.margin-bottom0{margin-bottom:0!important}.margin-bottom5{margin-bottom:5px!important}.margin-bottom10{margin-bottom:10px!important}.margin-bottom15{margin-bottom:15px!important}.margin-bottom20{margin-bottom:20px!important}.padding-top0{padding-top:0!important}.padding-top5{padding-top:5px!important}.padding-top10{padding-top:10px!important}.padding-top15{padding-top:15px!important}.padding-bottom0{padding-bottom:0!important}.padding-bottom5{padding-bottom:5px!important}.padding-bottom10{padding-bottom:10px!important}.padding-bottom15{padding-bottom:15px!important}.padding-left0{padding-left:0!important}.padding-left5{padding-left:5px!important}.padding-left10{padding-left:10px!important}.padding-left15{padding-left:15px!important}.padding-right0{padding-right:0!important}.padding-right5{padding-right:5px!important}.padding-right10{padding-right:10px!important}.padding-right15{padding-right:15px!important}li,ul{padding:0}ul{margin:0;list-style:none}input,select,textarea{background-color:#fff;border:1px solid #dadde1;padding:5px;outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#b2b3b5}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b2b3b5}input::placeholder,textarea::placeholder{color:#b2b3b5}input{border:1px solid #dcdfe6;border-radius:3px;color:#4c4c4c;display:inline-block;font-size:14px;height:36px;padding:0 10px}input[type=button]{height:30px}input[type=text]:disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}textarea{resize:none}.nowrap{white-space:nowrap}.width-auto{width:auto!important}@font-face{font-family:"iconfont";src:url(/web/koutu/static/fonts/iconfont.28e9d6d.eot);src:url(/web/koutu/static/fonts/iconfont.28e9d6d.eot#iefix) format("embedded-opentype"),url(/web/koutu/static/fonts/iconfont.48bde41.woff2) format("woff2"),url(/web/koutu/static/fonts/iconfont.757f087.woff) format("woff"),url(/web/koutu/static/fonts/iconfont.51e328c.ttf) format("truetype"),url(/web/koutu/static/img/iconfont.52a457d.svg#iconfont) format("svg")}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-fav-white:before{content:"\e61b"}.icon-faved:before{content:"\e640"}.icon-chart-bar:before{content:"\e632"}.icon-upload:before{content:"\e662"}.icon-biaoge:before{content:"\e795"}.icon-table:before{content:"\e733"}.icon-menhu_biaoge:before{content:"\e7d7"}.icon-fav:before{content:"\e86d"}.icon-img:before{content:"\e630"}.icon-vip2:before{content:"\e631"}.icon-set:before{content:"\e666"}.icon-tuijian:before{content:"\e6be"}.icon-shoujihao:before{content:"\e622"}.icon-mima:before{content:"\e658"}.icon-font-white:before{content:"\e69a"}.icon-shezhi:before{content:"\e75d"}.icon-wenzi:before{content:"\e62a"}.icon-font:before{content:"\e603"}.icon-image:before{content:"\ea41"}.icon-peise:before{content:"\e62c"}.icon-size:before{content:"\e8e8"}.icon-font2:before{content:"\e616"}.icon-text:before{content:"\e84c"}.icon-youjiantou:before{content:"\e68c"}.icon-android:before{content:"\e669"}.icon-apple:before{content:"\e61e"}.icon-xin:before{content:"\e60c"}.icon-background:before{content:"\e67b"}.icon-png:before{content:"\ea4e"}.icon-webp:before{content:"\e60d"}.icon-jpg:before{content:"\e6e7"}.icon-svg:before{content:"\e60f"}.icon-tuxing:before{content:"\e624"}.icon-gaoqing:before{content:"\e60b"}.icon-edit:before{content:"\e60e"}.icon-yunxing:before{content:"\e613"}.icon-jiahao:before{content:"\e60a"}.icon-xiazai1:before{content:"\e71d"}.icon-xiazai-:before{content:"\e633"}.icon-weibiaoti--:before{content:"\e620"}.icon-download:before{content:"\e61a"}.icon-M_xiazai:before{content:"\e75e"}.icon-juzhong:before{content:"\e65b"}.icon-juzuo:before{content:"\e70d"}.icon-juyou:before{content:"\eb7c"}.icon-nanguo:before{content:"\e638"}.icon-weixiao:before{content:"\e608"}.icon-shangchuanyunduan:before{content:"\e87b"}.icon-zhuanfa:before{content:"\e61f"}.icon-return:before{content:"\e606"}.icon-bangzhu:before{content:"\e645"}.icon-radio-checked:before{content:"\e612"}.icon-radio:before{content:"\e648"}.icon-shangchuan:before{content:"\e63c"}.icon-shangchuan1:before{content:"\e617"}.icon-quxian:before{content:"\e71e"}.icon-shanchu:before{content:"\e64b"}.icon-chuizhifanzhuan:before{content:"\e611"}.icon-shuipingfanzhuan:before{content:"\e618"}.icon-bianji:before{content:"\e614"}.icon-gongzhonghao:before{content:"\e629"}.icon-yuansu:before{content:"\e604"}.icon-hd:before{content:"\e605"}.icon-baocun:before{content:"\e602"}.icon-icon-test:before{content:"\e66a"}.icon-start:before{content:"\e636"}.icon-kaishi1:before{content:"\e615"}.icon-vip:before{content:"\e601"}.icon-duihao:before{content:"\e625"}.icon-ziliao:before{content:"\e609"}.icon-logout:before{content:"\e619"}.icon-upgrade:before{content:"\e600"}.icon-user-info:before{content:"\e607"}.icon-tuichu:before{content:"\e6a4"}.icon-update_password:before{content:"\e610"}.icon-peizhiconfiguration15:before{content:"\e637"}.icon-moban:before{content:"\e62f"}.icon-shuju:before{content:"\e6ab"}.icon-color1:before{content:"\e67d"}.icon-COLORx:before{content:"\e68f"}.icon-vip{color:red;font-size:16px}.btn{background-color:#fafafa;border:1px solid #fafafa;border-radius:3px;color:#66686b;cursor:pointer;display:inline-block;font-size:12px;padding:8px 12px;text-align:center;text-decoration:none;//text-shadow:0 1px 0 hsla(0,0%,100%,.5);white-space:nowrap;box-sizing:border-box;vertical-align:middle;line-height:1;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:hover{color:#444;//border:1px solid #c7c6c6;background:#fafafa}.btn-block{width:100%;display:flex;align-items:center;justify-content:center}.btn-mini{color:#555;padding:5px 8px;font-size:11px;background-color:#fafafa;border:1px solid #d9d9d9}.btn-mini:hover{background-color:#ededed;color:#191919;border:1px solid #c9c9c9}.btn-medium{padding:10px 8px;font-size:13px}.btn-red{color:#fff!important;background-color:#dc3545;border-color:#dc3545!important}.btn-red:hover{background-color:#c82333!important;border-color:#bd2130!important}.btn-success{color:#fff!important;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{background-color:#17a2b8;border-color:#17a2b8}.btn-blue,.btn-info{color:#fff!important}.btn-blue{background-color:#409eff;border-color:#409eff!important}.btn-blue:hover{background-color:#66b1ff!important;border-color:#66b1ff!important}.btn-green{color:#fff!important;background-color:#07c160;border-color:#07c160!important}.btn-green:hover{background-color:#06ae56!important;border-color:#06ae56!important}.btn-pay{color:#fff!important;background-color:#07c160;border-color:#07c160!important;font-weight:700}.btn-pay:hover{background-color:#06ae56!important;border-color:#06ae56!important}.radio-group{display:inline-block;font-size:12px}.radio-group .inner{margin-bottom:-1px;border-radius:3px}.radio-group .inner,.radio-group .radio-button{display:flex;justify-content:center;align-items:center}.radio-group .radio-button{border:1px solid #dcdfe6;border-left:0;padding:8px;cursor:pointer;white-space:nowrap;transition:all .2s ease;line-height:1}.radio-group .radio-button:first-child{border-radius:4px 0 0 4px;border-left:1px solid #dcdfe6}.radio-group .radio-button:last-child{border-radius:0 4px 4px 0}.radio-group .radio-button.active{background-color:#67c23a;border-color:#67c23a;box-shadow:-1px 0 0 0 #67c23a;color:#fff}.global-toast-mask{position:fixed;z-index:4000;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.2)}.global-toast{position:fixed;z-index:5000;width:100px;height:100px;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;border-radius:5px;color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#4c4c4c;opacity:.8}.global-toast-icon{margin:8px 0;width:38px;height:38px;vertical-align:baseline;display:inline-block;vertical-align:middle;-webkit-animation:global-toast-icon 1s steps(12) infinite;animation:global-toast-icon 1s steps(12) infinite;background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;background-size:100%}@-webkit-keyframes global-toast-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes global-toast-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-toast-text{font-size:12px}.global-loading-block,.global-loadmore-block{display:flex;justify-content:center;align-items:center;font-size:12px;height:50px}.global-loadmore-block .global-loadmore-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;padding:8px 25px;font-size:12px;text-align:center;color:#fff;cursor:pointer;background-color:#222;border:0;border-radius:23.9px;outline:none;transition:background-color .3s ease}.global-loading-block img{max-height:20px;margin-right:3px}.global-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;background-color:#000;color:#fff;z-index:99999;padding:6px 12px;border-radius:4px;opacity:.5}.tab-module{margin-bottom:5px;width:100%;position:absolute;top:0;left:0;right:0;height:34px}.tab-module,.tab-module .tab-item{display:flex;justify-content:center;align-items:center;border-bottom:2px solid #f7f8f9}.tab-module .tab-item{width:33.33%;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;height:100%;color:#333;margin-bottom:-3px}.tab-module .tab-item.active{color:#3498db;border-bottom:2px solid #3498db}.app-header{z-index:1025;background:#267ccc;line-height:50px;height:50px;color:#fff;display:flex;background:#1a1a20}.app-header .header-logo{width:150px;display:flex;align-items:center;justify-content:center}.app-header .logo{padding:0 20px;color:#fff;display:flex;align-items:center}.app-header .header-logo img{max-height:22px}.app-header .app-navbar{overflow:hidden;border:0 solid red;display:flex;align-items:center;justify-content:space-between;flex:1}.app-navbar .nav-list{font-weight:700;list-style:none;float:left}.app-navbar a{color:#999;display:block}.app-navbar .nav-list:hover .nav-list-item{opacity:.36}.app-navbar .nav-list:hover .nav-list-item:hover{opacity:1}.app-navbar .nav-list .nav-list-item.active a,.app-navbar .nav-list .nav-list-item:hover a{color:#eee;opacity:1}.app-navbar .nav-list .nav-list-item{position:relative;float:left;margin-left:25px;height:32px;line-height:32px;transition:all .2s ease-in-out;cursor:pointer}.app-navbar .nav-list .nav-list-item.active{color:#fff;opacity:1}.app-navbar .nav-list .nav-list-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff;transform:scaleX(0);transition:all .3s ease-in-out}.app-navbar .nav-list .nav-list-item.active:before,.app-navbar .nav-list:hover .nav-list-item:hover:before{transform:scaleX(1)}.app-navbar .nav-list .nav-list-item img.new{position:absolute;right:-19px;top:-4px;width:22px}.app-header .nav-my{float:right;display:flex;line-height:50px;color:#fff;cursor:pointer;margin-right:15px;position:absolute;right:0;top:0;z-index:89990}.app-header .nav-my .upgrade{margin-right:10px}.app-header .nav-my .upgrade a{color:#f99d55;text-decoration:underline;font-size:12px}.app-header .nav-my .login:hover{color:#d2d2d2}.app-header .nav-my .account-section{display:flex;align-items:center;justify-content:center;flex-direction:column}.app-header .nav-my .account-section .account{display:flex;align-items:center;justify-content:center;color:#fff;position:relative;min-width:130px}.app-header .nav-my .account img{width:25px;margin-right:5px}.app-header .nav-my .account .username{display:flex;align-items:center;justify-content:center;position:relative;font-size:12px;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-header .nav-my .account .username .level{color:#f99d55;border-radius:3px;font-size:11px;transform:scale(.7);position:relative;margin-left:-11px;margin-right:-12px}.app-header .nav-my .account .iconfont{transform:rotate(90deg);font-size:12px}.app-header .nav-my .account-section .dropdown-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6px 0 5px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:relative;padding:6px 0}.app-header .nav-my .account-section .dropdown-menu .dropdown-menu-item{line-height:27px;padding:0 10px;font-size:13px;color:#606266;cursor:pointer;width:100%;min-width:100px}.app-header .nav-my .account-section .dropdown-menu .dropdown-menu-item:hover{background-color:#ecf5ff;color:#66b1ff}.app-header .nav-my .account-section .nav-my-item{font-size:12px!important;display:flex;justify-content:flex-start;color:#78797b;width:100%}.app-header .nav-my .account-section .nav-my-item i{margin-right:5px}.nav-my-item{font-size:12px!important;display:flex;justify-content:flex-start;color:#78797b;width:100%}.nav-my-item i{margin-right:5px}.app-header .nav-my .account-section .dropdown-menu .dropdown-menu-top{position:absolute;display:block;width:0;height:0;top:-6px;margin-right:3px;border-color:transparent transparent #ebeef5;border-style:solid;border-width:0 6px 6px}.app-header .nav-my .account-section .dropdown-menu .dropdown-menu-top:after{content:" ";top:1px;margin-left:-6px;border-width:0 6px 6px;border-bottom-color:#fff}.footer{background-color:#3c3c3c;clear:both;color:#fff;line-height:22px;padding-top:20px;padding-bottom:20px;position:relative;font-weight:200}.footer:after{background-image:url(/static/images/footer.png);opacity:.65;position:absolute;bottom:0;content:"";display:block;left:0;right:0;top:0}.footer .containter{margin:0 auto;position:relative;z-index:2;font-size:13px;color:#727880;max-width:1146px}.footer a{color:hsla(0,0%,100%,.7);color:#727880;font-weight:300}.footer a:hover{color:#fff;text-decoration:underline}.footer .footer-row{margin:0;padding-bottom:10px;overflow:hidden;display:flex}.footer .footer-left{flex:1}.footer .footer-right{width:320px;display:flex}.footer .footer-nav{line-height:24px;list-style:none;overflow:hidden;margin-bottom:10px}.footer-nav li{float:left;margin-right:15px}.footer-nav .disc{width:3px;height:3px;border-radius:100%;background:hsla(0,0%,100%,.7);display:inline-block;margin:0 0 3px 10px;font-style:normal}.footer .copyright{padding-right:8px;width:100%}.footer .footer-code{width:50%;text-align:center}.footer .footer-code .code-name{margin-bottom:8px;letter-spacing:4px}.footer .footer-code .code-info{margin-top:8px;color:hsla(0,0%,100%,.42)}.el-button span{display:flex;align-items:center;justify-content:center}.el-table{color:#444;width:100%;font-size:13px}.el-table thead{color:#333}.el-table--medium td,.el-table--medium th{padding:8px 0}.el-form{//width:80%;margin-top:20px;font-size:13px}.el-dialog__body{overflow:hidden;padding:10px}.el-color-picker--mini{height:22px}.el-color-picker--mini .el-color-picker__trigger{padding:3px;height:22px;width:22px}.el-color-picker__color{border:0}.el-slider__stop{//background-color:transparent;border:1px solid #e4e4e4;top:-1px}.el-slider__button{width:10px;height:10px}.el-dialog{border-radius:3px}.el-dialog__header{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #ededed}.el-dialog__title{font-size:13px;color:#505152}.el-dialog__body{padding:10px 15px;font-size:13px}.el-dialog__headerbtn{top:10px;right:15px}.el-dialog__footer{height:50px;line-height:50px;padding:0 15px;background:none repeat scroll 0 0 #fafafa;border-top:1px solid #f2f2f2;border-radius:3px}.el-message-box{padding-bottom:0}.el-message-box__header{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #ededed;display:flex;align-items:center}.el-message-box__headerbtn{top:10px;right:15px}.el-message-box__title{font-size:13px;color:#767779}.el-message-box__content{padding:10px 15px;font-size:13px}.el-message-box__btns{height:42px;line-height:42px;padding:0 15px;background:none repeat scroll 0 0 #fafafa;border-top:1px solid #f2f2f2;border-radius:3px;display:flex;align-items:center;justify-content:flex-end}.el-radio-group{display:flex;font-size:12px}.el-radio{display:flex;align-items:center}.el-radio__label{font-size:12px;padding-left:5px;top:-1px}.el-radio__input{cursor:pointer;display:flex;align-items:center;top:1px}.el-radio input{display:none}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:none}.el-slider__bar,.el-slider__runway{height:4px}.el-slider__button{width:12px;height:12px}.el-slider__button-wrapper{top:-16px}.el-checkbox{display:flex;align-items:center;justify-content:center}.el-checkbox__label{font-size:12px;padding-left:3px}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#dcdfe6}.el-checkbox,.el-checkbox__input{display:flex;align-items:center;justify-content:center}.el-form-item--mini .el-radio{margin-right:15px}.el-form-item--mini .el-radio__label{font-size:12px;padding:5px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{font-size:12px}.el-loading-spinner i{color:#fff;font-size:22px}.el-loading-spinner .el-loading-text{color:#fff;font-size:12px}.el-upload{width:100%;cursor:pointer}.el-upload-dragger{padding:40px 0;width:100%;height:auto}.el-upload-dragger .el-upload__text{font-size:12px;color:#949494}.el-upload-dragger .el-icon-upload{font-size:40px;line-height:20px;margin:0}.el-upload-list{display:none}.app{position:relative;width:100%;height:auto;min-height:100%}.app img.loader{position:absolute;top:50%;left:50%;width:20%;margin-top:-10%;margin-left:-10%}.box-shadow{box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)}img[lazy=error],img[lazy=loading]{width:20px!important;height:20px!important}.gloabl-loading-img{margin:30px auto;max-width:21px}.app:before{position:absolute;top:0;bottom:0;z-index:-1;display:block;width:inherit;border:inherit;content:""}.tips-color{color:#777c88;padding:5px 0;font-size:12px}.pager{padding:15px 0!important;text-align:center}.app-box{border:0 solid red;position:fixed;top:0;bottom:10px;left:0;right:0;oveflow:hidden}.app-body-left{width:430px;display:flex;align-items:flex-start;justify-content:flex-start}.app-body-left,.left-nav{border:0 solid red;position:relative;height:100%}.left-nav{background:#eff3f5;color:#333;overflow:auto}.left-nav::-webkit-scrollbar{display:none}.left-nav .item{position:relative;width:70px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-direction:column;font-size:12px}.left-nav .item:hover{background:#ebebf0;color:#333}.left-nav .item.selected{color:#1596ec;font-weight:700;background:#e8e8e8}.left-body{background:#ebebf0;background:#fff;flex:1;border:0 solid #00f;height:100%;position:relative;color:rgba(10,18,32,.5705882352941177);color:rgba(10,18,32,.65);overflow-y:auto}.app-body{justify-content:center;align-items:flex-start;position:fixed;top:50px;bottom:0;left:0;right:0}.app-body-right{border:0 solid red;flex:1;flex-grow:1;position:relative;overflow:hidden;top:0;bottom:0;right:0;left:435px;position:absolute}.canvas-wrapper,.main-wrap{position:absolute;top:0;bottom:0;left:0;right:0}.canvas-wrapper{border:0 solid red}.canvas-toolbar{position:absolute;top:3px;left:0;right:3px;height:50px;display:flex;justify-content:flex-start;align-items:center;background-color:#f8f7fc;background-image:url(/web/koutu/static/img/canvas_toolbar_bg.7900048.png);padding:.5rem;border-radius:.25rem;white-space:nowrap}.canvas-toolbar .el-button--small{padding:8px 5px}.canvas-toolbar .iconfont{margin-right:3px;font-size:13px}.canvas-wrap{top:55px;bottom:3px;right:3px;border:1px solid #eee;border-radius:3px;overflow:hidden;background-color:#fff;padding:10px}.canvas-mode,.canvas-wrap{position:absolute;left:0;display:flex;justify-content:center;align-items:center}.canvas-mode{top:0;padding:0 3px;text-align:center;height:22px;line-height:22px;border-bottom-right-radius:3px;background:hsla(0,5%,92.2%,.55);font-size:10px;color:#777;z-index:9999;background-color:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.canvas-mode .iconfont{color:#ed7c23;cursor:pointer;margin-left:3px}.canvas-box{border:0 solid red;display:flex;justify-content:center;align-items:center}.canvas-box canvas{max-height:100%}.canvas-box>a{outline:0;border:0;background:none;margin:0;padding:0;display:block}.canvas-box>a,.canvas-box>a>canvas{width:100%;height:100%}.canvas-toolbar-status{border:1px solid #d9d9d9;background:#fff;margin-left:auto;display:flex;border-radius:3px;height:100%;align-items:center;padding:0 10px;font-size:12px;overflow:hidden}.canvas-toolbar-status .item{margin-right:10px;display:flex;align-items:center}.canvas-toolbar-status .item:last-child{margin-right:0}.canvas-toolbar-status .text{background:#f9f9f9;color:#dc3545;margin-left:-10px;height:100%;padding:0 10px;box-shadow:inset 0 0 5px hsla(0,0%,75%,.45)}.canvas-toolbar-status .text2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;width:70px}.canvas-toolbar-status .angle input{width:50px;text-align:center;height:20px;border-radius:3px;margin-left:3px;padding:3px 0 3px 5px}.kefu-modal{display:flex;padding:10px;justify-content:center}.kefu-modal .item{width:50%;text-align:center;font-size:12px}.kefu-modal .item p{font-size:12px;padding-bottom:5px}.vip-dialog-mask{position:fixed;z-index:90000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6);transition:all .2s ease-in-out}.vip-dialog{position:fixed;z-index:90001;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px;overflow:hidden;line-height:20px;background:#fff;min-height:100px;display:flex;font-size:12px;box-shadow:0 16px 32px 2px rgba(0,0,0,.1);padding:0;margin:0;outline:0;transition:all .4s ease-in-out;color:#333}.vip-dialog .left{padding:28px 20px;width:200px;background-image:linear-gradient(0deg,#b8caff,#d9e7ff)}.vip-dialog .logo{display:flex;align-items:center;justify-content:flex-start;padding:0}.vip-dialog .logo img{height:20px;padding:0;margin:0}.vip-dialog .introduction-title{font-size:16px;margin-top:30px;line-height:1;font-weight:500}.vip-dialog .introduction-content{color:#636c78;font-size:12px;margin-top:18px;margin-bottom:28px}.vip-dialog .introduction-content h3{margin-bottom:16px;font-size:12px;line-height:1}.vip-dialog .introduction-content li{font-size:12px;opacity:.7;margin-bottom:12px;padding:0;line-height:1}.vip-dialog .introduction-content li:before{content:"\2022";color:#636c78}.vip-dialog .right{width:650px;display:flex;flex-direction:column}.vip-dialog .cover{border-radius:4px 4px 0 0;height:96px;padding:28px 44px 24px;display:flex;flex-direction:row;color:#33383e;background:#f6f7f9}.vip-dialog .cover .avatar img{width:42px}.vip-dialog .cover-main{margin-left:16px;display:flex;flex-direction:column;justify-content:center}.vip-dialog .cover-tip{opacity:.7}.vip-dialog .right .body{padding:18px 44px 28px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.vip-dialog .right .icon-shanchu{top:11px;right:12px;color:#b4b8bf;position:absolute;font-size:14px;cursor:pointer}.vip-dialog .right .icon-shanchu:hover{color:#88898c}.vip-dialog .error{text-align:center;color:#fff;font-size:13px;border-radius:4px;padding:5px 10px;margin:0 auto 10px;background:#5bbd5b}.vip-dialog .paylevel-title{display:flex;padding:8px 0 15px;line-height:22px;color:#434951;font-weight:700;justify-content:space-between}.vip-dialog .paylevel-title .tip{color:#8d8f92;margin-left:8px}.vip-dialog .paylevel-title .count{font-weight:400;font-size:12px;color:#f79820}.vip-dialog .paylevel{border:0 solid red;display:flex;justify-content:space-between}.vip-dialog .paylevel.level4 .item{width:125px}.vip-dialog .paylevel.level5 .item{width:102px}.vip-dialog .paylevel .item{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:120px;padding:20px 10px;position:relative;cursor:pointer;border-radius:3px;color:#a57c6a;font-size:12px;background-image:linear-gradient(45deg,hsla(46,62%,69%,.15),#fff4e2);border:1px solid #eee1cd;font-family:PingFangSC-Regular,Roboto,Verdana,"Open Sans","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","Source Han Sans CN","WenQuanYi Micro Hei",Arial,sans-serif}.vip-dialog .paylevel .item:last-child{margin-bottom:0}.vip-dialog .paylevel .item.active{color:#572f1d;border:1px solid #dbad69;background-image:linear-gradient(-45deg,#ffcb80,#fff4e2)}.vip-dialog .paylevel .item .name{font-size:14px;margin-bottom:20px}.vip-dialog .paylevel .item .money{margin-bottom:20px}.vip-dialog .paylevel .item .money span{font-size:22px}.vip-dialog .paylevel .item .origin{color:#9a9a9a}.vip-dialog .paylevel .item .discount{opacity:1;font-weight:500;right:-1px;top:-1px;color:#fff;font-size:12px;height:17px;line-height:17px;padding:0 9px;border-radius:0 2px 0 6px;font-weight:400;opacity:.7;background-image:linear-gradient(105deg,#f55 5%,#ff2958);position:absolute}.vip-dialog .paybottom{margin:16px 0 10px;background:#f6f7f9;border-radius:4px;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-start}.vip-dialog .paybottom .paytotal{font-size:12px;line-height:28px;color:#4d4f50;padding-bottom:10px;font-family:PingFangSC-Regular,Roboto,Verdana,"Open Sans","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","Source Han Sans CN","WenQuanYi Micro Hei",Arial,sans-serif}.vip-dialog .paybottom .paytotal .paymoney{font-size:22px;color:#fc3627;font-weight:200;text-align:center;padding-right:4px}.vip-dialog .paybottom .paytotal .paymoney>span{color:#636c78;font-size:14px;font-weight:400}.native-pay-box-mask{position:fixed;z-index:90010;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}.native-pay-box{position:fixed;z-index:90011;width:80%;max-width:360px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;text-align:center;border-radius:3px;overflow:hidden;line-height:1}.native-pay-box .header{background-color:#e8e9eb;padding:6px 36px;border-top:1px solid #d2d2d3;border-radius:6px;color:#333;font-size:15px;font-weight:150;position:relative}.native-pay-box .iconfont{position:absolute;right:12px;top:5px;color:#bfbfbf;cursor:pointer;font-size:14px}.native-pay-box .iconfont:hover{color:#9e9e9e}.native-pay-box .header .icon{padding:0;width:60px;height:58px;border:3px solid #fff;background-color:#fff;border-radius:100%}.native-pay-box .header .title{margin-top:5px}.native-pay-box .qrcode{padding:23px 0 20px;display:flex;justify-content:center;align-items:center}.native-pay-box .loading{padding:20px 0}.native-pay-box .loading img{max-height:50px;max-width:50px}.native-pay-box .qrcode img{border:0 solid #ddd;box-shadow:0 2px 3px 0 rgba(0,0,0,.498039),inset 0 1px 0 0 hsla(0,0%,100%,.65098);box-shadow:0 0 5px 0 rgba(79,79,79,.43);width:150px;padding:8px;background-color:#fff}.native-pay-box .total_fee{width:100px;color:#f5f5f5;background:#f6f7f9;padding:6px 14px;border-radius:3px;font-size:16px;text-align:center;margin:0 auto;font-weight:120;color:#f60;font-family:PingFangSC-Regular,Roboto,Verdana,"Open Sans","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","Source Han Sans CN","WenQuanYi Micro Hei",Arial,sans-serif}.native-pay-box .desc{font-size:14px;color:#222;padding:15px 0;font-weight:180;display:flex;justify-content:center;align-items:center}.native-pay-box .desc .icon{max-height:18px;width:17px;margin:0 2px}.native-pay-box .closetip{font-size:13px;color:#444;padding-bottom:20px;font-weight:180;display:flex;justify-content:center;align-items:center}.share-box{font-size:13px;line-height:1;color:#333;padding:10px;font-weight:150;margin-bottom:20px}.share-box .share-btn{background:#f5bf53;padding:8px 16px;border:0;border-radius:6px;display:inline-block;font-size:12px;margin-right:5px}.share-box p{margin-bottom:15px}.share-box .p1{margin-bottom:20px;font-size:14px}.share-box .title{font-size:16px;color:#c28601;font-weight:600}.share-box .desc{color:#222;font-weight:400;font-size:12px;border:1px dashed silver;background:#f4f4f4;padding:8px 16px;border-radius:6px;line-height:25px;width:450px}.share-box .title2{margin-top:20px;font-weight:700;text-align:left;font-size:12px;color:#555}.share-box .record-list{width:450px;position:relative;border-collapse:collapse;background:#fff;line-height:1;font-size:12px;border-radius:4px;margin-top:10px}.share-box .record-list .header{background:#f4f4f4}.share-box .record-list td{border:1px solid #dfe4e7;padding:8px 5px;color:#606266;text-align:center}.share-box .record-list .index{width:40px}.share-box .record-list .time{width:135px}.login-dialog-mask{position:fixed;z-index:90000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}.login-dialog{position:fixed;z-index:90001;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px;overflow:hidden;line-height:20px;background:#fff;min-height:400px;display:flex;font-size:12px;box-shadow:0 16px 32px 2px rgba(0,0,0,.1);padding:0;margin:0;outline:0;color:#333}.login-dialog .left{padding:20px 20px 0;width:240px;background-image:linear-gradient(0deg,#b8caff,#d9e7ff)}.login-dialog .logo{display:block;text-align:left;padding:0}.login-dialog .logo img{height:25px;margin:0 auto}.login-dialog .introduction-title{font-size:15px;margin-top:20px;line-height:1;font-weight:500;color:#333}.login-dialog .introduction-content{color:#636c78;font-size:12px;margin-top:18px;margin-bottom:28px}.login-dialog .introduction-content h3{margin-bottom:16px;font-size:12px;line-height:1}.login-dialog .introduction-content li{font-size:12px;opacity:.7;margin-bottom:12px;padding:0;line-height:1}.login-dialog .introduction-content li:before{content:"\2022";color:#636c78}.login-dialog .introduction-content .offiaccount{max-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:99px}.login-dialog .introduction-content .offiaccount img{max-width:100%;width:100%}.login-dialog .right{width:450px;display:flex;flex-direction:column}.login-dialog .right .icon-shanchu{top:11px;right:12px;color:#b4b8bf;position:absolute;font-size:14px;cursor:pointer}.login-dialog .right .icon-shanchu:hover{color:#88898c}.login-dialog .login-form{padding:60px 45px 28px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.login-dialog .login-form .title{font-size:18px;margin-bottom:20px;text-align:center;color:#111;font-weight:700}.login-dialog .login-form .row{display:flex;justify-content:flex-start;margin-bottom:20px;flex-direction:column}.login-dialog .login-form .row:last-child{margin-bottom:0}.login-dialog .login-form .row input{width:100%;font-size:12px;padding:5px 10px;font:400 13.3333px Arial;border-radius:4px}.login-dialog .login-form .row input:focus{border:1px solid #409eff}.login-dialog .login-form .other{display:flex;flex-direction:row;justify-content:space-between;margin-top:-10px}.login-dialog .login-form .other2{display:flex;flex-direction:row;justify-content:center}.login-dialog .login-form a{color:#409eff}.login-dialog .login-form a:hover{color:#2f88e4}.login-dialog .login-form .el-button span{justify-content:center}.login-dialog .login-form .row.code{display:flex;flex-direction:row;justify-content:space-between}.login-dialog .login-form .c1{flex:1;margin-right:10px}.login-dialog .login-form .c2{width:155px;padding:1px 0;display:flex}
@font-face{font-family:"iconfont";src:url(/web/koutu/static/fonts/iconfont.f146db7.woff2) format("woff2"),url(/web/koutu/static/fonts/iconfont.0280f00.woff) format("woff"),url(/web/koutu/static/fonts/iconfont.0f404de.ttf) format("truetype")}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-hongmoshibie:before{content:"\e68f"}.icon-youjiantou:before{content:"\e68c"}.icon-upload:before{content:"\e662"}.icon-upload_cloud:before{content:"\ebb3"}.icon-close:before{content:"\e61a"}.icon-download:before{content:"\e61b"}.icon-jia:before{content:"\e601"}.icon-jian:before{content:"\e634"}.icon-huanbeijing:before{content:"\e614"}.icon-jiandao:before{content:"\e61d"}.icon-renxiang:before{content:"\e609"}.icon-zhengjian:before{content:"\e611"}.icon-zu:before{content:"\e604"}.icon-manhua:before{content:"\e638"}.icon-zhengjianzhao:before{content:"\e854"}.icon-xiufu:before{content:"\eb79"}.icon-vip{color:red;font-size:16px}body{background:#fff}.containter{max-width:1146px;margin:0 auto}.koutu-index{background:#fff}.koutuindex{width:100%;display:flex;justify-content:center;align-items:center;height:450px}.koutuindex-bg{background-color:#f5f5f6}.koutuindex .inner{width:100%;height:100%}.koutuindex .inner,.koutuindex .inner .left{display:flex;justify-content:center;align-items:center}.koutuindex .inner .left{width:50%}.koutuindex .inner .imgbox{width:360px;height:360px;border-radius:5px;overflow:hidden}.koutuindex .inner .left img{max-height:100%}.koutuindex .inner .right{border:0 solid red;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.koutuindex .inner h1{font-size:35px;color:#000}.koutuindex .inner .desc{margin-top:10px;color:#686868}.koutuindex .inner .upload-btn{display:block;margin:20px auto;width:300px;line-height:50px;background-color:#e82255;color:#fff;text-align:center;border-radius:5px;font-weight:700;cursor:pointer;border:0;font-size:18px}.koutuindex .inner .upload-btn:hover{background-color:#ed4e77}.koutuindex .inner .example{margin-top:10px;display:flex;justify-content:center;align-items:center}.koutuindex .inner .example .title{width:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#686868}.koutuindex .inner .example img{max-width:40px;border-radius:3px;cursor:pointer}.koutuindex2{background-color:#f5f5f6;background-color:#f9f9fb;max-width:100%;flex-direction:column;padding:35px 0}.koutuindex2,.koutuindex2 .inner{width:100%;display:flex;justify-content:center;align-items:center}.koutuindex2 .inner{height:100%}.koutuindex2 .inner svg{max-height:200px}.koutuindex2 .inner .text{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.koutuindex2 .inner .text .item{padding:10px 0;color:#3c3c3c;font-size:15px}.koutuindex2 .inner .text .title{font-size:24px;font-bold:weight}.koutuindex3{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0}.koutuindex3 .inner{width:100%;height:100%}.koutuindex3 h2{text-align:center;padding-bottom:10px}.koutuindex3 .cate{width:100%;height:100%;padding-bottom:10px;color:#555}.koutuindex3 .cate,.koutuindex3 .cate .item{display:flex;justify-content:center;align-items:center}.koutuindex3 .cate .item{padding:6px 20px;cursor:pointer}.koutuindex3 .cate .item:hover{background:#f0f1f3;border-radius:20px;color:#222}.koutuindex3 .imglist{border:0 solid red;flex:1;display:flex;justify-content:center;align-items:center}.koutuindex3 .imgbox{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;display:none}.koutuindex3 .imgbox img{border-radius:8px;max-width:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjkzNyA3LjkzOCIgaGVpZ2h0PSIzMCIgd2lkdGg9IjMwIj48cGF0aCBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZD0iTS4wMTQuMDE0SDMuOTdWMy45N0guMDE0ek0zLjk3IDMuOTY4aDMuOTU0djMuOTU1SDMuOTd6IiBmaWxsPSIjZWVlZmYwIi8+PC9zdmc+");background-size:12px;font-size:0}.koutubase{border:0 solid red;background-color:#f5f5f6;position:relative;display:flex;position:fixed;top:50px;bottom:0;left:0;right:0}.koutubase .side{width:245px;background-color:#fff;margin:0;padding:10px 0;position:absolute;left:0;top:0;bottom:0}.koutubase .main-wrap{border:0 solid #00f;left:245px;right:0;top:0;bottom:0;position:absolute;overflow-y:scroll}.koutubase .main{margin:20px}.koutubase .menu{padding:0 15px}.koutubase .menu .item{height:30px;margin:5px 0;display:flex;align-items:center;padding-left:30px;position:relative;color:#222}.koutubase .menu .item.cate{font-weight:700;font-size:14px}.koutubase .menu a{display:flex;align-items:center;width:100%;color:#323941}.koutubase .menu a.active,.koutubase .menu a:hover{color:#e82255}.koutubase .menu .icon{width:30px;display:inline-block;text-align:center;position:absolute;left:0}@-webkit-keyframes koutuMenuLeftToRight{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes koutuMenuLeftToRight{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.koutubase .menu a .iconfont{opacity:0}.koutubase .menu a.active .iconfont,.koutubase .menu a:hover .iconfont{opacity:1;-webkit-animation:koutuMenuLeftToRight 1.8s ease infinite;animation:koutuMenuLeftToRight 1.8s ease infinite;color:#e82255!important;font-weight:700!important}.koutubase .func-tip{color:#e82255;font-size:12px;text-align:center;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;padding:20px 0;margin-top:30px}.koutubox{width:100%}.koutu-block{border-radius:5px;background-color:#fff;padding:20px;margin-bottom:30px}.head-block h2{text-align:center}.head-block .desc{margin-top:10px;color:#686868;width:100%;text-align:center}.koutubox .download-btn{display:block;margin:20px auto 10px;width:180px;line-height:35px;background-color:#ed4e77;color:#fff;text-align:center;border-radius:5px;font-weight:700;cursor:pointer;border:0;font-size:13px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.koutubox .download-btn:hover{background-color:#e82255}.head-block .content{width:80%;margin:20px auto 0}.head-block .content,.head-block .content .left{display:flex;justify-content:center;align-items:center}.head-block .content .left{width:50%}.head-block .content .left img{max-height:300px;border-radius:5px}.head-block .content.right{border:0 solid red;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.head-block .content .upload-btn{display:block;margin:20px auto;width:140px;line-height:45px;background-color:#e82255;color:#fff;text-align:center;border-radius:5px;font-weight:700;cursor:pointer;border:0;font-size:16px}.head-block .content .upload-btn:hover{background-color:#ed4e77}.head-block .content .example{margin-top:10px;display:flex;justify-content:center;align-items:center}.head-block .content .example .title{width:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#686868}.head-block .content .example img{max-width:40px;border-radius:3px;cursor:pointer}.upload-block .tab{font-weight:700;font-size:13px;display:flex;color:#686868}.upload-block .tab .item{margin-right:10px;cursor:pointer}.upload-block .tab .active{color:#333;border-bottom:2px solid #333}.upload-block .content{width:100%;margin:20px auto 0}.upload-block .content,.upload-block .content .left{display:flex;justify-content:center;align-items:center}.upload-block .content .left{flex:1;height:300px}.upload-block .content .right{border:0 solid red;width:350px}.upload-block .content .right,.upload-block .uploading{display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-block .uploading{background:#f5f5f5;width:100%;height:300px;border-radius:5px}.upload-block .uploading .text{color:#747474;margin-bottom:10px}.upload-block .uploading .progress-bar{display:flex;height:20px;width:90%;overflow:hidden;background-color:#e9ecef;border-radius:4px;border:1px solid #eee;font-size:12px}.upload-block .uploading .progress-bar .progress-inner{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;transition:width .05s ease;background:#17a2b8}.upload-block .uploading .progress-bar .progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.upload-block .uploading .progress-bar .progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@-webkit-keyframes uploadfadeOut{0%{opacity:1}to{opacity:0}}@keyframes uploadfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes uploadfadeIn{0%{opacity:0}to{opacity:1}}@keyframes uploadfadeIn{0%{opacity:0}to{opacity:1}}.upload-block .origin{width:100%;opacity:0;-webkit-animation:uploadfadeOut .3s;animation:uploadfadeOut .3s;display:none}.upload-block .origin.active{width:100%;opacity:1;-webkit-animation:uploadfadeIn .3s;animation:uploadfadeIn .3s;display:block;-webkit-animation-timing-function:ease;animation-timing-function:ease}.upload-block .origin canvas,.upload-block .origin img{display:block;max-height:300px;border-radius:5px;margin:0 auto}.upload-block .new{border-radius:5px;overflow:hidden;box-shadow:0 0 5px 0 rgba(0,0,0,.2);position:relative;display:block;z-index:1;opacity:0;-webkit-animation:uploadfadeOut .3s;animation:uploadfadeOut .3s;display:none}.upload-block .new.active{opacity:1;-webkit-animation:uploadfadeIn .3s;animation:uploadfadeIn .3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;display:block}.upload-block .new:after{content:"";background-image:url(/static/images/transparent.png);background-size:12px;opacity:.8;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}.upload-block .new img{display:block;max-height:100%;max-width:100%}@-webkit-keyframes bg-animal-loading{0%{background-position:400% 50%}to{background-position:0 50%}}@keyframes bg-animal-loading{0%{background-position:400% 50%}to{background-position:0 50%}}@-webkit-keyframes el-skeleton-loading2{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading2{0%{background-position:100% 50%}to{background-position:0 50%}}.upload-block .new .bg-animal{height:300px;width:100%;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading2 1.4s ease infinite;animation:el-skeleton-loading2 1.4s ease infinite}.upload-block .download-size-desc{color:#747474}.upload-block .content .big-download-btn{background-color:#fff;border:1px solid #ed4e77;color:#ed4e77}.upload-block .content .big-download-btn:hover{background-color:#e82255;color:#fff}.edit-block{position:relative;opacity:0;-webkit-animation:uploadfadeOut .3s;animation:uploadfadeOut .3s;display:none}.edit-block.active{opacity:1;-webkit-animation:uploadfadeIn .3s;animation:uploadfadeIn .3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;display:block}.edit-block .icon-close{position:absolute;top:15px;right:15px;font-size:18px;color:#b3b3b3;font-weight:700;cursor:pointer}.edit-block .icon-close:hover{color:#555}.edit-block .head{font-weight:700;font-size:13px;color:#686868;margin-right:360px;position:relative}.edit-block .head,.edit-block .head .title{display:flex;justify-content:center;align-items:center}.edit-block .head .title{position:absolute;left:0}.edit-block .head .zoom-block,.edit-block .head .zoom-block .item{display:flex;justify-content:center;align-items:center}.edit-block .head .zoom-block .item{border:0;line-height:1;color:#8f8f8f;margin:0 3px;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;box-shadow:0 0 3px 0 rgba(0,0,0,.25);width:26px;height:26px;cursor:pointer}.edit-block .head .zoom-block .item.center{width:45px}.edit-block .head .zoom-block .item .iconfont{color:#8f8f8f}.edit-block .head .zoom-block .item.disabled{opacity:.5}.edit-block .content{width:100%;margin-top:20px;border:0 solid red;position:relative;overflow:hidden;height:415px}.edit-block .content .edit-panel{position:absolute;left:0;right:360px;bottom:0;top:0;overflow:hidden}.edit-block .edit-panel .edit-area{position:absolute;left:0;right:0;bottom:50px;top:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.edit-block .edit-panel .download-btn-block{position:absolute;bottom:0;left:0;right:0;height:50px;display:flex;justify-content:center;align-items:flex-end}.edit-block .edit-panel .download-btn-block .download-btn{margin:0}.edit-block .edit-canvas{border-radius:3px;position:relative;border:1px solid #e9e9e9;max-width:100%;max-height:100%;overflow:auto;display:block;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjkzNyA3LjkzOCIgaGVpZ2h0PSIzMCIgd2lkdGg9IjMwIj48cGF0aCBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZD0iTS4wMTQuMDE0SDMuOTdWMy45N0guMDE0ek0zLjk3IDMuOTY4aDMuOTU0djMuOTU1SDMuOTd6IiBmaWxsPSIjZWVlZmYwIi8+PC9zdmc+");background-size:18px;font-size:0}.edit-block .edit-canvas::after1{content:"";background-image:url(/static/images/transparent.png);background-size:18px;opacity:.4;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}.edit-block .edit-cursor{position:absolute;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .7s;z-index:3;background-color:#ed4e77}.edit-block .edit-panel.set-tab-active .edit-cursor{opacity:.43}.edit-block .set-panel{border:1px solid #e9e9e9;width:350px;background:#f4f4f4;position:absolute;bottom:0;right:0;top:0;border-radius:3px;color:#e82255;display:flex;justify-content:center;align-items:flex-end;flex-direction:column}.edit-block .set-tab{display:flex;width:100%;color:#817e7e}.edit-block .set-tab .item{display:flex;justify-content:center;align-items:center;width:50%;padding:10px;cursor:pointer}.edit-block .set-tab .item.active{background-color:#fff;font-weight:700;color:#e82255}.edit-block .bg-block,.edit-block .set-block{width:100%;padding:20px 10px;overflow-y:auto;height:100%}.edit-block .toggle-block{display:flex;justify-content:center;align-items:center;width:120px;cursor:pointer;border-radius:5px;border:1px solid #e82255;margin:0 auto}.edit-block .toggle-block .toggle-item{width:50%;display:flex;justify-content:center;align-items:center;padding:5px 10px}.edit-block .toggle-block .active{color:#fff;background-color:#e82255}.edit-block .color-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin-top:10px;overflow:hidden}.edit-block .color-list .item{border:1px solid #999;background:#e9e9e9;padding:1px;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.edit-block .color-list .item:before{content:"";padding-bottom:100%;display:block}.edit-block .color-list .item.nocolor{background-image:url(/static/images/transparent.png);background-size:12px}.edit-block .color-list .item.select-color .el-color-picker--mini{position:absolute}.edit-block .bg-img-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin-top:10px;overflow:hidden}.edit-block .bg-img-list .item{border:1px solid #999;background:#e9e9e9;padding:1px;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.edit-block .bg-img-list .item img{max-width:100%;max-height:100%;position:absolute}.edit-block .bg-img-list .item:before{content:"";padding-bottom:100%;display:block}.edit-block .bg-img-list .item.nobg{background-image:url(/static/images/transparent.png);background-size:12px}.edit-block .bg-img-list .upload-bg .iconfont{font-size:50px;color:#fb5c5c;font-weight:400}