@import "static-cover.css";

.page-ornament .component-item .demo-0{
    width: 145px;
    height:223px;
    background-image:url(../images/page-ornament/img-demo-0.png);
    background-size:100%;
}

.page-ornament .component-item .demo-1{
    width: 103px;
    height:103px;
    background-image:url(../images/page-ornament/img-demo-1.jpg);
    background-size:100%;
}

.page-ornament .mobile-preview .device-demo.iphone8{
    background-image:url(../images/page-ornament/device-iphone8.png);
    background-size:100% 100%;
}

.page-ornament .mobile-preview .device-demo canvas{
    position: inherit;
    left: auto;
    top: auto;
    right: auto;
}

.page-ornament .mobile-preview .device-demo.iphone8 canvas{
    width:375px;
    height:667px;
    margin-top:164px;
}

.page-ornament .mobile-preview .device-demo .title-text{
    position: absolute;
    top:318px;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:100%;
    font-size:0;
    z-index:10;
}

.page-ornament .mobile-preview .device-demo .name-text,
.page-ornament .mobile-preview .device-demo .desc-text{
    display: inline-block;
    width:100%;
    font-size:16px;
    text-align: center;
    line-height: 1;
}

.page-ornament .mobile-preview .device-demo .name-text{
    margin-top:18px;
}

.page-ornament .mobile-preview .device-demo .desc-text{
    margin-top:13px;
}