body{margin:0;padding:0;font-family:"Microsoft YaHei",Arial,"SimSun"}input{outline:none}ul,li{margin:0;padding:0;list-style:none}img{outline:none}.selectcont li{position:relative;display:inline-block;width:160px;height:160px;margin:20px;border:1px solid #ddd;box-shadow:1px 1px 5px #ddd;background:#f5f5f5}.selectcont li .edit{box-shadow:#aaa 1px 1px 5px;position:absolute;overflow:hidden;width:114px;height:160px;top:0;left:23px}.selectcont li .edit .imgbox{background:#ddd;width:100%;height:100%}.selectcont li .edit .imgbox img{position:absolute;z-index:1;height:100%;width:284px;top:0;left:-85px}.selectcont li .edit .box{position:absolute;overflow:hidden}.selectcont li .image_hover_vessel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:98;display:none}.selectcont li .image_hover_vessel .image_hover_shade{position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:.7}.selectcont li .image_hover_vessel .image_hover_content{position:absolute;left:0;right:0;top:0;bottom:0;margin:5% 10%}.selectcont li .image_hover_vessel .image_hover_edit{position:absolute;left:0;right:0;top:50%;bottom:0;margin:auto;width:50px;height:30px;line-height:30px;font-size:20px;color:#fff;text-align:center;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none}.selectcont li .image_hover_vessel .image_hover_edit:hover{border-radius:5px;background:#fff;color:#555}.selectcont li:hover .image_hover_vessel{display:block}#canvas{-moz-user-select:none;-webkit-user-select:none;user-select:none;font-family:'Hiragino Sans GB','Microsoft YaHei',simsun;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;position:absolute;left:0;right:0;top:0;bottom:0;z-index:2000;margin:auto;width:800px;height:600px;background:#f3f3f1;overflow:hidden}#canvas *{margin:0;padding:0}#canvas ol,#canvas ul{list-style:none}#canvas table{border-collapse:collapse;border-spacing:0}#canvas input,#canvas button,#canvas textarea{outline:none}#canvas .edit{position:absolute;overflow:hidden;cursor:move}#canvas .edit .box{position:absolute;overflow:hidden;cursor:pointer}#canvas .edit .imgbox{background:#ddd;width:100%;height:100%;cursor:crosshair}#canvas .edit .imgbox img{position:absolute;z-index:1}#canvas .edit_area{position:absolute;left:0;right:0;top:20px;bottom:0;margin:auto;width:450px;height:450px}#canvas .edit_toolbar{position:absolute;top:20px;bottom:0;left:60px;margin:auto;width:30px;height:240px;text-align:center}#canvas .edit_toolbar .edit_toolbar_list{display:inline-block;vertical-align:middle;width:30px;height:30px;background-size:100%;margin:15px 0;cursor:pointer}#canvas .edit_toolbar .edit_zoomin{background-image:url(../images/icon_edit_zoomin.png)}#canvas .edit_toolbar .edit_zoomout{background-image:url(../images/icon_edit_zoomout.png)}#canvas .edit_toolbar .edit_auto{background-image:url(../images/icon_edit_auto.png)}#canvas .edit_toolbar .edit_rotate{background-image:url(../images/icon_edit_rotate.png)}#canvas .edit_toolbar .edit_count{position:relative;display:inline-block;vertical-align:middle;height:26px;line-height:26px;padding:0 5px;margin:0 10px;border:solid 2px #813f45;border-radius:5px;font-size:12px;color:#813f45;cursor:pointer}#canvas .edit_toolbar .edit_opt_paper{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}#canvas .edit_template{position:absolute;top:185px;bottom:0;right:45px;margin:auto;width:84px}#canvas .edit_template .template_title{color:#222;font-size:16px}#canvas .edit_template .template_list_vessel{margin-top:15px;overflow:hidden;overflow-y:auto;max-height:200px}#canvas .edit_template .template_list{position:relative;display:inline-block;width:80px;height:80px;border:solid 2px #ddd;margin:5px 0;cursor:pointer}#canvas .edit_template .template_list.current{border:solid 2px #813f45}#canvas .edit_template .template_item{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#ddd;border:solid 1px #d0d0d0}#canvas .edit_hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:12px;color:#999}#canvas .canvas_header{position:absolute;left:0;right:0;top:30px;height:30px;line-height:30px}#canvas .canvas_header .canvas_item{position:absolute;top:0;left:30px;margin:0 10px;font-size:16px;color:#222}#canvas .canvas_header .canvas_name{position:absolute;top:0;left:0;right:0;width:300px;margin:auto;text-align:center;font-size:16px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#canvas .canvas_header .canvas_btn{position:absolute;top:0;right:30px}#canvas .canvas_header .canvas_btn_list{position:relative;display:inline-block;margin:0 10px;width:60px;text-align:right;cursor:pointer;font-size:16px;color:#222}#canvas .canvas_header .canvas_btn_list[data-type="save"]:before,#canvas .canvas_header .canvas_btn_list[data-type="save"]:after,#canvas .canvas_header .canvas_btn_list[data-type="cancel"]:before,#canvas .canvas_header .canvas_btn_list[data-type="cancel"]:after{content:"";position:absolute;bottom:0;top:0;margin:auto}#canvas .canvas_header .canvas_btn_list[data-type="save"]:before{background:#73dd84;width:20px;height:2px;left:4px;top:0;-ms-transform:scaleX(1) rotate(-45deg);-webkit-transform:scaleX(1) rotate(-45deg);-moz-transform:scaleX(1) rotate(-45deg);-o-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}#canvas .canvas_header .canvas_btn_list[data-type="save"]:after{background:#73dd84;width:10px;height:2px;left:-1px;top:6px;-ms-transform:scaleX(1) rotate(45deg);-webkit-transform:scaleX(1) rotate(45deg);-moz-transform:scaleX(1) rotate(45deg);-o-transform:scaleX(1) rotate(45deg);transform:scaleX(1) rotate(45deg)}#canvas .canvas_header .canvas_btn_list[data-type="cancel"]:before{background:#9d5c62;width:20px;height:2px;left:0;top:0;-ms-transform:scaleX(1) rotate(-45deg);-webkit-transform:scaleX(1) rotate(-45deg);-moz-transform:scaleX(1) rotate(-45deg);-o-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}#canvas .canvas_header .canvas_btn_list[data-type="cancel"]:after{background:#9d5c62;width:20px;height:2px;left:0;top:0;-ms-transform:scaleX(1) rotate(45deg);-webkit-transform:scaleX(1) rotate(45deg);-moz-transform:scaleX(1) rotate(45deg);-o-transform:scaleX(1) rotate(45deg);transform:scaleX(1) rotate(45deg)}#canvas .precision_vessel{position:absolute;top:0;bottom:0;left:0;right:0;width:167px;height:30px;line-height:30px;font-size:12px;margin:auto;z-index:1000;background:#000;color:#fff;text-align:center;border-radius:5px;opacity:.7;pointer-events:none;display:none}#canvas .precision_vessel .precision_icon,#canvas .precision_vessel .precision_content{display:inline-block}#canvas .precision_vessel .precision_icon{border-radius:100%;color:#d22837;font-weight:bold;width:12px;height:12px;line-height:12px;font-size:12px;border:solid 2px #d22837;margin-right:5px}#canvas .precision_vessel .precision_content{line-height:30px;font-size:12px}#cboxClose{background:url(../images/close3.png) no-repeat 0 -25px transparent !important}#cboxClose:hover{background:url(../images/close3.png) no-repeat 0 0 transparent !important}#cboxOverlay{opacity:.5 !important;filter:alpha(opacity=50) !important}.clear{clear:both;height:0;font-size:0;overflow:hidden}