@charset "utf-8";
@import url("./siteBase.css");
@import url("./webcomps.css");

/*编辑器内容模块*/
#ll_webMain{position: absolute; top: 60px; left: 0;right: 0; bottom: 0; z-index: 1;}
#ll-sidebar{ position: relative; z-index: 9;}

/*左侧工具栏模*/
#ll-sidebar .moduleBtnsList{ width:60px; position: absolute; top: 100px; left: 50px; z-index: 99;}
#ll-sidebar .moduleBtnsList > .moduleBtns{width:56px; height: 56px; border-radius: 56px; overflow: hidden; position: relative; background-color: #fff; box-shadow: 2px 3px 7px 0 rgba(0,0,0,.2); margin-bottom: 18px; cursor: pointer; transition:all .3s;}
#ll-sidebar .moduleBtnsList > .moduleBtns > i{width: 40px;height: 40px;font-size: 28px; position: absolute;top: 12px;left: 14px;}
#ll-sidebar .moduleBtnsList > .moduleBtns > i.iconguanli3{font-size: 24px;top: 14px;left: 17px;}
#ll-sidebar .moduleBtnsList > .moduleBtns > i.iconyangshixiugai{font-size: 30px;top: 8px;left: 13px;}
#ll-sidebar .moduleBtnsList > .moduleBtns > span{font-size: 15px;line-height: 53px;display: none;position: absolute;left: 51px;top: 0;}
#ll-sidebar .moduleBtnsList > .moduleBtns:hover{ width: 100px;color: #fff; background-color: #5874d8;}
#ll-sidebar .moduleBtnsList > .moduleBtns:hover span{ display: block;}
#ll-sidebar .moduleBtnsList > #modBtns_SEO:hover{ width: 135px;}


