.artworksStyleA{position:relative;width:100%}.artworksStyleA .oneBtn{background-color:#104176;color:#fff;width:50%;margin-left:25%;padding:6px;text-align:center;cursor:pointer;margin-top:10px;z-index:2}.artworksStyleA .oneBtn.disabled{background-color:#666;color:#fff}.artworksStyleA .refreshImmediately.disabled{display:none}.artworksStyleA .refresh{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artworksStyleA .infoToImport{display:none}.artworksStyleA .callDownloadDieline{display:none}.artworksStyleA .callImport{display:none}.artworksStyleA .callCancelDesign{display:none}.artworksStyleA .callToTemplate{display:none}.txWrap{width:100%;height:100%;position:relative;background:#f3f3f3}.txWrap .infoTxWrap{display:none;z-index:3}.txWrap .txBtn{width:30px;height:30px;position:absolute;z-index:2;left:10px;top:10px;background:#ccc;color:#888;text-align:center;cursor:pointer}.txWrap .txBtn .fa{margin-top:9px}.txWrap .txBtn.btnHelp{left:45px}.txWrap .txBtn.btnHelp{left:45px}.txWrap .txBtn:hover{background:#eee}.txWrap .ctx{display:block;width:100%;height:100%;position:absolute;z-index:1;left:0;top:0}.artworksStyleA.canCancelDesign .callCancelDesign{display:block}.artworksStyleA.canDownloadDieline .callDownloadDieline{display:block}.artworksStyleA.isPecUser .callToTemplate{display:block}.artworksStyleA.canImportArtwork .callImport{display:block}.designInfoInStep{width:100%}.designInfoInStep .artworkMask{width:100%;height:100%;position:absolute;display:table-cell;text-align:center;vertical-align:middle;background:#000;color:#fff;-moz-opacity:.5;opacity:.5;padding-top:120px;z-index:99;display:none}.designInfoInStep .artworkMask.show{display:table-cell}.designInfoInStep .iconWrap{border:1px solid #03a9f4;cursor:default}.designInfoInStep .iconWrap.disabled{color:#bfbfbf;border-color:#ccc}.designInfoInStep .iconWrap:hover{border-color:#60f;cursor:pointer}.designInfoInStep .btns .confirm{background:#03a9f4}.designInfoInStep .btns .confirm:hover{background:#00bcd4}.designInfoInStep .btns .share{background:#900}.designInfoInStep .btns .share:hover{background:#500}.designInfoInStep .btns .infoWrap{margin-left:10px;font-size:10px}.designInfoInStep .btns>.disabled,.designInfoInStep .btns>.disabled:hover{background:#bbb}.designInfoInStep.mobile .viewWrap{width:100%;height:180px;background:#f3f3f3;border:1px solid #eee}.designInfoInStep.mobile .list{width:100%;position:relative}.designInfoInStep.mobile .list .one{width:33.33%;padding:5px;position:relative}.designInfoInStep.mobile .list .one>div{position:relative;width:100%;text-align:center;height:50px}.designInfoInStep.mobile .list .one>div .iconWrap{position:absolute;display:table;top:0;left:50%;margin-left:-25px;width:50px;height:50px;background:#fff;border-radius:50px}.designInfoInStep.mobile .list .one>div .icon{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;font-size:16px}.designInfoInStep.mobile .list .one.half{margin-top:5%;margin-left:5%;width:90%}.designInfoInStep.mobile .list .nameWrap{text-align:center}.designInfoInStep.mobile .list .arrow{position:absolute;top:50%;margin-top:-7px}.designInfoInStep.mobile .exp{padding:10px 0 10px 0}.designInfoInStep.mobile .line{border-top:1px solid #ccc}.designInfoInStep.mobile .btns{padding:60px 15% 0 15%;width:100%;position:relative}.designInfoInStep.mobile .btns>*{width:100%;color:#fff;text-align:center;padding:10px 0 10px 0;cursor:pointer}.designInfoInStep.mobile .btns>*+*{margin-top:20px}.designInfoInStep.pc{width:100%}.designInfoInStep.pc .list{display:table;table-layout:fixed;width:100%;position:relative}.designInfoInStep.pc .list .one{margin:auto;height:auto;width:60%;padding:5px;position:relative}.designInfoInStep.pc .list .one>div{position:relative;width:100%}.designInfoInStep.pc .list .one>div .iconWrap{position:relative;width:100%;height:100px;display:table}.designInfoInStep.pc .list .one>div .iconWrap .viewWrap{position:absolute;width:100%;height:100px;display:table-cell;z-index:1;vertical-align:middle;text-align:center}.designInfoInStep.pc .list .one>div .iconWrap .viewWrap img{max-width:98%;max-height:92px}.designInfoInStep.pc .list .one>div .iconWrap .icon{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;position:relative;left:0;top:0;z-index:2}.designInfoInStep.pc .list .one>div .iconWrap .icon .fa{font-size:24px}.designInfoInStep.pc .list .one>div .infoWrap{padding:3px;font-size:12px;text-align:center}.designInfoInStep.pc .list .one.half{margin-top:5%;margin-left:5%;width:90%}.designInfoInStep.pc .btns{padding:60px 15% 0 15%;width:100%;position:relative;margin-top:30px}.designInfoInStep.pc .btns td{padding:10px;position:relative}.designInfoInStep.pc .btns .oneBtn{width:100%;color:#fff;text-align:center;padding:10px 0 10px 0;cursor:pointer}.designInfoInStep.pc .btns .oneBtn.disabled{background:#999}.btnBox{padding:0 10px;border-top:1px solid #ddd;padding-top:5px}.slideDown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;width:auto;border-radius:20px;padding:2px;border:1px solid rgba(0,0,0,.1);position:relative;animation:moveDown 1s;-webkit-animation:moveDown 1s}.selectBox{position:relative;border:1px solid rgba(0,0,0,.1);width:260px;text-align:center;background:#fff;height:100%;line-height:30px;border-radius:5px;margin:0 3px;padding:0 3px}.selectBox .selectText{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul li{list-style:none}.layerBox{position:absolute;bottom:30px;border:1px solid #eee;border-radius:5px;background:#fff;left:0;width:100%}.layerBox li{list-style:none;line-height:30px;padding:0 5px;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.layerBox li span{display:block;height:30px;width:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px}.layerBox li.active{background:#ddd}