html,body{-webkit-text-size-adjust:none;height:100%}body,button,input,select,textarea{font:12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif,"宋体"}body{overflow:hidden;padding-top:48px}body *{-webkit-font-smoothing:antialiased!important}ul,ol,li{list-style:none outside none}*:not(input):not(textarea){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#loginContainer{box-sizing:content-box}#loginContainer .ui-dialog-mask{position:absolute;z-index:100000;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=20);opacity:.2}#loginContainer .ui-dialog{position:absolute;z-index:100001;top:90px;left:50%;width:420px;margin-left:-210px;padding:8px;background:rgba(122,122,122,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f7A7A7A',EndColorStr='#7f7A7A7A')}#loginContainer .ui-dialog .ui-dialog-hd{color:#fff;display:block;font-size:14px;font-weight:700;height:30px;line-height:28px;padding-left:8px;position:relative;z-index:2;background-color:#d9821c}#loginContainer .ui-dialog .ui-dialog-hd .close{width:14px;height:14px;position:absolute;right:7px;top:7px;text-indent:-9em;overflow:hidden;background:transparent url(../image/dialog.png) -17px -36px no-repeat;background-position:-17px -36px;opacity:1}#loginContainer .ui-dialog .ui-dialog-bd{background-color:#ebebeb;display:block;position:relative;z-index:2;padding:15px 20px 20px}#loginContainer .um-fr{float:right}#loginContainer label{font-weight:300}#loginContainer *,#loginContainer *::before,#loginContainer *::after{box-sizing:content-box}#header{background:#535353;height:48px;line-height:48px;width:100%;border-bottom:1px solid #000;margin-top:-48px;overflow:hidden;text-align:center;position:relative}#header .saveFor{position:absolute;left:0;top:0;background:#fff;height:30px;line-height:30px;padding:0 10px}#header .logo{position:absolute;left:20px;top:0;color:#fff;text-align:left}#header .logo h3{margin:0;line-height:inherit;font-family:"Microsoft YaHei"}#header .logo small{color:#fff;font-size:13px;line-height:inherit}#header .btn-toolbar{margin:8px auto;position:relative;z-index:1;display:inline-block;white-space:nowrap;*word-break:break-all;*word-wrap:break-word}#header .info{position:absolute;right:20px;top:0;color:#fff;text-align:left}#header .info a{color:#fff}#content{width:100%;height:100%;position:relative;overflow:hidden;border-top:1px solid #6d6d6d}.canvas-left{width:76px;height:100%;background:#34373e;position:absolute;top:0;left:0;overflow:hidden;border-right:1px solid #000}.canvas-left .btn-box{margin:0;padding:10px 0 0;width:75px}.canvas-left .btn-box .btn-box-item{padding:15px 20px;text-align:center;color:#99a2ae;line-height:1.3;cursor:pointer;position:relative}.canvas-left .btn-box .btn-box-item:hover{color:#fff}.canvas-left .btn-box .btn-box-item i.iconfont{font-size:28px;font-style:normal}.canvas-left .btn-box .btn-box-item em{font-style:normal}.canvas-left .btn-box .btn-box-item i.left-triangle{color:#fff;font-size:20px;position:absolute;right:-7px;top:25px;display:none}.canvas-left .btn-box .btn-box-item.show i.left-triangle{display:block}.canvas-left .content-box{position:absolute;top:0;left:75px;width:0;height:100%;overflow:hidden;background:#fff;padding:0}.canvas-left .content-box .content-box-item{width:250px;height:100%;background:#fff;position:absolute;top:0;left:-250px;z-index:1}.canvas-left .content-box .content-box-item.show{z-index:2}.canvas-left .content-box .content-box-item[data-for="LayerManage"]{width:130px;left:-130px}.canvas-left .content-box .toolbar{height:30px;line-height:30px;border-bottom:1px solid #6d6d6d;padding:0 10px;*zoom:1;position:relative}.canvas-left .content-box .toolbar:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.canvas-left .content-box .toolbar em{font-style:normal;font-weight:700;font-size:14px}.canvas-left .content-box i.iconfont{font-style:normal;font-size:18px;cursor:pointer}.canvas-left .content-box .left-close,.canvas-left .content-box .left-lock{float:right;color:#99a2ae;margin-left:10px}.canvas-left .content-box .left-close:hover,.canvas-left .content-box .left-lock:hover{color:#000}.canvas-left .content-box .left-lock{font-size:15px!important}.canvas-left .content-box .left-lock.active{color:#000}.canvas-left .content-box .mate-group{display:none;height:100%}.canvas-left .content-box .mate-group .mate-content{height:100%}.canvas-left .content-box .mate-group .panel{padding-top:32px;margin:0;height:100%}.canvas-left .content-box .mate-group .panel-heading{margin-top:-32px;padding:7px 10px}.canvas-left .content-box .mate-group .panel-body{overflow-x:hidden;overflow-y:auto;padding:0;height:100%}.canvas-left .content-box .code-group{padding:20px 0;display:none}.canvas-left .content-box .my-group{display:none;position:absolute;top:22px;left:0;right:0;bottom:0;padding-top:76px}.canvas-left .content-box .my-group[data-group="sc"]{padding-top:20px}.canvas-left .content-box .mate-list{*zoom:1}.canvas-left .content-box .mate-list:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.canvas-left .content-box .mate-list .mate-list-item{background:#eff3fb;table-layout:fixed;width:70px;height:70px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:-1px;float:left;position:relative;overflow:hidden;cursor:pointer;text-align:center;line-height:70px}.canvas-left .content-box .mate-list .mate-list-item:hover .mate-info{visibility:visible}.canvas-left .content-box .mate-list .mate-list-item .mate-img{max-width:100%;max-height:100%}.canvas-left .content-box .mate-info{position:absolute;left:0;top:0;height:100%;width:100%;visibility:hidden;overflow:hidden}.canvas-left .content-box .mate-info span{position:absolute;bottom:-25px;left:0;width:100%;background:#ddd;height:25px;line-height:25px;display:block;text-align:center;transition-duration:200ms}.canvas-left .content-box .mate-info .collect{visibility:hidden;position:absolute;right:2px;top:0;color:#f60;line-height:1;cursor:pointer;font-size:14px}.canvas-left .content-box .mate-info .del-icon{font-size:12px;position:absolute;right:2px;top:2px;line-height:1}.canvas-left .content-box .mate-info:hover span{bottom:0}.canvas-left .content-box .mate-info:hover .collect{visibility:visible}.canvas-left .content-box .layer-group{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.canvas-left .content-box .layer-group .dragged{position:absolute;opacity:.5;z-index:2000;margin-left:-50px;margin-top:-50px}.canvas-left .content-box .layer-group .placeholder{position:relative;background:red;width:104px;height:1px;margin:10px auto}.canvas-left .content-box .layer-group .placeholder:before{position:absolute;content:" ";width:0;height:0;margin-top:-5px;left:-4px;top:0;border:5px solid transparent;border-left-color:red;border-right:0}.canvas-left .content-box .layer-group .placeholder:after{position:absolute;content:" ";width:0;height:0;margin-top:-5px;right:-4px;top:0;border:5px solid transparent;border-right-color:red;border-left:none}.canvas-left .content-box .layer-group-item{border:1px solid #ddd;border-radius:5px;display:table;vertical-align:middle;text-align:center;height:104px;width:104px;margin:10px auto;padding:2px;cursor:pointer;position:relative;background:#eff3fb}.canvas-left .content-box .layer-group-item span{display:table-cell;vertical-align:middle}.canvas-left .content-box .layer-group-item:hover{border-color:#50b6d4;box-shadow:0 0 3px #50b6d4}.canvas-left .content-box .layer-group-item.active{border-color:#000;box-shadow:0 0 3px #000}.canvas-left .content-box .layer-group-item .iconfont{position:absolute;right:5px;top:2px;font-size:12px}.canvas-left .content-box .layer-group-item .lock-icon{display:none;right:25px;color:#f90}.canvas-left .content-box .layer-group-item .unlock-icon{right:25px}.canvas-left .content-box .layer-group-item.lock .lock-icon{display:block}.canvas-left .content-box .layer-group-item.lock .unlock-icon{display:none}.canvas-left .content-box .layer-img{max-width:98px;max-height:94px}.canvas-left .content-box .layer-text{width:98px;height:94px;line-height:94px;text-align:center;font-size:14px;white-space:nowrap;*word-break:break-all;*word-wrap:break-word;overflow:hidden}.canvas-left .content-box .temp-group{filter:alpha(opacity=60);opacity:.6;position:absolute;left:0;width:auto;height:auto;margin-top:-30px;margin-left:5px}.canvas-left .content-box .temp-line{position:absolute;left:0;width:100%;height:3px;border:1px solid #bf0000;-webkit-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s;text-align:center}.canvas-main{background:#fff;height:100%;position:absolute;top:0;left:76px;right:300px;overflow:hidden;border-left:1px solid #6d6d6d;padding-top:32px}.canvas-main .btn-toolbar{background:#333;padding:5px;min-width:980px;margin-top:-32px;line-height:22px}.canvas-main .canvas-container{overflow:auto;width:100%;height:100%;position:relative}.canvas-main .canvas-tm{background:#b8b8b8;padding:33px 10px 10px 33px;position:relative;width:100%;height:100%;font-family:"黑体";overflow:hidden}.canvas-main #ca{width:100%;height:100%}.canvas-main #rule-top{background:#fff url(../image/tools/diy/rule-top.gif) repeat-x scroll -28px 100%;height:23px;left:0;position:absolute;top:0;width:800%;white-space:nowrap;*word-break:break-all;*word-wrap:break-word}.canvas-main #rule-top span{display:inline-block;*display:inline;*zoom:1;width:50px;color:#000;text-indent:2px;font-size:11px;-webkit-transform:scale(0.95);padding-left:22px}.canvas-main #rule-left{position:absolute;width:23px;background:#fff url(../image/tools/diy/rule-left.gif) 100% 0 repeat-y;left:0;top:22px;height:800%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-main #rule-left span{display:block;color:#000;height:50px;padding-right:8px;text-align:right;font-size:11px;-webkit-transform:scale(0.95)}.canvas-right{height:100%;width:300px;position:absolute;top:0;right:0;border:1px solid #ddd;box-shadow:1px 1px 8px #333;padding-top:30px;background:#fff;z-index:2}.canvas-right .toolbar{height:30px;line-height:30px;border-bottom:1px solid #ddd;padding:0 10px;*zoom:1;position:relative;margin-top:-30px}.canvas-right .toolbar:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.canvas-right .toolbar em{font-style:normal;font-weight:700;font-size:14px}.canvas-right i.iconfont{font-style:normal;font-size:18px;cursor:pointer}.canvas-right .right-close{float:right;color:#99a2ae}.canvas-right .right-close:hover{color:#000}.canvas-right .right-fixed{float:right;color:#99a2ae;font-size:16px!important;margin-right:6px}.canvas-right .right-fixed:hover{color:#000}.canvas-right .right-fixed.active{color:#f90}.canvas-right .right-open{background:#fff;border-radius:4px;border:1px solid #ddd;left:0;line-height:1;padding:3px 16px 1px 4px;position:absolute;top:4px;display:none;cursor:pointer;z-index:3}.canvas-right .right-content{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:15px 10px}.canvas-right .input-group-addon{background-color:transparent;border:0;padding:5px 15px 5px 0;font-weight:300;color:#000}.canvas-right input,.canvas-right textarea{border-radius:3px!important}.canvas-right .slider-horizontal{height:30px}.canvas-right .ts-table{width:100%;margin-bottom:0}.canvas-right .ts-table caption{font-weight:300;color:#000}.canvas-right .ts-table td{padding:5px 8px;width:138px;vertical-align:middle}.canvas-right.canvas-right-close .out-view{pointer-events:none;opacity:0!important}.canvas-right .img-thumbnail-box{width:80px;height:77px;text-align:center;display:table;table-layout:fixed}.canvas-right .img-thumbnail-box span{display:table-cell;vertical-align:middle}.canvas-right .img-thumbnail-box span img{background:#eff3fb;max-width:100%;max-height:77px}.canvas-right .img-info{*zoom:1;overflow:hidden}.canvas-right .img-info:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.canvas-right #m1-btnChangeImage{position:relative;padding-left:23px}.canvas-right #m1-btnChangeImage span{font-size:20px;left:3px;line-height:1;position:absolute;top:4px}.canvas-right .slider-input{width:40px;padding:2px;float:none;text-align:center;margin-left:15px;height:23px}.edit-box{padding:10px}.edit-group{margin-bottom:12px;*zoom:1}.edit-group:last-child{margin-bottom:0}.edit-group:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.edit-group .edit-group-title{border-radius:3px;font-size:14px;height:30px;line-height:1.5;padding:5px 0;display:table-cell;color:#000;font-size:12px;font-weight:normal;line-height:1;text-align:center;vertical-align:middle;white-space:nowrap;width:1%;font-weight:700}.edit-group.br{display:block}.edit-group.br .edit-group-title{display:block;height:23px}.edit-group .nav-tabs a{font-weight:700;padding:5px 15px}.edit-group .nav-tabs .active a{color:#000}.color-icon{font-size:18px}.select-icon{font-size:15px}.fontstyle-icon{font-weight:700;line-height:1}.form-control-feedback{background:rgba(221,221,221,0.8);height:28px;line-height:29px;right:1px;top:1px}.icheck-group{border-collapse:separate;display:table;position:relative}.icheck-group-addon{vertical-align:middle;white-space:nowrap;width:1%;text-align:center;font-size:12px;height:30px;line-height:1.5;background-color:transparent;border:0 none;color:#000;font-weight:300;padding:5px 15px 5px 0}.icheck-input-group{display:inline-block;position:relative;vertical-align:middle}.icheck-group .icheck{margin-right:10px}.slider-text{background-color:#000;border-radius:4px;color:#fff;padding:0 5px;text-align:center;white-space:nowrap;display:inline-block;margin-left:12px;cursor:pointer}.out-view{position:absolute;top:180px;right:100%;width:280px;background:#fff;margin-right:1px;z-index:999;border:1px solid #ddd;border-radius:4px;display:none}.out-view.show{display:block}.out-view .out-view-hd{border-bottom:1px solid #ddd;height:30px;line-height:30px;padding:0 10px;position:relative;*zoom:1}.out-view .out-view-hd:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.out-view .out-view-hd em{font-size:14px;font-style:normal;font-weight:700}.out-view .out-view-hd i.iconfont{cursor:pointer;font-size:18px;font-style:normal;float:right}.modal-header{padding:15px}#modal-save .col-sm-2{width:12.6667%}#modal-save .col-sm-10{width:87.3333%}#modal-save .control-list{line-height:25px;padding:0;margin:0}#modal-save .control-list li{cursor:pointer;display:inline-block;margin-bottom:3px;margin-right:10px;vertical-align:top}#modal-save .control-list li.selected{background:#fffce1 url(../image/tools/canvas/selected.png) no-repeat scroll right bottom;border:1px solid #f90;border-radius:3px;color:#f90;height:23px;line-height:23px;padding:0 10px;margin-right:5px}#modal-font .modal-dialog{width:700px}#modal-font .tab-header{width:50%;margin:0 auto}#modal-font .tab-body{padding:20px}#modal-font .tab-group{display:none;height:400px;border:1px solid #ddd;overflow-y:auto;overflow-x:hidden;padding:1px 0 0 1px}#modal-font .font-list{*zoom:1;margin-top:-1px;margin-left:-1px}#modal-font .font-list:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}#modal-font .font-list-item{table-layout:fixed;width:153px;height:94px;border:1px solid #ddd;margin:-1px 0 0 -1px;float:left;position:relative;overflow:hidden;cursor:pointer;text-align:center}#modal-font .font-list-item:hover{border-color:#000;z-index:2}#modal-font .font-img{max-width:100%;max-height:57px;margin:5px 0}#modal-font .font-text{height:70px;line-height:70px;text-align:center;font-size:26px;white-space:nowrap;*word-break:break-all;*word-wrap:break-word}#modal-font .font-info{height:25px;line-height:25px;text-align:center;border-top:1px dotted #ddd}#modal-font .modal-tip{padding:0 15px}#modal-mate .modal-dialog{width:822px}#modal-mate .modal-body{height:500px}#modal-mate .nav-tabs li{width:196px;text-align:center}#modal-mate .nav-tabs li a{font-size:14px;color:#555}#modal-mate .nav-tabs li.active a{font-weight:700}#modal-mate .tab-content,#modal-mate .tab-pane{width:100%;height:100%}#modal-mate .mate-box{height:100%;width:100%;position:relative;padding:42px 10px 10px}#modal-mate .mate-tab{margin-top:-32px;padding-bottom:10px}#modal-mate .mate-content{height:100%;width:100%;position:relative}#modal-mate .mate-pane{overflow-x:hidden;overflow-y:auto;padding:0;height:100%;border:1px solid #ddd}#modal-mate .mate-list{*zoom:1}#modal-mate .mate-list:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}#modal-mate .mate-list .mate-list-item{background:#eff3fb;table-layout:fixed;width:75px;height:75px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:-1px;float:left;position:relative;overflow:hidden;cursor:pointer;text-align:center;line-height:75px}#modal-mate .mate-list .mate-list-item:hover .mate-info{visibility:visible}#modal-mate .mate-list .mate-list-item .mate-img{max-width:100%;max-height:100%}#modal-mate .mate-info{position:absolute;left:0;top:0;height:100%;width:100%;visibility:hidden;overflow:hidden}#modal-mate .mate-info span{position:absolute;bottom:-25px;left:0;width:100%;background:#ddd;height:25px;line-height:25px;display:block;text-align:center;transition-duration:200ms}#modal-mate .mate-info .collect{visibility:hidden;position:absolute;right:2px;top:0;color:#f60;line-height:1;cursor:pointer;font-style:normal;font-size:14px}#modal-mate .mate-info .del-icon{position:absolute;right:2px;top:2px;line-height:1;font-style:normal;font-size:14px}#modal-mate .mate-info:hover span{bottom:0}#modal-mate .mate-info:hover .collect{visibility:visible}#modal-mate .upload-box{text-align:center;margin-bottom:20px}#modal-tryTip .modal-dialog{width:330px}#modal-export .modal-dialog{width:700px}#modal-export textarea{width:665px;height:372px;margin:0}#modal-import .modal-dialog{width:700px}#modal-import textarea{width:665px;height:372px;margin:0}#modal-preview{width:100%;height:100%;padding:0!important}#modal-preview .modal-dialog{width:100%;height:100%;margin:0;padding:10px}#modal-preview .modal-content{width:100%;height:100%;margin:0;padding:50px 0 0 0;border-radius:0}#modal-preview .modal-header{margin:-50px 0 0 0;padding:0;position:relative;border:0 none;height:50px}#modal-preview .modal-header .close{position:absolute;margin:0;right:10px;top:10px;color:#fff;opacity:1;text-shadow:none;font-size:30px;outline:0}#modal-preview .modal-header .btn-toolbar{margin:0 auto;padding:10px 0;text-align:center;background:#535353}#modal-preview .modal-body{width:100%;height:100%;margin:0;padding:0;overflow:auto}#modal-preview img{display:block;margin:0 auto;padding:0;border:0 none;outline:0 none}#btn-upload{position:absolute;cursor:pointer;z-index:9999999}#btn-upload .swfupload{cursor:pointer;width:100%!important;height:100%!important}#btn-upload .btn{display:none}.upload-hover{background:#e0e0e0}.upload-progress{height:15px;margin-bottom:0;margin-top:5px;display:none}.upload-progress .progress-bar{line-height:15px}.upload-error{margin-top:10px;display:none}#m1-blend-colorPicker .colorpicker{background:0;width:185px;height:155px;z-index:1}#m1-blend-colorPicker .colorpicker>*{display:none}#m1-blend-colorPicker .colorpicker .colorpicker_color{display:block;left:0;top:2px}#m1-blend-colorPicker .colorpicker .colorpicker_hue{display:block;left:153px;top:0;height:155px;width:21px;background:url(../js/jquery/ColorPicker/images/custom_background.png) -178px -11px no-repeat}#m1-blend-colorPicker .colorpicker .colorpicker_hue div{left:-7px}#load-info{position:absolute;top:32px;left:0;right:1px;z-index:1;text-align:center}.zoom-box{position:absolute;bottom:0;right:0;z-index:99;background:#fff;border-top-left-radius:4px;padding:0 10px}.zoom-box .zoom-toolbar{*zoom:1;height:30px;line-height:30px;color:#555}.zoom-box .zoom-toolbar:after{content:" ";font-size:0;line-height:0;display:block;height:0;clear:both;visibility:hidden}.zoom-box .zoom-toolbar span{display:inline-block;margin-right:5px;text-align:center}.zoom-box .zoom-toolbar .slider{margin-top:-4px}.zoom-box .zoom-toolbar .iconfont{font-weight:300;font-size:14px;cursor:pointer}.zoom-box .zoom-toolbar .iconfont:hover{color:#000}.zoom-box .zoom-toolbar .zoom-up{margin-left:5px}.zoom-box #zoom-view{opacity:0;position:absolute;right:0;bottom:30px;background:#000;width:152px;height:62px;border:1px solid #000}.zoom-box #zoom-view .zoom-img{max-width:150px;max-height:60px;display:block;margin:0 auto}.zoom-box #zoom-view .zoom-move{width:40px;height:20px;background:#ddd;position:absolute;left:0;top:0;opacity:.8}.img-thumbnail{background:#eff3fb}.ua-disable{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:50000000;text-align:center;line-height:1.5}.ua-disable .main-icon{display:block;margin:100px auto 20px}.ua-disable h1{font-size:200%;font-weight:700;margin:0 auto 20px;color:#5f646e}.ua-disable h2{font-size:150%;margin:0 auto 20px;color:#5f646e}.ua-disable p{font-size:130%;margin:0 auto 20px;color:#999}.ua-disable #btn-down-chrome{background-color:#339bfc}.ua-disable a{color:#238ade;text-decoration:underline}.ua-disable span{color:#238ade}