@charset "utf-8";
body{background:#f1f1f1;font-family:'Microsoft YaHei',tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;}
a{font-family:'Microsoft YaHei',tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;outline:medium none;color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:link,a:visited{text-decoration:none}
a:hover{color:#da4343;text-decoration:none}
img,li{border:0;vertical-align:top}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:'Microsoft YaHei',tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}



/*登录样式 login.html*/
.zyl_login_cont{width: 100%; height: 100%; background-color: #009688; position: fixed; left: 0px;top: 0px;}
.bxs-row{margin-bottom:12px;}
.login_content{margin-top:25%; background: #fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.2);overflow: hidden;}
.logo-box{position:relative; display: block; }
.login{padding:42px 42px 36px; display: block; transition:all .8s; }
.btn,.password,.username{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;width:100%;height:44px;border:1px solid #9da3a6;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#000;text-overflow:ellipsis;font-weight:400;font-size:1em;font-size:13px;font-family:Helvetica,Arial,sans-serif;direction:ltr}
.submit{border:1px solid #0070ba;background-color:#0070ba;color:#fff}
.submit:hover{background-color:#005ea6}
.verBox{position:absolute;top:0;left:404px;padding-top:55px;width:100%;text-align:center;opacity:0;transition:all .8s}
.login_footer{display: block; position: fixed; bottom: 30px;left: 0; width: 100%;}
.login_footer p{display: block; text-align: center; font-size: 14px; line-height: 2em; color:#fff;}

.slider-btn{position:absolute;width:44px;height:44px;left:0;top:-7px;z-index:12;cursor:pointer;background-image:url(../images/sprite.3.2.0.png);background-position:0 -84px;transition:inherit}
.ver-tips{position:absolute;left:0;bottom:-22px;background:rgba(255,255,255,.9);height:22px;line-height:22px;font-size:12px;width:100%;margin:0;text-align:left;padding:0 8px;transition:all .4s}
.slider-tips{bottom:0}
.ver-tips i{display:inline-block;width:22px;height:22px;vertical-align:top;background-image:url(../images/sprite.3.2.0.png);background-position:-4px -1229px}
.ver-tips span{display:inline-block;vertical-align:top;line-height:22px;color:#455}
.active-tips{display:block}
.hidden{display:none}
.re-btn{position:absolute;left:0;bottom:0;height:28px;padding:0 16px}
.re-btn a{display:inline-block;width:14px;height:14px;margin:7px 0;background-image:url(../images/sprite.3.2.0.png);background-position:0 -1179px;cursor:pointer}
.re-btn a:hover{background-position:0 -1193px}

/*默认信息页 info.html*/



/*模板装修样式 edit.html*/

.design-area{width:100%!important; height:100%; position:fixed;background:#f1f1f1;}
.design-area .layui-row{height:100%; position:relative;}
.design-area .layui-row .design-box-left,.design-area .layui-row .design-box-right,.design-area .layui-row .design-box-operation{height:100%; padding-top:25px; }
.design-area .layui-row .design-box-left{width:95px;}
.design-area .layui-row .design-box-right{width:calc(100% - 405px);}
.design-area .layui-row .design-box-operation{width:310px;}
.design-area .layui-row .design-box-operation .header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;padding:15px;text-align:center;margin-bottom:15px;}
.design-area .layui-row .design-box-operation .operation{}
.design-area .layui-row .design-box-operation .operation .oprea-item{margin-bottom:15px;}
.design-area .layui-row .design-box-operation .operation .oprea-item .label{margin-bottom:5px;}
.design-area .layui-row .design-box-left .layui-row, .design-area .layui-row .design-box-right .layui-row, .design-area .layui-row .design-box-operation .layui-row {background:#fff; padding:15px; height:100%; position:relative;}
.design-area .layui-row .design-box-left .layui-row .wrapper{display:block; margin:35px auto; cursor:pointer}
.design-area .layui-row .design-box-left .layui-row .wrapper .iconfont{text-align:center; font-size:25px;color:#999999;}
.design-area .layui-row .design-box-left .layui-row .wrapper.active .iconfont{color:#ff0000;}
.design-area .layui-row .design-box-left .layui-row .wrapper .text{text-align:center;font-size:14px;color:#666666; line-height:2em;}

/*店铺装修模块列表*/
.design-area .layui-row .slide-right-wrap{position:absolute; z-index:999; left:90px;top:0px; width:260px; height:100%;background:#fff; display:none;}
.design-area .layui-row .slide-right-wrap .arrow{width:0;height:0;border-top:10px solid transparent;border-right:10px solid;border-bottom:10px solid transparent;position:absolute;margin-left:-10px;z-index:9999; margin-top:65px;border-right-color:#fff}
.design-area .layui-row .slide-right-wrap .slide-right-content{overflow-y:scroll; height:100%;}
.design-area .layui-row .slide-right-wrap .slide-right-content::-webkit-scrollbar-thumb{background-color:#666666;border-radius:3px}
.design-area .layui-row .slide-right-wrap .slide-right-content::-webkit-scrollbar{width:5px;height:5px}
.design-area .layui-row .slide-right-wrap .slide-right-content::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);border-radius:3px}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-header{display:block; border-bottom:solid 1px #ddd; padding:10px 0px 10px 50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-header .section-icon{ font-size:26px; color:#666666; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-header .section-name{padding-left:5px; font-size:16px; color:#666666; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-header .btn-wrap{}
.design-area .layui-row .slide-right-wrap .slide-right-content #sortable{margin:0;padding:0;}


.design-area .layui-row .slide-right-wrap .slide-right-content .ui-state-default,.design-area .layui-row .slide-right-wrap .ui-widget-content .ui-state-default,.design-area .layui-row .slide-right-wrap .ui-widget-header .ui-state-default{border:none;background:#fff;}



.design-area .layui-row .slide-right-wrap .slide-right-content .section-item{display:block; border-bottom:solid 1px #ddd; padding:10px 0px 10px 15px; cursor:pointer;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item .section-icon.icon-item1{ font-size:16px; color:#cccccc; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item .section-icon.icon-item2{ font-size:26px; color:#666666; line-height:50px;padding-left:15px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item .section-name{padding-left:5px; font-size:16px; color:#666666; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item .btn-wrap{float:right; line-height:50px; margin-right:35px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item .btn-wrap .section-icon{color:#cccccc;}

.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-footer{display:block; border-bottom:solid 1px #ddd; padding:10px 0px 10px 50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-footer .section-icon{ font-size:26px; color:#666666; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-footer .section-name{padding-left:5px; font-size:16px; color:#666666; line-height:50px;}
.design-area .layui-row .slide-right-wrap .slide-right-content .section-item-footer .btn-wrap{}


/*资源库子类*/
.design-area .layui-row .slide-right-body{position:absolute; z-index:999; left:90px;top:0px; width:500px; height:100%;background:#fff; display:none;}
.design-area .layui-row .slide-right-body .arrow{width:0;height:0;border-top:10px solid transparent;border-right:10px solid;border-bottom:10px solid transparent;position:absolute;margin-left:-10px;margin-top:150px;border-right-color:#ffffff}
.design-area .layui-row .slide-right-body .section-select-category{display:inline-block;width:150px; padding:15px;}
.design-area .layui-row .slide-right-body .section-select-category .section-select-category_item{display:inline-block; width:150px; padding:15px 0px; cursor:pointer;}
.design-area .layui-row .slide-right-body .section-select-category .section-select-category_item .section-select-category_item_img{display:inline-block;font-weight:bold; font-size:16px; color:#999999;}
.design-area .layui-row .slide-right-body .section-select-category .section-select-category_item .section-select-category_item_text{display:inline-block; font-size:14px; color:#999999; padding-left:10px;}
.design-area .layui-row .slide-right-body .section-select-category .section-select-category_item.active .section-select-category_item_img,.design-area .layui-row .slide-right-body .section-select-category .section-select-category_item.active .section-select-category_item_text{color:#ff0000;}
.design-area .layui-row .slide-right-body .section-select-preview{float:right;width:320px;height:100%;background-color:#f7f8fa;}
.design-area .layui-row .slide-right-body .section-select-preview .noinfo{padding:15px;text-align:center;}
.design-area .layui-row .slide-right-body .section-select-preview .section-select-preview_item{padding:15px;border-bottom:1px solid #fff;}
.design-area .layui-row .slide-right-body .section-select-preview .section-select-preview_item .section-select-preview_item_title{margin-bottom:10px;}
.design-area .layui-row .slide-right-body .section-select-preview .section-select-preview_item img{width:100%;}

.design-area .layui-row .design-box-right .layui-row .design-box-header{display:block;}
.design-area .layui-row .design-box-right .layui-row .design-box-body{display:block;}
.design-area .layui-row .design-box-right .layui-row .design-box-footer{display:block;}

.design-area .layui-row .design-box-right .layui-row .design-box-header .section-item .layui-row{ height:60px; background:#666666; font-size:25px; text-align:center; line-height:60px;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item .layui-row{ height:60px; background:#666666; font-size:25px; text-align:center; line-height:60px;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item{position:relative;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item.active{border:2px solid #f00;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item .section-operate{position:absolute;right:0;top:0;background-color:#f00;display:none;cursor:pointer;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item .section-operate>span.btndelete{font-size:20px;display:block;padding:3px 10px;line-height:20px;color:#fff;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-item.active .section-operate{display:block;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-defaultvalue{display:none;}
.design-area .layui-row .design-box-right .layui-row .design-box-body .section-data{display:none;}
.design-area .layui-row .design-box-right .layui-row .design-box-footer .section-item .layui-row{ height:60px; background:#cccccc; font-size:25px; text-align:center; line-height:60px;}

.design-box-operation>.layui-row{padding-top:0!important;}
.design-box-right>.layui-row,.design-box-operation>.layui-row{overflow:auto;}
.design-box-body a{pointer-events: none;}


.layui-colorpicker{box-sizing:initial;}
.layui-colorpicker-main-input .layui-btn-container .layui-btn-primary{margin:0;}