.muban {
				width: 100%;
				margin-top: 20px;
			}
			.ulov{
				overflow: hidden;
				width: 100%;
			}
			.site-tab {
				overflow: hidden;
			}

			.site-tab li {
				width: 299px;
				background: #efefef;
				color: #000;
				font-size: 20px;
				float: left;
				height: 58px;
				line-height: 58px;
				cursor: pointer;

			}

			.site-tab li .txt {
				display: block;
				text-align: center;
			}

			.site-tab li.active .txt {
				background: #fff;
			}

			.site-tab li.active span {
				color: #2086ee;
			}

			.site-tab li.active {
				border: 1px solid #dadada;
			}

			.wztab {
				margin-top: 20px;
			}

			.wztab li {
				width: 200px;

			}


			/* 网站分类 */
			.tpl-category-container {
				font-size: 14px;
				padding: 20px 42px;
				background-color: #fff;
				border: 1px solid #dadada;
				border-top: none;
				position: relative;
			}

			.tpl-category-container dl {
				line-height: 32px;
				list-style-type: none;
			}

			.tpl-category-container dt {
				color: #4c5261;
				font-weight: 700;
				float: left;
				margin-right: 24px;
			}

			.tpl-category-container dd {
				font-size: 0;
			}

			.tpl-category-container .item {
				color: #444;
				margin-right: 27px;
				padding: 5px;
				cursor: pointer;
				font-size: 14px;
			}

			.tpl-category-container .item.active {
				color: #fff;
				background: #2086ee;
			}

			.tpl-category-container .hy-category {
				min-height: 38px;
				position: relative;
			}

			.tpl-category-container .more-hy-category {
				font-size: 14px;
				color: #0c73dc;
				cursor: pointer;
				position: absolute;
				right: 0;
				padding-right: 20px;
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
				-khtml-user-select: none;
				user-select: none;
			}

			.tpl-category-container .hy-category-list {
				height: 38px;
				overflow: hidden;
				word-break: break-all;
				margin-right: 80px;
			}

			.tpl-category-container .hy-category-list .category {
				white-space: nowrap;
				display: inline-block;
			}

			.tpl-category-container .hy-category-list .category em {
				font-style: normal;
				color: #ff850e;
			}

			.tpl-category-container .color-item {
				width: 22px;
				height: 22px;
				display: inline-block;
				margin-right: 12px;
				cursor: pointer;
				vertical-align: middle;
				position: relative;
				font-size: 0;
				text-indent: -9999px;
			}

			.tpl-category-container .color-red {
				background-color: #fe0000;
			}

			.tpl-category-container .color-orange {
				background-color: #ff6300;
			}

			.tpl-category-container .color-yellow {
				background-color: #fae242;
			}

			.tpl-category-container .color-green {
				background-color: #80d031;
			}

			.tpl-category-container .color-lightblue {
				background-color: #26e0d2;
			}

			.tpl-category-container .color-blue {
				background-color: #198ede;
			}

			.tpl-category-container .color-lightpurple {
				background-color: #fe68ff;
			}

			.tpl-category-container .color-white {
				background-color: #fff;
				width: 20px;
				height: 20px;
				border: 1px solid #d0d0d0;
			}

			.tpl-category-container .color-gray {
				background-color: #999;
			}

			.tpl-category-container .color-black {
				background-color: #000;
			}

			.tpl-category-container .color-purple {
				background-color: #909;
			}

			.tpl-category-container .color-brown {
				background-color: #974b00;
			}

			.red {
				color: red;
			}

			.search-wrapper {
				position: absolute;
				top: 16px;
				right: 36px;
			}

			.search-wrapper input {
				border: 1px solid #bcbcbc;
				width: 210px;
				height: 20px;
				padding: 4px 35px 4px 10px;
			}

			/* 网站分类end */
			/* 网站列表 */
			.tpl-list-container li {
				width: 270px;
				margin-right: 23px;
				margin-top: 33px;
				float: left;
				list-style-type: none;
				cursor: pointer;
			}

			.tpl-container {
				border: 1px solid #dcdcdc;
				background: #fff;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				display: block;
			}

			.tpl-container .tpl-header {
				height: 20px;
				line-height: 20px;
				background: #e2e2e2;
				padding-left: 10px;
				font-size: 0;
			}

			.tpl-container .tpl-body {
				height: 201px;
				border-bottom: 1px solid #dcdcdc;
				position: relative;
				overflow: hidden;
			}

			.tpl-container .tpl-body img {
				width: 100%;
			}

			.tpl-container .tpl-body .mobile-thumb {
				width: 96px;
				height: 150px;
				background: url(/web/frontend/style/sites/img/icon.png) -196px 0 no-repeat;
				position: absolute;
				z-index: 1;
				right: -4px;
				bottom: 0;
				overflow: hidden;
				padding-bottom: 22px;
			}

			.tpl-container .tpl-body .mobile-thumb img {
				width: 66px;
				margin: 26px auto 0;
				display: block;
				max-height: 150px;
			}

			.tpl-container .tpl-mask {
				opacity: 0;
				left: 0;
				top: 0;
				transition: all .4s ease-in-out;
			}

			.tpl-container .tpl-mask,
			.tpl-container .tpl-mask .preview-pc {
				width: 100%;
				height: 100%;
				position: absolute;
			}

			.tpl-container .tpl-mask .preview-mobile-thumb {
				width: 66px;
				height: 118px;
				position: absolute;
				right: 12px;
				top: 55px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 66px auto;
			}

			.tpl-container:hover {
				box-shadow: 0 7px 15px 5px rgb(0 0 0 / 10%);
			}

			.tpl-container:hover .tpl-mask {
				opacity: 1;
				z-index: 1;
				background-color: rgba(0, 0, 0, .6)
			}

			.mobile-tpl-list-container .tpl-container:hover {
				box-shadow: none
			}

			.tpl-container .tpl-footer {
				font-size: 14px;
				color: #565656;
				position: relative;
				padding: 6px 8px;
			}

			.mobile-tpl-list-container li {
				width: 232px;
				margin-right: 74px;
			}

			.mobile-tpl-list-container .tpl-container:hover {
				box-shadow: none;
			}

			.mobile-tpl-list-container .tpl-container {
				height: 380px;
				border: none;
			}

			.mobile-tpl-list-container .tpl-body {
				height: 356px;
				width: 200px;
				margin: 0 auto;
				position: relative;
				border: 1px solid #f2f2f2;
			}

			.mobile-tpl-list-container .mobile-tpl-mask {
				padding-top: 16px;
				height: 340px;
			}

			.tpl-container .tpl-mask {
				opacity: 0;
				left: 0;
				top: 0;
				transition: all .4s ease-in-out;
			}

			.mobile-tpl-list-container .mobile-tpl-mask p {
				font-size: 16px;
				color: #fff;
				line-height: 24px;
				height: 24px;
				text-align: center;
			}

			.mobile-tpl-list-container .mobile-tpl-mask .qrcode-img {
				margin: 8px auto 14px;
				width: 148px;
				height: 148px;
				display: block;
			}

			.text-center {
				text-align: center;
			}

			

			.mobile-tpl-list-container .mobile-tpl-mask .mobile-desc {
				margin-bottom: 5px;
				font-size: 14px;
			}

			.tpl-container:hover .tpl-mask {
				opacity: 1;
				z-index: 1;
				background-color: rgba(0, 0, 0, .6);
			}

			.mobile-tpl-list-container .mobile-tpl-mask p {
				font-size: 16px;
				color: #fff;
				line-height: 24px;
				height: 24px;
				text-align: center;
			}

			.mobile-tpl-list-container .mobile-tpl-mask .preview {
				background-color: #d7d7d7;
			}

			.mobile-tpl-list-container .mobile-tpl-mask .common-btn {
				width: 130px;
				margin-bottom: 13px;
				height: 36px;
				line-height: 36px;
				border-radius: 5px;
			}

			.tpl-list-container li.row-last {
				margin-right: 0;
			}
			
			/* 小程序 */
			.hyMenu {
			    box-shadow: 0 0 14px rgb(141 141 141 / 10%);
			    background-color: #fff;
			    border-radius: 4px;
			    border: 1px solid #eaeaea;
			    padding: 20px 20px 10px;
			}
			.hyMenu dl {
			    margin-bottom: 10px;
				overflow: hidden;
			}
			.hyMenu dl dt {
			    font-size: 14px;
			    float: left;
			    margin-top: 4px;
			    color: #333;
			}
			.hyMenu dl dd.hy-menu-list {
			    font-size: 0;
			    overflow: visible;
			    margin-left: 50px;
			}
			.hyMenu dl dd.hy-menu-list .hml-item {
			    padding: 0 10px;
			    margin: 3px 6px 3px 0;
			    line-height: 20px;
			    border: 1px solid #ddd;
			    border-radius: 16px;
			    font-size: 12px;
			    color: #999;
			    float: left;
			}
			.hyMenu dl dd.hy-menu-list .hml-item.active {
			    background: #2086ee;
			    color: #fff;
			    border: 1px solid #2086ee;
			}
			.template-list {
			    margin: 20px -10px;
			}
			.template-list li {
			    float: left;
			    width: 25%;
			    margin-bottom: 20px;
			}
			.template-list li .li-con {
			    height: 460px;
			    width: 282px;
			    margin: 0 10px;
			    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
			    border-radius: 4px;
			    overflow: hidden;
			    position: relative;
			}
			.template-list li .li-con .li-img img {
			    width: 100%;
			    height: 100%;
			}
			.template-list li .li-con .li-show {
			    position: absolute;
			    left: 0;
			    top: 0;
			    background-color: rgba(0,0,0,.5);
			    width: 100%;
			    height: 100%;
			    display: none;
			}
			.template-list li .li-con:hover .li-show {
			    display: block;
			    transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
			}
			.template-list li .li-con .li-show dl {
			    background-color: #fff;
			    text-align: center;
			    width: 220px;
			    padding: 25px 0 20px;
			    margin: 110px auto auto;
			    box-sizing: border-box;
			}
			.template-list li .li-con .li-show dl dt {
			    width: 160px;
			    height: 160px;
			    margin: 0 auto;
			}
			.template-list li .li-con .li-show dl dt img {
			    width: 100%;
			    height: 100%;
			}
			.template-list li .li-con .li-show dl dd {
			    color: #666;
			    font-size: 16px;
			    margin-top: 15px;
			}
			.template-list li .li-title {
			    font-size: 16px;
			    text-align: center;
			    margin-top: 20px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			}