@charset "utf-8";
.search-result span,.related-search span,.related-search dd a,.template-icon,.top-page span,.top-page a{display:inline-block;vertical-align: middle;}
.template-icon{background: url(../imgs/icons.png) no-repeat;cursor: pointer;width: 22px;height: 22px;}
.template-title:hover,.related-search dd a:hover,.search-menu:hover{color: #e40011;}
/*全部结果*/
.search-result{height: 70px;line-height: 70px;color: #b0b0b0;}
.search-result span.search-on a {display:block;height: 26px;border: 1px dashed #e40011;line-height: 24px;padding-left: 10px;padding-right: 10px;color: #e40011;margin-right: 10px;cursor: pointer;}/*0509原  line-height: 26px;*/
.search-result span.search-on a:hover {border-color: #c50011;color: #c50011;}
/*相关搜索*/
.related-search{border:1px solid #f0f0f0;background-color: #fff;line-height: 30px;padding: 25px 20px 25px 20px;position: relative;clear: both;}
.related-search dt{width: 120px;float: left;overflow: hidden;}
.related-search dd,.related-search .search-pattern dd{margin-left: -120px;overflow: hidden;}
.related-search .search-pattern dd{height: 30px;}
.related-search .search-pattern dd.heightAuto{height: auto;}
.all-search{width: 50px;height: 26px;line-height: 26px;color: #fff;text-align: center;background-color: #e40011;}
.all-search a{color:#fff;}
.related-search dd a{color: #727272;margin-right: 15px;}
.related-search dd a.icon-open{position:absolute;right: -10px;top:6px;}
.search-pattern dd{padding-right: 30px;}
.icon-search{position: absolute;width: ;height: ;}
.icon-open{position: absolute;right: 15px;top:30px;background-position: -60px -268px;}
.icon-close{background-position: -82px -268px}
.icon-open:hover{background-position: -60px -286px;}
.icon-close:hover{background-position: -82px -286px}
/*相关搜索-页面图案搜索结果*/
/*.related-searchHand{padding-left: 0;border: 0;background-color: #f5f5f5;}*/
.template-pho{margin-left: -12px;height: 90px;overflow: hidden;}
.template-pho li{margin-left: 12px;width: 188px;height: 78px;border:1px solid #f5f5f5;overflow: hidden;border-radius: 5px;float: left;margin-top: 6px;margin-bottom: 4px;opacity: .8;filter:alpha(opacity=80);}
.template-pho li:hover{box-shadow:0 0 4px rgba(0,0,0,0.3);opacity: 1;filter:alpha(opacity=100);}
.template-pho li a,.template-pho li img{width: 100%;height: 100%;}
@media (max-width:1260px){
	.template-pho{margin-left: -10px;height: 73px;}
	.template-pho li{margin-left: 10px;width: 153px;height: 63px;border-color: #fff;}
}
/* 选项卡*/
.slideTxtBox .hd ul{ float:left;height:38px; line-height:38px;margin-top: 20px;margin-bottom: 15px; }
.slideTxtBox .hd ul li{ float:left; background-color: #fbfbfb; cursor:pointer;width: 90px;text-align: center;  }
.slideTxtBox .hd ul li:hover{color: #E40011;}
.slideTxtBox .hd ul li.on{ color: #fff;  background-color:#E40011;  }
.slideTxtBox .hd ul li.on a{color:#fff}
.slideTxtBox .tab-content {  zoom:1;clear: both; }
/*图标*/	
.tab-content .list-col-4{position: relative; }
.tab-content .list-col-4 .list-item{padding-bottom: 10px;position: relative;margin-bottom: 10px;margin-top: 5px;}
.tab-content .list-col-4 .list-item:hover{box-shadow:0 0 6px rgba(0,0,0,0.2);}
.tab-content .list-col-4 .list-item .icon-preview,.tab-content .list-col-4 .list-item .icon-make{display: none;}
.tab-content .list-col-4 .list-item:hover .icon-box-r{display: block;}
.template-pic{height: 294px;width: 294px;background-color: #f5f5f5;display: table-cell;vertical-align: middle;text-align: center;font-size:0;}
.template-pic img{max-width: 294px; max-height: 294px;}
@media (max-width:1260px){
	.template-pic{height: 236px;width: 236px;}
	.template-pic img{max-width: 236px; max-height: 236px;}
}
.template-title,.template-price,.template-type{height: 26px;line-height: 26px;}
.template-title,.template-type{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.template-title{width: 95%;color: #4c4c4c;text-decoration: none;margin-left: 10px;float: left;margin-top:10px;font-weight: bold;}
.template-price{float: right;width: 30%;margin-right: 10px;text-align: right;font-size:16px;font-weight: bold;}
.template-type{color: #727272;margin-left: 10px;width: 60%;float: left;}
.template-hoverIcon{position: absolute;right: 0;top:0;}
.tab-content .list-col-4 li:hover .template-hoverIcon{display: block;}
.template-hoverIcon .template-icon{position:absolute;}
/*20180627*/
.mr40{margin-right: 40px;}
.icon-box-radius{background-color: #fff;width: 32px;height: 32px;line-height:32px;cursor: pointer;
border-radius: 50%;text-align: center;display: table-cell;vertical-align: middle;color: #c1c1c1;}
.icon-box-radius:hover .icon-font{color: #d40011;}
.icon-box-radius:hover .icon-txt{display: block;}
.icon-box-l,.icon-box-r{position: absolute;top:12px;}
.icon-box-l{left: 15px;}
.icon-box-r{right:15px;display: none;}
.icon-txt{display:none;width: 30px;text-align: center;color: #515151;font-size: 12px;background: #fff;padding: 4px 8px;
height:24px;line-height: 24px;padding: 0px 8px;margin-left: -8px;margin-top: 15px;position: relative;}
.icon-txt::after{position: absolute;content: '';top:-10px;left:13px;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right:10px solid transparent;height: 0;width: 0;}
/*头部页码*/
.top-page{height:38px; line-height:38px;color: #b0b0b0;position: absolute;right: 0;top:20px;}
.icon-arrowL{background-position: -60px -310px;}
.icon-arrowL:hover{background-position: -82px -310px;}
.icon-arrowR{background-position: -60px -288px;}
.icon-arrowR:hover{background-position: -82px -288px;}
/*预览幻灯片*/
.see-photo{padding: 20px;display: none;text-align: center;}
.slideBox2{padding:30px 40px; position:relative; background-color: #fff;height: 420px; overflow: hidden;}
.slideBox2 .preview-content{ position:relative; overflow:hidden;z-index:0;}
.slideBox2 .preview-content li{ zoom:1; vertical-align:middle; width: 600px;height:400px;text-align: center;}
.slideBox2 .preview-content li img{max-width: 100%;max-height: 100%;}
.slideBox2 .prev,.slideBox2 .next{position:absolute; top:50%;margin-top:-35px;z-index: 2;font-size: 32px;width: 30px;height: 70px;line-height: 70px;text-align: center;color: #afafaf;cursor: pointer;font-weight: 100;font-family: "\5b8b\4f53";}
.slideBox2 .prev{ left:10px;}
.slideBox2 .next{right: 10px;}
.slideBox2 .prev:hover,.slideBox2 .next:hover{color:#fff;background-color: rgba(0,0,0,.2);}
.slideBox2 .pageState{margin-top:20px;}
.slideBox2 .pageState span{color: #e40011;}
/*0509添加样式-chen start*/
.top-page .arrowL,.top-page .arrowR{ height:20px; width:14px; line-height: 20px; text-align: center;}
.related-search .template-icon:hover,.top-page .arrowL:hover,.top-page .arrowR:hover{color:#fff; background-color: rgba(0,0,0,.2);}
/*0509添加样式-chen end*/
/*20190914-新添加模版页面*/
.template-type-new,.template-type-new+.template-price{margin-top: 10px;margin-bottom: 6px;}
.template-type-new{color: #515151;font-size: 14px;font-weight: bold;width: 92%;text-align: center;}
a.btn-templates{clear:both;display: block;background-color: #e36844;width: 200px;height: 34px;line-height: 34px;border-radius: 30px;margin: 10px auto 40px;color: #fff;text-align: center;overflow: hidden;}
a.btn-templates:hover{background-color: #e06541;}