body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; } a { text-decoration: none; color: #444; } *{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; } .clearfix{*zoom:1;}/*IE/7/6*/ .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1} ul,li{ list-style: none; } @font-face { font-family: 'iconfont'; /* project id 424033 */ src: url('//at.alicdn.com/t/font_424033_jncwvt0aw34bo6r.eot'); src: url('//at.alicdn.com/t/font_424033_jncwvt0aw34bo6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_424033_jncwvt0aw34bo6r.woff') format('woff'), url('//at.alicdn.com/t/font_424033_jncwvt0aw34bo6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_424033_jncwvt0aw34bo6r.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="weui-icon-"], [class*=" weui-icon-"] { display: inline-block; vertical-align: middle; font: normal normal normal 14px/1 "weui"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before { display: inline-block; margin-left: .2em; margin-right: .2em; } .weui-icon-circle:before { content: "\EA01"; } /* '顮� */ .weui-icon-download:before { content: "\EA02"; } /* '顮� */ .weui-icon-info:before { content: "\EA03"; } /* '顮� */ .weui-icon-safe-success:before { content: "\EA04"; } /* '顮� */ .weui-icon-safe-warn:before { content: "\EA05"; } /* '顮� */ .weui-icon-success:before { content: "\EA06"; } /* '顮� */ .weui-icon-success-circle:before { content: "\EA07"; } /* '顮� */ .weui-icon-success-no-circle:before { content: "\EA08"; } /* '顮� */ .weui-icon-waiting:before { content: "\EA09"; } /* '顮� */ .weui-icon-waiting-circle:before { content: "\EA0A"; } /* '顮� */ .weui-icon-warn:before { content: "\EA0B"; } /* '顮� */ .weui-icon-info-circle:before { content: "\EA0C"; } /* '顮� */ .weui-icon-cancel:before { content: "\EA0D"; } /* '顮� */ .weui-icon-search:before { content: "\EA0E"; } /* '顮� */ .weui-icon-clear:before { content: "\EA0F"; } /* '顮� */ .weui-icon-back:before { content: "\EA10"; } /* '顮� */ .weui-icon-delete:before { content: "\EA11"; } .weui-icon-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%; } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .weui-icon_toast { font-size: 55px; color: white; margin-bottom: 6px; } .weui-icon_toast.weui-loading { margin:10px; width: 38px; height: 38px; vertical-align: baseline; } /* '顮� */ [class^="weui-icon_"]:before, [class*=" weui-icon_"]:before { margin: 0; } .weui-icon-success { font-size: 23px; color: #09BB07; } .weui-icon-waiting { font-size: 23px; color: #10AEFF; } .weui-icon-warn { font-size: 23px; color: #F43530; } .weui-icon-info { font-size: 23px; color: #10AEFF; } .weui-icon-success-circle { font-size: 23px; color: #09BB07; } .weui-icon-success-no-circle { font-size: 23px; color: #09BB07; } .weui-icon-waiting-circle { font-size: 23px; color: #10AEFF; } .weui-icon-circle { font-size: 23px; color: #C9C9C9; } .weui-icon-download { font-size: 23px; color: #09BB07; } .weui-icon-info-circle { font-size: 23px; color: #09BB07; } .weui-icon-safe-success { color: #09BB07; } .weui-icon-safe-warn { color: #FFBE00; } .weui-icon-cancel { color: #F43530; font-size: 22px; } .weui-icon-search { color: #B2B2B2; font-size: 14px; } .weui-icon-clear { color: #B2B2B2; font-size: 14px; } .weui-icon-delete.weui-icon_gallery-delete { color: #FFFFFF; font-size: 22px; } .weui-icon_msg { font-size: 93px; } .weui-icon_msg.weui-icon-warn { color: #F76260; } .weui-icon_msg-primary { font-size: 93px; } .weui-icon_msg-primary.weui-icon-warn { color: #FFBE00; } .wap_content { width: 100%; position: fixed; background: url(http://om0o5f85p.bkt.clouddn.com/grid2.svg); background-repeat: repeat; background-size: 3%; top: 0; bottom: 45px; left: 0; } .diy_wap_footer { } .diy_canvas_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tipHtml,.toastLoading{ position: fixed; z-index: 99999999999; background: rgba(0,0,0,.6); border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 16px; text-align: center; top: 50%; left: 50%; padding:15px; transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: 180px; margin-top: -100px; } .tipHtml .icon,.toastLoading .icon { font-size: 55px; margin-bottom: 15px; width: 40px; height: 40px; } .djys-align-wrap { position: fixed; height: 35px; left: 10px; background: #fff; position: fixed; bottom: 55px; border-radius: 50px; -webkit-border-radius: 50px; text-align: center; padding: 0 5px; transform:translateX(0%); -webkit-transform:translateX(0%); transition:all .6s cubic-bezier(.215,.61,.355,1); -webkit-transition:all .6s cubic-bezier(.215,.61,.355,1); opacity: 1; filter: alpha(opacity=1); box-shadow: 0 0 20px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.1); } .djys-align-ani { transform:translateX(-110%); -webkit-transform:translateX(-110%); opacity: 0; filter: alpha(opacity=0); } .djys-align-wrap .djys-align-item { float: left; line-height: 35px; height: 35px; position: relative; padding: 0 10px; font-size: 12px; color: #222; } .djys-align-wrap .djys-align-item:after { position:absolute; content: ""; width: 1px; height: 14px; background: #ddd; right: 0; top: 50%; margin-top: -7px; } .djys-align-wrap .djys-align-item:last-child:after { width: 0; } .djsy-text-edit-wrap { position: fixed; top: 0px; left: 0; width: 100%; background: #fff; padding: 5px 10px; font-size: 13px; transition:all .6s cubic-bezier(.215,.61,.355,1); -webkit-transition:all .6s cubic-bezier(.215,.61,.355,1); opacity: 0; filter: alpha(opacity=0); transform:translateY(-120%); -webkit-transform:translateY(-120%); } .djsy-text-edit-ani { opacity: 1; filter: alpha(opacity=1); transform:translateY(0); -webkit-transform:translateY(0); } .djsy-mui-popover { height: 200px; width: 200px; } .djsy-text-edit-nav { padding-left: 85px; position: relative; height: 35px;` } .djsy-text-edit-nav-left { position: absolute; top: 0; left: 0; border:1px #eee solid; border-bottom: none; width: 80px; height: 36px; line-height: 30px; text-align: left; background: #fff; z-index: 1; padding-left: 10px; } .djsy-text-edit-fontFamily > a { background: #f5f5f5; border:1px #eee solid; height: 30px; line-height: 30px; display: block; padding: 0 10px; color: #222; position: relative; } .djsy-text-edit-fontFamily > a:after, .djsy-text-edit-nav-left:after { position: absolute; width: 8px; height: 14px; background:url(../image/tb.png) no-repeat; content: ""; top: 50%; margin-top: -7px; right: 10px; background-size:contain; -webkit-background-size:contain; } .djsy-color-default > span { display: inline; white-space: nowrap; width: 18px; height: 18px; border-radius: 100px; -webkit-border-radius: 100px; margin-right:5px; float: left; } .djsy-color-default > span:last-child{ margin-right:0; } .djsy-color-default { overflow: hidden; width: 100%; } .djsy-color-content { position: relative; padding: 10px 30px 10px 10px; border: 1px #eee solid; } .djsy-color-panel { position: absolute; top: 0; right: 0; width: 30px; height: 100%; text-align: left; padding: 10px; padding-left: 0; } .djsy-color-panel .iconfont { font-size: 18px; color: #f39e19; } #djsy_text_edit_popover .mui-table-view { font-size: 13px; } #djsy_text_color_panel_content { width: 200px; height: 190px; padding:0 8px; } .djsy-color-panel-item { float: left; width: 11.11111111%; height: 100%; background: #f00; position: relative; } .djsy-color-panel-item > span { display: block; width: 100%; height: 12.5%; position: relative; } .mui-popover { position: fixed; z-index: 999; display: none; width: 280px; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-property: opacity; transition-property: opacity; opacity: 0; border-radius: 7px; background-color: #f7f7f7; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); -webkit-overflow-scrolling : touch; } .djsy-mui-popover, .djsy-font-popover { height: 200px; width: 200px; } .mui-scroll_content { height: auto; } .mui-scroll_content >ul >li { padding: 30px 10px; } .diy_wap_footer { background: #fff; height: 45px; width: 100%; left: 0; bottom: 0; position: fixed; z-index: 1; padding-right: 100px; } .footer_nav_right{ background: #0084f4; height: 100%; width: 100px; position: absolute; right: 0; top: 0; line-height: 45px; color: #fff; text-align: center; text-decoration: none; } .diy_wap_footer_content { display: flex; display: -webkit-flex; } .diy_wap_footer_content > a { width: 100%; height: 50px; text-align: center; padding: 5px 0 0; } .diy_wap_footer_content > a >span { display: block; font-size: 10px; line-height: 1; } .diy_wap_footer_content > a > i { font-size:23px; color: #222; width: 25px; height: 25px; overflow: hidden; display: block; margin: 0 auto; line-height: 1; margin-bottom: 3px; } .diy_wap_footer_content > a:nth-child(2) > i { font-size: 26px; } .previewCanvas { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 99999; display: none; } .previewImgWrap { height: 320px; width: 320px; margin: 0 auto; /* background: url('../image/1.png') no-repeat; background-position: center center; background-size:auto 100%; */ position: absolute; top: 40%; left: 50%; margin-left: -160px; margin-top: -160px; } .previewImgWrap img.previewImg { position: absolute; top: 0; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); max-height: 100%; } .close_preview { position: absolute; bottom: 30px; left: 50%; font-size: 24px; width: 40px; height: 40px; text-align: center; line-height: 30px; border:1px #222 solid; border-radius:100px; -webkit-border-radius:100px; margin-left: -20px; } .close_preview i { font-size: 14px; line-height: 1; } .func_add { position: fixed; bottom: 70px; right: 10px; box-shadow: 0px 0px 10px 5px #ddd; -webkit-box-shadow: 0px 0px 10px 5px #ddd; } .func_add .add_icon { background: #fff; width: 45px; height: 45px; display: block; border-radius: 60px; -webkit-border-radius: 60px; color: #999999; text-align: center; line-height: 48px; font-size: 24px; position: absolute; bottom: 0; right: 0; z-index: 2; transition:transform .8s cubic-bezier(.215,.61,.355,1); -webkit-transition:transform .8s cubic-bezier(.215,.61,.355,1); transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); } .func_add_click .add_icon { transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); } .func_add_contant { width: 45px; background: #fff; border-radius: 60px; -webkit-border-radius: 60px; /*padding: 10px 0 55px 0;*/ position: absolute; bottom: 0px; right: 0; z-index: 1`; overflow: hidden; height: 45px; transition:height .6s cubic-bezier(.215,.61,.355,1); -webkit-transition:height .6s cubic-bezier(.215,.61,.355,1); padding: 0 10px; box-shadow: 0 0 20px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.1); } .func_add_click .func_add_contant{ height: 220px; } .func_add_contant a { color: #ffaa3b; display: block; text-decoration: none; padding: 10px 0; font-size: 24px; text-align: center; border-bottom: 1px #eee solid; position: relative; } .func_add_contant a:first-child { padding-top: 20px; } .func_add_contant a input[type=file] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } .djsy-pop-wrap { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px #eee solid; border-bottom: 1px #eee solid; display: none; z-index: 3; } .djsy-source-list-left, .djsy-source-list-right { background: #f5f5f5; width: 25%; float: left; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } .djsy-source-list-right { background: #fff; width: 75%; right: 0; top: 0; left: auto; } .djsy-source-list-left span { display: block; background: #f5f5f5; text-align: center; border-top: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid; padding: 10px 0; font-size: 12px; color: #999; } .djsy-source-contant-ul >li { float: left; width: 50%; border-right: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid; background: #fff; } .djsy-source-contant-ul >li > div { display: block; width: 100%; height: 100%; text-align: center; padding: 10px; } .djsy-source-contant-ul >li > div>img { max-width: 100%; height: 20vh; } .djsy-source-contant-ul >li > div >span { display: block; color: #333333; font-weight: bold; padding: 10px 0; } .djsy-source-list-left span.active { background: #fff; border-right-color: #fff; color: #222; } .djsy-source-list-left span:first-child { border-top: none; } .djsy-pop-wrap_content, .djsy-pop-wrap_content .c { padding-top: 45px; width: 100%; height: 100%; position: relative; } .djsy-pop-wrap_content .c { padding: 0; } .diy_wap_pop_title { position: fixed; top: 0; left: 0; width: 100%; height: 45px; border-bottom: 1px #d9d9d9 solid; line-height: 45px; text-align: center; z-index: 999; } .close_pop { position: absolute; right: 0; width: 50px; height: 45px; line-height: 40px; } .close_pop i { font-size: 14px; } .footer_nav_cart { right: 100px; background: #6ab2ee; } #djsy_rotate { position: absolute; left: -100000px; }