<div class="wrapper screen wrapper-goods">
	
</div>


<script type="text/template" id="kewwordTemplate">
	<div class="clear goods-main">
		<div class="left goods-left">			
		</div>

		<div class="right goods-right">
			<!--三类广告形式，第三类里有推荐品牌-->
			<div class="goods-ad" id="ten_template_id">
			<!--<?php if ($this->row['templet_id'] == 10){?> -->
			[[if templetId == 10]]
			<div>
					<a href="[[url]]" target="_blank">
					<img class="ad-img" src="[[bannerData.logo]]" /></a></div>
			</div>
			[[else if templetId == 11]]
			<!--<?php }else if ($this->row['templet_id'] == 11){?>-->
				<div class="goods-ad">
					<div class="ad-text">
						<div class="text-title center">
							<p class="title">[[bannerData.title]]</p>
							<p class="sub-title">[[bannerData.subtitle]]</p>
							<p class="description">[[bannerData.intro]]</p>
						</div>
						<div class="text-list">
							[[each bannerData.keyword as item index ]]
								<a target="_blank" href="[[item.url]]">[[item.word]]</a>
							[[/each]]
						</div>
					</div>
				</div>
			<!--<?php }else if ($this->row['templet_id'] == 12){?>-->
			[[else if templetId == 12 ]]
			<div class="goods-ad">
				<div class="clear">
					<div class="left ad-half">
						<div class="ad-text">
							<div class="text-title center">
								<p class="title">[[bannerData.title]]</p>
								<p class="sub-title">[[bannerData.subtitle]]</p>
								<p class="description">[[bannerData.intro]]</p>
							</div>
							<div class="text-list">
								[[each bannerData.keyword as item index ]]
									<a target="_blank" href="[[item.url]]">[[item.word]]</a>
								[[/each]]
							</div>
						</div>
					</div>
					<div class="right">
						<a href="[[url]]" target="_blank">
							<img class="ad-half-img" src="[[bannerData.logo]]" /> 
						</a>
					</div>
				</div>
			</div>
			<!--<?php }?>-->
			[[/if]]
		</div>
	</div>

</script>

<style type="text/css">
	.wrapper-goods{
	    margin: 0 auto;
	    color: #222;
	    padding-bottom: 30px;
	}

	.goods-main {
	    margin-top: 15px;
	}

	.clear {
	    zoom: 1;
	}
	.goods-left {
	    width: 160px;
	}
	.left {
	    float: left;
	}

	.goods-right {
	    width: 970px;
	}
	.right {
	    float: right;
	}

	.goods-right .goods-ad {
	    margin-bottom: 20px;
	}

	.goods-right .goods-ad .ad-text {
	    width: 868px;
	    height: 298px;
	    padding: 0px 50px;
	    border: 1px solid #eaeceb;
	}

	.center {
	    text-align: center;
	}

	.goods-right .goods-ad .text-title .title {
	    font-size: 30px;
	    line-height: 30px;
	    font-weight: bold;
	    margin-top: 60px;
	}

	.goods-right .goods-ad .text-title .sub-title {
	    font-size: 14px;
	    font-weight: bold;
	}

	.goods-right .goods-ad .text-title .description {
	    margin-top: 15px;
	    color: #666;
	}

	.goods-right .goods-ad .text-list {
	    width: 440px;
	    margin: 30px auto 0 auto;
	}

	.goods-right .goods-ad .text-list a {
	    display: inline-block;
	    width: 110px;
	    height: 14px;
	    line-height: 14px;
	    margin-bottom: 4px;
	    color: #006699;
	    text-decoration: underline;
	}

	body {
	    font-family: arial,"Microsoft YaHei";
	    font-size: 12px;
	    background: #fff;
	    margin: 0;
	    color: #000;
	    text-align: left;
	    line-height: 150%;
	}

	.wrapper-goods {
	    margin: 0 auto;
	    color: #222;
	    padding-bottom: 30px;
	}
	@media (min-width: 1180px) {
		.screen {
		    width: 1150px;
		    margin-left: auto;
		    margin-right: auto;
		}
		.goods-right .goods-ad .ad-half .ad-text {
		    width: 388px;
		    height: 298px;
		}
		.goods-right .goods-ad .ad-img {
		    width: 970px;
		    height: 300px;
		}

		.goods-right .goods-ad .ad-half-img {
		    width: 480px;
		    height: 300px;
		}
	}
	
	.wrapper {
	    margin: 0 auto 15px auto;
	}

	html, body, div, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, button, blockquote {
	    margin: 0;
	    padding: 0;
	}

	div {
	    display: block;
	}

	.goods-right .goods-ad {
	    margin-bottom: 20px;
	}

	a {
	    text-decoration: none;
	    color: #666;
	    outline: none;
	}

	a:-webkit-any-link {
	    color: -webkit-link;
	    text-decoration: underline;
	    cursor: auto;
	}


</style>