@charset "utf-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*********************************	前台后台手机端通用		********************************
*/
/*Banner插件*/
#banner_edit{ width:100%; height:600px; position:relative; overflow:hidden;}
#banner_edit .banner_box{ width:100%; height:100%; position:absolute; top:0; left:0;}
#banner_edit .banner_box .banner_title,
#banner_edit .banner_box .banner_brief,
#banner_edit .banner_box .banner_mainpic{ position:absolute; cursor:default; white-space:pre-wrap; text-align:left;}
#banner_edit .banner_box .banner_list{ width:100%; height:100%; position:relative; overflow:hidden;}
#banner_edit .banner_box .banner_list a{ width:100%; height:100%; display:block; cursor:pointer;}
#banner_edit .banner_box .banner_list .banner_position{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;}
#banner_edit .banner_box .banner_list .banner_bg{ width:100%; height:100%; background-repeat:no-repeat; background-size:100% 100%;}
#banner_edit .banner_box .banner_list img{ max-width:100%;}
#banner_edit .banner_tab{ width:100%; height:15px; position:absolute; bottom:15px; left:0; text-align:center;}
#banner_edit .banner_tab a{ width:10px; height:10px; margin:0 3px; background:#f1f1f1; display:inline-block; border-radius:5px;}
#banner_edit .banner_tab a.on{ background:#f00;}
#banner_edit .banner_loading{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../themes/default/images/global/loading_oth.gif) #fff center no-repeat;}

/* Banner图效果3 slidetype3 */
#banner_edit.banner_slidetype3 .banner_slide_mask1{ display:none; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;}
#banner_edit.banner_slidetype3 .banner_slide_mask2{ display:none; width:100%; height:100%; background:#fff; position:absolute; left:-100%; top:0;}
#banner_edit.banner_slidetype3 .banner_slide_mask2:after{ width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
#banner_edit.banner_slidetype3 .banner_list{ position:absolute; left:0; top:0;}
/* Banner文字效果 */

/*可视化编辑插件框架Banner插件手机端*/
.plugins_edit_contents #mbanner_edit_mask{ width:100%; height:100px; position:relative; background-image:url(../manage/images/view/icon_noimg.png);}
.plugins_edit_contents #mbanner_edit_mask .mbanner_edit_list{ width:100%; height:100px; position:absolute; top:0; left:0; display:none; text-align:center;}
.plugins_edit_contents #mbanner_edit_mask .mbanner_edit_list:first-child{ display:block;}

/*可视化编辑插件框架*/
.plugins_edit_contents{ width:100%; height:100%; position:absolute; top:-2px; left:-2px; border:2px dashed transparent;}
.plugins_edit_contents.current{ border:2px solid #0cb083; z-index:1;}
.plugins_edit_contents .plugins_pos{ display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3);}
.plugins_edit_contents .plugins_layout_mask{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../themes/default/images/global/loading_oth.gif) #fff no-repeat center; z-index:20;}
.plugins_edit_contents #banner_edit_mask,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_list{ width:100%; height:100%; background:#fff; position:absolute; top:0; left:0;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_list{ overflow:hidden;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_position,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_mainpic{ position:absolute; top:0; left:0; white-space:pre-wrap; text-align:left;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_position{ text-align:center;}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_position.move,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic{ cursor:move;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_mainpic{ border:2px dashed transparent;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_noimg{ display:none; width:100%; height:100%; background:url(../manage/images/view/icon_plugins_noimg.png) #f3f3f3 center no-repeat; position:absolute; left:0; top:0;}
.plugins_edit_contents #banner_edit_mask .banner_edit_mask_noimg .banner_edit_mask_noimgtxt{ width:100%; margin-top:60px; color:#bbb; font-size:18px; text-align:center; position:absolute; left:0; top:50%; box-sizing:border-box;}
.plugins_edit_contents.current_edit{ z-index:1000;}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic{ border:2px dashed rgba(107,185,164,0.5);}
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_title.editing,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_brief.editing,
.plugins_edit_contents.current_edit #banner_edit_mask .banner_edit_mask_mainpic.editing{ border:2px dashed #0cb083;}
.plugin_edit_mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.plugin_edit_mask.current{background: rgba(0, 0, 0, 0.1);z-index: 1100;}
.plugin_edit_box{line-height: 20px;background:#0cb083; position:absolute; top:18px; left:50%; transition: all 0.2s ease-in-out; opacity:0; z-index:0; border-radius:5px; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); transform:translate(-50%, -10px);}
.plugin_edit_box.current{ opacity:1; z-index:1100; transform:translate(-50%, 0);}
.plugin_edit_box .plugins_eidt_item{ display:inline-block;width: 40px;padding: 10px 60px 10px 90px; font-family:Arial; font-size:16px; line-height:20px; color:#fff; cursor:pointer;}
.plugin_edit_box .plugins_eidt_item.pluginseffect{background:url(../manage/images/frame/icon_pluginseffect.png) 60px center no-repeat;}
.plugin_edit_box .plugins_eidt_item.pluginslayout{background:url(../manage/images/frame/icon_pluginslayout.png) 60px center no-repeat;}
.plugin_edit_box .plugins_eidt_item.pluginseditor{background:url(../manage/images/frame/icon_pluginseditor.png) 60px center no-repeat;}
/*.plugin_edit_box .plugins_eidt_item.pluginseditor.pluginseditorbanner{ width:110px; background-position:40px; text-align:center;}*/

/*引导部分样式*/
#global_guide_box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1101;background: rgba(0, 0, 0, 0.7);}
#global_guide_box>span{height: 30px;line-height: 30px;margin: 0 auto 65px;position: absolute;right: 0;bottom: 50%;left: 0;text-align: center;font-size: 24px;color: #fff;}
#global_guide_box>em{width: 80px;height: 80px;background: #0cb083 url(../manage/images/frame/icon_mouse.png) no-repeat center center;border-radius: 100%;margin:auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation: cd-pulse 2s infinite;-moz-animation: cd-pulse 2s infinite;animation: cd-pulse 2s infinite;-webkit-animation-delay: .5s;-moz-animation-delay: .5s;animation-delay: .5s;}

@-webkit-keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}
@-moz-keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}
@keyframes cd-pulse {
	0% { box-shadow: 0 0 0 0 #0cb083; }
	100% { box-shadow: 0 0 0 45px transparent; }
}

/* 默认板块 */
.global_start_design{width: 100%;height: 1000px;background-color: #f6f6f6;background-image: url(../manage/images/view/icon_start_design.png);background-repeat: no-repeat;background-position: center 300px;padding-top: 480px;color: #555555;font-size: 40px;text-align: center;box-sizing: border-box;}