::-webkit-scrollbar-track-piece { background-color: #f1f1f1; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background-color: #c1c1c1; background-clip: padding-box; min-height: 28px; }
::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8; }

/*h1, h2, h3, h4, h5, h6 { display: inline-block; }*/

.fy-text-h1 { font-size: 46px; font-weight: 400; line-height: 1.5; }
.fy-text-h2 { font-size: 36px; font-weight: 400; line-height: 1.5; }
.fy-text-h3 { font-size: 26px; font-weight: 400; line-height: 1.5; }
.fy-text-h4 { font-size: 20px; font-weight: 400; line-height: 1.5; }
.fy-text-h5 { font-size: 18px; font-weight: 400; line-height: 1.5; }
.fy-text-h6 { font-size: 16px; font-weight: 400; line-height: 1.5; }

.fy-text-p22 { font-size: 22px; line-height: 1.5; }
.fy-text-p20 { font-size: 20px; line-height: 1.5; }
.fy-text-p16 { font-size: 16px; line-height: 1.5; }
.fy-text-p14 { font-size: 14px; line-height: 1.5; }
.fy-text-p12 { font-size: 12px; line-height: 1.5; }


.fy-element-text { overflow: hidden; }
/*.fy-element-edit { border: 1px solid red; }*/
.fy-vmk { position: relative; }

.fy-element-edit { position: absolute; left: 0; top: 0; }
.fy-element-edit-box { position: absolute; height: 100%; width: 100%; }

/*图片元件*/
.fy-element-edit .fy-element-img { width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; }
.fy-element-edit .fy-element-img img { width: 100%; height: 100%; }
.fy-element-img a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
/*形状元件*/
.fy-element-edit .fy-element-shape { }
.fy-element-edit .fy-element-shape .fy-shape { position: absolute; background-color: #36b0f3; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.fy-element-edit .fy-element-shape .fy-shape-1 { }

/*线条*/
.fy-element-edit .fy-element-line { }
.fy-element-edit .fy-element-line .fy-line { position: absolute; border-color: #36b0f3; margin: 0; }
.fy-element-edit .fy-element-line .fy-line-1 { border-width: 1px 0 0; border-style: solid; width: 100%; height: 0; left: 0; top: 50%; margin-top: -1px; }

.fy-element-edit .fy-element-line .fy-line-10 { border-width: 0 0 0 3px; border-style: solid; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }

/*按钮*/
.fy-element-edit .fy-element-button { position: absolute; width: 100%; height: 100%; cursor: pointer; }
.fy-element-edit .fy-btn-text { /*display: block; font-weight: 400; position: relative; text-align: center; top: 50%; margin-top: -.5em; line-height: 100%; color: #fff; font-size: 16px; z-index: 2;*/ }

.fy-element-edit .fy-btn-text { display: block; position: relative; z-index: 3; text-align: center; top: 50%; margin-top: -.5em; font: 400 14px/100% '微软雅黑'; color: #fff; }
.fy-element-edit .fy-btn-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; }
.fy-element-edit .fy-btn-bg { background-color: #3d9be9; }
.fy-element-edit .fy-element-button-1 .fy-btn-bg { }
.fy-element-edit .fy-element-button-2 .fy-btn-bg { border-radius: 50%; }


/*容器*/
.fy-container-warp { position: absolute; z-index: 1; height: 100%; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.fy-container-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 0; background-color: rgba(232, 232, 232, 0.5); }

.fy-component-edit { position: absolute; left: 0; top: 0; }
.fy-component-edit-box { position: absolute; height: 100%; width: 100%; overflow: hidden; }


/*可视化基础*/
/*.rowinner-1200 { width: 1200px; }*/
.vmk-rowinner { margin: 0 auto; position: relative; }
.vmk-move-x { position: relative; float: left; /*overflow: hidden;*/ }
.vmk-move-xp { position: absolute; }
.vmk-column { position: relative; }
.vmk-move-xyp { position: absolute; /*overflow: hidden;*/ }

/*可视化布局盒子*/
/*上下行盒子*/
.vmk-row { margin: 0 auto; padding: 0; position: relative; /*background: #a2e8dc;*/ }

.vmk-row { *zoom: 1; }
.vmk-row:before, .vmk-row:after { content: " "; display: table; }
.vmk-row:after { clear: both; }

/*行内内 定义1200整体宽度*/
.vmk-body-inner { margin: 0 auto; position: relative; }


/*线条*/
.fy-element-edit .fy-element-line { }
.fy-element-edit .fy-element-line .fy-line { position: absolute; border-color: #0075e1; margin: 0; }

.fy-element-edit .fy-element-line .fy-line-100 { border-width: 1px 0 0; border-style: solid; width: 100%; height: 0; left: 0; top: 50%; margin-top: -1px; }
.fy-element-edit .fy-element-line .fy-line-110 { border-width: 1px 0 0; border-style: dashed; width: 100%; height: 0; left: 0; top: 50%; margin-top: -1px; }
.fy-element-edit .fy-element-line .fy-line-120 { border-width: 1px 0 0; border-style: dotted; width: 100%; height: 0; left: 0; top: 50%; margin-top: -1px; }

.fy-element-edit .fy-element-line .fy-line-101 { border-width: 3px 0 0; border-style: solid; width: 100%; height: 0; left: 0; top: 50%; margin-top: -2px; }
.fy-element-edit .fy-element-line .fy-line-111 { border-width: 3px 0 0; border-style: dashed; width: 100%; height: 0; left: 0; top: 50%; margin-top: -2px; }
.fy-element-edit .fy-element-line .fy-line-121 { border-width: 3px 0 0; border-style: dotted; width: 100%; height: 0; left: 0; top: 50%; margin-top: -2px; }

.fy-element-edit .fy-element-line .fy-line-200 { border-width: 0 0 0 1px; border-style: solid; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }
.fy-element-edit .fy-element-line .fy-line-210 { border-width: 0 0 0 1px; border-style: dashed; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }
.fy-element-edit .fy-element-line .fy-line-220 { border-width: 0 0 0 1px; border-style: dotted; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }

.fy-element-edit .fy-element-line .fy-line-201 { border-width: 0 0 0 3px; border-style: solid; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }
.fy-element-edit .fy-element-line .fy-line-211 { border-width: 0 0 0 3px; border-style: dashed; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }
.fy-element-edit .fy-element-line .fy-line-221 { border-width: 0 0 0 3px; border-style: dotted; width: 0; height: 100%; left: 50%; top: 0; margin-left: -2px; }


/*视频*/ 
.fy-element-edit .fy-element-video { }
.fy-element-edit .fy-element-video .fy-video { position: absolute; background-color: #36b0f3; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.fy-element-edit .fy-element-video .fy-video-1 { }

.fy-element-edit .fy-element-video video { width: 100%; height: 100%; object-fit: fill; }
.fy-element-edit .fy-element-video iframe { width: 100%; height: 100%; }
.fy-element-edit .fy-element-video embed { width: 100%; height: 100%; }