.w1100 {width: 1100px;}
.DIY-body {background:url(https://image01.homedo.com/Files/Images/cms/www/20180518/5478553497397380123_pic1.jpg) top center no-repeat #3834f3; padding-bottom: 40px; display: block;}
.DIY-body .banner-bg {height: 414px; position: relative;}
.open {display: block;}
.DiyTaocan-box {background: #f5f5f5; margin-bottom: 40px;}
.DiyTaocan-box .box-title {margin-left: 46px; height: 80px; padding-left: 53px; line-height: 80px; font-size: 28px; font-weight: bold; background: url(https://image01.homedo.com/Files/Images/cms/www/20180518/5731121702721714666_pic1.png) left center no-repeat; color: #222}
.DiyTaocan-box .product-list {overflow: hidden; padding: 0 0 0 42px;}
.DiyTaocan-box .product-list li {padding:0 36px 40px 4px; background: url(https://image01.homedo.com/Files/Images/cms/www/20180518/4878693983463246705_pic1.png) 100% 232px no-repeat}
.DiyTaocan-box .product-list li:last-child {background: none;}
.DiyTaocan-box .product-list li .list-box {width: 220px; border:#eee solid 1px; background: #fff; position: relative; padding-bottom: 12px;}
.DiyTaocan-box .product-list li .list-box .brand {position: absolute; left: 0; top: 0; width: 88px;}
.DiyTaocan-box .product-list li .list-box .title  {font-size: 16px; line-height: 20px; height: 40px; color: #000; overflow: hidden; height: 40px; margin:6px 11px;}
.DiyTaocan-box .product-list li .list-box .pirce { margin:0 11px 10px 11px; font-size: 14px; color: #222; height: 25px; overflow: hidden;}
.DiyTaocan-box .product-list li .list-box .pirce span {color: #ff3030}
.DiyTaocan-box .product-list li .list-box .pirce strong {font-size: 20px;}
.DiyTaocan-box .product-list li .list-box .box-btn {overflow: hidden; height: 30px; padding: 0 11px;}
.DiyTaocan-box .product-list li .list-box .box-btn .change-btn { height: 30px; width: 78px; background: #13b5b1; font-size: 14px; color:#fff; text-align: center; line-height: 30px;}
.DiyTaocan-box .product-list li .list-box .box-btn .number {width: 47px; padding: 0 32px; height: 30px; position: relative; background: #292824;}
.DiyTaocan-box .product-list li .list-box .box-btn .number a {position: absolute;display: block; width: 32px; height: 100%; background:0 0 no-repeat;}
.DiyTaocan-box .product-list li .list-box .box-btn .number a.cut {left: 0; background-image: url(https://image01.homedo.com/Files/Images/cms/www/20180518/5570379163723789935_pic1.png)}
.DiyTaocan-box .product-list li .list-box .box-btn .number a.add {right: 0; background-image: url(https://image01.homedo.com/Files/Images/cms/www/20180518/5242022735413527323_pic1.png)}
.DiyTaocan-box .product-list li .list-box .box-btn .number a.none {cursor: default; opacity: .4; filter: alpha(opacity=40)}

.DiyTaocan-box .product-list li .list-box .box-btn .number .oInput {width: 100%; height: 30px; line-height: 30px; text-align: center; border: none; background: none; outline: none; color: #fff;}

.DiyTaocan-box .box-pirce {height: 48px; padding: 15px 45px 15px 30px; background: #fff; border-top:#e9e9e9 solid 1px;}
.DiyTaocan-box .box-pirce p {min-width: 270px; padding-right: 10px; line-height: 48px; font-size: 18px; color: #000}
.DiyTaocan-box .box-pirce p span {color: #ff3030}
.DiyTaocan-box .box-pirce p.market-pirce { color: #6d6d6d}
.DiyTaocan-box .box-pirce p.all-pirce {font-size: 20px}
.DiyTaocan-box .box-pirce p.all-pirce strong {font-size: 30px}
.DiyTaocan-box .box-pirce p.save-pirce {font-size: 18px;}
.DiyTaocan-box .box-pirce .submit {width: 120px; height: 48px; background: #ff3030; color: #fff; line-height: 48px; text-align: center; font-size: 20px; border-radius: 3px; }


.act-hdgz {background: #2724aa; padding: 35px 0}
.act-hdgz dt {margin: 0 40px 20px 40px; width: 136px; height: 38px;  border-radius: 38px; background: #f8e509; color: #db3111; line-height: 38px; text-align: center; font-size: 20px;  font-weight: bold}
.act-hdgz dd {padding: 0 40px; font-size: 16px; color: #e5e5e5; line-height: 30px;}

.change-product-box {display: none;}
.change-product-box .change-bg {background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50); z-index: 1000;}
.change-product-box .change-product-porp {width: 1190px; height: 707px; position: fixed; left: 50%; top: 50%; margin: -353px 0 0 -560px; background: #fafafa; z-index: 1010;}
.change-product-box .change-product-porp .change-product-title {height: 50px; background: #13b5b1; color: #fff; padding: 0 20px 0 30px; font-size: 16px; font-weight: bold; margin-bottom: 30px; line-height: 50px;}
.change-product-box .change-product-porp .change-product-title .colse {width: 16px; height: 16px; margin-top: 17px; background:url(https://image01.homedo.com/Files/Images/cms/www/20180518/5661170322460897352_pic1.png) 0 0 no-repeat;}
.change-product-box .change-product-porp .change-product-list {height: 580px; overflow: hidden; overflow-y: auto; display: none;}
.change-product-box .change-product-porp .change-product-list ul {overflow: hidden; padding-bottom: 1px; padding-left: 30px}
.change-product-box .change-product-porp .change-product-list ul li {margin: 0 20px 20px 0; width: 208px; height: 168px; position: relative; padding-left: 146px; background: #fff; border:#e9e9e9 solid 1px;}
.change-product-box .change-product-porp .change-product-list ul li .pic {position: absolute; width: 120px; height: 120px; top: 10px; left: 10px;}
.change-product-box .change-product-porp .change-product-list ul li .name {display: block; margin: 14px 20px 10px 0; height: 48px; line-height: 24px; color: #222; font-size: 16px; overflow: hidden;}
.change-product-box .change-product-porp .change-product-list ul li .pirce {font-size: 16px; color: #222; margin-bottom: 18px;}
.change-product-box .change-product-porp .change-product-list ul li .pirce span {color:#ff3030}
.change-product-box .change-product-porp .change-product-list ul li .pirce strong {font-size: 20px;}
.change-product-box .change-product-porp .change-product-list ul li .click-btn {display: block; width: 118px; height: 36px; text-align: center; line-height: 36px; border: #13b5b1 solid 1px; color: #13b5b1; font-size: 16px;}
.change-product-box .change-product-porp .change-product-list ul li .yes {color: #d8d8d8; border-color: #d8d8d8; cursor: default;}

.change-product-tab {overflow: hidden; padding: 0 0 5px 30px}
.change-product-tab li {min-width: 88px; height: 30px; border: #13b5b1 solid 1px; margin: 0 10px 10px 0; font-size: 16px; color: #13b5b1; line-height: 30px; text-align:center; color: #13b5b1; padding:0 5px; cursor: pointer; }
.change-product-tab li.cur {background: #13b5b1; color: #fff}

.taocan-floor-porp {position: fixed; top: 50%; left: 50%; margin-top: -100px; width: 108px; margin-left:-678px; display: none; z-index: 100;}
.taocan-floor-porp li {margin-bottom:1px; background: #1f8eff;}
.taocan-floor-porp li.cur,
.taocan-floor-porp li:hover {background: #0064e0}
.taocan-floor-porp li a {display: block;height: 30px;margin: 0 5px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}
.taocan-floor-porp li.go-top {background: #292824;}
.taocan-floor-porp li.go-top a {background: #292824; font-size: 15px; font-weight: bold; text-align: center}
.product-orrer {position: absolute; left: 0; right: 0; text-align: center; bottom: -26px; line-height: 20px; font-size: 14px; color: #FF3030}
.product-orrer em {position: relative; padding-left: 17px;}
.product-orrer em::after {position: absolute; display: block; content: ""; width: 14px; height: 14px; left: 0; top:50%; margin-top: -7px; background: url(//image01.homedo.com/Files/Images/cms/www/20190425/4635995350806594558_pic1.png) 0 0 no-repeat;}