.em-12{font-size:1.2em}.em-09{font-size:.6em}.color-3{color:#f60}.m-right-5px{margin-right:5px}.m-left-5px{margin-left:5px}.check-group .one-check-box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:200}.check-box{height:40px;width:auto;margin:5px;font-size:13px;display:inline-block;position:relative;cursor:pointer}.check-box .check-text{border:1px solid #ccc;text-align:center;line-height:40px;padding:0 30px;height:100%;width:100%}.check-box .check-state{display:none;width:15px;height:13px;background:url(/Diy/Img/Layout/radioCheckedImg-checked-sm.png) no-repeat;position:absolute;bottom:0;right:0}.check-box.active .check-text{border:1px solid #f00}.check-box.active .check-state{display:block}@media screen and (max-width:480px){.check-box .check-text{border-radius:1em}.check-box.active{color:#00ba5f;font-weight:bold}.check-box.active .check-text{border:1px solid #00ba5f;border-radius:1em;background:rgba(0,186,95,.2)}.check-box.active .check-state{display:none}}.check-box-number{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:200}.check-box-number .counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px;margin-left:-5px;color:#f00;border:1px solid #f00;border-left:0}.check-box-number .counter .minus,.check-box-number .counter .add{padding:5px;cursor:pointer}.check-box-number .counter .number{padding:5px;color:#000}@media screen and (max-width:480px){.check-box-number .counter{border:1px solid #00ba5f;border-radius:0 1em 1em 0;background:#fff;margin-left:-25px;position:relative;color:#00ba5f}.check-box-number .counter .minus,.check-box-number .counter .add{padding:5px 15px}.check-box-number .counter .minus:active,.check-box-number .counter .add:active{background:#ddd}.check-box-number .counter .number{font-weight:bold;color:#00ba5f}}.check-box-select{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:200}.check-box-select .selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px;margin-left:-5px;color:#f00;border:1px solid #f00;border-left:0}.check-box-select .selector select{outline:none;height:100%;border:0;padding:3px;cursor:pointer}@media screen and (max-width:480px){.check-box-select .selector{border:1px solid #00ba5f;border-radius:0 1em 1em 0;background:#fff;margin-left:-1.5em;z-index:1}.check-box-select .selector select{background:transparent;color:#00ba5f}}.check-radio .one-check-box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:200}.check-box-flex .slot-result{display:inline-block;vertical-align:top;margin:5px;margin-left:-10px;border:1px solid #f00;border-left:0;height:40px;line-height:40px;padding:0 10px}.check-box-flex .slot-result i{cursor:pointer}.check-box-flex .slot-result:hover{color:#f00;cursor:pointer}@media screen and (max-width:480px){.check-box-flex .slot-result{border:1px solid #00ba5f;border-radius:0 1em 1em 0;background:#fff;margin-left:-25px;position:relative}.check-box-flex .slot-result:active{background:#ddd}}.slot-wrap{display:block;width:100%;height:50vh}.slot-wrap .slot-box{display:block;text-align:center;width:100%;height:50vh}.slot-wrap .slot-box .slot-cell{display:inline-block;width:100%;height:100%;background:#fff;position:relative}.slot-wrap .slot-box .slot-cell .slot-cont{width:100%;border-radius:6px;overflow-y:auto;position:absolute;top:0;bottom:50px}.slot-wrap .slot-box .slot-cell .slot-btn{width:100%;height:50px;line-height:50px;position:absolute;bottom:0;left:0}.slot-wrap .slot-one{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:50px;background:#fff;margin-bottom:15px;border:1px dashed #ccc}.slot-wrap .slot-one .item-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:100%}.slot-wrap .slot-one .item-box .item-cell{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:8px;height:60%}.slot-wrap .slot-one .item-box .item-cell span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px;width:auto;height:100%}.slot-wrap .slot-one .item-box .item-cell span select,.slot-wrap .slot-one .item-box .item-cell span input{padding:5px;width:100%;height:auto;border:1px solid #8fc31f;border-radius:4px}.slot-wrap .slot-one .remove-btn{width:50px;line-height:50px;color:#aaa;font-size:1.2em;cursor:pointer}.slot-wrap .slot-one .remove-btn:active{background:#ddd}@media screen and (max-width:480px){.slot-wrap .slot-one .item-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;width:100%}.slot-wrap .slot-one .item-box .item-cell{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:8px;width:100%;height:60%}.slot-wrap .slot-one .item-box .item-cell span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:0;width:auto;height:100%}.slot-wrap .slot-one .item-box .item-cell span select,.slot-wrap .slot-one .item-box .item-cell span input{width:100%;height:100%}.slot-wrap .slot-one .item-box .item-cell span:first-child{font-size:10px;line-height:1em}.slot-wrap .slot-one .remove-btn{width:50px;line-height:50px;color:#aaa;font-size:1.2em;cursor:pointer}.slot-wrap .slot-one .remove-btn:active{background:#ddd}}.slot-wrap .add-btn{width:50%;height:20px;background:#e0e0e0;color:#fff;margin:15px auto;background:#8fc31f;border-radius:8px;text-align:center;cursor:pointer}.slot-wrap .add-btn:active{background:#ddd}.slot-wrap.active{display:table}.size-option>*{padding:10px;float:left}@media screen and (max-width:480px){.size-option>*{float:inherit}}.roll-info{margin:0;width:100%;height:auto;color:#666;position:absolute;top:0;left:0}@media screen and (max-width:480px){.roll-info{z-index:100}}.roll-info .roll-run-wrap{display:table;width:100%;height:auto;position:absolute;top:0;right:0}.roll-info .roll-run-wrap .info-run-wrap,.roll-info .roll-run-wrap .open-btn-wrap{display:table-cell}.roll-info .roll-run-wrap .info-run-wrap{width:auto;height:auto;text-align:center}.roll-info .roll-run-wrap .info-run-wrap .info-run{display:inline-block;width:auto;height:auto}.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one{position:relative}.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one .icon,.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one .msg{float:left}.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one .icon{width:50px;text-align:center}.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one .msg{width:auto;text-align:left;font-size:13px}.roll-info .roll-run-wrap .info-run-wrap .info-run .info-run-one .close{height:50px;width:25px;line-height:50px;font-size:14px;text-align:center;position:absolute;right:0;top:0}.roll-info .roll-run-wrap .open-btn-wrap{width:36px;height:36px}.roll-info .roll-run-wrap .open-btn-wrap .open-btn{width:72px;height:36px;border-radius:0 0 4px 4px;background:#fff;text-align:center;line-height:36px;color:#000;font-size:14px;cursor:pointer;position:absolute;right:15px;top:0}.roll-info .roll-run-wrap .open-btn-wrap .open-btn span{display:block;width:18px;height:18px;border-radius:18px;text-align:center;line-height:18px;background:#f00;color:#fff;position:absolute;right:-6px;bottom:-6px}.roll-info .roll-run-wrap .open-btn-wrap .open-btn:hover{background:#f0f0f0}@media screen and (max-width:480px){.roll-info .roll-run-wrap .open-btn-wrap .open-btn{border:1px solid #ccc;border-top:0}}.roll-info.roll-all-wrap-active{height:96%}.roll-info .roll-all-wrap{width:100%;height:80%;background:#e0e0e0;position:absolute;right:0;top:0;-webkit-box-shadow:0 3px 6px #333;box-shadow:0 3px 6px #333}.roll-info .roll-all-wrap .content-box{width:100%;height:auto;overflow-y:auto;position:absolute;top:0;bottom:50px}.roll-info .roll-all-wrap .content-box::-webkit-scrollbar{width:12px;height:1px}.roll-info .roll-all-wrap .content-box::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}.roll-info .roll-all-wrap .content-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.roll-info .roll-all-wrap .content-box ul{display:block;padding:10px;margin:0 0 20px 0;width:auto;height:auto}.roll-info .roll-all-wrap .content-box ul li{margin:0;margin-bottom:10px}.roll-info .roll-all-wrap .content-box .roll-empty{display:table;width:100%;height:100%}.roll-info .roll-all-wrap .content-box .roll-empty .roll-empty-box{display:table-cell;width:100%;height:100%;color:#ccc;text-align:center;vertical-align:middle}.roll-info .roll-all-wrap .content-box .roll-empty .roll-empty-box i{margin-bottom:20px;font-size:72px}.roll-info .roll-all-wrap .action-box{padding:10px;width:100%;height:50px;position:absolute;bottom:0}.roll-info .animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.roll-info .one-info-box{width:100%;height:100%}.roll-info .one-info-box .one-info{display:inline-block;border-radius:4px;padding-right:15px;list-style:none;line-height:1.5em;background:#f0f0f0;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;font-size:13px}.roll-info .one-info-box .one-info span{display:inline-block;padding:10px;margin-right:15px;color:#fff;font-size:12px;border-radius:4px 0 0 4px;background:#ccc;width:auto;height:100%}.roll-info .one-info-box .one-info span i{font-size:14px}.roll-info .one-info-box em{padding-left:15px;font-size:12px;text-shadow:1px 1px 0 #f0f0f0}.roll-info .clear-info-db{width:100%;height:50px;line-height:50px;border-top:1px solid #ccc;position:absolute;bottom:0;background:#e0e0e0}.roll-info .clear-info-db button{border-color:#ccc}.roll-info .close-btn{width:78px;height:26px;border-radius:0 0 4px 4px;text-align:center;line-height:26px;background:#e0e0e0;position:absolute;right:17.33333333px;bottom:-26px;cursor:pointer;-webkit-box-shadow:0 3px 6px #333;box-shadow:0 3px 6px #333}.number-counter{height:30px}.number-counter>*{text-align:center;height:30px;float:left}.number-counter span{display:block;line-height:30px;width:30px;color:#666;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:#eee;border:1px solid #ccc;border-radius:4px 0 0 4px}.number-counter span:last-child{border-radius:0 4px 4px 0}.number-counter span:active{background:#999}.number-counter input{width:80px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc;border-left:0;border-right:0}.remark textarea{width:80%}@media screen and (max-width:480px){.remark textarea{width:100%}}.liveware input{width:80%}@media screen and (max-width:480px){.liveware input{width:100%}}.size-box{width:320px;height:32px;margin-bottom:5px;background:#e6e6e6;border:1px solid #ccc;position:relative;display:table;text-align:right}@media screen and (max-width:480px){.size-box{width:100%}}.size-box span,.size-box input,.size-box em,.size-box select{line-height:30px;height:30px;display:table-cell}.size-box span{width:auto;text-align:left;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-box span:hover{height:100%;overflow:visible;position:relative;left:0;z-index:2}.size-box input{width:80px;background:#fff;text-align:right;border:0;padding-right:10px;margin:0}.size-box em{width:40px;text-align:center}.size-box select{outline:none;width:120px;border:0}.design{width:100%;height:100%}.tool-bar{display:table;width:100%;height:90px;color:#fff;position:absolute;bottom:0}.tool-bar .tool-bar-box{display:table-cell;text-align:center;vertical-align:middle}.diy-shade{display:table;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}.diy-shade .shade-box{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.diy-shade .shade-box i{color:#fff;font-size:32px}.priceBill{padding:15px}.priceBill table{border:1px dashed #ccc;background:#f2f2f2;margin-top:10px;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.priceBill tr:hover td.jump-step i{color:#000}.priceBill td{padding:5px;border-bottom:1px solid #e0e0e0;font-weight:100;padding-left:20px}.priceBill td:first-child{font-weight:bold;border-right:1px solid #e0e0e0;vertical-align:middle}.priceBill td.jump-step{height:100%;text-align:right}.priceBill td.jump-step i{cursor:pointer;font-size:20px;color:#999}.priceBill .border-block{margin-right:8px;padding:5px;border:1px solid #ddd;margin-bottom:5px;background:#fff;display:inline-block;cursor:pointer}.priceBill .border-block b{color:#333;border-left:1px solid #ccc;padding-left:5px;font-weight:100}.priceBill ul{padding:0;margin:0}.priceBill ul li{list-style:none}.global-waiting{display:table;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100}.global-waiting .global-waiting-box{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.global-waiting .global-waiting-box i{color:#fff;font-size:32px}.box-list-tab{width:100%;height:100%;position:relative}.box-list-tab .box-list-bill,.box-list-tab .box-list-btn{position:relative;height:100%;float:left}.box-list-tab .box-list-bill{height:100%}.box-list-tab .box-list-bill span{display:block;height:100%;width:100px;font-size:14px;text-align:center;line-height:45px;color:#ccc;background:#444;cursor:pointer;float:left;position:relative}.box-list-tab .box-list-bill span em{position:absolute;left:10px}.box-list-tab .box-list-bill span i{display:none;cursor:pointer;position:absolute;top:10px;right:10px}.box-list-tab .box-list-bill span i:hover{color:#fff}.box-list-tab .box-list-bill span:hover i{display:inline-block}.box-list-tab .box-list-bill span.active{background:#999;color:#fff}.box-list-tab .box-list-btn{display:table;height:100%;width:auto}.box-list-tab .box-list-btn span{display:table-cell;height:100%;width:100px;background:#333;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}.panel-price{height:100%;position:relative}@media screen and (max-width:480px){.panel-price table tr td:first-child{width:140px}}.panel-price .ref-price-btn{color:#00a0e9}.panel-price .ref-price-btn:hover{color:#007db6;cursor:pointer}.panel-price.small-panel{background:#eee;border-top:2px solid #8fc31f;padding:15px}.price-txt-box{font-size:22px;color:#f00}.panel-price-large{border-top:2px solid #8fc31f;font-size:14px;color:#000}.panel-price-large .price-info{height:50px}.panel-price-large .price-info span{color:#f00;font-size:22px}.panel-price-large .price-info span.label,.panel-price-large .price-info span.currency{font-size:14px;color:#000}.panel-price-large .price-info .price-error,.panel-price-large .price-info .price-refresh{width:100%;text-align:right}.panel-price-large .price-info .price-error span,.panel-price-large .price-info .price-refresh span{font-size:14px}.panel-price-large .price-info .price-error i,.panel-price-large .price-info .price-refresh i{cursor:pointer;color:#666}.panel-price-large .price-info-ext.active{background:#e5e5e5;padding:1px}.panel-price-large .chevron-down-icon{width:40px;height:100%;border-left:1px solid #ddd;background:#eee;text-align:center;line-height:50px;cursor:pointer}.panel-price-large .chevron-down-icon:hover,.panel-price-large .chevron-down-icon.active{background:#e5e5e5}.panel-price-large .chevron-down-icon.active i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.panel-price-large.pro-cal{border-color:#00a0e9}.mall-m-total{margin:auto;padding:10px;border-top:3px solid #00ba5f;font-size:1rem;color:#f00}.mall-m-total b{margin-right:10px;color:#000}.mall-m-total i{font-size:1.5em}.mall-m-total span.shim{display:inline-block;width:10px}.mall-m-total span.currency-box{color:#333;padding:2px 5px;font-size:8px;border-radius:.5em}.mall-m-total .price-ext-icon{color:#ccc;font-size:14px}.mall-m-total .price-ext-icon.active{color:#333;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mall-m-price-ext-row{padding:5px 10px}.quote-error-box{text-align:left}.quote-error-box h3{margin:15px;padding:0;font-size:16px}.quote-error-box ol li{margin-left:15px;padding:10px;border-radius:4px;list-style:decimal}.panel-composing{display:inline-block}.panel-composing .alert{white-space:normal !important}.panel-composing .composing-btn{margin-right:30px;color:#00a0e9;font-weight:200;cursor:pointer}.panel-composing .composing-btn i.fa-warning{color:#f90}.panel-composing .composing-btn i.fa-check-circle{color:#8fc31f}.panel-composing .composing-btn:hover{color:#00b7ee}@media screen and (max-width:480px){.panel-composing .composing-btn{font-size:12px}}.panel-diy-bill{width:100%;height:auto}.hy-dialog.shade{z-index:10}.buy-action-bar ul,.buy-action-bar li{padding:0;margin:0;list-style:none}.buy-action-bar li{margin:5px}.bottom-bar{display:table;width:100%;background:#8fc31f;height:50px}.bottom-bar .add-cart,.bottom-bar .buy-goods,.bottom-bar .to-template,.bottom-bar .D3-view{display:table-cell;color:#fff;font-size:18px;text-align:center;vertical-align:middle;cursor:pointer}@media screen and (max-width:480px){.bottom-bar .add-cart,.bottom-bar .buy-goods,.bottom-bar .to-template,.bottom-bar .D3-view{font-size:15px}.bottom-bar .add-cart i,.bottom-bar .buy-goods i,.bottom-bar .to-template i,.bottom-bar .D3-view i{font-size:18px}}.bottom-bar .buy-goods{background:#8fc31f}.bottom-bar .D3-view{display:none}@media screen and (max-width:480px){.bottom-bar .D3-view{display:table-cell}}.bottom-bar .btn-wrap-box{display:table-cell;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#eee;border-left:1px solid #fff;font-size:18px;text-align:center;vertical-align:middle;cursor:pointer;position:relative}.bottom-bar .btn-wrap-box:first-child{border-left:none}.bottom-bar .btn-wrap-box:hover{font-weight:bold;color:#fff}.bottom-bar .btn-wrap-box:active{text-shadow:2px 2px 10px #fff}.bottom-bar .btn-wrap-box.unallowed{background:#ccc}.bottom-bar .btn-wrap-box.unallowed:hover{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;color:#eee}.bottom-bar .btn-wrap-box.unallowed:active{text-shadow:none}.bottom-bar .save-case{background:#76a11a}.bottom-bar .save-case:hover{-webkit-box-shadow:2px 2px 10px rgba(18,153,11,.5);box-shadow:2px 2px 10px rgba(18,153,11,.5)}.contact-btn{display:block;line-height:50px;width:100%;height:100%;color:#8fc31f;background:#eee;font-size:16px}.contact-btn:hover,.contact-btn:active,.contact-btn:visited{font-weight:bold;color:#8fc31f}.panel-size .box-title{width:100%;position:relative}.panel-size .box-title span{color:#00a0e9;position:absolute;right:15px;cursor:pointer}.box-desc-wrap{padding:25px}.box-desc-wrap .box-desc-imgs{text-align:center}.box-desc-wrap img{margin-top:25px;max-width:95%}.model-panel{display:none}.model-panel.none{display:none}.model-panel.active{display:block}.box-id-edit{display:table;width:100%;height:auto;background:#fff;border-radius:6px 0 0 6px;position:relative}.box-id-edit .box-id-input,.box-id-edit .box-id-load{display:table-cell}.box-id-edit .box-id-input{padding:5px 10px;border-radius:6px;border:2px solid rgba(0,160,233,.7);width:80%}.box-id-edit .box-id-input span{display:inline-block;margin-right:10px;padding-right:10px;color:#ccc}.box-id-edit .box-id-input input{border:none;width:50%;outline:none;font-weight:bold;font-size:16px}.box-id-edit .box-id-input button{border:0;background:transparent;color:#00a0e9;border-left:1px solid #ddd;padding-left:10px}.box-id-edit .box-id-input button[disabled]{color:#ddd}.box-id-edit .box-id-load{height:100%;width:auto}.box-id-edit .box-id-load button{display:block;margin-left:5px;background:transparent;width:100px;border:2px solid rgba(0,160,233,.7);color:#00a0e9;border-radius:6px;outline:none;position:absolute;top:0;bottom:0}.box-id-edit .box-id-load button:active{border-color:#00a0e9}.box-id-edit .box-input-tip-panel{width:100%;border:1px solid #ccc;background:#fff;position:absolute;top:26px;left:0;z-index:1}.box-id-edit .box-input-tip-panel .tip-panel-box .one-tip{padding:8px;border-bottom:1px solid #eee;cursor:pointer}.box-id-edit .box-input-tip-panel .tip-panel-box .one-tip:hover{background:#eee}.box-id-edit .box-input-tip-panel .tip-panel-box .no-tip{padding:8px;border-bottom:1px solid #eee;color:#ccc}.box-id-edit .box-input-tip-panel .more-tip{color:#f00;padding:8px;font-size:16px}@media screen and (max-width:480px){.box-id-edit{font-size:16px}.box-id-edit .box-id-input{padding:10px 15px;width:70%;border:2px solid rgba(0,186,95,.9)}.box-id-edit .box-id-input input{width:35%;background:transparent}.box-id-edit .box-id-input button{color:#00ba5f}.box-id-edit .box-id-input button[disabled]{display:none}.box-id-edit .box-id-load{width:30%}.box-id-edit .box-id-load button{background:rgba(0,186,95,.8);border:0;color:#fff}.box-id-edit .box-id-load button:active{border-color:#00ba5f;background:rgba(0,186,95,.6)}.box-id-edit .box-input-tip-panel{border:2px solid rgba(0,186,95,.9);border-radius:6px;top:inherit;bottom:52px}.box-id-edit .box-input-tip-panel .tip-panel-box{padding:16px}.box-id-edit .box-input-tip-panel .tip-panel-box .one-tip{font-weight:bold;padding:16px;margin:7.5px;background:#eee;border-radius:6px;border-bottom:0;float:left}}.attach-wrap .tip-panel-box{background:#fff;padding:16px;overflow-y:auto}.attach-wrap .tip-panel-box .one-tip{font-weight:bold;padding:16px;margin:7.5px;background:#eee;border-radius:6px;border-bottom:0;float:left}.attach-wrap .tip-panel-box .one-tip.active{background:#000;color:#fff}.attach-wrap .tip-panel-box:after{content:'';display:block;clear:both}.quote-view p{font-size:16px;line-height:2em}.quote-view p b{font-weight:bold;margin-right:1em}.quote-view table.quote-items td{padding:8px;border:1px solid #999}.quote-view table.quote-items td.is-array{padding:0}.quote-view>table{border-bottom:20px}.printing-tpl{position:relative}.quote-change{display:inline-block}.quote-change>button{margin-left:10px}table.change-price-table tr>td{white-space:nowrap;padding:5px 10px 5px 0}@media screen and (max-width:480px){table.change-price-table tr>td{font-size:14px}}.change-price-row{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px 15px}.change-price-row .s-name{padding:0 0 0 8px;margin-bottom:15px;border-left:5px solid #00a0e9;font-weight:bold}.change-price-row .s-res-cell{padding-right:8px}.change-price-row .s-res{color:#f00;font-weight:bold;font-size:16px}.change-price-row .span-ccc{color:#999;font-size:12px}.change-price-res-cell{margin-top:15px}.change-price-panel-footer .s-res-cell{padding-right:8px}.change-price-panel-footer .s-res{color:#f00;font-weight:bold;font-size:16px}.change-price-panel-footer .span-ccc{color:#999;font-size:12px}.change-price-panel-footer .s-cid{color:#f00;font-size:14px;opacity:.8}html,body{padding:0;margin:0;width:100%;height:100%;font-size:14px}html table,body table{width:100%}html *,body *{-webkit-overflow-scrolling:touch}.home{width:100%;height:100%;padding:0;margin:0}table.options{width:100%}table.options tr{border-bottom:1px solid #eee}table.options tr td{padding:15px 0 15px 15px}table.options tr td:first-child{width:120px}table.options tr td p{margin:0;padding:0 0 0 5px}table.options tr:last-child{border-bottom:0}@media screen and (max-width:480px){table.options{display:block;width:100%}table.options tbody{display:block;width:100%}table.options tbody tr{display:block;border-bottom:0}table.options tbody tr td{display:block;padding:16px 0}table.options tbody tr td:first-child{width:100%;font-size:16px;font-weight:bold}table.options tbody tr td:first-child:before{content:'';border-left:5px solid #8fc31f;margin-right:.5em}table.options tbody tr:first-child{border-top:0}}.nav-box{text-align:center;cursor:pointer}.nav-box i{font-size:46px;color:#ccc}.nav-box i.active{color:#8fc31f}.nav-box i.active:hover{color:#8fc31f}.nav-box i:hover{color:#666}.nav-box p{padding:0;margin:0}.title-wrap{height:45px;line-height:45px;background:#666;text-align:center;color:#fff}.option-wrap{height:auto;top:45px;bottom:150px;overflow-y:auto}.option-wrap table{width:100%}.option-wrap table tr td{padding-bottom:10px}.option-wrap table tr td:first-child{vertical-align:top;font-weight:bold}.option-wrap table.jump-step{background:#fff;position:absolute;top:0;left:0;z-index:100}@media screen and (min-width:480px){.option-wrap::-webkit-scrollbar{width:12px;height:1px}.option-wrap::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}.option-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}}@media screen and (max-width:480px){.option-wrap{top:45px;bottom:117px}}.nav-wrap{display:table;height:100px;background:#e6e6e6;bottom:50px}.nav-wrap .nav-box{display:table-cell;text-align:center;cursor:pointer}.nav-wrap .nav-box i{font-size:46px;color:#ccc}.nav-wrap .nav-box i.active{color:#8fc31f}.nav-wrap .nav-box i.active:hover{color:#8fc31f}.nav-wrap .nav-box i:hover{color:#666}.nav-wrap .nav-box p{padding:0;margin:0}@media screen and (max-width:480px){.nav-wrap{height:50px}.nav-wrap .nav-box{font-size:12px}.nav-wrap .nav-box i{font-size:32px}}.btn-wrap{display:table;height:50px;background:#76a11a;bottom:0}.artwork-action{background:#eee;padding:8px 15px;border-top:1px solid #ddd}.artwork-action>*{margin-right:15px}.price-panel-wrap{display:table;width:100%}.price-panel-wrap .res-price{display:table-cell;width:100%;padding:15px;text-align:center;vertical-align:middle}.price-panel-wrap .res-price .price-pms{text-align:left}.price-panel-wrap .res-price .price-pms>tr>td{margin-bottom:10px}.price-panel-wrap .res-price .price-pms tr>td:first-child{font-weight:bold}.price-panel-wrap .res-price .price-text{width:100%}.price-panel-wrap .res-price .price-text tr>td{font-size:26px;color:#f00;text-align:left}.price-panel-wrap .res-price .price-text tr>td span{font-size:18px}.price-panel-wrap .res-price .price-text span.price-label{color:#000;font-size:14px}.price-null{padding:25px 0;width:100%;color:#999;font-size:26px;text-align:right}.item-day{display:inline-block;white-space:nowrap;padding:5px 15px;margin-right:5px;text-align:center;background:#fff;color:#000;border:1px solid #ccc;cursor:pointer;position:relative}.item-day>div{display:none}.item-day.active{background:#666;color:#fff}.item-day.active>div{display:block}.diy-app-wrap{height:100%;width:100%;position:relative}.diy-app-wrap .bigStep-mode,.diy-app-wrap .proCal-mode,.diy-app-wrap .justDesign-mode,.diy-app-wrap .shareView-mode{display:table;height:100%;width:100%;position:absolute;top:0;left:0}.diy-app-wrap .bigStep-mode .main,.diy-app-wrap .proCal-mode .main,.diy-app-wrap .justDesign-mode .main,.diy-app-wrap .shareView-mode .main,.diy-app-wrap .bigStep-mode .form,.diy-app-wrap .proCal-mode .form,.diy-app-wrap .justDesign-mode .form,.diy-app-wrap .shareView-mode .form{display:table-cell;position:relative;height:100%}.diy-app-wrap .bigStep-mode .main,.diy-app-wrap .proCal-mode .main,.diy-app-wrap .justDesign-mode .main,.diy-app-wrap .shareView-mode .main{background:#333;overflow:hidden}.diy-app-wrap .bigStep-mode .main .tab-wrap,.diy-app-wrap .proCal-mode .main .tab-wrap,.diy-app-wrap .justDesign-mode .main .tab-wrap,.diy-app-wrap .shareView-mode .main .tab-wrap,.diy-app-wrap .bigStep-mode .main .to3d-wrap,.diy-app-wrap .proCal-mode .main .to3d-wrap,.diy-app-wrap .justDesign-mode .main .to3d-wrap,.diy-app-wrap .shareView-mode .main .to3d-wrap,.diy-app-wrap .bigStep-mode .main .m-tip-wrap,.diy-app-wrap .proCal-mode .main .m-tip-wrap,.diy-app-wrap .justDesign-mode .main .m-tip-wrap,.diy-app-wrap .shareView-mode .main .m-tip-wrap{width:100%;position:absolute}.diy-app-wrap .bigStep-mode .main .tab-wrap,.diy-app-wrap .proCal-mode .main .tab-wrap,.diy-app-wrap .justDesign-mode .main .tab-wrap,.diy-app-wrap .shareView-mode .main .tab-wrap{height:45px;top:0}.diy-app-wrap .bigStep-mode .main .to3d-wrap,.diy-app-wrap .proCal-mode .main .to3d-wrap,.diy-app-wrap .justDesign-mode .main .to3d-wrap,.diy-app-wrap .shareView-mode .main .to3d-wrap{height:auto;top:45px;bottom:0;background:#e9e9e9;overflow:hidden}.diy-app-wrap .bigStep-mode .main .to3d-wrap .load-3d-wrap,.diy-app-wrap .proCal-mode .main .to3d-wrap .load-3d-wrap,.diy-app-wrap .justDesign-mode .main .to3d-wrap .load-3d-wrap,.diy-app-wrap .shareView-mode .main .to3d-wrap .load-3d-wrap{height:100%;width:100%;overflow:hidden}.diy-app-wrap .bigStep-mode .main .to3d-wrap .diy-timer,.diy-app-wrap .proCal-mode .main .to3d-wrap .diy-timer,.diy-app-wrap .justDesign-mode .main .to3d-wrap .diy-timer,.diy-app-wrap .shareView-mode .main .to3d-wrap .diy-timer{font-size:14px;margin:15px;padding:5px;width:100%;letter-spacing:3px;text-shadow:1px 1px 0 #ddd;position:absolute;top:15px}.diy-app-wrap .bigStep-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .proCal-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .justDesign-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .shareView-mode .main .to3d-wrap .close-3d-view{display:none}@media screen and (max-width:480px){.diy-app-wrap .bigStep-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .proCal-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .justDesign-mode .main .to3d-wrap .close-3d-view,.diy-app-wrap .shareView-mode .main .to3d-wrap .close-3d-view{display:block;background:#fff;width:36px;height:36px;text-align:center;line-height:36px;border-radius:18px;position:absolute;top:9px;left:9px}}.diy-app-wrap .bigStep-mode .main .to3d-wrap.D3-active,.diy-app-wrap .proCal-mode .main .to3d-wrap.D3-active,.diy-app-wrap .justDesign-mode .main .to3d-wrap.D3-active,.diy-app-wrap .shareView-mode .main .to3d-wrap.D3-active{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1}.diy-app-wrap .bigStep-mode .main .m-tip-wrap,.diy-app-wrap .proCal-mode .main .m-tip-wrap,.diy-app-wrap .justDesign-mode .main .m-tip-wrap,.diy-app-wrap .shareView-mode .main .m-tip-wrap{padding:15px;width:360px;height:auto;background:#eee;right:0;top:0;bottom:150px;overflow-y:auto}.diy-app-wrap .bigStep-mode .main .m-tip-wrap img,.diy-app-wrap .proCal-mode .main .m-tip-wrap img,.diy-app-wrap .justDesign-mode .main .m-tip-wrap img,.diy-app-wrap .shareView-mode .main .m-tip-wrap img{width:100%}@media screen and (max-width:480px){.diy-app-wrap .bigStep-mode .main,.diy-app-wrap .proCal-mode .main,.diy-app-wrap .justDesign-mode .main,.diy-app-wrap .shareView-mode .main{width:100%}}.diy-app-wrap .bigStep-mode .form,.diy-app-wrap .proCal-mode .form,.diy-app-wrap .justDesign-mode .form,.diy-app-wrap .shareView-mode .form{width:720px;background:#fff}.diy-app-wrap .bigStep-mode .form .option-group-box,.diy-app-wrap .proCal-mode .form .option-group-box,.diy-app-wrap .justDesign-mode .form .option-group-box,.diy-app-wrap .shareView-mode .form .option-group-box{width:100%;height:100%}.diy-app-wrap .bigStep-mode .form .title-wrap,.diy-app-wrap .proCal-mode .form .title-wrap,.diy-app-wrap .justDesign-mode .form .title-wrap,.diy-app-wrap .shareView-mode .form .title-wrap,.diy-app-wrap .bigStep-mode .form .option-wrap,.diy-app-wrap .proCal-mode .form .option-wrap,.diy-app-wrap .justDesign-mode .form .option-wrap,.diy-app-wrap .shareView-mode .form .option-wrap,.diy-app-wrap .bigStep-mode .form .nav-wrap,.diy-app-wrap .proCal-mode .form .nav-wrap,.diy-app-wrap .justDesign-mode .form .nav-wrap,.diy-app-wrap .shareView-mode .form .nav-wrap,.diy-app-wrap .bigStep-mode .form .btn-wrap,.diy-app-wrap .proCal-mode .form .btn-wrap,.diy-app-wrap .justDesign-mode .form .btn-wrap,.diy-app-wrap .shareView-mode .form .btn-wrap{width:100%;position:absolute}.diy-app-wrap .bigStep-mode .form .title-wrap,.diy-app-wrap .proCal-mode .form .title-wrap,.diy-app-wrap .justDesign-mode .form .title-wrap,.diy-app-wrap .shareView-mode .form .title-wrap{height:45px;line-height:45px;background:#666;text-align:center;color:#fff}.diy-app-wrap .bigStep-mode .form .option-wrap,.diy-app-wrap .proCal-mode .form .option-wrap,.diy-app-wrap .justDesign-mode .form .option-wrap,.diy-app-wrap .shareView-mode .form .option-wrap{height:auto;top:45px;bottom:150px;overflow-y:auto}.diy-app-wrap .bigStep-mode .form .option-wrap table,.diy-app-wrap .proCal-mode .form .option-wrap table,.diy-app-wrap .justDesign-mode .form .option-wrap table,.diy-app-wrap .shareView-mode .form .option-wrap table{width:100%}.diy-app-wrap .bigStep-mode .form .option-wrap table tr td,.diy-app-wrap .proCal-mode .form .option-wrap table tr td,.diy-app-wrap .justDesign-mode .form .option-wrap table tr td,.diy-app-wrap .shareView-mode .form .option-wrap table tr td{padding-bottom:10px}.diy-app-wrap .bigStep-mode .form .option-wrap table tr td:first-child,.diy-app-wrap .proCal-mode .form .option-wrap table tr td:first-child,.diy-app-wrap .justDesign-mode .form .option-wrap table tr td:first-child,.diy-app-wrap .shareView-mode .form .option-wrap table tr td:first-child{vertical-align:top;font-weight:bold}.diy-app-wrap .bigStep-mode .form .option-wrap table.jump-step,.diy-app-wrap .proCal-mode .form .option-wrap table.jump-step,.diy-app-wrap .justDesign-mode .form .option-wrap table.jump-step,.diy-app-wrap .shareView-mode .form .option-wrap table.jump-step{background:#fff;position:absolute;top:0;left:0;z-index:100}@media screen and (min-width:480px){.diy-app-wrap .bigStep-mode .form .option-wrap::-webkit-scrollbar,.diy-app-wrap .proCal-mode .form .option-wrap::-webkit-scrollbar,.diy-app-wrap .justDesign-mode .form .option-wrap::-webkit-scrollbar,.diy-app-wrap .shareView-mode .form .option-wrap::-webkit-scrollbar{width:12px;height:1px}.diy-app-wrap .bigStep-mode .form .option-wrap::-webkit-scrollbar-thumb,.diy-app-wrap .proCal-mode .form .option-wrap::-webkit-scrollbar-thumb,.diy-app-wrap .justDesign-mode .form .option-wrap::-webkit-scrollbar-thumb,.diy-app-wrap .shareView-mode .form .option-wrap::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}.diy-app-wrap .bigStep-mode .form .option-wrap::-webkit-scrollbar-track,.diy-app-wrap .proCal-mode .form .option-wrap::-webkit-scrollbar-track,.diy-app-wrap .justDesign-mode .form .option-wrap::-webkit-scrollbar-track,.diy-app-wrap .shareView-mode .form .option-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}}@media screen and (max-width:480px){.diy-app-wrap .bigStep-mode .form .option-wrap,.diy-app-wrap .proCal-mode .form .option-wrap,.diy-app-wrap .justDesign-mode .form .option-wrap,.diy-app-wrap .shareView-mode .form .option-wrap{top:45px;bottom:117px}}.diy-app-wrap .bigStep-mode .form .nav-wrap,.diy-app-wrap .proCal-mode .form .nav-wrap,.diy-app-wrap .justDesign-mode .form .nav-wrap,.diy-app-wrap .shareView-mode .form .nav-wrap{display:table;height:100px;background:#e6e6e6;bottom:50px}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box{display:table-cell;text-align:center;cursor:pointer}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box i,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box i,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box i,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box i{font-size:46px;color:#ccc}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box i.active,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box i.active,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box i.active,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box i.active{color:#8fc31f}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box i.active:hover,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box i.active:hover,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box i.active:hover,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box i.active:hover{color:#8fc31f}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box i:hover,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box i:hover,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box i:hover,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box i:hover{color:#666}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box p,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box p,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box p,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box p{padding:0;margin:0}@media screen and (max-width:480px){.diy-app-wrap .bigStep-mode .form .nav-wrap,.diy-app-wrap .proCal-mode .form .nav-wrap,.diy-app-wrap .justDesign-mode .form .nav-wrap,.diy-app-wrap .shareView-mode .form .nav-wrap{height:50px}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box{font-size:12px}.diy-app-wrap .bigStep-mode .form .nav-wrap .nav-box i,.diy-app-wrap .proCal-mode .form .nav-wrap .nav-box i,.diy-app-wrap .justDesign-mode .form .nav-wrap .nav-box i,.diy-app-wrap .shareView-mode .form .nav-wrap .nav-box i{font-size:32px}}.diy-app-wrap .bigStep-mode .form .btn-wrap,.diy-app-wrap .proCal-mode .form .btn-wrap,.diy-app-wrap .justDesign-mode .form .btn-wrap,.diy-app-wrap .shareView-mode .form .btn-wrap{display:table;height:50px;background:#76a11a;bottom:0}@media screen and (max-width:480px){.diy-app-wrap .bigStep-mode .form,.diy-app-wrap .proCal-mode .form,.diy-app-wrap .justDesign-mode .form,.diy-app-wrap .shareView-mode .form{width:100%}}.diy-app-wrap .bigStep-mode .form.no-bottom-bar .option-wrap,.diy-app-wrap .proCal-mode .form.no-bottom-bar .option-wrap,.diy-app-wrap .justDesign-mode .form.no-bottom-bar .option-wrap,.diy-app-wrap .shareView-mode .form.no-bottom-bar .option-wrap{bottom:100px}.diy-app-wrap .bigStep-mode .form.no-bottom-bar .nav-wrap,.diy-app-wrap .proCal-mode .form.no-bottom-bar .nav-wrap,.diy-app-wrap .justDesign-mode .form.no-bottom-bar .nav-wrap,.diy-app-wrap .shareView-mode .form.no-bottom-bar .nav-wrap{bottom:0}.diy-app-wrap .bigStep-mode .form.no-bottom-bar .btn-wrap,.diy-app-wrap .proCal-mode .form.no-bottom-bar .btn-wrap,.diy-app-wrap .justDesign-mode .form.no-bottom-bar .btn-wrap,.diy-app-wrap .shareView-mode .form.no-bottom-bar .btn-wrap{display:none}.diy-app-wrap.full{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.diy-app-wrap.diy-empty{background:#ccc;height:100%;width:100%}.diy-app-wrap.diy-empty .diy-empty-wrap{display:table;height:100%;width:100%}.diy-app-wrap.diy-empty .diy-empty-wrap .diy-empty-box{display:table-cell;vertical-align:middle;text-align:center}.diy-app-wrap.diy-empty .diy-empty-wrap .diy-empty-box .open-boxlib-btn{display:inline-block;background:#fff;padding:10px;border-radius:2px;-webkit-box-shadow:#666 0 0 6px;box-shadow:#666 0 0 6px;outline:none}.diy-app-wrap.diy-empty .diy-empty-wrap .diy-empty-box .open-boxlib-btn i{color:#999}.diy-app-wrap.diy-empty .diy-empty-wrap .diy-empty-box .open-boxlib-btn:hover{-webkit-box-shadow:#666 0 0 4px;box-shadow:#666 0 0 4px;background:#eee;cursor:pointer}.diy-app-wrap .proCal-mode .main,.diy-app-wrap .proCal-mode .form{display:table-cell;position:relative;height:100%}.diy-app-wrap .proCal-mode .main{width:auto;background:#333}.diy-app-wrap .proCal-mode .main .tab-wrap,.diy-app-wrap .proCal-mode .main .to3d-wrap{width:100%;position:absolute}.diy-app-wrap .proCal-mode .main .tab-wrap{height:45px;top:0}.diy-app-wrap .proCal-mode .main .to3d-wrap{height:auto;top:45px;bottom:0;background:#e9e9e9}@media screen and (max-width:480px){.diy-app-wrap .proCal-mode .main{width:auto}.diy-app-wrap .proCal-mode .main .to3d-wrap{top:0}}.diy-app-wrap .proCal-mode .form{width:960px}.diy-app-wrap .proCal-mode .form .option-group-box{height:auto}.diy-app-wrap .proCal-mode .form .option-wrap,.diy-app-wrap .proCal-mode .form .price-panel-wrap,.diy-app-wrap .proCal-mode .form .btn-wrap{width:100%;position:absolute}.diy-app-wrap .proCal-mode .form .option-wrap{top:0}@media screen and (max-width:480px){.diy-app-wrap .proCal-mode .form .option-wrap{top:45px}}.diy-app-wrap .proCal-mode .form .price-panel-wrap{display:table;height:100px;background:#e6e6e6;bottom:50px}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box{display:table-cell;text-align:center;cursor:pointer}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box i{font-size:46px;color:#ccc}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box i.active{color:#8fc31f}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box i.active:hover{color:#8fc31f}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box i:hover{color:#666}.diy-app-wrap .proCal-mode .form .price-panel-wrap .nav-box p{padding:0;margin:0}@media screen and (max-width:480px){.diy-app-wrap .proCal-mode .form{width:100%}}.diy-app-wrap .proCal-mode table.options tr td{padding:15px 0 15px 15px;min-width:80px}.diy-app-wrap .proCal-mode table.options tr td p{margin:0;padding:0;padding-left:5px}.diy-app-wrap .proCal-mode table.options tr td:first-child{width:140px}@media screen and (max-width:480px){.diy-app-wrap .proCal-mode table.options tr td:first-child{width:auto}}.diy-app-wrap .proCal-mode .option-group-box .design{background:#eee;border:1px solid #ddd;padding:10px 10px 0 10px;margin-bottom:50px;width:80%;height:500px;position:relative}.diy-app-wrap .shareView-mode .main{display:table-cell;position:relative;height:100%;width:100%;background:#333}.diy-app-wrap .shareView-mode .main .to3d-wrap{width:100%;height:auto;background:#e9e9e9;position:absolute;top:0;bottom:0}.diy-app-wrap .shareView-mode .main .to3d-wrap .load-3d-wrap{height:100%;width:100%;overflow:hidden}.diy-app-wrap.project-show-edit{border:1px solid #ccc}.diy-app-wrap.project-show-edit .form .option-wrap{top:0;bottom:100px}.diy-app-wrap.project-show-edit .form .nav-wrap{bottom:0}.diy-app-wrap.project-show-edit .material-cal-wrap input,.diy-app-wrap.project-show-edit .material-cal-wrap button{padding:5px}.diy-app-wrap.project-show-edit .material-cal-wrap .number-box,.diy-app-wrap.project-show-edit .material-cal-wrap .open-material-btn{float:left}.diy-app-wrap.project-show-edit .material-cal-wrap .number-box .range{display:none;border:1px solid #ccc;background:#eee}.diy-app-wrap.project-show-edit .material-cal-wrap .number-box:hover .range{display:block}.diy-app-wrap.max-wrap{display:block;width:100vh;height:100vh;position:fixed;top:0;left:0;z-index:1000}.em-12{font-size:1.2em}.em-09{font-size:.6em}.color-3{color:#f60}.m-right-5px{margin-right:5px}.m-left-5px{margin-left:5px}.mall-btn{width:100%;padding:15px;background:#eee}.mall-btn.red{background:#df362e;color:#fff}.mall-btn.green{background:#00ba5f;font-size:16px;color:#fff}.mall-diy-top{padding:0 10px;min-height:40px;background:#fff;line-height:40px}.back-btn{padding:0 15px}.mall-m-bottom{background:#fff}.mall-m-form{width:100%;height:100%;overflow-y:auto}.price-ext-icon{font-size:14px}.mall-m-price-plan .days-box,.mall-m-price-plan .currency-box{position:relative}.mall-m-price-plan .days-box.active,.mall-m-price-plan .currency-box.active{background:#333;color:#fff;border:0}.mall-pms-panel{background:#fff;width:100%;height:auto}.mall-m-panel-head{padding:10px;border-bottom:1px solid #ddd}.mall-m-panel-body{padding:15px;height:70vh;overflow-y:auto}.mall-m-slide{width:100%;height:auto;text-align:center;background:#fff;position:relative}.mall-m-slide img{max-height:220px}.mall-m-notice{padding:5px 0;font-size:12px;background:#fff;margin:auto}.mall-icon-wrap{padding:0 10px}.mall-icon-wrap i{font-size:1em;color:#999}.mall-icon-wrap .mall-icon-text{font-size:.8em}.mall-icon-wrap>a{color:#333}.mall-icon-wrap:active{background:#ddd}.mall-m-form-group{margin-top:10px;background:#fff;padding:10px;width:100%;height:auto}.mall-m-form-group .one-res-wrap{border:1px solid #00ba5f;border-radius:1em;color:#00ba5f;font-weight:bold;padding:5px;margin:5px}.mall-m-form-group .title-btn-wrap{width:80px}.mall-m-form-group .edit-btn-wrap{width:50px}.mall-m-form-group:not(.no-open):active{background:#ccc}.mall-m-size-res{padding-top:10px}.mall-m-note .mall-m-note-res{padding:10px}.mall-m-note .mall-m-note-res textarea{padding:10px;width:100%;border:1px solid rgba(0,186,95,.2);border-radius:10px;background:rgba(0,186,95,.1);user-focus:none;outline:none}.mall-m-note .mall-m-note-res textarea:focus{border:1px solid #00ba5f;background:rgba(0,186,95,.2)}.mall-no-res{padding:5px;color:rgba(0,0,0,.5)}.mall-m-3d-btn-wrap{position:absolute;right:10px;top:5px;z-index:1}.mall-m-3d-btn-wrap .mall-m-3d-btn{padding:5px 15px;border-radius:1em;color:#fff;background:#f60}.mall-m-3d-btn-wrap .mall-m-3d-btn:active{background:rgba(255,102,0,.1)}.panel-price-mobile{width:100%;bottom:0;z-index:1}.panel-price-mobile-shade{width:100%;height:100%;background:rgba(0,0,0,.2)}.mall-m-total-wrap{background:#fff;width:100%}.panel-price-mobile.active{height:100%}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#8fc31f}.global-waiting{position:fixed;top:0;left:0;bottom:0;right:0}.global-waiting-fixed{display:table;height:100%;width:100%;position:fixed;top:0;left:0;z-index:2}.global-waiting-fixed .global-waiting-box{display:table-cell;background:rgba(0,0,0,.2);width:100%;height:100%;text-align:center;vertical-align:middle}.global-waiting-fixed .global-waiting-box i{font-size:48px;color:#fff}.D3-dialog-wrap{height:100%;width:100%}.D3-view-plus{height:100%;width:100%;background:#fff;position:relative}.D3-view-plus .D3-view{width:100%;height:100%}.D3-view-plus .D3-view .D3-view-canvas-box{height:100%;width:100%;background:#ccc}.D3-view-plus .D3-view .D3-ctrl-bar-wrap{text-align:center;height:50px;width:100%;position:absolute;bottom:0;z-index:0}.D3-view-plus .D3-view .D3-params-panel{background:#fff;position:absolute;right:0;top:0;bottom:0;z-index:10}.D3-view-plus .D3-view .D3-params-panel.active{width:560px}.D3-view-plus .D3-view .D3-params-panel.active .panel-body,.D3-view-plus .D3-view .D3-params-panel.active .D3-refresh-plus{display:block}.D3-view-plus .D3-view .D3-params-panel .panel-on-off{font-size:16px;text-align:center;width:40px;height:40px;background:#fff;cursor:pointer;border-radius:40px;border:1px solid #ccc;line-height:40px;position:absolute;left:-48px;top:15px}.D3-view-plus .D3-view .D3-params-panel .panel-on-off i{font-size:16px}.D3-view-plus .D3-view .D3-params-panel .panel-on-off:active{-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc}.D3-view-plus .D3-view .D3-params-panel .panel-body{display:none;padding:10px;position:absolute;top:80px;bottom:0;width:560px;overflow-y:auto}.D3-view-plus .D3-view .D3-params-panel .D3-refresh-plus{display:none;width:96%;height:40px;position:absolute;left:10px;top:10px}.D3-view-plus .D3-view .D3-params-panel .D3-refresh-plus span{display:block;background:#dff0d8;padding:15px;border-radius:6px;font-size:12.8px}.D3-view-plus .D3-view .D3-params-panel .D3-refresh-plus span:active{-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc}.D3-view-plus .texture-box{width:100%;height:100%;border-left:1px solid #ddd}.D3-view-plus .texture-shade{display:table;width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;z-index:2}.D3-view-plus .texture-shade .texture-shade-wrap{display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%}.D3-view-plus .texture-shade .texture-shade-wrap .texture-shade-box{display:inline-block}.D3-view-plus .texture-shade .texture-shade-wrap .texture-shade-box p{color:#eee;margin-bottom:25px;font-size:16px}.global-tool-bar{background:#000;width:40px;font-size:13px;color:#fff;position:fixed;right:0;top:0;bottom:0;z-index:1}.global-tool-bar .one-tool-box{height:100%;width:100%;position:relative}.global-tool-bar .one-tool-box .body,.global-tool-bar .one-tool-box .tip{display:none}.global-tool-bar .one-tool-box .body{color:#000;width:260px;background:#fff;border:1px solid #ccc;border-right:0;-webkit-box-shadow:-5px 0 5px #ccc;box-shadow:-5px 0 5px #ccc;position:fixed;top:0;right:40px;bottom:0;z-index:2}.global-tool-bar .one-tool-box .body .close-btn{height:18px;width:100%;text-align:left;color:#000;position:absolute;top:0;z-index:3}.global-tool-bar .one-tool-box .body .close-btn i{padding:10px;font-size:18px;cursor:pointer}.global-tool-bar .one-tool-box .body .body-content{height:100%}.global-tool-bar .one-tool-box .tip{padding:10px;color:#000;background:#fff;border:1px solid #ccc;height:40px;width:auto;white-space:nowrap;-webkit-box-shadow:-5px 0 5px #ccc;box-shadow:-5px 0 5px #ccc;position:absolute;top:0;right:40px;z-index:1}.global-tool-bar .one-tool-box .tip::after{content:'';display:block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;position:absolute;top:20px;right:-5px}.global-tool-bar .one-tool-box .btn{width:100%;text-align:center;cursor:pointer}.global-tool-bar .one-tool-box .btn:hover{color:#fff}.global-tool-bar .one-tool-box:hover{background:#666}.global-tool-bar .one-tool-box:hover>.tip{display:block}.global-tool-bar .one-tool-box.hover-to-body:hover>.body{display:block}.global-tool-bar .one-tool-box.click-to-body.active{background:#666}.global-tool-bar .one-tool-box.click-to-body.active>.body,.global-tool-bar .one-tool-box.click-to-body.active .tip{display:block}.global-tool-bar .tool-bar-box{width:100%;position:absolute;bottom:50px}.global-tool-bar .tool-bar-box ul,.global-tool-bar .tool-bar-box li{padding:0;margin:0}.global-tool-bar .tool-bar-box li{display:block;width:40px;height:40px}.global-tool-bar .tool-bar-box li.shopping-cart{height:120px;background:#333}.global-tool-bar .tool-bar-box li.shopping-cart span{display:block;margin-top:15px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.ivu-modal-fullscreen .ivu-modal-body{padding:0;bottom:0;overflow-y:hidden}.left-right-layout{display:table;width:100%;height:auto}.left-right-layout .zw-left-col,.left-right-layout .zw-right-col{display:table-cell;width:50%}.left-right-layout .zw-left-col{width:70%}.left-right-layout .zw-right-col{width:530%}.zvc-shade{background:rgba(0,0,0,.7);color:#fff;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.zv-row{display:table;width:100%;height:100%}.zv-row>.cell{display:table-cell;position:relative;width:auto}.zv-row>.cell>.scroll-box{display:block;width:100%;position:absolute;top:0;bottom:0;overflow-y:auto}.zvc-ellipsis-shim{width:100%;height:6px;border-top:2px dotted #ccc}.zvc-shim-15{display:block;background:#f00;height:15px}.mall-plus-wrap{margin:auto;width:100%;font-size:16px}.mall-plus-wrap table{width:100%}.mall-plus-wrap table.options>tbody>tr>td{border:1px solid #eee}.mall-plus-wrap table.options>tbody>tr:hover>td:first-child{font-weight:bold}.mall-plus-wrap ul,.mall-plus-wrap li{padding:0;margin:0;list-style:none}.mall-plus-wrap .wyp-diy-wrap{margin:auto;width:1200px}.mall-plus-wrap .wyp-step-bar{padding-top:15px;width:100%;min-height:111px;border-bottom:1px solid #ccc}.mall-plus-wrap .wyp-step-bar .wyp-step-box{margin:auto;width:1200px;height:111px;background:url(/Views/Mall/Static/img/diy_c_e_03.jpg) no-repeat left 0}.mall-plus-wrap .wyp-boxes-cate{margin-top:15px;padding:0 0 50px 35px;width:200px}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-title{padding:15px 0;font-size:20.8px}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list{border-left:1px solid #ccc;position:relative}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list ul,.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li{padding:0;margin:0}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li{padding:10px;font-weight:bold;cursor:pointer}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li::before{content:'';display:inline-block;margin-left:-15px;margin-right:15px;height:10px;width:10px;border-radius:5px;background:#ccc}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li.active{color:#f00}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li.active::before{height:15px;width:15px;border-radius:7.5px;margin-left:-18px;margin-right:7.5px;background:#f00}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li.son-cate{font-weight:100;margin-left:25px}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li.son-cate::before{display:none}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:first-child,.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:last-child{list-style:circle;font-size:28px;color:#ccc;position:absolute;left:18.66666667px}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:first-child::before,.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:last-child::before{display:none}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:first-child{top:-35px}.mall-plus-wrap .wyp-boxes-cate .boxes-cate-list li:last-child{bottom:-35px}.mall-plus-wrap .wyp-right-box{width:100%}.mall-plus-wrap .wyp-right-box .wyp-diy-title{padding:10px 0;text-align:center;font-size:24px}.mall-plus-wrap .wyp-right-box .wyp-diy-title span{color:#f00}.mall-plus-wrap .wyp-right-box .wyp-boxes-list{padding:0 10px;width:100%;height:auto;border:1px solid #eee;border-left:0;border-right:0;border-radius:6px;overflow-x:auto;background:#eee}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .list-content{float:left}.mall-plus-wrap .wyp-right-box .wyp-boxes-list ul.list-content{display:block;width:100%;height:100%;white-space:nowrap}.mall-plus-wrap .wyp-right-box .wyp-boxes-list ul.list-content>li{display:inline-block;margin:6px 6px 6px 0;border-radius:4px}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .pre-btn,.mall-plus-wrap .wyp-right-box .wyp-boxes-list .next-btn{width:30px;height:80px;cursor:pointer}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box{padding:10px;width:100%;height:100%}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box .box-cover{border:3px dotted #ccc;background:#fff;border-radius:10px;padding:10px}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box .box-cover img{max-width:80px;max-height:80px}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box .box-title{text-align:center}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box:hover{cursor:pointer}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box.active .box-cover{border-color:#f00}.mall-plus-wrap .wyp-right-box .wyp-boxes-list .wyp-one-box.active .box-title{color:#f00}.mall-plus-wrap .wyp-right-box .wyp-diy-form{display:block;margin-top:20px;width:100%;height:auto}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery{border:1px solid #ddd;border-radius:6px;width:300px;height:320px;background:#fff;position:relative}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box{padding:20px;border-radius:6px;text-align:center;height:320px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box img{max-height:280px;max-width:100%}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap{padding:0;position:relative}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade{width:100%;height:100%;position:absolute;top:0}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .to-max-btn{padding:5px;background:#fff;border:1px solid #ccc;border-top:0;border-right:0;position:absolute;top:0;right:0;cursor:pointer}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .to-max-btn span{display:none}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .to-max-btn:hover{background:#eee}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .to-max-btn:active{background:#ddd;-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .D3-tip{font-size:18px;font-weight:bold;color:rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:5px;left:5px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .D3-refresh{position:absolute;bottom:5px;right:5px;cursor:pointer}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .D3-refresh span{font-size:12.8px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade .D3-refresh i{font-size:16px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box.D3-box-wrap .D3-box-shade:hover .to-max-btn span{display:inline-block;margin:0 16px;font-size:13px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-box .D3-box{width:100%;height:100%}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-list{padding:10px;position:absolute;bottom:0}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-list ul li{width:50px;height:50px;margin-right:10px;display:inline-block;background:#fff;border:1px solid #ddd;border-radius:6px;padding:5px;cursor:pointer}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-list ul li img{max-height:40px;max-width:40px}.mall-plus-wrap .wyp-right-box .wyp-diy-form .gallery .gallery-list ul li.active{border:2px solid #f00}.mall-plus-wrap .wyp-right-box .wyp-diy-form .design-and-3d{padding:15px 0;text-align:center}.mall-plus-wrap .wyp-right-box .wyp-diy-form .diy-form{font-size:12.8px}.mall-plus-wrap .zvc-box-desc{margin-top:20px;font-size:14px;color:#666;border:1px solid #eee}.mall-plus-wrap .zvc-box-desc>*{padding:10px}.mall-plus-wrap .zvc-box-desc img{width:100%;height:auto}.mall-plus-wrap .zvc-box-desc-title{font-weight:bold;border-bottom:1px solid #eee}.mall-plus-wrap .price-box{display:block;padding-top:25px;width:100%;font-size:14.4px}.mall-plus-wrap .shopping-btn-bar{padding:25px 0;text-align:right}.mall-plus-wrap .shopping-btn-bar .go-to-order,.mall-plus-wrap .shopping-btn-bar .go-to-cart,.mall-plus-wrap .shopping-btn-bar .go-to-price{border:0;padding:10px 25px;border-radius:0}.mall-plus-wrap .shopping-btn-bar .go-to-order,.mall-plus-wrap .shopping-btn-bar .go-to-cart{color:#fff;background:#f00;border:0;padding:10px 25px;border-radius:0}.mall-plus-wrap .shopping-btn-bar .go-to-order:active,.mall-plus-wrap .shopping-btn-bar .go-to-cart:active{-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000}.mall-plus-wrap .shopping-btn-bar .go-to-order{background:#f99}.mall-plus-wrap .view-history-panel{padding:15px;margin:auto;width:85%;height:100%;overflow-y:auto}.mall-plus-wrap .view-history-panel ol,.mall-plus-wrap .view-history-panel li{display:block;padding:10px;margin:0;width:100%;height:120px}.mall-plus-wrap .view-history-panel li{margin-top:15px;width:100%;height:100%;border:2px dashed #ddd;color:#000;border-radius:6px;cursor:pointer}.mall-plus-wrap .view-history-panel li img{max-width:100%;max-height:100%}.mall-plus-wrap .view-history-panel li.active{border-color:#f00;color:#f00}.mall-plus-price-row{padding:10px;margin-bottom:15px}.mall-plus-price-txt{color:#f00;font-size:22px}.mall-plus-unit-price-txt{color:#f00;font-size:16px}.what-it-s{text-align:left;line-height:1.8em;font-size:16px}.what-it-s h2{margin:10px 10px 10px 0;font-size:18px;font-weight:bold}.what-it-s h2:before{content:' ';display:inline-block;margin-right:10px;width:5px;height:15px;border-radius:6px;background:#50c8ff}.what-it-s p{line-height:1.8em;margin-bottom:2em}.max-app-view{width:auto;height:35px;position:absolute;top:5px;right:5px}.max-app-view .square-btn{display:block;width:100%;height:100%;padding:0 10px;text-align:center;line-height:35px;background:#777}.max-app-view .square-btn:hover{background:#888;cursor:pointer}.max-app-view .square-btn:active{background:#333}@media screen and (max-width:480px){.max-app-view{display:none}}.price-detail-btn{margin-right:10px;color:#00a0e9;font-weight:200;cursor:pointer;float:right}.price-detail-btn:hover{color:#00b7ee}@media screen and (max-width:480px){.price-detail-btn{display:block;float:inherit}}.texture-btn-wrap{display:block;margin:50px 20px;width:auto}.texture-btn-wrap .texture-btn{width:100%;height:50px;background:#449d44;border:0;color:#fff;font-size:16px}.disable-shade{background:rgba(255,255,255,.5);position:absolute;top:0;right:0;bottom:0;left:0}.tip-animate-btn{display:inline-block;font-size:1.1em;color:#f00;text-decoration:underline}.tip-animate-btn>i{font-size:1.3em;-webkit-animation:Tada 4s both infinite;animation:Tada 4s both infinite}@-webkit-keyframes Tada{0%{-webkit-transform:scale(1);transform:scale(1)}70%,73%{-webkit-transform:scale(.9) rotate(-6deg);transform:scale(.9) rotate(-6deg)}77%,83%,90%,97%{-webkit-transform:scale(1.2) rotate(6deg);transform:scale(1.2) rotate(6deg)}80%,87%,93%{-webkit-transform:scale(1.2) rotate(-6deg);transform:scale(1.2) rotate(-6deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes Tada{0%{-webkit-transform:scale(1);transform:scale(1)}70%,73%{-webkit-transform:scale(.9) rotate(-6deg);transform:scale(.9) rotate(-6deg)}77%,83%,90%,97%{-webkit-transform:scale(1.2) rotate(6deg);transform:scale(1.2) rotate(6deg)}80%,87%,93%{-webkit-transform:scale(1.2) rotate(-6deg);transform:scale(1.2) rotate(-6deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.price-detail-form{width:100%;padding:15px}.price-detail-form .produce-fee{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.price-detail-form .produce-fee .one-box{padding:10px;width:33.33333%}.price-detail-form .produce-fee .one-box .produce-fee-table{margin:0;padding:0;width:100%}.price-detail-form .produce-fee .one-box .produce-fee-table td{border:1px solid #000;padding:8px}.price-detail-form .produce-fee .one-box .produce-fee-table td:first-child{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000}.price-detail-form .produce-fee .one-box .produce-fee-table .produce-fee-table-son{width:100%}.price-detail-form .produce-fee .one-box .price-detail-sum{padding:20px;height:auto;width:100%;border:1px solid #000;border-top:0}.price-detail-form .produce-fee .one-box .price-detail-sum ul{padding:0;margin:0}.price-detail-form .produce-fee .one-box .price-detail-sum ul li{display:block;line-height:26px}.price-detail-form .produce-fee .one-box .price-detail-sum ul li span{display:inline-block;font-weight:bold;width:160px}.price-detail-form .sum-up .sum-up-table{width:100%}.price-detail-form .sum-up .sum-up-table td{padding:8px;border:1px solid #ccc}.price-detail-form .sum-up .sum-up-table td:first-child{font-weight:bold;background:#eee;color:#000}.fill-composing{width:100%;height:100%;background:#fff;border-radius:3px;position:relative}.fill-composing .content,.fill-composing .btns{width:100%;height:50px;position:absolute}.fill-composing .content{padding:25px;width:100%;height:auto;overflow-y:auto;top:0;bottom:50px}.fill-composing .btns{right:20px;bottom:0;text-align:right;line-height:50px}.fill-composing .fill-composing-table{width:100%}.fill-composing .fill-composing-table tr td:first-child{width:160px;background:#eee;padding-left:15px}@media screen and (max-width:480px){.fill-composing .fill-composing-table tr td:first-child{width:100px}}.fill-composing .fill-composing-table tr td{border:1px solid #ccc;line-height:50px;text-align:left}.fill-composing .fill-composing-table tr td input{margin-left:10px;width:50%;height:90%;border:1px solid #e0e0e0;padding:5px}@media screen and (max-width:480px){.fill-composing .fill-composing-table tr td input{padding:5px;margin-left:0;width:100%}}.fill-composing .fill-composing-table tr td select{padding:5px;margin-left:10px}@media screen and (max-width:480px){.fill-composing .fill-composing-table tr td select{width:100%;padding:5px;margin-left:0}}.fill-composing.material-cal-select{width:50%;height:90%;margin-left:25%}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.ro-CheckedIcon{z-index:0}@media screen and (max-width:480px){#container{bottom:0}.price-options-wrap{display:block;position:absolute;top:0;bottom:0;overflow:hidden}.price-options-wrap .res-price{overflow-y:auto}#designContainer{padding:15px}#designContainer .designInfoInStep{width:100%}#designContainer .designInfoInStep .one{margin-top:5%;width:100%}#designContainer .artworksStyleA .oneBtn{width:auto;margin-left:0}#designContainer .design-empty{width:100%;height:100%;color:#666}#designContainer.cancel-confirm>.artworksStyleA>.oneBtn{display:none}}#designContainer.cancel-confirm .oneBtn{display:none}html,body,.ly-container *{font-weight:500}.spinner{width:250px;text-align:center}.spinner>div{width:30px;height:30px;margin-right:10px;background-color:#8fc31f;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.cad-buy-widget{width:680px;position:relative}.items-box{margin-bottom:16px}.items-name{padding:8px}.items-body{padding:8px}.radio-item{display:inline-block;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.radio-item.active{border:1px solid #f00;color:#f00}.member-fee{margin:16px 0;font-size:26px;font-weight:bold;color:#f00}.buy-type-item{display:inline-block;margin:4px;padding:10px 15px;border:1px solid #ddd;cursor:pointer}.buy-type-item img{width:auto;height:40px}.loading-box{margin:-16px -16px -32px -16px;background:rgba(225,225,225,.5);position:absolute;top:0;bottom:0;left:0;right:0}