* { font-family:"Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.cl { clear: both; }
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.defaultstyle { position: relative; margin: 0; padding:0; }
.posr { postion: relative; }
.blur{filter:url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter:blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);}
body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0;}
a { text-decoration: none;color: #666; }
ul { list-style: none;margin: 0;padding: 0; }
img { max-width: 100%; height: auto; }
/*公共样式*/

.form { width: 50%; height: 100%; position: fixed; top: 0; left: 0; }
.form .row { margin: 0px 20px 0px 10px; border-bottom: 1px solid #E8ECEF; }
.form .row:last-of-type { border-bottom: 0; margin-bottom: 50px; }
.form .row .con { padding: 10px 0; }
.form .row .desc { margin-bottom: 5px; }
.form .row .desc b { color:#333; font-weight: normal; display: block;}
.form .row .desc span { color:#aaa; display: block; font-size: 12px; line-height: 1.2;}
.form .row .input input,
.form .row .input select,
.form .row .input textarea { border: 1px solid #d2dce5; padding: 0; line-height: 30px; width: 100%; }
.form .row .input input:focus,
.form .row .input select:focus,
.form .row .input textarea:focus { outline: none; }
.form .row .input select { padding: 8px 0; }
.form .row .input textarea { padding: 8px 0; line-height: 1.2;}
.output { width: 50%; height: 100%;position: fixed; right: 0; top: 0; }
.form .row .input.power .clone { padding: 20px; background: #f6f6f6; border: 1px solid #E8ECEF; margin-bottom: 10px;position: relative;  }
.form .row .input.power .clone .delete { position: absolute; top: 10px; right: 10px; cursor: pointer;  border-radius: 2px; background: #d2dce5; color: #8a9198; padding: 2px 10px;}
.form .row .input.power .clone:last-of-type { margin-bottom: 0; }
.form .row.power .desc { margin-top: 10px; }
.form .row.power .desc input { border: 1px solid #8a9198; background: #8a9198; color: #fff; border-radius: 2px; margin-right: 5px; }
.form .row.power .desc input:focus {outline: none; }
pre { margin: 0; padding: 20px; }

.preview { display: inline-block; position: fixed; bottom: 20px; right: 20px; min-width: 200px; background: #111; border-radius: 4px; }
.preview * { font-family: 'SimSum'; font-size: 16px; }
.preview .con { margin: 2px; border: 4px solid #27035D;padding: 5px; }
.preview .con p {margin: 0; padding: 0; }
.preview .name { color: #ffff54; }
.preview .info { color: #fff;position: relative; }
.preview .info .l { text-align: left; }
.preview .info .r { position: absolute; top: 0; right: 0; }
.preview .description { color: #54ff54; }
.preview .lore { color: #ffff54; }

/*字体引入*/
.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-family: 'iconfont';
	rc: url('icons/iconfont.eot'); 
	src: url('icons/iconfont.eot?#iefix') format('embedded-opentype'),
	url('icons/iconfont.woff') format('woff'),
	url('icons/iconfont.ttf') format('truetype'),
	url('icons/iconfont.svg#iconfont') format('svg');
}