.moduleBar{ display: none; position: absolute; top: 40px; left: 110px; z-index: 99; width: 360px; border-radius:6px; overflow: hidden; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.2); height: 700px;}
.moduleBar .closeModule{position: absolute;top: 20px;right: 15px;font-size: 14px;z-index: 99;cursor: pointer;}
.moduleBar .closeModule:hover{color: #5874d8;}
.moduleBar .moduleBarTab{background: #f8f8f8;height: 55px;border-bottom: 1px solid #ddd;padding-left: 5px;position: relative;z-index: 1;}
.moduleBar .moduleBarTab > .module_title{ padding-left: 10px; height: 55px; line-height: 55px; color: #5874d8;}
.moduleBar .moduleBarTab ul > li{ margin: 0 10px; height: 55px; text-align: center; line-height: 55px; cursor: pointer; width: 70px; display: inline-block;}
.moduleBar .moduleBarTab ul > li.on{ color: #5874d8;}
.moduleBar .tabSelect{ width: 70px;  height: 2px; position: absolute; left:15px; bottom: -1px; background-color: #5874d8; z-index: 9;}
/*空状态提示模块*/
.moduleBar .moduleEmpty{ display:none; position: absolute; top: 150px; text-align: center; width: 200px; left: 50%; margin-left: -100px;}
.moduleBar .moduleEmpty > svg{ display: block; margin: 0 auto;}
.moduleBar .moduleEmpty > span.empty_text{ display: inline-block; line-height: 30px; padding-top: 10px; font-size: 12px;}

#ll_moduleStyle,#ll_Animation{ left: auto; right: 30px;}

#ll-sidebar .addModule_group{ padding-bottom: 10px;}
#ll-sidebar .moduleSidebar{position: absolute; top:70px; right: 5px; bottom: 10px; left: 15px; padding-right: 10px;}
#ll-sidebar .llw-field-title{ margin-bottom: 15px; }
#ll-sidebar .llw-field-title > legend{ font-size: 16px; font-weight: normal; margin-left: 10px; padding: 0 8px;}
.curModule_list{ position: absolute; top: 56px; right: 0; bottom: 0; left: 0;}
.curModule_list .curModule_tabList{ position: absolute; top: 0; left: 0; right: 0; height: 50px; border-bottom: 1px solid #ddd;}
.curModule_list .curModule_tabList > span.curModuleOn{ position: absolute; width: 80px; left:10px; bottom: -1px; z-index: 9; background-color: #5874d8; height: 2px;}
.curModule_list .curModule_tabList > ul{ padding-left: 10px;}
.curModule_list .curModule_tabList li.curModuleTab{ width: 80px;  height: 50px; text-align: center; line-height: 50px; cursor: pointer; display: inline-block;}
.curModule_list .curModule_tabList li.curModuleTab.on{ color: #5874d8;}
.curModule_list .curModule_tabInfo{ position: absolute; top: 70px; right: 10px; bottom: 60px; left: 20px; padding-right: 10px;}

#ll_webNavList{left: auto; right: 30px; top: 90px; position: fixed;}
#ll-mainbar{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: scroll; z-index: 1;}

/* #ll-layout{ overflow-x: hidden;} */
#lljz_web_header,#lljz_footer{ position: relative;}
#ll-layout{position: relative; z-index: 1;}
#ll-layout li.ll-comps{box-shadow: 0 0 10px 0 rgba(0,0,0,.1); margin-left: -37px; margin-top: -20px; color: #225dab; transform:none!important; background: #fff;}
#ll-layout .ll-sortPlaceholder.noAllowSort,#ll-layout .ll-sortPlaceholder.noSysInclude{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; color: #f32458; border: 1px dashed #f32458; background-color:#fee5eb; z-index: 9999;}
#ll-layout .ll-sortPlaceholder.noAllowSort::before{content:"不支持添加该模块";}
#ll-layout .ll-sortPlaceholder.noMoreInclue::before{content:"容器组件不支持超过三级";}
#ll-layout .ll-sortPlaceholder.noSysInclude::before{content:"此容器只支持添加浮动组件";}
body.addFloatModule .ll-sortPlaceholder{ display: none!important;}


#ll-layout .float_dropDom,#ll-layout .sysInclude{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
#ll-layout .compsBox{outline: 1px #ddd dashed; }
#ll-layout .compsBox:hover{outline: 1px #357ebd dashed;}
#ll-layout .compsBox.ll-sortItems{z-index: 1; border: 0;}
#ll-layout .compsBox.ll-sortItems:hover{border:0; z-index: 8;}
#ll-layout .compsBox > .ll_toolbtn{ position: absolute; top: -47px; height: 47px; left: 0; display: none; white-space: nowrap;}
#ll-layout .downToolbar > .ll_toolbtn{top:0}

.compFloat > .ui-resizable-handle:after{content:''; position:absolute; background:#fff; border-radius: 8px; border:1px solid #2b73ba; width: 8px; height: 8px; left: 50%; top:-3px; margin-left: -4px;}
.compFloat > .ui-resizable-n:after{top: 1px;}
.compFloat > .ui-resizable-e:after{top: 50%; margin-top: -5px; left: 1px;}
.compFloat > .ui-resizable-w:after{top: 50%; margin-top: -5px; left:4px;}
.compFloat > .ui-resizable-se{overflow:inherit; background:none}
.compFloat > .ui-resizable-se:after{top:7px; left: 12px}
.compsBox > .ui-resizable-ne:after{ top: 1px; left: 1px;}
.compsBox > .ui-resizable-sw:after{ left: 6px; top: -2px;}
.compsBox > .ui-resizable-nw:after{ left: 5px; top: 1px;}
.compFloat.ui-draggable-dragging > .ui-resizable-handle:after{ display: none!important;}
.com_menu .ui-resizable-handle:after{ display: none;}

.compFloat > .moveHandle{display: none;position: absolute;z-index: 99;right: 0;bottom: 0;width: 26px;height: 26px;cursor: move;background-color: #5874d8ec;color: #fff;font-size: 18px;line-height: 26px;text-align: center;}
.compFloat:hover > .moveHandle{ display: block;}
.hasChild > .addModule,.conBox > .addModule{ position: absolute; top: 50%; left: 50%; width:126px; height: 60px; margin-top: -30px; margin-left: -63px; z-index: 99;}
.hasChild > .addModule >.addModule_btn,.conBox > .addModule >.addModule_btn{ display: block; height: 35px; border: 1px solid #5874d8; color: #5874d8; text-align: center; cursor: pointer; border-radius: 3px; font-size: 0;}
.hasChild > .addModule >.addModule_btn::after,.conBox > .addModule >.addModule_btn::after{ display: inline-block; content: ""; height: 100%; vertical-align: middle; width: 0; overflow: hidden; ;}
.hasChild > .addModule >.addModule_btn i,.conBox > .addModule >.addModule_btn i{ margin-right: 8px; vertical-align: middle; font-size: 20px;}
.hasChild > .addModule >.addModule_btn span,.conBox > .addModule >.addModule_btn span{ display: inline-block; vertical-align: middle; white-space: nowrap; font-size: 14px;}
.hasChild > .addModule >.addModule_btn:hover,.conBox > .addModule >.addModule_btn:hover{ color: #fff; background-color: #357ebd;}
.hasChild > .addModule > .addModule_text,.conBox > .addModule > .addModule_text{ padding-top: 8px; text-align: center; color: #999;}
.ll-sortItems.ui-resizable-resizing{ overflow: hidden!important;}

#lljz_web_con .webCon > .conBox{ outline: 1px dashed #ddd;}
#lljz_web_con .webCon > .conBox:hover{ outline: 1px dashed #357ebd;}

/*坐标辅助线*/
#subline_x,#subline_y,#subline_l,#subline_r,#subline_c{position: absolute; display: none; z-index: 8;}
#subline_x{border-bottom: 1px dashed #5874d8; width: 100%;}
#subline_y,#subline_l,#subline_r,#subline_c{width:1px; border-left: 1px dashed #5874d8; top: 0}
#subline_l,#subline_r,#subline_c{ bottom: 0; border-color: #f32458;}


@media screen and (max-height: 780px) {
    .moduleBar {
        height: 600px;
    }
}

.listBtns{ position: absolute; bottom: 0; right: 0; white-space: nowrap; font-size: 0; display:none; background-color: #5874d8; z-index: 99999;}
.listBtns > span{ display: inline-block; font-size: 13px; width: 24px; height: 24px; color: #fff; text-align: center; line-height: 24px; border-left: 1px solid #ddd; cursor: pointer;}
.listBtns > span:first-child{ border-left: 0;}

.com_articleList .newsList_1 .listBtns,.com_articleSear .newsList_1 .listBtns{right:10px; bottom: 10px;}

.com_listPhoto .photo_WidHigh:hover .listBtns,
.com_articleList .newsListBox li:hover .listBtns,
.com_articleSear .newsListBox li:hover .listBtns,
.com_searchCon li.proList_li:hover .listBtns,
.com_productList li.proList_li:hover .listBtns{display: block;}
/* .com_simpleText:hover .simpleText_con{ background-color: rgba(255,255,255,.8);} */