body{margin:0;padding:0;font-family:sans-serif}@charset "UTF-8";@font-face{font-family:iconfont;src:url("//js.tuguaishou.com/iconfont/editor_cut/V1.2/iconfont.eot?t=1516258663851");src:url("//js.tuguaishou.com/iconfont/editor_cut/V1.2/iconfont.eot?t=1516258663851#iefix") format("embedded-opentype"),url("//js.tuguaishou.com/iconfont/editor_cut/V1.1/iconfont.ttf?t=1516258663851") format("truetype"),url("//js.tuguaishou.com/iconfont/editor_cut/V1.1/iconfont.svg?t=1516258663851#iconfont") format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-add_gray:before{content:"\E659"}.icon-shanchu1:before{content:"\E62F"}.icon-gougou:before{content:"\E6A3"}.icon-fuzhi:before{content:"\E615"}.icon-yulanxuanzhuan:before{content:"\E626"}.icon-youxuanzhuan1:before{content:"\E619"}.icon-yijianfankui:before{content:"\E616"}.icon-11zhongzhi:before{content:"\E617"}.icon-caijian:before{content:"\E65A"}.icon-zhuanhuan:before{content:"\E64A"}.icon-yulan:before{content:"\E7B9"}.icon-chexiao1:before{content:"\E60B"}.icon-xiazai:before{content:"\E610"}.icon-chexiao-copy:before{content:"\EA20"}.icon-shanchu:before{content:"\E609"}.icon-jiantoushang:before{content:"\E62C"}.icon-jiantouxia:before{content:"\E62D"}.icon-youxuanzhuan:before{content:"\E618"}.icon-shuipingfanzhuan1:before{content:"\E625"}.icon-chuizhifanzhuan1:before{content:"\E627"}.icon-dakai:before{content:"\E629"}#Layout{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}#Layout .contentWrapper{min-height:420px;position:absolute;top:60px;bottom:0;min-width:inherit;width:100%;background:#ebebeb}#Layout #tempCanvas{position:absolute;z-index:-1}.topBar{width:100%;min-width:1200px;height:59px;border-bottom:1px solid #f87d67;background:#fff;box-shadow:1px 0 8px rgba(0,0,0,.1);position:relative;z-index:100}.topBar .topBarLogoArea,.topBar .topBarLogoArea .logoArea{float:left;display:inline-block;height:100%}.topBar .topBarLogoArea .logoArea{vertical-align:bottom;position:relative;width:176px}.topBar .topBarLogoArea .logoArea .logoText{display:inline-block;position:absolute;bottom:0}.topBar .topBarLogoArea .pageTitle{margin-left:24px;font-size:16px;float:left;color:#f87d67;margin:31px 0 0 12px;font-weight:700}.topBar .topBarUserInfo{float:right;line-height:60px}.topBar .topBarUserInfo .userInfoName{float:left;color:#333;font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topBar .topBarUserInfo .userInfoArea{float:left;width:46px;height:46px;border-radius:23px;background:#333;display:inline-block;margin:7px 12px 0}.topBar .topBarBtnArea{display:inline-block;position:absolute;left:50%;margin-left:-170.5px;margin-top:12px}.topBar .topBarBtnArea .topBarBtnAreaCenter{display:inline-block}.topBar .topBarBtnArea .topBarBtnAreaCenter .item{position:relative;margin-right:5px}.topBar .topBarBtnArea .topBarBtnAreaCenter .item:last-child{margin-right:0}.topBar .topBarBtnArea .topBarBtnAreaCenter .item.none{cursor:default}.topBar .topBarBtnArea .topBarBtnAreaCenter .item.none a,.topBar .topBarBtnArea .topBarBtnAreaCenter .item.none i{color:#ccc}.topBar .topBarBtnArea .topBarBtnAreaCenter .item:hover.buttonType2_1.none{background:none}.topBar .topBarBtnArea .topBarBtnAreaCenter .item:hover.buttonType2_1.none a,.topBar .topBarBtnArea .topBarBtnAreaCenter .item:hover.buttonType2_1.none i{color:#ccc}.topBar .topBarBtnArea .topBarBtnAreaCenter .item .fileInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.topBar .topBarBtnArea .topBarBtnAreaCenter .saveBtnTip{width:100px;background:hsla(0,0%,75%,.3);border-radius:15px;color:#fff;font-size:12px;top:55px;right:300px;position:absolute;text-align:center;padding:6px 20px}.topBar .topBarBtnArea .topBarBtnAreaCenter .downLoad{background:#f63}.topBar .topBarBtnArea .topBarBtnAreaCenter .downLoad i,.topBar .topBarBtnArea .topBarBtnAreaCenter .downLoad p{color:#fff}.topBar .topBarBtnArea .topBarBtnAreaCenter .downLoad p{display:inline-block}.topBar .topBarBtnArea .topBarBtnAreaCenter .downLoad:hover{background:#f74}.topBar .topBarApplyBtnArea{position:absolute;top:60px;left:50%;margin-left:-36px;margin-top:16px}.topBar .topBarApplyBtnArea .btnItem{display:inline-block;cursor:pointer;height:36px;line-height:36px;padding:0 11px;text-align:center;border-radius:18px;margin-right:10px}.topBar .topBarApplyBtnArea .btnItem i{font-size:16px;color:#666;margin-right:5px}.topBar .topBarApplyBtnArea .btnItem .text1{font-size:16px;color:#666;display:inline}.topBar .topBarApplyBtnArea .btnItem .active,.topBar .topBarApplyBtnArea .btnItem:hover{background:#f63}.topBar .topBarApplyBtnArea .btnItem .active .text1,.topBar .topBarApplyBtnArea .btnItem .active i,.topBar .topBarApplyBtnArea .btnItem:hover .text1,.topBar .topBarApplyBtnArea .btnItem:hover i{color:#fff}.topBar .topBarApplyBtnArea .btnItem:last-child{margin-right:0}.topBarArea .downloadPopu{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1000}.topBarArea .downloadPopu .downloadContent{background:#fff;border-radius:10px;width:886px;height:490px;position:absolute;top:50%;left:50%;margin-top:-245px;margin-left:-443px}.topBarArea .downloadPopu .downloadContent .closeArea{position:absolute;right:0;top:23px}.topBarArea .downloadPopu .downloadContent .closeArea .show1{height:2px;width:34px;background:#fff;position:absolute;left:0}.topBarArea .downloadPopu .downloadContent .closeArea .closeBtn{position:absolute;left:34px;top:50%;margin-top:-19px;cursor:pointer}.topBarArea .downloadPopu .downloadContent .closeArea .closeBtn i{font-size:37px;color:#fff}.topBarArea .downloadPopu .downloadContent .closeArea .closeBtn:hover i{color:#f63}.topBarArea .downloadPopu .downloadContent .rightArea{float:right;width:354px;height:490px;padding:0 40px}.topBarArea .downloadPopu .downloadContent .rightArea .rightTitle{margin-top:70px;font-size:30px;color:#333;width:100%;text-align:center}.topBarArea .downloadPopu .downloadContent .rightArea .fileType{margin-top:30px;display:inline-block;width:100%}.topBarArea .downloadPopu .downloadContent .rightArea .fileType .fileTypeTitle{font-size:16px;color:#666}.topBarArea .downloadPopu .downloadContent .rightArea .fileType .btnArea{display:inline-block;margin-top:23px}.topBarArea .downloadPopu .downloadContent .rightArea .fileType .btnArea .btnItem{width:168px;height:43px;line-height:43px;text-align:center;border:1px solid #999;color:#999;border-radius:4px;cursor:pointer;float:left;margin-right:14px;font-size:20px}.topBarArea .downloadPopu .downloadContent .rightArea .fileType .btnArea .btnItem.active,.topBarArea .downloadPopu .downloadContent .rightArea .fileType .btnArea .btnItem:hover{border:1px solid #f63;color:#f63}.topBarArea .downloadPopu .downloadContent .rightArea .fileType .btnArea .btnItem:last-child{margin-right:0}.topBarArea .downloadPopu .downloadContent .rightArea .downloadArea{margin-top:96px}.topBarArea .downloadPopu .downloadContent .rightArea .downloadArea .downloadBtn{width:354px;height:58px;line-height:58px;border-radius:4px;background:#f63;color:#fff;text-align:center;font-size:18px;cursor:pointer}.topBarArea .downloadPopu .downloadContent .rightArea .downloadArea .downloadBtn:hover{background:#f74}.topBarArea .downloadPopu .downloadContent .rightArea .downloadArea .downloadBtn.un{background:#ccc;cursor:wait}.topBarArea .downloadPopu .downloadContent .previewCanvas{float:left;width:434px;height:490px;background:#ececec;border-radius:10px 0 0 10px}.tool{width:98px;position:absolute;top:0;left:0;bottom:0;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11);z-index:100}.tool .dividingLine{border-bottom:1px solid #e6e6e6;opacity:1;width:93px;margin:10px auto 0}.tool .toolArea{background:#fff;width:98px}.tool .toolArea .toolCut{margin:20px 10px 0}.tool .toolArea .toolCut .toolName{width:100%;text-align:center;font-size:15px;color:#666;margin-bottom:6px}.tool .toolArea .toolCut .cutBoxSelectArea{display:inline-block}.tool .toolArea .toolCut .cutBoxItem{width:34px;height:60px;float:left;margin-right:10px;margin-top:10px;cursor:pointer}.tool .toolArea .toolCut .cutBoxItem:nth-child(2n){margin-right:0}.tool .toolArea .toolCut .cutBoxItem .boxBili{width:34px;height:34px;text-align:center}.tool .toolArea .toolCut .cutBoxItem .boxBili .biliIcon{display:inline-block;background-image:url("//js.tuguaishou.com/image/editor_cut/bili.png");background-repeat:no-repeat}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_auto{width:34px;height:34px;background-position:0 0}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_1_1{width:34px;height:34px;background-position:-39px 0}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_2_3{width:22px;height:34px;background-position:0 -41px}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_3_2{width:34px;height:24px;margin-top:5px;background-position:-39px -51px}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_3_4{width:26px;height:34px;background-position:0 -83px}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_4_3{width:34px;height:26px;margin-top:4px;background-position:-39px -91px}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_9_16{width:18px;height:34px;background-position:0 -125px}.tool .toolArea .toolCut .cutBoxItem .boxBili .bili_16_9{width:34px;height:18px;margin-top:8px;background-position:-39px -140px}.tool .toolArea .toolCut .cutBoxItem .cutBoxItemName{width:100%;height:13px;line-height:13px;text-align:center;color:#666;margin-top:10px;font-size:13px}.tool .toolArea .toolCut .cutBoxItem.active .cutBoxItemName,.tool .toolArea .toolCut .cutBoxItem:hover .cutBoxItemName{color:#f87d67}.tool .toolArea .toolCut .cutBoxItem.active .bili_auto,.tool .toolArea .toolCut .cutBoxItem:hover .bili_auto{width:34px;height:34px;background-position:-79px 0}.tool .toolArea .toolCut .cutBoxItem.active .bili_1_1,.tool .toolArea .toolCut .cutBoxItem:hover .bili_1_1{width:34px;height:34px;background-position:-118px 0}.tool .toolArea .toolCut .cutBoxItem.active .bili_2_3,.tool .toolArea .toolCut .cutBoxItem:hover .bili_2_3{width:22px;height:34px;background-position:-79px -41px}.tool .toolArea .toolCut .cutBoxItem.active .bili_3_2,.tool .toolArea .toolCut .cutBoxItem:hover .bili_3_2{width:34px;height:24px;margin-top:5px;background-position:-118px -51px}.tool .toolArea .toolCut .cutBoxItem.active .bili_3_4,.tool .toolArea .toolCut .cutBoxItem:hover .bili_3_4{width:26px;height:34px;background-position:-79px -83px}.tool .toolArea .toolCut .cutBoxItem.active .bili_4_3,.tool .toolArea .toolCut .cutBoxItem:hover .bili_4_3{width:34px;height:26px;margin-top:4px;background-position:-118px -91px}.tool .toolArea .toolCut .cutBoxItem.active .bili_9_16,.tool .toolArea .toolCut .cutBoxItem:hover .bili_9_16{width:18px;height:34px;background-position:-79px -125px}.tool .toolArea .toolCut .cutBoxItem.active .bili_16_9,.tool .toolArea .toolCut .cutBoxItem:hover .bili_16_9{width:34px;height:18px;margin-top:8px;background-position:-118px -140px}.tool .toolArea .toolRotate{margin:20px 10px}.tool .toolArea .toolRotate .toolName{width:100%;text-align:center;font-size:15px;color:#666;margin-bottom:6px}.tool .toolArea .toolRotate .rotateBtnArea{padding-top:10px}.tool .toolArea .toolRotate .rotateBtnArea .btnItem{width:100%;height:44px;color:#666;margin-top:20px;cursor:pointer}.tool .toolArea .toolRotate .rotateBtnArea .btnItem:first-child{margin-top:0}.tool .toolArea .toolRotate .rotateBtnArea .btnItem i{display:inline-block;width:100%;height:22px;line-height:22px;font-size:22px;text-align:center}.tool .toolArea .toolRotate .rotateBtnArea .btnItem .btnName{display:inline-block;width:100%;height:13px;line-height:13px;margin-top:10px;font-size:14px;text-align:center}.tool .toolArea .toolRotate .rotateBtnArea .btnItem.active,.tool .toolArea .toolRotate .rotateBtnArea .btnItem:hover{color:#f87d67}.rightTool{width:168px;position:absolute;top:0;height:100%;right:0;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11);z-index:100;overflow:auto}.rightTool .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.rightTool .addImgBtn{margin-top:18px;width:140px;height:40px;background:#f1f3f7;border-radius:4px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#202020;line-height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:relative;cursor:pointer}.rightTool .addImgBtn .limitTimeFree{width:60px;height:24px;position:absolute;left:84px;top:-13px}.rightTool .addImgBtn .addImgsContainer{width:12px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:6px}.rightTool .addImgBtn .addImgs{width:10px;height:10px}.rightTool .imgs .imgContainer{width:140px;height:140px;margin-top:12px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;border-radius:2px;border:1px solid #d6dbe1}.rightTool .imgs .imgContainer:hover{box-shadow:0 0 10px rgb(0 0 0/30%)}.rightTool .imgs .imgContainer i{position:absolute;top:115px;left:116px;color:#a6a6a6}.rightTool .imgs .imgContainer .img{width:100%;height:100%}.canvas{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;bottom:0;right:0;left:98px}.canvas .canvasContent{position:absolute;top:100px;left:100px;width:585px;height:390px}.canvas .canvasLoad{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-30px;width:100px;height:60px;line-height:60px;font-size:16px;text-align:center;color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:rgba(0,0,0,.6);z-index:100}.canvasCutBox{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5)}.canvasCutBox .cutBoxArea{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat}.canvasCutBox .cutBoxFrame{position:absolute;border:3px solid #fff;cursor:move}.canvasCutBox .cutBoxFrame .showWH{width:100%;text-align:center;position:absolute;top:50%;margin-top:-13px}.canvasCutBox .cutBoxFrame .showWH .showContent{padding:6px 10px;background:rgba(0,0,0,.38);display:inline;padding:6px 11px;color:#fff;font-size:12px}.canvasCutBox .cutBoxFrame .cutBoxBtn{width:34px;height:14px;position:absolute;background-image:url("//js.tuguaishou.com/image/editor_cut/cutBoxBtn.png");background-repeat:no-repeat}.canvasCutBox .cutBoxFrame .cutBoxBtn.leftBtn{left:0;top:50%;margin-top:-7px;margin-left:-18px;-ms-transform:rotate(90deg);transform:rotate(90deg);cursor:w-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.rightBtn{right:0;top:50%;margin-top:-7px;margin-right:-18px;-ms-transform:rotate(90deg);transform:rotate(90deg);cursor:e-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.topBtn{right:50%;top:0;margin-top:-9px;margin-right:-17px;cursor:n-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.bottomBtn{right:50%;bottom:0;margin-bottom:-9px;margin-right:-17px;cursor:s-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.topLeftBtn{background-position:0 -18px;height:22px;width:22px;left:0;top:0;margin-top:-14px;margin-left:-14px;cursor:nw-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.topRightBtn{background-position:0 -18px;height:22px;width:22px;right:0;top:0;margin-top:-14px;margin-right:-14px;cursor:ne-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.bottomLeftBtn{background-position:0 -18px;height:22px;width:22px;left:0;bottom:0;margin-bottom:-14px;margin-left:-14px;cursor:ne-resize}.canvasCutBox .cutBoxFrame .cutBoxBtn.bottomRightBtn{background-position:0 -18px;height:22px;width:22px;right:0;bottom:0;margin-bottom:-14px;margin-right:-14px;cursor:se-resize}.canvasCutBox .cutBoxFrame .cutBoxCutLine{opacity:.6}.canvasCutBox .cutBoxFrame .cutBoxCutLine.lLine1{width:100%;border-top:1px dashed #fff;position:absolute;top:33.333%}.canvasCutBox .cutBoxFrame .cutBoxCutLine.lLine2{width:100%;border-top:1px dashed #fff;position:absolute;top:66.666%}.canvasCutBox .cutBoxFrame .cutBoxCutLine.vLine1{height:100%;border-left:1px dashed #fff;position:absolute;left:33.333%}.canvasCutBox .cutBoxFrame .cutBoxCutLine.vLine2{height:100%;border-left:1px dashed #fff;position:absolute;left:66.666%}.canvasRotate{position:absolute;top:50%;right:-150px;margin-top:-150px;cursor:pointer}.canvasDropOpenFile{display:block;width:706px;height:346px;border:2px dashed #acacac;border-radius:10px;position:absolute;top:50%;left:50%;margin-top:-175px;margin-left:-355px}.canvasDropOpenFile .openFileTip{width:100%;margin-top:100px;font-size:33px;text-align:center;color:#818181}.canvasDropOpenFile .openFileBtn{width:308px;height:60px;line-height:60px;background:#f63;margin:46px auto 0;font-size:31px;color:#fff;text-align:center;border-radius:30px;cursor:pointer}.canvasDropOpenFile .openFileBtn:hover{background:#f74}*{margin:0;padding:0;font-family:arial,Microsoft Yahei,微软雅黑;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.buttonType2_1{float:left;cursor:pointer;border-radius:18px;width:90px;height:36px;line-height:36px;text-align:center}.buttonType2_1:hover{background:#f63}.buttonType2_1:hover a,.buttonType2_1:hover i{color:#fff}.buttonType2_1 a,.buttonType2_1 i{font-size:16px;color:#999;text-decoration:none}.buttonType2_1 i{font-size:20px}.buttonType2_1 a{margin-left:5px}
/*# sourceMappingURL=main.55a65ec1.css.map*/