.workSpace{
    margin-left: 400px;
}

.workSpace .phoneBorder{
    width: 324px;
    height: 604px;
    background-color: #FAF6F6;
    border: 18px solid #000;
    border-radius: 55px;
    overflow: hidden;
}

.workSpace .phoneBorder .phoneHeader{

}

.workSpace .phoneBorder .phoneScreen{
    width: 585px;
    height: 1126px;
}


.workSpace .a{
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.workSpace .a div::before{
    position: absolute;
    top: calc(50% - 8px);
    /* left: -12px; */
    border-radius: 50%;
    content: " ";
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><circle cx="16" cy="16" r="14" fill="%234255FF" stroke="%23fff" stroke-width="4"/><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m19.5 12 4 4-4 4M13 12l-4 4 4 4"/></svg>');
    background-size: 100%;
}

.workSpace .b{
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.workSpace .b div::before{
    position: absolute;
    top: calc(50% - 8px);
    /* left: -12px; */
    border-radius: 50%;
    content: " ";
    width: 28px;
    height: 28px;
    background: url('/themes/default/images/split-h.svg');
    /* <svg t="1697631350831" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6947" width="32" height="32"><path d="M132.939294 481.882353l227.207529 0 0 60.235294-227.207529 0 99.147294 99.147294-42.586353 42.586353-171.851294-171.851294 171.911529-171.911529 42.586353 42.586353-99.207529 99.207529zM834.499765 340.088471l-42.586353 42.586353 99.147294 99.207529-227.207529 0 0 60.235294 227.207529 0-99.147294 99.147294 42.586353 42.586353 171.851294-171.851294-171.851294-171.911529zM481.882353 1024l60.235294 0 0-1024-60.235294 0 0 1024z" fill="#3280fc" p-id="6948"></path></svg> */
    
    background-size: 100%;
}


.workSpace .phoneBorder .phonefooter{

}

.previewZone{
    float: left;
    width: 372px;
}

.previewZone .styleSelect{

}

.previewZone .styleSelect .title{

}

.previewZone .styleSelect .more{

}

.previewZone .style{

}

.previewZone .style .previewBG{

}

.previewZone .style .previewIMG{

}

.previewZone .info{

}

.previewZone .edit{

}

.previewZone .download{

}

.previewZone .other{

}

.previewZone .other .print{

}

.previewZone .other .other{

}