.header-m{width: 1200px;}

/*** search.css ***/
#header.fixed{ position: fixed; top: 0; background: #fff; z-index: 11; width: 100%;    box-shadow: 0 1px 1px rgba(0,0,0,.05);    border-bottom: 1px #eee solid; }

/***** 搜索内容样式 ****/
#wrap{width: 100%;background:#f8f8f8;padding-bottom: 14px;}
#wrap-m{max-width: 1490px;width: 96%;min-width: 1215px;height: auto;margin: 0 auto; _width: 1490px;}

/**** 当前位置导航 ***/
.location-nav{ height: 48px; line-height: 48px;  }
.location-nav a{ font-size: 12px; color: #7f7f7f; }
.location-nav a:hover{color: #00b369;  }
.location-nav .result{font-size: 12px; color: #7f7f7f; padding-left: 20px;  }
.location-nav .result em{ color: #00b369; font-style: normal; }

/**** 分类 ***/
#classify{margin-top: 20px;}
.classify-nav{height: 46px;line-height: 46px;background:#fff;border-bottom: 1px solid #e2e2e2}
.classify-nav a{font-size: 16px;color: #646464;display: inline;float: left;position: relative;margin: 0 38px;}
.classify-nav a:after{content: "";position: absolute;width: 0;height: 2px;bottom: 0px;left: 50%;-webkit-transition:all .15s;transition:all .15s;background: #58c48e;}
.classify-nav a.on{border-bottom: 2px #58c48e solid;color: #58c48e;height: 44px;}
.classify-nav a:hover:after{width: 100%;left: 0;}
.classify-nav a:hover{color: #58c48e;}
.classify-nav a .icon_vip{display: inline-block;width: 40px;height: 25px;background: url(http://js.ooopic.com/2015/js/search/icon_vip.png) 0 0px no-repeat;position: absolute;top: -12px;right: -34px;overflow: hidden;}
.sub-classify-m{width:94%;}
.sub-classify{background:#fff;padding:9px 0 9px 38px;height: auto;}
.over{overflow: hidden;height: 36px;}
.sub-classify a{color: #7f7f7f;padding: 8px 0;margin-right: 38px; }
.sub-classify a:hover,.sub-classify a.on,.sub-classify a:hover span,.sub-classify a.on span{color: #58c48e;}
.sub-classify a span{color:#b2b2b2;}
.sub-classify .down-more{background: url(http://icon.ooopic.com/2015/image/cate_2016/down-more.png) no-repeat right 16px;width: 40px;height: 5px;vertical-align: 3px;display: inline-block;}
.sub-classify .down-more:hover{background: url(http://icon.ooopic.com/2015/image/cate_2016/hover-down-more.png) no-repeat right 16px;}
.sub-classify .up-more{background: url(http://icon.ooopic.com/2015/image/cate_2016/up-more.png) no-repeat right 14px;width: 40px;height: 5px;vertical-align: 3px;display: inline-block;}
.sub-classify .up-more:hover{background: url(http://icon.ooopic.com/2015/image/cate_2016/hover-up-more.png) no-repeat right 14px;}
.goBack{background: url(http://icon.ooopic.com/2015/image/cate_2016/goback.png) no-repeat 0 0;width: 129px;height: 25px;display: inline-block; overflow: hidden; padding-bottom:0; }
.goBack:hover{background-position: 0 -43px;}





/**** 无搜索结果 ***/
#no-result{ padding-left: 36px; height: 92px; padding-top: 20px; background: #fff; border:1px solid #00b369; }
#no-result p{ font-size: 13px; color:#3b3b3b; line-height: 36px; }
#no-result p font{ font-weight: bold; }
#no-result p a{ color: #00b369; padding-right: 7px; }
#no-result p a:hover{ text-decoration:underline}
#no-result p a span{ border-right: 1px solid #aaa; height: 14px ;line-height: 14px; display: inline-block; padding-right: 3px; vertical-align: -2px;  }



/*** 搜索排序&热门下载  ***/
#order{ height: 42px; background: #fff; margin:10px 0; padding-left: 24px; }
.order-left .order-list{ height: 42px; line-height: 42px;  margin: 0 14px; position: relative; z-index: 9; display: inline; }
.order-left .order-list span{display:inline-block;cursor: pointer;}
.order-left .order-list span:hover{color:  #00b369; }
.order-left .order-list .list-a{ padding: 0 10px;height: 42px;line-height: 42px; display:inline-block; }
.order-left .order-list .small-icon{ background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 0 ; width: 8px; height: 10px; display: inline-block; cursor: pointer; overflow:hidden; _margin-top:22px; }
.order-left .order-list .up-small-icon{  background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 -13px ;width: 9px; height: 5px;  display: inline-block; overflow:hidden; vertical-align: 3px;cursor: pointer; }
.order-left .format .small-icon,.order-left .color .small-icon{background-position:  0 -23px ; width: 9px; height: 5px; vertical-align: 2px;   }
.order-left .order-list:hover .up-small-icon{ background-position:-18px -13px;  }
.order-left .order-list:hover .small-icon{ background-position:-18px -23px;  }
.order-left .hot-download:hover .small-icon{  background-position:-18px 0px;}
.order-left .format:hover .all-format{color:  #00b369; }
.order-left .order-list .on{ color:  #00b369; }
.order-right { padding-right: 38px; }
.order-right a i{  background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 -33px ; width: 8px; height: 14px; display: inline-block; margin-top: 5px; overflow: hidden; }
.order-right a { width: 25px; height: 24px; line-height: 24px; text-align: center; border:1px solid #e5e5e5; display: inline-block; font-size: 16px; color: #646464; float: left; margin:7px 0 0  14px; border-radius: 2px;  }
.order-right a:hover{color: #646464;}
.order-right a.on-page{ cursor: default; }
.order-right .page-up:hover,.order-right .page-down:hover{ border:1px solid #1aba78; }
.order-right .page-up:hover i{ background-position: -18px -33px; }
.order-right .page-down:hover i{ background-position: -18px -51px; }
.order-right .page-down i{ background-position: 0 -51px; }
/*** 格式选择下拉框 ***/
.format-choose { min-width: 90px; _width:90px; background:#fff; position: absolute; top:35px ; left:-11px; z-index:10; box-shadow: 0 0 3px #dcdcde; display: none;  }
.format-choose .choose-ul .choose-list{  height: 30px ;_height: 30px ;line-height: 30px; position:relative; padding:0 12px 0 14px; }
.format-choose a{ height: 30px ;line-height: 30px; color: #646464; display: inline-block; padding-right: 14px; white-space:nowrap; width:60px;  }
.format-choose .choose-ul .choose-list:hover{ background: #00b369; color: #fff; cursor:pointer; }
.format-choose .choose-ul .choose-list:hover  i{background-position:-18px -83px;   }
.format-choose .choose-ul .choose-list:hover a{ color: #fff; }
.format-choose .choose-ul .choose-list.on{ background: #00b369; color: #fff;  }
.format-choose .choose-ul .choose-list.on a{ color:#fff; }
.format-choose .choose-ul .choose-list.on i{ background-position:-18px -83px; }
.order-left .order-list .format-choose .small-icon{ background-position:-18px -69px; width:5px; height:9px;position:absolute;top:10px;_top:-13px;right:12px;_right:8px;}
.sub-choose{ min-width:150px; width:150px\9; position:absolute; top:0; left:95px; background:#fff; display: none;}
.sub-choose span{ height:30px; line-height:30px; padding:0 14px; font-size:12px; color:#646464; text-align:left; display:block; cursor: pointer; white-space: nowrap; }
.sub-choose span:hover{ color:#fff; background:#00b369; }

/*** 颜色选择下拉框 ***/
.color-choose{ width: 160px; height: 158px; background: #fff; box-shadow: 0 0 3px #dcdcde;  z-index: 10;position: absolute; top:35px ;  left: -16px; }
.color-list { padding: 14px 0 0 11px; }
.color-list li{ width: 28px; height: 28px; float: left; margin: 0 9px 8px 0; }
.color-list li a{  width: 28px; height: 28px;  padding: 0; line-height: 0; overflow:hidden;  position: relative;}
.color .c9 a{ width: 26px; height: 26px; border:1px solid #f3f3f3; padding: 0; }
.color .c1{ background: #f15246; }
.color .c2{ background: #ffa626; }
.color .c3{ background: #ede73d; }
.color .c4{ background: #2cbf51; }
.color .c5{ background: #3ac2ce; }
.color .c6{ background: #3574e6; }
.color .c7{ background: #803cd9; }
.color .c8{ background: #cc62c6; }
.color .c9{ background: #ffffff;  }
.color .c10{ background: #e6e6e6; }
.color .c11{ background: #000000; }
.color .c12{ background: #7b4611; }
.color-choose .main-color{ color: #646464; display: block; text-align: center; line-height: 24px; padding: 0;  }
.color-choose .main-color:hover{ color:#01b369; }
.color-choose .color-icon{  background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 -98px ; width: 17px; height: 14px; display: none; position: absolute; top:6px; left: 6px; z-index: 10; cursor: pointer; overflow: hidden;}

/*** 提示想找的 ***/
#find,#find-b{ height: 48px; line-height: 48px; background: #e6f9e6; border:1px dashed #98d2b8; }
.find-m { height: 48px ;line-height: 48px; }
.find-m a{ height: 28px; line-height: 28px; padding: 0 8px; display: inline-block; color: #646464; border:1px solid #e6f9e6; border-radius: 2px; margin: 10px 2px 0;transition:all .2s }
.find-m a:hover{ color: #1aba78; border:1px solid #1aba78;  }
.find-m a:active{ background:#1aba78; color: #fff; border:1px solid #1aba78;  }
.find-m .find-title{ color: #8c8c8c; padding-right: 4px; padding-left: 36px;  }
#find-b{text-align:left;}

/** 图片列表 ***/
#pic {margin-top: 12px;background: #f8f8f8; overflow: hidden;position:relative;}
#pic .pic-m{ width: 102%;}
.img-fixed .pic-m{ width: 101%; margin-left:7px; }
#pic .pic-list{ width:228px; margin: 0 13px 22px 0; height:auto; position: relative; overflow: hidden; transition:all .2s; -webkit-transition:all .2s; border:#eee 1px solid;  }
#pic .pic-list .img{ min-height: 150px; max-height:400px; background:#e5e5e5; display:flex;align-items:center; }
#pic .pic-list .list-info{ padding: 7px 0 0 20px; height:63px; background: #fff; }
#pic .pic-list .list-info p{ line-height: 26px; }
#pic .pic-list .list-info p .list-name{ color: #606060; }
#pic .pic-list .list-info p .list-name:hover{     color: #00b369; }
#pic .pic-list .list-info .p1{  height: 26px;   width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
#pic .pic-list .list-info p span{ color: #a9a9a9; }
#pic .pic-list .list-info .collect i{  background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 -68px ; width: 12px; height: 12px; display: inline-block; margin-right: 3px; overflow: hidden;  float: left; margin-top: 7px;  }
#pic .pic-list .list-info .download { margin-right: 30px; }
#pic .pic-list .list-info .download i{  background: url(http://icon.ooopic.com/2015/image/cate_2016/search-icon.png) no-repeat 0 -83px ; width: 11px; height: 11px; display: inline-block; margin-right: 3px; overflow: hidden; float: left; margin-top: 7px;  }
#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;}
#pic .pic-list  .img .alink img{ display: block; }
#pic .pic-list  .img:hover .alink{background: #000}
#pic .pic-list  .img:hover .alink img{opacity: .8;filter:alpha(opacity=80);}

#pic .pic-list  .pic-list-border{ background:url(http://icon.ooopic.com/2015/image/cate_2016/pic-list-border.png) no-repeat 0 0; width:100%; height:5px; display:block; position:absolute; bottom:0;  _bottom:53px;;left:0; }


/**** 分类导航 ****/
.classify-nav-box{background-color:#fff;width:1200px; margin:0 auto}
.classify-nav-box .classify-title{ color:#333; display:block; width:6%; line-height:32px;}
.classify-nav-box .classify-nav-name{width:94%; height:auto}
.classify-nav-box .classify-nav-name a{ display:inline-block; width:168px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; margin-right:10px; color:#333; height:32px; line-height:32px;}
.classify-nav-box .classify-nav-name a .cateName{ color:#070707;max-width: 114px;display: inline-block;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.classify-nav-box .classify-nav-name a:hover,.classify-nav-box .classify-nav-name a:hover span{ color:#00a460}
.classify-nav-box .classify-nav-name a.on,.classify-nav-box .classify-nav-name a.on span{ color:#00a460}
.classify-nav-box .classify-nav-name a span{ color:#b2b2b2}
.back-top-hierarchy i{ display:inline-block; width:129px; height:25px; background:url(http://icon.ooopic.com/2015/image/cate_2016/goback.png) 0 0 repeat; margin-top:4px;}
.back-top-hierarchy i:hover{ background-position:0 -43px;}

/**** 面包屑导航 ***/
.bread-nav{ height:15px; line-height:15px;padding:0 30px 20px; width:1140px; margin:0 auto}
.bread-nav a{ color:#070707;}
.bread-nav a.on{ color:#00a460;}

/** pagelist ***/
.page-list{height:38px;line-height:38px;margin:40px 0;text-align:center;}
.page-list a{padding:0 18px; display:inline-block;height:38px;line-height:38px;background:#fff;border-radius:2px;transition:all .2s;margin:0 5px; font-size:18px;color:#888;}
.page-list a.current,.page-list a:hover{background:#1aba78;color:#fff;}
.page-list span{padding:0 12px; display:inline-block}

#coll-prompt{z-index: 99999}


#copyright{ min-width: 870px !important; }

a:hover{color: #00a460;}
