h2.title{margin-bottom:25px;text-align:center;font-weight:400}h2.title a{position:relative;font-size:12px}.header-class{margin:15px 0;text-align:center}.header-class a{padding:10px 26px;font-size:18px;text-decoration:none;border-radius:2px}.header-class .mobile,.header-class .wxapp{display:inline-block;*display:inline;*zoom:1}.header-class .mobile .iconfont,.header-class .wxapp .iconfont{font-size:20px}.header-class .cur{color:#fff;background-color:#607d8b}.tpl-options-box{margin-bottom:10px;border-bottom:1px solid #d6d6d6}.tpl-options-ctn{position:relative;float:left;margin-right:1px}.tpl-options-ctn .header-toggle{position:relative;display:block;padding:8px 23px 8px 15px;background-color:#fafafa;border-right:1px solid #e0e0e0;font-size:14px;color:#303030;text-decoration:none;z-index:7;zoom:1}.tpl-options-ctn .header-toggle .arrow{position:absolute;top:17px;right:10px;display:block;width:0;height:0;border:4px solid #fafafa;border-top-color:#6b6b6b;content:""}.tpl-options-ctn .header-toggle .sub-cat{font-size:12px}.tpl-options-ctn .detail-box{display:none}.tpl-options-ctn .header-detail-box{display:none;position:absolute;top:35px;left:0;min-width:600px;padding:15px;background:#fff;box-shadow:1px 1px 1px #ccc;z-index:99}.tpl-options-ctn .header-detail-box ul{margin:0;padding:0}#header-cat-lists li.current a,#header-cat-lists li a:hover{background-color:#1f88c4;color:#fff}#header-cat-lists li{float:left;margin:0 5px 5px 0;white-space:nowrap;list-style:none}#header-cat-lists li a{display:block;padding:3px 10px;background-color:#e7e7e7;border:1px solid #cacaca;color:#7e7e7e;text-decoration:none;border-radius:6px}#header-color-picker .header-detail-box{min-width:445px}.open .header-toggle{background-color:#fff;color:#555}.open .header-toggle .arrow{border-color:#555;border-right:4px solid #fff;border-bottom:4px solid #fff;border-left:4px solid #fff}.open .header-detail-box{display:block}#header-price-list .header-detail-box{width:110px}#header-price-list li{list-style:none}#header-price-list li a{display:block;height:30px;padding:0 15px;line-height:30px;text-decoration:none;color:#555}#header-price-list li .current,#header-price-list li a:hover{background-color:#e4e4e4}#color-list ul li{float:left;margin:0 6px 6px 0;padding:2px;list-style:none}#color-list .c-radio{float:left;width:24px;height:24px;background:url(../../../Images/diysite/color.png) no-repeat;cursor:pointer}#color-list .c-all{display:block;clear:both;padding-bottom:6px}#color-list .c-red{background-position:0 0}#color-list .c-orange{background-position:-24px 0}#color-list .c-yellow{background-position:-48px 0}#color-list .c-green{background-position:-72px 0}#color-list .c-light_blue{background-position:-96px 0}#color-list .c-blue{background-position:-120px 0}#color-list .c-light_purple{background-position:-144px 0}#color-list .c-purple{background-position:-168px 0}#color-list .c-white{background-position:-192px 0}#color-list .c-gray{background-position:-216px 0}#color-list .c-brown{background-position:-240px 0}#color-list .c-black{background-position:-264px 0}#color-list .c-colorful{background-position:-288px 0}#color-list .current{background-color:#fd9626}#color-list .current .c-red{background-position:0 -32px}#color-list .current .c-orange{background-position:-24px -32px}#color-list .current .c-yellow{background-position:-48px -32px}#color-list .current .c-green{background-position:-72px -32px}#color-list .current .c-light_blue{background-position:-96px -32px}#color-list .current .c-blue{background-position:-120px -32px}#color-list .current .c-light_purple{background-position:-144px -32px}#color-list .current .c-purple{background-position:-168px -32px}#color-list .current .c-white{background-position:-192px -32px}#color-list .current .c-gray{background-position:-216px -32px}#color-list .current .c-brown{background-position:-240px -32px}#color-list .current .c-black{background-position:-264px -32px}#color-list .current .c-colorful{background-position:-288px -32px}.feature-ctn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2em}.feature-ctn .features{padding-top:3em}.feature-ctn .features .feature-row{display:-webkit-box;display:-webkit-flex;display:flex;width:-webkit-fit-content;width:fit-content;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:30px;background:#fff;border-radius:10px;box-shadow:0 0 16px rgba(51,51,51,.16);border-right:10px solid #00487e}.feature-ctn .features .feature-row .feature-main{width:90px;-webkit-flex-shrink:0;flex-shrink:0;color:#00487e;font-size:16px;text-indent:16px}.feature-ctn .features .feature-row .feature-list{width:50em;padding:16px 0 16px 20px}.feature-ctn .features .feature-row .feature-list .feature-item{display:inline-block;padding:0 .5em}.feature-ctn .features .feature-row:first-child .feature-list,.feature-ctn .features .feature-row:nth-child(5) .feature-list{width:54em}.feature-ctn .features .feature-row:nth-child(2) .feature-list,.feature-ctn .features .feature-row:nth-child(4) .feature-list{width:52em}.feature-ctn .sample{position:relative;max-width:100%;width:400px;text-align:center}.feature-ctn .sample img{position:relative;z-index:1;background:#fff;padding:6px;box-shadow:0 0 16px rgba(51,51,51,.16)}.feature-ctn .sample:after{content:" ";position:absolute;top:31px;left:0;width:100%;padding-bottom:calc(100% - 80px);box-sizing:border-box;border-radius:50%;border:40px solid #00487e}.go-feature{display:-webkit-box;display:-webkit-flex;display:flex;max-width:30em;margin:0 auto 4em;padding-left:1em;background:#fff;box-shadow:0 0 16px rgba(51,51,51,.16);border-radius:10px;line-height:4em;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;font-size:14px}.go-feature a{background:#00487e;padding:0 1em;color:#fff}.scene-solution{margin-bottom:4em}.scene-solution .title span{color:#e6e6e6}.scene-solution .title .toggle{font-size:.6em;color:#08c;cursor:pointer}.scene-solution .title .active{font-size:1em;color:#555;cursor:default}.scene-solution .panel{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.scene-solution .panel.hide{display:none}.scene-solution .item{max-width:200px;margin:0 1em 2em}.tpl-list .ctn-tpl{float:left;width:25%;margin-bottom:60px;padding-bottom:1px}.tpl-list .inner{position:relative;width:80%;margin:17px auto 0;padding:6px;box-shadow:0 0 16px rgba(51,51,51,.16);overflow:hidden}.tpl-list .inner:hover .info{padding-top:10px;bottom:0}.tpl-list .inner:hover .info .tags,.tpl-list .inner:hover .info a{color:#fff}.tpl-list .inner:hover .info span{font-size:16px}.tpl-list .inner:hover .info a{display:block;margin:6px 38px;padding:6px;background:#f44336;border-radius:20px;font-size:14px;text-decoration:none;-webkit-transition:.3s;transition:.3s}.tpl-list .inner:hover .info a:hover{background:#4caf50}.tpl-list .inner:hover .thumb a img{-webkit-filter:blur(3px);filter:blur(3px)}.tpl-list .inner:hover .qrcode{top:0;opacity:1}.tpl-list .inner .info{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.6);-webkit-transition:.3s;transition:.3s;color:#fff;font-size:14px;z-index:2}.tpl-list .inner .info a{display:none}.tpl-list .inner .qrcode{position:absolute;top:-20px;left:0;width:100%;padding:10px 0;opacity:0;text-align:center;-webkit-transition:.3s;transition:.3s}.tpl-list .inner .qrcode canvas{max-width:210px;padding:10px;background:#fff;box-sizing:border-box}.tpl-list .thumb{position:relative;height:300px;overflow:hidden;text-align:center}.tpl-list .thumb a{display:block}.tpl-list .name,.tpl-list .price,.tpl-list .tags{padding:2px 4px 0}.tpl-list .name{display:none;float:left;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-list .price{float:right;color:orange}.tpl-list .tags{padding:3px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination .pagination-info{display:none}.pagination .pagination-info+li a,.pagination .pagination-info+li span{border-left-width:1px;border-bottom-left-radius:4px;border-top-left-radius:4px}@media(max-width:1200px){.feature-ctn{-webkit-flex-wrap:wrap;flex-wrap:wrap}.feature-ctn .features{width:100%}.feature-ctn .features .feature-row{width:auto}.feature-ctn .features .feature-row .feature-list{width:auto!important}.feature-ctn .sample{margin:0 auto}}@media(max-width:979px){.tpl-list .ctn-tpl{width:50%}}@media(max-width:767px){#buy{margin-bottom:10px}.tpl-list .ctn-tpl{width:100%}}