body{background:#f2f2f2}.diy-root{width:1190px;margin:auto}.diy-m-banner{font-size:0;margin-bottom:20px}.diy-m-types{font-size:0;margin-bottom:4px}.diy-m-types .diy-type{display:inline-block;width:234px;height:150px;margin-left:5px;overflow:hidden;cursor:pointer}.diy-m-types .diy-type img{z-index:-1;position:relative}.diy-m-types .diy-type:first-child{margin-left:0}.diy-m-types .diy-type.diy-selected{background:url(image/type-selected.png) no-repeat;background-size:100% 100%}.diy-m-body{background:white;padding:1px 0;border:1px solid transparent}.diy-m-packs{position:relative;font-size:0;width:600px;height:2px;background:#ddd;margin:71px auto 83px}.diy-m-packs .diy-pack1{left:30px}.diy-m-packs .diy-pack2{left:50%;transform:translateX(-50%)}.diy-m-packs .diy-pack3{right:30px}.diy-m-packs .diy-pack{cursor:pointer;position:absolute;top:-13px;display:inline-block;vertical-align:top}.diy-m-packs .diy-pack .diy-icon-container{width:26px;height:26px;margin:auto;padding-top:5px;box-sizing:border-box}.diy-m-packs .diy-pack.diy-selected .diy-icon-container{padding-top:0}.diy-m-packs .diy-pack.diy-selected .diy-icon{width:22px;height:22px;background:white}.diy-m-packs .diy-pack.diy-selected .diy-icon::after{content:'';display:block;width:18px;height:18px;border:2px solid #3664da;border-radius:50px}.diy-m-packs .diy-pack .diy-icon{width:16px;height:16px;border:2px solid white;border-radius:50px;background:#868686}.diy-m-packs .diy-pack.diy-selected .diy-name{color:#3664da;font-weight:bold}.diy-m-packs .diy-pack .diy-name{position:absolute;top:100%;left:50%;white-space:nowrap;font-size:14px;transform:translateX(-50%);line-height:24px}.diy-m-eval{font-size:0;margin-left:310px;height:28px;margin-bottom:28px}.diy-m-eval .diy-title{vertical-align:top;display:inline-block;font-size:14px;line-height:28px;color:#666;font-weight:bold;margin-right:14px}.diy-m-eval .diy-progress-container{vertical-align:top;display:inline-block;position:relative;top:7px;padding:1px;width:376px;height:12px;border-radius:14px;background:#edf6ff;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.3)}.diy-m-eval .diy-progress-container .diy-progress{width:100%;height:100%;border-radius:14px;background:url(image/progress.png) no-repeat}.diy-m-eval .diy-ratio{vertical-align:top;display:inline-block;font-size:28px;line-height:28px;color:#3664da;font-weight:bold;margin-left:24px}.diy-m-tips{margin-left:310px;margin-bottom:28px}.diy-m-tips .diy-tip{position:relative;margin-bottom:16px;font-size:12px;line-height:16px;padding-left:16px;color:#666}.diy-m-tips .diy-tip .diy-dot{position:absolute;display:block;left:0;top:5px;width:6px;height:6px;border-radius:6px;background:#90c2ff}.diy-m-products{font-size:0;padding-bottom:20px}.diy-m-column{display:inline-block;box-sizing:border-box;vertical-align:top;width:50%}.diy-m-column:first-child{border-right:1px dashed #ddd}.diy-m-item{height:116px;margin-bottom:10px}.diy-m-item .diy-type{display:inline-block;vertical-align:top;font-size:14px;color:#666;font-weight:bold;line-height:20px;position:relative;top:48px;width:64px;margin-right:6px;text-align:right}.diy-m-item .diy-product{cursor:pointer;position:relative;display:inline-block;vertical-align:top;width:500px;height:100%;padding:8px;box-sizing:border-box}.diy-m-item .diy-product .diy-prouct-img{display:inline-block;vertical-align:top;width:100px;height:100px;margin-right:16px}.diy-m-item .diy-product .diy-info{display:inline-block;vertical-align:top;width:290px}.diy-m-item .diy-product .diy-info .diy-title{margin-top:9px;font-size:14px;color:#333;line-height:19px;height:38px}.diy-m-item .diy-product .diy-info .diy-price{margin-top:24px;font-size:16px;font-weight:bold;color:#f60;line-height:20px;height:20px}.diy-m-item .diy-product .diy-change{display:inline-block;vertical-align:top;margin-top:37px;margin-left:34px;width:36px;height:40px;background:url(image/change.png) no-repeat;cursor:pointer}.diy-m-item .diy-product .diy-close{display:none;position:absolute;top:6px;right:10px;width:13px;height:13px;background:url(image/close.png) no-repeat;cursor:pointer}.diy-m-item .diy-product:hover{box-shadow:0 0 4px 0 rgba(0,0,0,0.3);border-radius:4px}.diy-m-item .diy-product:hover .diy-change{background:url(image/change-active.png) no-repeat}.diy-m-item .diy-product:hover .diy-close{display:block}.diy-m-item .diy-product-add{position:relative;display:inline-block;width:100px;height:100px;background:url(image/add.png) no-repeat}.diy-m-item.diy-m-item-focus .diy-type-add{color:#3664da}.diy-m-item.diy-m-item-focus .diy-product-add{background:url(image/add-active.png) no-repeat}.diy-m-action{margin:0 20px;border-top:1px solid #ddd;height:70px}.diy-m-action .diy-share{display:inline-block;margin-left:60px;margin-top:24px;font-size:0;height:21px}.diy-m-action .diy-share .diy-share-icon{display:inline-block;vertical-align:top;height:21px;width:18px;margin-right:2px;background:url(image/share.png) no-repeat}.diy-m-action .diy-share .diy-share-text{display:inline-block;vertical-align:top;font-size:12px;color:#999;line-height:21px}.diy-m-action .diy-main-desc{float:right;font-size:18px;color:#333;line-height:60px;margin-right:6px}.diy-m-action .diy-main-price{float:right;font-size:18px;color:#f60;line-height:60px;margin-right:30px}.diy-m-action .diy-sub-desc{float:right;font-size:14px;color:#f60;line-height:60px;margin-right:6px}.diy-m-action .diy-sub-price{float:right;font-size:14px;color:#f60;line-height:60px;margin-right:58px}.diy-m-action .diy-buy{float:right;width:100px;height:36px;position:relative;top:12px;background:url(image/buy.png);margin-right:20px}.diy-m-action .diy-cart{float:right;width:130px;height:36px;line-height:36px;padding-left:36px;box-sizing:border-box;position:relative;font-size:16px;color:white;top:12px;border-radius:4px;background:#f60 url(image/cart.png) no-repeat;background-position:9px 9px;cursor:pointer}.diy-m-dialog-add{position:absolute;left:-200px;bottom:90px;width:500px;padding-bottom:20px}.diy-m-dialog-add .diy-dialog-body{background:white;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border:1px solid #ddd}.diy-m-dialog-add .diy-dialog-title{margin-top:30px;margin-bottom:20px;text-align:center;font-weight:bold;font-size:14px;color:#333;line-height:19px}.diy-m-dialog-add .diy-dialog-list{margin-left:30px;width:470px;font-size:0}.diy-m-dialog-add .diy-dialog-item{display:inline-block;width:80px;height:80px;margin:0 10px 10px 0;position:relative}.diy-m-dialog-add .diy-dialog-item>img{width:100%;height:100%}.diy-m-dialog-add .diy-dialog-item::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:1px solid #ddd}.diy-m-dialog-add .diy-dialog-item.diy-dialog-picked::after{border:2px solid #3664da}.diy-m-dialog-add .diy-dialog-confirm{width:100px;height:36px;font-size:14px;line-height:36px;text-align:center;border-radius:4px;background:#f60;color:white;margin:24px auto 20px;cursor:pointer}.diy-m-dialog-add .diy-dialog-close{position:absolute;top:12px;right:12px;width:16px;height:16px;background:url(image/dialog-close.png) no-repeat;cursor:pointer}.diy-m-dialog-add .diy-dialog-arrow{position:absolute;bottom:-3px;left:229px;height:24px;width:43px;background:url(image/dialog-arrow.png)}