.diysite-responsive{padding:2em}.diysite-responsive h2.title{margin-bottom:25px;text-align:center;font-weight:400}.diysite-responsive .header-class{margin:15px 0 30px;text-align:center}.diysite-responsive .header-class a{padding:10px 26px;font-size:18px;text-decoration:none;border-radius:10px}.diysite-responsive .header-class .mobile{display:inline-block;*display:inline;*zoom:1}.diysite-responsive .header-class .mobile .iconfont{position:relative;top:2px}.diysite-responsive .header-class .cur{color:#fff;background-color:#42a4d5}.diysite-responsive .tpl-options{float:left;width:20%;box-sizing:border-box}.diysite-responsive .tpl-options.affix{top:60px}.diysite-responsive .tpl-options-ctn{margin-bottom:1em}.diysite-responsive .tpl-options-ctn .header-toggle{position:relative;display:block;padding:8px 23px 8px 15px;background-color:#fafafa;font-size:14px;color:#303030;text-decoration:none;z-index:7;zoom:1}.diysite-responsive .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:""}.diysite-responsive .tpl-options-ctn .header-toggle .sub-cat{font-size:12px}.diysite-responsive .tpl-options-ctn .header-detail-box{display:none;max-height:300px;padding:15px;background:#fff;box-shadow:1px 1px 1px #ccc;z-index:99;overflow:auto}.diysite-responsive .tpl-options-ctn .header-detail-box ul{margin:0;padding:0}.diysite-responsive #header-cat-lists li.current a,.diysite-responsive #header-cat-lists li a:hover{background-color:#1f88c4;color:#fff}.diysite-responsive #header-tpl-filter{position:relative;padding:3px 0;background-color:#fafafa}.diysite-responsive #header-tpl-filter span{display:inline-block;margin-left:16px;vertical-align:middle;font-size:14px}.diysite-responsive #header-tpl-filter input{width:68%;height:auto;margin-bottom:0;padding:5px 50px 5px 6px;background:#fff;border:0;border-radius:0;font-size:12px;box-sizing:border-box;box-shadow:none}.diysite-responsive #header-tpl-filter button{position:absolute;top:3px;right:3px;width:60px;height:30px;padding:0;background:#41a4d5;color:#fff;box-sizing:border-box;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.diysite-responsive #header-tpl-filter button:hover{background:#2e99cf}.diysite-responsive #header-cat-lists li{white-space:nowrap;list-style:none}.diysite-responsive #header-cat-lists li a{display:block;padding:3px 10px;color:#7e7e7e;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-webkit-transition:.3s;transition:.3s}.diysite-responsive #header-price-list .header-detail-box{width:110px}.diysite-responsive #header-price-list li{list-style:none}.diysite-responsive #header-price-list li a{display:block;height:30px;padding:0 15px;line-height:30px;text-decoration:none;color:#555}.diysite-responsive #header-price-list li .current,.diysite-responsive #header-price-list li a:hover{background-color:#e4e4e4}.diysite-responsive #color-list ul li{float:left;margin:0 6px 6px 0;padding:2px;list-style:none}.diysite-responsive #color-list .c-radio{float:left;width:24px;height:24px;background:url(../../../../Images/diysite/color.png) no-repeat;cursor:pointer}.diysite-responsive #color-list .c-all{display:block;clear:both;padding-bottom:6px}.diysite-responsive #color-list .c-red{background-position:0 0}.diysite-responsive #color-list .c-orange{background-position:-24px 0}.diysite-responsive #color-list .c-yellow{background-position:-48px 0}.diysite-responsive #color-list .c-green{background-position:-72px 0}.diysite-responsive #color-list .c-light_blue{background-position:-96px 0}.diysite-responsive #color-list .c-blue{background-position:-120px 0}.diysite-responsive #color-list .c-light_purple{background-position:-144px 0}.diysite-responsive #color-list .c-purple{background-position:-168px 0}.diysite-responsive #color-list .c-white{background-position:-192px 0}.diysite-responsive #color-list .c-gray{background-position:-216px 0}.diysite-responsive #color-list .c-brown{background-position:-240px 0}.diysite-responsive #color-list .c-black{background-position:-264px 0}.diysite-responsive #color-list .c-colorful{background-position:-288px 0}.diysite-responsive #color-list .current{background-color:#fd9626}.diysite-responsive #color-list .current .c-red{background-position:0 -32px}.diysite-responsive #color-list .current .c-orange{background-position:-24px -32px}.diysite-responsive #color-list .current .c-yellow{background-position:-48px -32px}.diysite-responsive #color-list .current .c-green{background-position:-72px -32px}.diysite-responsive #color-list .current .c-light_blue{background-position:-96px -32px}.diysite-responsive #color-list .current .c-blue{background-position:-120px -32px}.diysite-responsive #color-list .current .c-light_purple{background-position:-144px -32px}.diysite-responsive #color-list .current .c-purple{background-position:-168px -32px}.diysite-responsive #color-list .current .c-white{background-position:-192px -32px}.diysite-responsive #color-list .current .c-gray{background-position:-216px -32px}.diysite-responsive #color-list .current .c-brown{background-position:-240px -32px}.diysite-responsive #color-list .current .c-black{background-position:-264px -32px}.diysite-responsive #color-list .current .c-colorful{background-position:-288px -32px}.diysite-responsive .open .header-toggle{color:#555}.diysite-responsive .open .header-toggle .arrow{border-color:#555;border-right:4px solid #fff;border-bottom:4px solid #fff;border-left:4px solid #fff}.diysite-responsive .open .header-detail-box{display:block}.diysite-responsive .help-center-anchor{text-align:center}.diysite-responsive .tpl-list{min-height:550px;margin:0 1% 0 21%}.diysite-responsive .tpl-list .ctn-tpl{float:left;width:33%;margin-bottom:25px;text-align:center}.diysite-responsive .tpl-list .ctn-tpl .inner{position:relative;overflow:hidden}.diysite-responsive .tpl-list .ctn-tpl .inner:hover img{-webkit-filter:blur(1px);filter:blur(1px)}.diysite-responsive .tpl-list .ctn-tpl .inner:hover .action{top:0}.diysite-responsive .tpl-list .ctn-tpl .inner:hover .action a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.diysite-responsive .tpl-list .ctn-tpl .inner img{-webkit-transition:.3s;transition:.3s}.diysite-responsive .tpl-list .ctn-tpl .inner .action{position:absolute;top:100%;left:0;width:100%;height:100%}.diysite-responsive .tpl-list .ctn-tpl .inner .action a{display:inline-block;width:5em;height:5em;margin-top:3em;background:#2196f3;border-radius:50%;vertical-align:top;-webkit-transition:.3s;transition:.3s;opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em);text-align:center;color:#fff;line-height:5em;font-size:16px;text-decoration:none}.diysite-responsive .tpl-list .ctn-tpl .inner .action a:hover{background:#0a6ebd}.diysite-responsive .tpl-list .ctn-tpl .inner .action a+a{margin-left:1em;-webkit-transition-delay:.1s;transition-delay:.1s}.diysite-responsive .tpl-list .tags{margin:1em 0;font-size:16px;line-height:1;color:#909090}.diysite-responsive .pagination-info{display:none}