@charset "utf-8";
@media screen and (min-width: 768px) {
/*大屏浏览器*/
.clear{clear:both;float:none}
.photoinfobox{display:table;clear:both;float:none;width:100%}
.photoinfobox .pageleft{vertical-align:top;display:table-cell;width:302px;box-sizing:border-box;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:30px}
.photoinfobox .pageleft .tit{font-size:18px;background-color:#e4e4e4;text-align:center;padding-top:20px;padding-bottom:20px}
.photoinfobox .pageleft .tit #btn{ display:none;}
.photoinfobox .pageleft .n-box{background-color:#f8f8f8;padding-top:15px;padding-right:1px;padding-bottom:15px;padding-left:1px}
.photoinfobox .pageleft .n-box ul>li{display:block}
.photoinfobox .pageleft .n-box ul>li a{color:#555;background-image:url("/template-assets/szeyn/assets/images/9860dc10828a3ef3.png");background-size:14px auto;background-repeat:no-repeat;background-position:10px center;display:block;padding-left:30px;padding-top:6px;padding-bottom:6px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;font-size:15px}
.photoinfobox .pageleft .n-box ul>li.cur a,.photoinfobox .pageleft .n-box ul>li:hover a{color:#8ec31f;background-image:url("/template-assets/szeyn/assets/images/d3d7bc1969f03269.png");font-weight:700}
.photoinfobox .pageleft .n-box ul li .sub ul li.on a{color:#8ec31f;}
.photoinfobox .pageleft .n-box ul li .sub{background-color:#fdfdfd;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px; }
.photoinfobox .pageleft .n-box ul li .sub{display:none;}
.photoinfobox .pageleft .n-box ul>li.cur .sub{ display:block;}
.photoinfobox .pageleft .n-box ul li .sub ul li{font-size:13px}
.photoinfobox .pageleft .n-box ul li .sub ul li a{font-size:14px;background-image:url("/template-assets/szeyn/assets/images/df1769963e7c760c.png");background-size:10px auto;background-repeat:no-repeat;background-position:15px center;color:#666;font-weight:400}
.photoinfobox .pageright{vertical-align:top;display:table-cell;box-sizing:border-box;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:15px}
.photoinfobox .pageright .r-head{padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee;color:#888;padding-left:20px}
.photoinfobox .pageright .r-head strong{font-size:17px;color:#8ec31f}
.photoinfobox .pageright .filter-box{background-color:#fafafa;border:1px solid #f6f6f6;padding-top:15px;padding-right:20px;padding-bottom:20px;padding-left:20px}
.photoinfobox .pageright .filter-box .tt{color:#666;padding-bottom:5px}
.photoinfobox .pageright .filter-box .f-box a{background-color:#fff;white-space:nowrap;display:inline-block;height:32px;margin-top:10px;margin-right:10px;padding-right:12px;padding-left:12px;line-height:32px;color:#666;border-radius:2px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .filter-box .f-box a.cur,.photoinfobox .pageright .filter-box .f-box a:hover{background-color:#8ec31f;color:#fff}
.photoinfobox .pageright .filter-box .sobox{padding-top:16px}
.photoinfobox .pageright .filter-box .sobox span{font-size:12px;color:#888;vertical-align:middle;display:inline-block}
.photoinfobox .pageright .filter-box .sobox .keybox{vertical-align:middle;display:inline-block;padding-right:55px;position:relative}
.photoinfobox .pageright .filter-box .sobox .keybox .txt{height:28px;width:140px;padding-right:10px;padding-left:10px;border:1px solid #ccc;border-radius:2px;outline:0;-webkit-appearance:none;appearance:none}
.photoinfobox .pageright .filter-box .sobox .keybox .btn{color:#fff;background-color:#b3b3b3;height:28px;width:60px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;position:absolute;top:0;right:0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;font-size:12px;outline:0;-webkit-appearance:none;appearance:none}
.photoinfobox .pageright .listbox{overflow:hidden;width:100%; padding-bottom:40px;}
.photoinfobox .pageright .listbox ul{width:120%}
.photoinfobox .pageright .listbox ul li{background-color:#ccc;float:left;width:19.64%;margin-top:25px;margin-right:1.6%;padding-top:18%;box-sizing:border-box;position:relative;border:1px solid #f5f5f5;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .listbox ul li:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.06);-webkit-box-shadow:0 0 5px rgba(0,0,0,.06);box-shadow:0 0 5px rgba(0,0,0,.06)}
.photoinfobox .pageright .listbox ul li img{position:absolute;height:auto;width:100%;left:0;top:0;right:0}
.photoinfobox .pageright .listbox ul li span{line-height:100%;background-color:#f1f1f1;text-align:center;display:block;height:14%;position:absolute;left:0;right:0;bottom:0;font-size:15px;color:#666;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .listbox ul li:hover span{background-color:#999;color:#fff}
}
@media screen and (min-width: 768px) and (max-width: 1124px) {
.photoinfobox .pageleft{width:200px;}
.photoinfobox .pageright .listbox ul li{width:26.7%;padding-top:24%;}
}
@media screen and (max-width: 767px) {
/*手机端*/
.photoinfobox{clear:both;float:none;width:100%}
.photoinfobox .pageleft{vertical-align:top;display: block;width:100%;box-sizing:border-box;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px}
.photoinfobox .pageleft .tit{font-size:14px;background-color:#e4e4e4;text-align:left;padding-top:5px;padding-bottom:5px; padding-left:10px; padding-right:10px;border-radius: 3px;}
.photoinfobox .pageleft .tit{
	position: relative;
}
.photoinfobox .pageleft .tit #btn{
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	background-image: url("/template-assets/szeyn/assets/images/73a3c67fe7a14afe.png");
	background-size: auto 25%;
	background-repeat: no-repeat;
	background-position: 96% center;
	left: 0px;
	bottom: 0px;
}
.photoinfobox .pageleft .tit:before
{ 
content:"请选择";
}
.photoinfobox .pageleft .n-box{background-color:#f8f8f8;padding-top:15px;padding-right:1px;padding-bottom:15px;padding-left:1px; display:none;}
.photoinfobox .pageleft .n-box ul>li{display:block}
.photoinfobox .pageleft .n-box ul>li a{color:#555;background-image:url("/template-assets/szeyn/assets/images/9860dc10828a3ef3.png");background-size:14px auto;background-repeat:no-repeat;background-position:10px center;display:block;padding-left:30px;padding-top:6px;padding-bottom:6px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;font-size:15px}
.photoinfobox .pageleft .n-box ul>li.cur a,.photoinfobox .pageleft .n-box ul>li:hover a{color:#8ec31f;background-image:url("/template-assets/szeyn/assets/images/d3d7bc1969f03269.png");font-weight:700}
.photoinfobox .pageleft .n-box ul li .sub ul li.on a{color:#8ec31f;}
.photoinfobox .pageleft .n-box ul li .sub{background-color:#fdfdfd;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px}
.photoinfobox .pageleft .n-box ul li .sub{display:none;}
.photoinfobox .pageleft .n-box ul>li.cur .sub{ display:block;}
.photoinfobox .pageleft .n-box ul li .sub ul li{font-size:13px}
.photoinfobox .pageleft .n-box ul li .sub ul li a{font-size:14px;background-image:url("/template-assets/szeyn/assets/images/df1769963e7c760c.png");background-size:10px auto;background-repeat:no-repeat;background-position:15px center;color:#666;font-weight:400}
.photoinfobox .pageright{vertical-align:top;display:block;box-sizing:border-box;padding-top:10px;padding-right:20px;padding-bottom:30px;padding-left:20px}
.photoinfobox .pageright .r-head{padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee;color:#888;padding-left:0px}
.photoinfobox .pageright .r-head strong{font-size:14px;color:#8ec31f}
.photoinfobox .pageright .filter-box{background-color:#fafafa;border:1px solid #f6f6f6;padding-top:15px;padding-right:20px;padding-bottom:20px;padding-left:20px}
.photoinfobox .pageright .filter-box .tt{color:#666;padding-bottom:5px}
.photoinfobox .pageright .filter-box .f-box a{background-color:#fff;white-space:nowrap;display:inline-block;height:32px;margin-top:10px;margin-right:10px;padding-right:12px;padding-left:12px;line-height:32px;color:#666;border-radius:2px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .filter-box .f-box a.cur,.photoinfobox .pageright .filter-box .f-box a:hover{background-color:#8ec31f;color:#fff}
.photoinfobox .pageright .filter-box .sobox{padding-top:16px}
.photoinfobox .pageright .filter-box .sobox span{font-size:12px;color:#888;vertical-align:middle;display:inline-block}
.photoinfobox .pageright .filter-box .sobox .keybox{vertical-align:middle;display:inline-block;padding-right:55px;position:relative}
.photoinfobox .pageright .filter-box .sobox .keybox .txt{height:28px;width:140px;padding-right:10px;padding-left:10px;border:1px solid #ccc;border-radius:2px;outline:0;-webkit-appearance:none;appearance:none}
.photoinfobox .pageright .filter-box .sobox .keybox .btn{color:#fff;background-color:#b3b3b3;height:28px;width:60px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;position:absolute;top:0;right:0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;font-size:12px;outline:0;-webkit-appearance:none;appearance:none}
.photoinfobox .pageright .listbox{overflow:hidden;width:100%;padding-bottom:40px;}
.photoinfobox .pageright .listbox ul{}
.photoinfobox .pageright .listbox ul li{background-color:#ccc;float:left;width:100%;margin-top:25px;box-sizing:border-box;position:relative;border:1px solid #f5f5f5;box-sizing:border-box;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .listbox ul li:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.06);-webkit-box-shadow:0 0 5px rgba(0,0,0,.06);box-shadow:0 0 5px rgba(0,0,0,.06)}
.photoinfobox .pageright .listbox ul li img{height:auto;width:100%;left:0;top:0;right:0}
.photoinfobox .pageright .listbox ul li span{line-height:30px;background-color:#f1f1f1;text-align:center;display:block;height:30px;font-size:15px;color:#666;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.photoinfobox .pageright .listbox ul li:hover span{background-color:#999;color:#fff}
}