#textDirection{width:200px}#preview_img{width:550px}.demo-img-box>img{width:95%;cursor:zoom-in}.demo-box{border:3px dashed #6dcff6;box-shadow:0 0 50px -20px #333;padding:15px;margin:45px 0}.demo-img-box{position:relative}.demo-img-box>span{position:absolute;top:5px;left:15px;font-weight:600}.model-select-box{width:280px;height:44px;line-height:44px;float:right;text-indent:5px;position:relative;font-size:calc(12px + 1vh);box-sizing:border-box;background:#fff;border-radius:5px;margin:10px;border:1px solid #585858;outline:0;cursor:pointer}.model-select-text{height:35px;padding-right:27px;cursor:pointer}.model-select-option{display:none;position:absolute;background:#fff;width:100%;left:-1px;border:1px solid #585858;outline:0;z-index:100;top:42px}.model-select-option li{height:120px;line-height:120px;color:#000;cursor:pointer}.model-select-option li img{width:90px;vertical-align:middle}.model-select-option li.selected{background:#06c;color:#fff}.bg1{position:absolute;top:18px;right:5px;border-width:6px;border-style:solid;border-color:#000 transparent transparent transparent}@media screen and (max-width:768px){.model-select-box{margin:50px auto}.demo-img-box{margin:100px 0}}