@charset "utf-8";
/* CSS Document */
/*****整体固定布局样式****/
*{ 
    margin:0;
     padding:0; 
     outline:0; 
     /*-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box; 
     box-sizing:border-box */
}
html,body {color:#666; line-height:1.5; font-size:100%; background-color:#fff;font-family:"微软雅黑"; }
body, button, input, select, table, textarea { font-family:"微软雅黑";font-weight:200; }
html { -webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%}
html, body, img, fieldset, abbr, acronym { border:0 }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; }
ol, ul,li,dl,dd { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
q:before, q:after { content:''; }
a { text-decoration:none; color:#666; }
a:hover {text-decoration:none; }
a:focus, a:active {outline: thin dotted;}
a:active, a:hover {outline: 0;}
address { font-style:normal ;}
em, i { font-style:italic ;}
img {display:inline-block; border: none;margin: 0;padding: 0;}
strong, b { font-weight:bold;}
h1, h2, h3, h4, h5 { font-family:inherit; font-weight:normal; font-style:normal;}
.clear{ clear:both; height:0px; line-height:0; font-size:0; overflow:hidden;}
/*****整体固定布局样式 end****/
.ui-stores{
    width:384px;
    height:713px;
    background:#f0f0f0;
    border-radius:4px;
    float:left;
    margin-left:100px;
    margin-top:10px;
    border:1px solid #d0d0d0;
    position:fixed;
    z-index:1;
}
.ui-phone-container{
    /*border:1px solid #d0d0d0;
    width:277px;
    height:452px;
    position:relative;
    top:69px;
    left:17px;
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
*/
}
.ui-phone-container-page{
    background-size:cover;
}
.ui-block{
    width:100%;
    margin:0px;
    padding:0px;
}
 
.ui-component{
    width:76px;
    height:96px;
    margin:10px;
    float:left;
    cursor:move;
    z-index:1;
}
.ui-component-item{
    margin-top:0px;
    position:relative;
    max-width:640px;
}

.ui-component a{
    display:block;
    width:76px;
    height:76px;
    text-decoration:none;
    background-repeat: no-repeat;
}
        
.ui-component span{
    display:inline-block;
    text-align:center;
    width:100%;
    height:20px;
    line-height:20px;
}
        
.ui-configration{
    min-height:1px;
}
.ui-configration.hover{
    border-color:#668dc6;
    border-width:1px;
    border-style:none solid solid solid;
}
.ui-sort{
    width:100%;
    position:absolute;
}
.ui-hide{
    visibility:hidden;
}
        
        
        
.ui-component-edit-back{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#000;
    position:absolute;
    z-index:2;
    opacity:0.7;
}
.ui-component-edit-line{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    border:3px dashed #F77D00;
    position:absolute;
    z-index:3;
    cursor:move;
}
        
.ui-component-edit-buttons{
    position:absolute;
    height:20px;
    top:8px;
    text-align:right;
    display:none;
    z-index:4;
    width:100%;
}
.ui-component-edit-buttons a{
    display:inline-block;
    width:30px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
    text-align:center;
    margin-right:5px;
    font-weight:bold;
    font-size:12px;
}

.ui-visible{
    opacity:1;
}
.ui-visible .show{
    display:none;
}
.ui-visible .hide{
    display:inline-block;
}
.ui-hidden{
    opacity:0.5;
}
.ui-hidden .show{
    display:inline-block;
}
.ui-hidden .hide{
    display:none;
}


img.ui-img-placeholder{
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    border:none;
}











/**  编辑样式 
.edit-fieldset{
    border:1px solid #BFCFDA;
	padding:10px 0 10px;
	margin-top:10px;
}
.edit-fieldset legend{
    font-size:12px;
    font-weight:bold;
	padding:0 5px 5px;
	color:#555;
		
}
.edit-table{
    width:100%;
    border-collapse: collapse;
    border-color: #d0d0d0;
    border-width: 1px;
	margin:0 auto; 
}
.edit-table tr td{
    border-color: #BFCFDA;
    border-style: solid;
    border-width: 1px;
    padding: 8px 2px;
	font-size:12px;
}
.edit-table tr td.left{
    width:60px;
    text-align:right;
	color:#797f98;
	background:#F3F4F8;
}
.edit-table tr td.middle{
    width:100px;
    text-align:left;
}
.edit-table-parameters{
    position:relative;
    display:none;
}
.edit-table-parameters p{
    height:32px;
    line-height:32px;
}
.edit-table input[type="text"]{
    height:25px;
	line-height:25px;
    border:1px solid #dbdfe6;
    width:60px;
    border-radius:2px;
	padding:0 5px;
}
.edit-table td.left-content{
    width:60px;
    text-align:right;
	background:#F3F4F8;
	color:#797f98;
}
.edit-table  input.middle{
    width:50%;
		
}
.edit-table  input.small{
    width:40%;
}
.edit-table  input.ui-menu-editor{
    width:50px;
    border:1px solid #d0d0d0;
    height:25px;
    line-height:25px;
    border-radius:2px;
}
.edit-table-parameters p select{
    width:72px;
    height:24px;
}
.edit-table select{
    height:26px;
    line-height:26px;
}
.edit-table select.middle{
    width:206px;
}
.edit-table-color-container{
    position:absolute;
    left:80px;
    top:0px;
    z-index:1;
    background:#f0f0f0;
    border-radius:4px;
    display:none;
}
**/
.edit-eye{
    background-image:url(/Resource/images/eye.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-remove{
    background-image:url(/Resource/images/cross.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-down{
    background-image:url(/Resource/images/sort-down.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-up{
    background-image:url(/Resource/images/sort-up.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}

.edit-async{
    height:40px;
    line-height:40px;
    float:left;
}
.edit-async div.checkbox{
    width:30px;
    height:30px;
    display:block;
    float:left;
}
.edit-async div.checkbox input{
    margin:15px;
}
.edit-async div.tips{
    margin-left:35px;
    font-size:1.4em;
    font-weight:bold;
    color:#666;
}