* {box-sizing: border-box;}
html, body, [data-web-type=wrapper]{ min-height: 100%;}
body {margin: 0;height: 100%;background-color: #fff; color: #333;}
img{max-width: 100%;}

[data-web-type=wrapper] {overflow: auto;overflow-x: hidden;}
* ::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1)}
* ::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.2)}
* ::-webkit-scrollbar {width: 10px}

header,footer{display: block;display: block;}
ul{padding:0;margin:0;}
.list li{list-style: none;}
.image{width:100%; background-repeat: no-repeat; background-size: cover; background-position:center center; background-color: #e5e5e5;}
.image[class*='bili']>*,.web-image[class*='bili']>*{position: absolute; width: 100%; height: 100%; top:0; left:0; overflow: hidden;}
.bili-16-9{height: 0; position: relative; padding-top:56.25%;}
.bili-4-3{height: 0; position: relative; padding-top:75%;}
.bili-1-1{height: 0; position: relative; padding-top:100%;}
.bili-16-9>*,.bili-4-3>*,.bili-1-1>*{position: absolute; width: 100%; height: 100%; top:0; left:0;}

.web-dashed .header,.web-dashed .footer,.web-dashed .uk-grid,.web-dashed .view,.web-dashed .link{padding-top:5px; padding-bottom: 5px;}

.link{text-decoration: none;}
a,a:link,a:active,a:hover,span{color:inherit; transition: all .1s ease;}
p, h1, h2, h3, h4, h5, h6{margin:0;}

.text:empty:after,
.table td:empty:after,
.table tr:empty:after,
.table thead:empty:after,
.table tfoot:empty:after,
.table tbody:empty:after,
.table:empty:after,
.header:empty:after,
.footer:empty:after,
.view:empty:after,
.list:empty:after,
.list li:empty:after,
.link:empty:after{content:'拖入组件到这里'; color:#999; padding-left:5px; padding-right:5px;}

.lrview{position: relative;}
.lrview .float-left{position: absolute; left:0;}

.text:empty:after{content:'双击修改文本';}

.list .preview .view:empty:after{content:'拖放组件到第一栏';}

.width-mini,.width-small,.width-middle,.width-big,.width-large{margin-left:auto; margin-right: auto;}


/* 框架CSS */
.display-block{display: block !important;}
.display-inline{display: inline !important;}
.display-inline-block{display: inline-block !important;}

.object-fit-fill{object-fit: fill}
.object-fit-contain{object-fit: contain}
.object-fit-cover{object-fit: cover}
.object-fit-inherit{object-fit: inherit}
.object-fit-scale-down{object-fit: scale-down}


/* 手机以上 */
@media screen and (min-width: 576px){
    
}

/* 平板以上 */
@media screen and (min-width: 768px){
    
}

/* 电脑以上 */
@media screen and (min-width: 1024px){
    
}

/* 大屏幕 */
@media screen and (min-width: 1024px){
    
}