body{background:#f5f5f5;}
/* 模板搜索独立 */
.classify-nav,.nav-list{border:none;}
.classify-nav{background:none;margin:18px auto;}
.nav-list{background:#fff;height:42px;line-height: 42px;padding:0;width:100%;}
.nav-list.tp-sort{margin-top:18px;width:1350px;display:inline-block;}
.nav-list .subnav-list .list{margin:0 12px;}
.nav-list .subnav-list .list a,.main-nav span,.main-nav a{color:#666;}
.nav-list .subnav-list .list a:hover{color:#fd7200;}
.main-nav .hint-icon{
	display:inline-block;
	background:url(//js.588ku.com/comp/templet/images/public-icon-2.png) no-repeat 0px -605px;
	width:9px;
	height:10px;
	margin-right:10px;
}
.nav-list .subnav-list{width:1332px;height:42px;line-height: 42px;padding:0;}
.nav-list.tp-sort .subnav-list{width:1195px;}
#element-result{padding:5px 0 12px 0;font-size:16px;color:#333;}
/* 模板搜索独立 */
#bg-main {
    max-width: 1500px;
    margin: 0 auto;
    min-width: 1200px;
    padding: 0;
}
#bg-main {
	width:100%;
}
.search {
    width: 770px;
    height: 52px;
    margin: 0px 170px;
    position: relative;
    border: 2px #ff7200 solid;
}
.search-con h2 {
    height: 83px;
    line-height: 78px;
    text-align: center;
    font-size: 30px;
    color: #ff5400;
}
.search .search-but {
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 52px;
    background-color: #ff7200;
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 52px;
    overflow: hidden;
}
.red-search-bg h2 {
    color: #ff5400 !important;
}
.red-search-bg .search {
    border: 2px solid #ff7200;
}
.red-search-bg .search .search-but {
    background-color: #ff7200;
}
.subnav-tit{border-bottom: 1px #ff7200 solid;overflow: hidden;background:#fff;}
.subnav-tit a{position: relative; height: 44px;line-height: 44px;padding: 0 24px;float: left;font-size:16px;color:#333;}
.subnav-tit a.active,.subnav-tit a:hover{color: #fff;background: #ff7200;}
#element-result .search-number, #element-result .search-key-word{
    color:#ff7200;
}
.nav-list .main-nav  a{margin:0 14px;}
.nav-list .subnav-list a,.nav-list .main-nav  a{
	padding: 1px 7px;
}
.nav-list .subnav-list  .nav-first,.nav-list .main-nav  .nav-first{
    border: 1px #fd7200 solid;
    color: #fd7200!important;
    border-radius: 2px;
}
/*分页按钮*/
.red-page .page-con a:hover, .red-page .page-con .current {
     background: #168EE1; 
}
/*搜索图片列表*/
/* 特别处理短图片 */
#pic .pic-list  .img.unusual img{
	position: absolute;
    left: 0px; 
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
#pic {margin: 6px auto 0;position:relative;width:1500px;}
.img-fixed .pic-m{margin-right:-40px;}
#pic .pic-list{ width:350px; margin: 0 0 32px 0; height:548px; position: relative; overflow: hidden; transition:all .2s; -webkit-transition:all .2s;background:#ccd1d4;}
#pic .pic-list .img{width:100%;height:510px;display:flex;overflow:hidden;border-bottom:1px solid #d7d9db;}
#pic .pic-list .list-info{height:37px; background: #fff; }
#pic .pic-list .list-info p{ display:inline-block;line-height:37px;}
#pic .pic-list .list-info p .list-name{ 
	display:block;
	color: #b1b1b1; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#pic .pic-list .list-info p .list-name:hover{ color: #fd7200;}
#pic .pic-list .list-info .p1{width:185px;padding-left:15px; }
#pic .pic-list .list-info p span{ color: #a9a9a9; margin-right: 15px;}
#pic .pic-list .list-info .collect i{  background-position: 0 -68px;}
#pic .pic-list .list-info .download i{  background-position: 0 -83px;}
#pic .pic-list .list-info p .icon{background-image: url(//js.588ku.com/comp/templet/images/search-icon.png);background-repeat:no-repeat;width: 12px; height: 12px; display: inline-block; margin-right: 3px; overflow: hidden; float: left; margin-top:12px;}
.list-but .download:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:url(//js.588ku.com/comp/templet/images/public-icon-2.png) 1px -30px;
	margin-left:10px;
}
.list-but .collect:after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	background:url(//js.588ku.com/comp/templet/images/public-icon-2.png) 1px -149px;
	margin-left:25px;
	vertical-align: -1px;
}
.list-but .collect:hover{
	background: url(//js.588ku.com/comp/templet/images/public-icon-2.png) 1px -108px no-repeat;
    color: #f25751;
}
.list-but .collect:hover:after{
	background: url(//js.588ku.com/comp/templet/images/public-icon-2.png) 1px -108px no-repeat;
}

#pic .pic-list:hover .list-but{ top: 12px;  }
#pic .pic-list .list-but{ width: 218px;}
#pic .pic-list  .img{position: relative;}
#pic .pic-list  .img .alink{display: block;width:100%;text-align:center;}
#pic .pic-list  .img .alink img{ display: inline!important; }
/* 蒙层 */
.pic-list .img .mask-tier{
	position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: .12;
    filter: alpha(opacity=12);
    display: none;
}
.pic-list:hover .img .mask-tier{
	display: block;
}
/****** 公共图片收藏&下载按钮2016-10-14 ****/
.list-but { position: absolute; top:-50px; left:0px; width: 248px; padding: 0 6px; }
.list-but .collect, .show-list  .list-but,.list-but .download{width:106px; height: 40px; line-height: 40px; text-align: center; background: #ffffff; display: inline-block; font-size: 14px; color: #505050; cursor: pointer;}

.list-but .collect:hover, .list-but .cancle:hover{ background: #f9f9f9; }
.list-but .download{background: #ff7200;color:#fff;}
.list-but .download:hover{ background: #fc9a4b; }
#coll-info{ width:118px; height:50px; background:#ddd; z-index:99999; }
#coll-info .collect-success,#coll-info .collect-cancel,#coll-info .no-login-collect{ background:#fff; width:108px; height:40px; line-height:40px; background:#fff; position:absolute;top:5px; left:5px; text-align:center; }
#coll-prompt{ width:150px; height:70px;  background:#ddd; }
#coll-prompt .prompt-info{ background:#fff; width:140px; height:60px; line-height:60px; position:absolute;top:5px; left:5px; text-align:center; }
#coll-prompt .prompt-info p{ height:30px; line-height:30px; }
#coll-prompt .prompt-info .but a{ width:50px; height:20px;line-height:20px; display:inline-block; color:#fff; margin:0 5px; }
#coll-prompt .prompt-info .but .sure{ background:#2fad1c; }
#coll-prompt .prompt-info .but .cancle{ background:#ebebeb;color:#5f5f5f; }

/* 模板下载按钮20180129 */
.pic-list:hover .hover-content{
  top:10px;
}
.hover-content {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index:10;
}
.hover-content .favV2, .hover-content .favonV2 {
    background: url(//static.588ku.com/imgPath/public/images/base-icon.png) no-repeat -94px -153px #f3f2f2;
    float:left;
    border-radius: 2px;
}
.img-show .hover-content .down-big-img:hover{
    background-color:#0179f2;
}
.hover-content .favV2:hover {
    color: #f25751;
    background-position: -197px -111px;
}
.hover-content .favV2:hover {
    color: #f25751;
    background-position: -94px -184px;
}
.hover-content .favonV2 {
    color: #f25751;
    background-position: -94px -184px;
}
.hover-content a{display: inline-block;width: 60px;height: 30px;line-height: 30px;text-align:center;margin-left:10px;float: left;font-size: 12px;}
.hover-content a i{display: inline-block;width: 13px;height: 13px;vertical-align: -2px;margin-left: 5px;}
.hover-content .fav:hover i{background-position: 0 -111px; }
.hover-content .favV2:hover i{background-position: 0 -111px; }
.hover-content .favon:hover{color: #222;}
.hover-content .favon:hover i{background-position: 0 -73px;}
.hover-content .fav{width: 30px;height:30px;}
.hover-content .favV2{width: 30px;height:30px;}
.img-wrapperBox .hover-content .favV2{width: 30px;height:30px;}
.hover-content .favon:hover{color: #222;}
/* .hover-content .favon:hover{background:url(../images/public-icon-2.png) no-repeat 48px -61px #fff;} */
.hover-content .down-big-y{
    color: white;
    background-color: #fd892e;
    float:right;
    border-radius: 2px;
    margin-right:10px;
}
.hover-content .down-big-y:hover{
    background:#fb6f02;
}

.hover-content .down-big-y i{
    background: url(//static.588ku.com/imgPath/public/images/base-icon.png) -101px -227px no-repeat ;
}
.hover-content .down-big-img{
    background-color: #499df2;
    color: #fff;
    float:right;
    border-radius: 2px;
    margin-right:5px;
}
.hover-content .down-big-img:hover {
    background-color: #0179f2;
}
.hover-content .down-big-img i{
    background: url(//static.588ku.com/imgPath/public/images/base-icon.png) -101px -227px no-repeat ;
}
/* 模板下载按钮20180129 */
/*模板下载限制弹窗样式*/
.model-hintlimit{
    width: 546px;
    height: 267px;
    text-align: center;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -273px;
    margin-top: -133px;
    border-radius: 5px;
    padding-top: 85px;
    z-index: 50;
    position: relative;
}
.model-hintlimit .close-btn {
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 12px;
    width: 23px;
    height: 23px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
}
.model-hintlimit p{
	font-size:20px;
	color:#333;
	margin-bottom:60px;
} 
.model-hintlimit p b{
	color:#ff7200;
}
.model-hintlimit a{
	display:block;
	width:297px;
	height:46px;
	line-height:46px;
	border-radius:3px;
	text-align:center;
	border:1px solid #ff7200;
	margin:0 auto 16px;
	font-size:18px;
}

.model-hintlimit .model-noLimit{
	background:#fff;
	color:#ff7200;
}
.model-hintlimit .model-noLimit:hover{
	background:#ff7200;
	color:#fff;
}
.model-hintlimit .all-noLimit{
	background:#ff7200;
	color:#fff;
}
.model-hintlimit .all-noLimit:hover{
	opacity:.6;
	filter:alpha(opacity=60);
}
/*优选ppt头部悬浮下载框*/
.fix-dlTop-box{
	width:100%;
	position:fixed;
	top:-85px;
	left:0;
	height:78px;
	border-top:1px solid #aaaaab;
	border-bottom:1px solid #aaaaab;
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,.2) ;
	-o-box-shadow: 0px 2px 2px rgba(0,0,0,.2) ;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2) ;
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	background:#fff;
}
.fix-dlTop-box .fix-dlTop{
	padding:12px 0;
}
.fix-dlTop-box .fix-dlTop .logo-wrap{
	margin-top:7px;
	margin-right:50px;
	width:127px;
	height:40px;
	background:url(../images/logoV3.png) no-repeat center;
}
.fix-dlTop-box .fix-dlTop h3{
	width:580px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-top:15px;
	font-size:16px;
	color:#444;
}
.fix-dlTop-box .fix-dlTop .top-dl-btn{
	border-radius:3px;
	margin-right:31px;
	/* padding-left:20px; */
	width:240px;
	height:54px;
	text-align:center;
	line-height:54px;
	color:#fff;
	font-size:22px;
	/* background:url(../images/dl-top.png) no-repeat 34px 17px #febf2c; */
	background:#febf2c;
}
.fix-dlTop-box .fix-dlTop .top-dl-btn i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(//js.588ku.com/comp/office/images/ppt-browse.png) no-repeat 0px 0px;
    margin-right: 6px;
    vertical-align: -2px;
}
.fix-dlTop-box .fix-dlTop .top-dl-btn.old{
	margin-left:10px;
}
.fix-dlTop-box .fix-dlTop .top-dl-btn:hover{
	opacity:.8;
	filter:alpha(opacity=80);
}

@media screen and (max-width: 1500px){
	.classify-nav{width:1200px;}
    .nav-list .subnav-list {width:1032px;}
    .nav-list.tp-sort{width:1050px;}
    .nav-list.tp-sort .subnav-list{width:898px;}
	#pic{width:1200px;}
	#pic .pic-list{width:274px;height:438px;}
	#pic .pic-list .img{height:400px;}
	#pic .pic-list .img img{width:100%;}
	#pic .pic-list .list-info .p1{width:160px;}
}

/* 20180202新增模板的原创图标 */
.tpOrgIcon{
    position: relative;
    width:39px;
    height:100%;
    background:url(//js.588ku.com/comp/templet/images/search-icon.png) no-repeat 10px -152px #b1b1b1;
}
.tpOrgIcon i{
    display:none;
    position: absolute;
    left:0;
    top:-37px;
    background:rgba(255,255,255,0.9);
    box-shadow: 0px 3px 6px 0.5px rgba(192, 193, 194, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
    color:#999;
    text-align:center;
    width:176px;
    height:32px;
    line-height:32px;
    border-radius:2px;
}
.tpOrgIcon:hover i{display:block;}
.tpOrgIcon i:after{
    content:"";
    position: absolute;
    bottom:-7px;
    left:10px;
    width:0; 
    height:0; 
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:7px solid #fff;
}
.type-list .org-select{
    width:123px;
    height:42px;
    line-height:42px;
    background:#fff;
    text-align:center;
    margin-top:18px;
    color:#000;
}
.type-list .org-select i{
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #a6a6a6;
    overflow: hidden;
    margin-right: 6px;
    vertical-align: -3px;
}
.type-list .org-select.on{color:#fd7222;}
.type-list .org-select.on i{
    border-color:#fd7222;
    background-image:url(//js.588ku.com/comp/templet/images/search-icon.png);
    background-position:-20px -135px;
}