.container{background-color:#f2f2f2}.content{align-items:start}.content .article{width:930px;background:#fff;border-radius:20px;padding:30px 30px 30px 160px;box-sizing:border-box;justify-content:start}.content .article>h1{height:25px;line-height:25px;font-size:26px;font-weight:500;color:#333;margin:0}.content .article>p{height:13px;line-height:13px;font-size:16px;font-weight:400;color:#999;margin-top:20px;margin-bottom:30px}.content .article>p span:first-child{margin-right:40px}.content .article .type{width:740px;height:16px;font-size:16px;font-family:PingFang SC;font-weight:500;color:#333;line-height:46px;margin-bottom:10px}.content .article .type p{height:16px;line-height:16px}.content .article .desc{width:740px;height:auto;line-height:22px;font-size:16px;font-weight:400;color:#333}.content .article .detail{align-items:start;width:100%}.content .article .detail h1{height:19px;line-height:19px;font-size:20px;font-weight:500;color:#333;margin-bottom:20px;margin-top:0}.content .article .detail img{width:auto;max-width:100%;display:inline-block;margin:0 auto;height:auto;background:#f2f2f2;border-radius:20px}.content .article .detail p{width:740px;font-size:16px;line-height:22px;font-weight:400;color:#333;margin:30px 0}.content .article .detail .btn{width:100%}.content .article .detail a{transition:all .2s ease;cursor:pointer;width:360px;height:50px;background:#fff;border:1px solid #e6e6e6;border-radius:16px;font-size:16px;line-height:50px;text-align:center;font-weight:400;color:#333}.content .article .detail a:hover{background:#09543c;color:#fff}.content .info{width:330px}.content .info .designer{width:330px;background:#fff;border-radius:20px}.content .info .recommen{width:330px;background:#fff;border-radius:20px;margin-top:20px}.content .info .recommen .aside-case-recommen .info{width:130px}.content .parts-all>.recommen{width:930px;background:#fff;border-radius:20px;padding:30px 30px}.content .parts-all>.recommen h1{margin:0;margin-bottom:30px;text-align:center}.content .parts-all>.recommen .decor-case-item{width:276px;height:235px;background:#fff;border:1px solid #e6e6e6;border-radius:20px;margin:0}.content .parts-all>.recommen .decor-case-item:nth-child(3n+2){margin:0 20px}.content .parts-all>.recommen .decor-case-item>img{width:276px;height:167px;background:#e6e6e6;border-radius:20px 20px 0 0}.content .parts-all>.recommen .decor-case-item .designer{height:68px}.content .parts-all>.recommen .decor-case-item .designer span{width:40px;height:40px}.content .parts-all>.recommen .decor-case-item .designer img{width:40px;height:auto}.content .parts-all>.recommen .decor-case-item .designer p{height:11px;font-size:12px}.content .parts-all>.recommen .decor-case-item .designer p.name{height:16px;font-size:16px;margin-bottom:6px}.content .parts-all>.recommen .decor-case-item .designer>button{font-size:14px;border-radius:12px}.content .parts-all>.recommen .decor-case-item .designer>button>span{display:inline-block;width:32px;height:28px;margin-right:8px;vertical-align:middle}.content .parts-all>.recommen .decor-case-item .mark{width:276px;height:68px;top:99px;padding:13px}.content .parts-all>.recommen .decor-case-item .mark h1{width:auto;max-width:110px;height:16px;font-size:16px;line-height:16px;margin:0;margin-right:4px}.content .parts-all>.recommen .decor-case-item .mark p{height:16px;font-size:14px;line-height:14px}.header-banner>img{width:930px;height:300px;margin:20px 0}.header-banner .absolute{position:absolute;top:0;right:0;bottom:0;left:0}.header-banner .absolute form{width:620px}.header-banner .absolute form>div.flex-start{position:relative}.header-banner .absolute form>div.flex-start>img{position:absolute;width:10px;height:12px;bottom:19px;left:170px}.header-banner .absolute form>div.flex-start>span{position:absolute}.header-banner .absolute form>div.flex-start>p{position:absolute}.header-banner .absolute form img.select{left:130px!important}.header-banner .absolute form .area{left:305px!important}.header-banner .absolute form #area{width:160px}.header-banner .absolute form .widther{margin-right:0}.header-banner .absolute form>.flex-start>p{top:20px;right:4px}.header-banner .absolute form .button{width:620px;line-height:50px;text-align:center}.case-wrap .case-demo:first-child{margin-top:0}.case-designer{padding:30px;align-items:start}.case-designer>h1{width:100%;margin:0;height:21px;line-height:21px;font-size:22px;font-weight:500;color:#333}.case-designer .des{align-items:center;margin:20px 0}.case-designer .des>span{width:60px;height:60px;background:#09543c;border-radius:50%;margin-right:6px;overflow:hidden}.case-designer .des img{width:60px;height:auto}.case-designer .des p{height:16px;line-height:16px;font-size:16px;font-weight:400;color:#666;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-designer .des p.name{height:21px;line-height:21px;font-size:22px;font-weight:500;color:#333;margin-bottom:10px}.case-designer .idea{width:270px;font-size:16px;line-height:24px;font-weight:400;color:#333}.case-designer .btn{width:100%}.case-designer .btn>a{cursor:pointer;width:125px;height:36px;border-radius:10px;line-height:36px;font-size:16px;font-weight:500;color:#fff;text-align:center}.case-designer .btn>a.prev{background:#09543c}.case-designer .btn>a.next{background:linear-gradient(90deg,#ffb728,#ffa022)}.case-designer .look-index{width:100%}.case-designer .look-index p{height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px}.case-designer .look-index p>span{width:20px;height:15px;font-size:20px;color:#feaf40}.case-designer .look-index a{height:14px;line-height:14px;font-size:14px;font-weight:400;color:#feaf40;margin-top:24px;margin-bottom:21px}.case-designer .look-index a img{width:6px;height:12px;margin-left:8px}video{width:100%;margin-bottom:30px}iframe{width:100%;height:800px;border:none}.jump-to{position:fixed;align-items:flex-end;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.08);border-radius:20px;z-index:2;bottom:200px;left:18vw;padding:30px 15px}.jump-to .layout{cursor:pointer;user-select:none;display:flex;justify-content:flex-end;align-items:center}.jump-to .layout span{text-align:right}.jump-to .layout span.text{height:16px;font-size:16px;line-height:16px;font-weight:400;color:#333}.jump-to .layout span.circle{display:inline-block;width:16px;height:16px;border:1px solid #333;border-radius:50%;margin-left:9px}.jump-to a.active span.circle{background:#32695a;border-color:#32695a}.jump-to .border{width:1px;height:40px;background:#e6e6e6;margin:5px 0;margin-right:7.5px}