*{margin:0;padding:0;}
html{color:#666;font-size:10px;}
body{font-family:Arial;background-color:#f9f9f9;}
a{cursor:pointer;text-decoration:none;}
header{width:100%;background-color:#eee;border-bottom:solid 1px #ccc;}
header:after{visibility:hidden;content:".";display:block;height:0;clear:both;}
header .main{background-image:url(./images/kefu.png);background-repeat:no-repeat;background-position:right bottom;background-size:22%;padding:5px 0;}
header span{font-size:18px;font-weight:700;color:#666;vertical-align:10px;line-height:1;}
footer{width:100%;color:#fff;padding:10px 0 11px;font-size:1.4rem;text-align:center;background-color:#666;}
footer p{margin:10px 0;}
footer a{color:#eef;font-weight:200;margin-right:1em;text-decoration:none;}
.main{max-width:1200px;width:100%;padding:0;display:block;margin:0 auto;}
.banner{width:100%;box-shadow:2px 5px 8px #ddd;}
.banner ul li{width:100%;}
.banner ul li img{width:100%;max-width:1200px;display:black;margin:0 auto;}
.tpls_block{max-width:1200px;width:100%;padding:0;font-size:1.6rem;display:block;margin:20px auto;border-radius:20px;background-color:#fff;border:solid 1px #ddd;overflow:hidden;box-shadow:3px 5px 8px #ddd;}
.tpls_block h1{text-align:center;font-size:2.4rem;padding:16px 0;background-color:#eee;background-size:100%;background-position:center;background-repeat:no-repeat;border-bottom:solid 1px #ddd;}
.tpls_box{padding:20px 19px 17px;}
.tpls_box .tpl_li{float:left;width:25%;font-size:1.4rem;}
.tpls_box .tpl_li_box{background-color:#eee;border-radius:5px;margin:8px 8px;padding:0;cursor:pointer;opacity:1;overflow:hidden;border:#ccc solid 1px;line-height:1.8;}
.tpls_box .tpl_li_box:hover{background-color:#cfc}
.tpls_box *{text-align:center;}
.tpls_box .num{color:#008;font-size:1.4rem;margin:3px 0 0;}
.tpls_box .price{color:#008;font-size:1.4rem;margin:3px 0 0;}
.tpls_box .name{color:#933;overflow:hidden;font-size:1.6rem;margin:0 0 4px;}
.tpls_box img{width:100%;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:#ccc solid 1px;}
.smartphoto-nav li{width:45px;height:80px;}
@media(max-width:700px){
	header .main{background-image:none;}
	html{font-size:8px;}
	.tpls_box .tpl_li{width:50%;}
	.tpls_box .tpl_li_box{margin:5px 3px;}
	.tpls_box{padding:10px 10px 8px;}
}