* {box-sizing: border-box;}
html, body, [data-web-type=wrapper]{ min-height: 100%;}
body {margin: 0;height: 100%;background-color: #fff}
[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}

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%;}


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

.web-dashed .link{display: block; text-decoration: none;}


.web-dashed .header:empty:after,
.web-dashed .footer:empty:after,
.web-dashed .view:empty:after,
.web-dashed .list:empty:after,
.web-dashed .list li:empty:after,
.web-dashed .link:empty:after{content:'拖入组件到这里'; color:#999;}



/* 框架CSS */
.mini-show{display:none;}
.small-show{display:none;}
.middle-show{display:none;}
.big-show{display:none;}
.grid-padding-small>.view{padding:0px 0.5rem;}
.grid-padding-medium>.view{padding:0px 1rem;}
.grid-padding-large>.view{padding:0px 2rem;}

/* 手机以上 */
@media screen and (min-width: 576px){
    .mini-show{display:block;}
	.mini-hidden{display:none;}
}

/* 平板以上 */
@media screen and (min-width: 768px){
    .small-show{display:block;}
	.small-hidden{display:none;}
}

/* 电脑以上 */
@media screen and (min-width: 1024px){
    .middle-show{display:block;}
    .middle-hidden{display:none;}
}

/* 大屏幕 */
@media screen and (min-width: 1024px){
    .big-show{display:block;}
    .big-hidden{display:none;}
}