.tpl-list-title{margin:50px 0;text-align:center;font-size:16px;color:#616161;line-height:1.5}.tpl-list-title h3{font-size:18px}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 #6b6b6b;border-right:4px solid #fafafa;border-bottom:4px solid #fafafa;border-left:4px solid #fafafa;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/template/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}.scenes{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-bottom:25px;text-align:center}.scenes .item{-ms-flex:0 1 calc(20% - 20px);flex:0 1 calc(20% - 20px);margin:0 10px 20px;background-color:#f7fbfe;vertical-align:top;box-sizing:border-box;transition:transform .3s}.scenes .item:hover{box-shadow:1px 1px 3px #ccc;transform:translateY(-1px)}.scenes .item:hover .btn{background:#50a8f2;border-radius:20px;color:#fff}.scenes .item .inner{padding:20px 5px}.scenes .item .ico{width:80px;height:60px;margin:0 auto 10px;background:url(../../../Images/wxapp/icons.png) no-repeat}.scenes .item .desc,.scenes .item .sub-title{line-height:32px}.scenes .item .sub-title{font-size:16px;font-weight:700;color:#555}.scenes .item .desc{font-size:14px;color:#aaa}.scenes .item .btn{padding:3px 35px;background:none;border:none;color:#50a8f2;font-size:14px}.scenes .item:first-child .ico{background-position:0 0}.scenes .item:nth-child(2) .ico{background-position:-80px 0}.scenes .item:nth-child(3) .ico{background-position:-160px 0}.scenes .item:nth-child(4) .ico{background-position:-240px 0}.scenes .item:nth-child(5) .ico{background-position:-320px 0}.scenes .item:nth-child(6) .ico{background-position:0 -60px}.scenes .item:nth-child(7) .ico{background-position:-80px -60px}.scenes .item:nth-child(8) .ico{background-position:-160px -60px}.scenes .item:nth-child(9) .ico{background-position:-240px -60px}.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;overflow:hidden}.tpl-list .inner:hover .info{opacity:1}.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:#d8a230;border-radius:20px;font-size:14px;text-decoration:none;transition:.3s}.tpl-list .inner:hover .info a:hover{background:#f44336}.tpl-list .inner:hover .qrcode{opacity:1}.tpl-list .inner .info{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(38,198,218,.702);transition:.3s;opacity:0;color:#fff;font-size:14px;z-index:2}.tpl-list .inner .info a{display:none}.tpl-list .inner .qrcode{height:100%;width:100%;padding:20px;opacity:0;text-align:center;transition:.3s;box-sizing:border-box;vertical-align:middle}.tpl-list .inner .qrcode canvas{max-width:210px;padding:10px;background:#fff;box-sizing:border-box;vertical-align:middle}.tpl-list .inner .qrcode:before{content:"";display:inline-block;vertical-align:middle;height:100%}.tpl-list .thumb{position:relative;height:400px;overflow:hidden;box-shadow:3px 4px 4px 0 #dcdcdc;text-align:center}.tpl-list .thumb a{display:block;height:100%}.tpl-list .thumb a img{width:100%;height:100%}.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{position:absolute;bottom:0;left:0;right:0;height:50px;padding:3px 0;color:#f0eeee;background-color:#26c6da;line-height:1.813;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-list .tags:before{content:"";display:inline-block;height:100%;vertical-align:middle}.tpl-list .tags *{vertical-align:middle}.pagination{margin:20px;text-align:center}.pagination.pagination-right{text-align:right}.pagination ul{display:inline-block;height:40px;margin-bottom:0;margin-left:0;padding:0 15px;border:1px solid #e5e3e3;border-radius:20px;background:#fff;*zoom:1}.pagination ul>li{display:inline;line-height:40px}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:31px;text-decoration:none;background-color:#fff;border-left-width:0;color:#555}.pagination ul>li>a:focus,.pagination ul>li>a:hover{background-color:#f5f5f5}.pagination ul>.active>a,.pagination ul>.active>span{color:#26c6da;cursor:default}.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span{color:#d8a22f;cursor:default;background-color:transparent}.copyright-tip{padding:1em;background:#fff4dc;border:1px dashed #d8a22f;border-left:0;border-right:0;text-align:center;font-size:12px;color:#555}@media (max-width:979px){.tpl-list .ctn-tpl{width:50%}}@media (max-width:767px){#buy{margin-bottom:10px}.tpl-list .ctn-tpl{width:100%}}