.neckbox{height:400px;position:relative}.neckbox .imgBox,.neckbox .imgBox img{width:100%;height:100%}.neckbox .centerbox{width:400px;height:200px;position:absolute;left:50%;top:50%;margin-top:-80px;margin-left:-200px}.neckbox .centerbox div{float:left}.neckbox .centerbox div i{font-size:35px;color:#555}.neckbox .centerbox .direct{width:200px;height:160px;border-radius:50%;padding-top:40px;text-align:center;background:url(../../../Images/index/caron-bcg.png) no-repeat;background-size:cover;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"}.neckbox .centerbox .direct ul li{font-size:25px;color:#d7a12f;font-weight:700}.neckbox .centerbox .direct ul li a{font-size:18px;font-weight:300;color:#d7a12f}.neckbox .centerbox .left{width:100px;text-align:left;line-height:200px}.neckbox .centerbox .right{width:100px;text-align:right;line-height:200px}.selbox{width:100%;background:linear-gradient(90deg,#d8a22f,#d8a22f,#f4f4f4)}.selbox .colorsel{max-width:1200px;margin:0 auto}.selbox .colorsel li{float:left;padding:5px 0}.selbox .colorsel li span{float:left;color:#fff;line-height:32px}.selbox .colorsel .unlimcol{padding:5px 10px;line-height:32px}.selbox .colorsel .unlimcol a{color:#fff}.rec-template{margin-top:30px}.rec-template h2{width:150px;margin:0 auto;text-align:center;line-height:30px;border-left:2px solid #d8a22f;border-right:2px solid #d8a22f;color:#535353}.rec-template .out1 li{float:left;width:33.3333%;background:#535353}.rec-template .out1 li a{display:block;text-align:center;color:#fff;line-height:40px}.rec-template .out1 li.selected{background:#d8a22f}.rec-template .out1{padding-top:30px}#bd .recommend-tem .rec-template .out1 a:hover{text-decoration:underline}#bd{max-width:1200px;margin:0 auto}#template-list{position:relative;height:930px;margin-top:20px}#template-list .aside{position:absolute;top:0;bottom:0;background:#fff;left:0;width:260px;box-sizing:border-box}#template-list .aside .tpl-mode a{float:left;width:115px;height:40px;background:#eee;line-height:40px;color:#999;text-align:center;text-decoration:none;font-size:20px;font-weight:100}#template-list .aside .tpl-mode a+a{margin-left:10px}#template-list .aside .tpl-mode a.cur,#template-list .aside .tpl-mode a:hover{background:#22d3b6;color:#fff}#template-list .aside .sub-title{margin:30px 0 10px;color:#999;font-size:14px}#template-list .tpl-list-content{left:270px;right:0;padding:0 0 38px}#template-list .tpl-list-content .pagination{margin:20px 65px 20px 0}#template-list .tpl-list-content .pagination.pagination-right{text-align:right}#template-list .tpl-list-content .pagination .pagination-info{display:none}#template-list .tpl-list-content .pagination ul{margin:0;padding:0;padding:15px;border-radius:10px}#template-list .tpl-list-content .pagination li{display:inline-block;list-style:none;font-size:14px;color:#999}#template-list .tpl-list-content .pagination li.active a,#template-list .tpl-list-content .pagination li.active span{background:#22d3b6;color:#fff}#template-list .tpl-list-content .pagination li a,#template-list .tpl-list-content .pagination li span{display:block;min-width:36px;height:36px;padding:0;border:0;line-height:36px;text-align:center}#template-list .tpl-list-content .pagination a{color:#999;text-decoration:none}.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}.industry{padding:30px 0 10px 65px;margin-left:100px}.color-list,.industry span{font-size:16px}#color-list{float:left;margin:0;padding:0 10px;background:#fff}#color-list li{float:left;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:inline-block;position:relative;top:7px;left:15px;width:84px;background:#353966;color:#fff;text-align:center;font-size:14px;line-height:24px}#color-list .c-all:hover{background:#14a484}#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 .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}#color-list .c-1{background-position:0 0}#color-list .c-2{background-position:-24px 0}#color-list .c-4{background-position:-48px 0}#color-list .c-8{background-position:-72px 0}#color-list .c-16{background-position:-96px 0}#color-list .c-32{background-position:-120px 0}#color-list .c-64{background-position:-144px 0}#color-list .c-128{background-position:-168px 0}#color-list .c-256{background-position:-192px 0}#color-list .c-512{background-position:-216px 0}#color-list .c-1024{background-position:-240px 0}#color-list .c-2048{background-position:-264px 0}#color-list .c-4096{background-position:-288px 0}#color-list .current .c-1{background-position:0 -32px}#color-list .current .c-2{background-position:-24px -32px}#color-list .current .c-4{background-position:-48px -32px}#color-list .current .c-8{background-position:-72px -32px}#color-list .current .c-16{background-position:-96px -32px}#color-list .current .c-32{background-position:-120px -32px}#color-list .current .c-64{background-position:-144px -32px}#color-list .current .c-128{background-position:-168px -32px}#color-list .current .c-256{background-position:-192px -32px}#color-list .current .c-512{background-position:-216px -32px}#color-list .current .c-1024{background-position:-240px -32px}#color-list .current .c-2048{background-position:-264px -32px}#color-list .current .c-4096{background-position:-288px -32px}#class-list{padding:5px 38px 5px 5px;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZjEzNGVhOC00MWRiLTliNGUtYjk3Mi02OGFiMzRhZTg2ZWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJBRDREOTVEQzU5MTFFNUI3RkVGMzgxMjc3N0UwNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJBRDREOTREQzU5MTFFNUI3RkVGMzgxMjc3N0UwNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEzMDVjZWFkLTdhZGItZTE0ZC05YmE4LWFmY2NkYWUwZjUyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjVDMjE2NDk4NjIxMUU1ODU4REJGQkI4NjU5M0Q5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl1/BZEAAACSSURBVHja7NdRCoAgDIBhF57VQ3nZpQ8DEcI050P8g6gF9uWEcqKq4WRc4XAAAgIC+kecHZBztsv6ERZLUkquM9Tu7FpSHeT7wFLO9uGygq6WVOqalUOmB/IDBgQEBAQEBAQE/NhbNBthsV7C7r3do8bFF9UCiXtv0c3iadu/fQ1lkPv0FisYvQUgIOBPwVuAAQAJdCWeJba6ggAAAABJRU5ErkJggg==") no-repeat 100% 100%;border:1px solid #ddd;border-radius:2px;color:#333;font-size:12px;line-height:18px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;padding:5px\9;background:#fff\9}#class-list:focus{background-position:100% 0;border-color:#37b2f1;transition:all .3s}#class-list::-ms-expand{display:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){select.select{padding:5px 38px 5px 5px;background:#fff url(../images/arrow.png) no-repeat 100% 100%}}.tpl-list{margin-top:40px;background:#f4f4f4}.tpl-list.resp-list .inner{width:255px}.tpl-list .ctn-tpl{float:left;position:relative;width:320px;margin-bottom:30px;padding:0 0 50px;margin:30px 40px 0;background:#fff}.tpl-list .ctn-tpl h3{padding:5px 15px;color:#5d5d5d;font-size:16px;font-weight:100}.tpl-list .ctn-tpl p{position:absolute;display:block;width:45px;height:25px;bottom:0;right:0;text-align:center;background:url(../../../Images/index/default_bcg.png) no-repeat;background-size:100% 100%;padding-left:6px;padding-top:20px;color:#fff}.tpl-list .ctn-tpl.hover h3{color:#deb14f}.tpl-list .ctn-tpl.hover p{background:url(../../../Images/index/hover_bcg.png) no-repeat;background-size:100% 100%}.tpl-list .inner{position:relative;width:170px;margin:0 auto}.tpl-list .thumb{height:170px;overflow:hidden}.tpl-list .thumb a{display:block}.info{text-align:center;margin-top:20px}.info .content{font-size:14px;color:#999}.info .buy{float:right;font-size:12px;color:#f44336}.anchor-all{font-size:14px;color:#999;text-decoration:none}.mobile-preview{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#ababab;background:rgba(65,65,65,.8);z-index:999}.mobile-preview .inner{position:fixed;top:50%;left:50%;width:800px;height:750px;margin:-375px 0 0 -400px;background:#fff;box-shadow:0 0 6px 6px #525252}.mobile-preview .close{position:absolute;right:10px;top:0;text-align:center;cursor:pointer;font-size:26px}.mobile-preview .frame{position:absolute;top:50%;left:50%;width:376px;height:711px;margin:-355.5px 0 0 -376px}.mobile-preview .frame .b,.mobile-preview .frame .l,.mobile-preview .frame .r,.mobile-preview .frame .t{position:absolute;background:url(../../../Images/index/frame-mobile.jpg) no-repeat}.mobile-preview .frame .t{top:0;left:0;width:376px;height:119px}.mobile-preview .frame .r{top:119px;right:0;width:26px;height:480px;background-position:-350px -119px;z-index:99}.mobile-preview .frame .b{top:599px;left:0;width:376px;height:112px;background-position:0 -599px}.mobile-preview .frame .l{top:119px;left:0;width:29px;height:480px;background-position:0 -119px}.mobile-preview .view{position:absolute;top:50%;left:50%;width:336px;height:480px;margin:-237px 0 0 -347px;border:0}.mobile-preview .qrcode{position:absolute;top:30%;left:50%;margin-left:80px}.mobile-preview .qrcode p{margin-bottom:30px;font-size:20px}.mobile-preview .qrcode .btn-purchase{display:block;font-size:14px;text-align:center}.rec-template .tpl-list-content .pagination{margin:20px 65px 20px 0}@media (max-width:1200px){.tpl-list .ctn-tpl{width:33.3333%}}