.cms_fixed_nav { position: fixed; top: 100px; left: 20px; display: none; z-index: 999; } .cms_fixed_nav ul li { list-style: none; font-size: 0; text-align: center; position: relative; cursor: pointer; color: #fff; } .cms_fixed_nav ul li:hover a { color: #fff; display: block; opacity: .4; text-decoration: none; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
.focus-img-div { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 800px; } .fi-slide-div { width: 100%; overflow: hidden; position: relative; } .fi-slide-div .fi-item { width: 100%; overflow: hidden; text-align: center; position: absolute; top: 0; font-size: 250px; z-index: 0; background-color: #fff; } .fi-slide-div .fi-item img { width: 100%; } .fi-arrow-div { position: absolute; width: 100%; z-index: 999; } .fi-arrow-div .left { position: absolute; left: 32px; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .fi-arrow-div .left:hover { opacity: 1; filter: alpha(opacity=100); } .fi-arrow-div .right { position: absolute; right: 32px; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .fi-arrow-div .right:hover { opacity: 1; filter: alpha(opacity=100); } .focus-img-div .left { position: absolute; width: 30px; height: 52px; background: url(https://p2.lefile.cn/product/adminweb/2018/11/11/2a7f8349-14f0-42e1-afe8-7ae8afd54e1e.png) no-repeat; display: none } .focus-img-div:hover .left{ display: block; } .focus-img-div .right { position: absolute; width: 30px; height: 52px; background: url(https://p2.lefile.cn/product/adminweb/2018/11/11/cae7b801-0fe6-4691-ba99-239ba9d11576.png) no-repeat; display: none; } .focus-img-div:hover .right{ display: block; } .fi-dot-div { width: 100%; overflow: hidden; text-align: center; position: absolute; bottom: 24px; z-index: 9999; height: 28px; line-height: 28px; font-size: 0; } .fi-dot-div span { display: inline-block; margin: 0 7px; width: 24px; height: 24px; text-align: center; vertical-align: middle; } .fi-dot-div span i { display: inline-block; width: 2px; height: 8px; vertical-align: middle; background: #fff; } .fi-dot-div span.selected i { border-radius: 20px; width: 20px; height: 20px; border: 2px solid #fff; vertical-align: middle; background: transparent; } .video_hold { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .video_banner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.6); -moz-transform: scale(1.6); -webkit-transform: scale(1.6); -o-transform: scale(1.6); } .fi-slide-div a { display: inline-block; height: 100%; width: 100%; }