


.secord-nav{ display:none}
/*** banner **/
#wrapper{ background-color:#f1f2f3; width:100%; height:auto; /*padding-bottom:25px;*/}
#wrapper .wrapper-m{ position:relative}

.recmd-list{ width: 1152px; overflow: hidden; padding:0 24px; background: #fff;}
.recmd-box{width:1230px; height:442px;}
.recmd-box .list{width: 292px;height: 200px;position:relative;margin:0 11px 11px 0;transition:all .2s; overflow: hidden;}
.recmd-box .list img{width: 100%;height: 100%; display: block;}
.recmd-box .list .list-bg{width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);z-index: 11;text-align: center;overflow: hidden;top: 150px;transition:all .3s;}
.recmd-box .list:hover .list-bg{top: 0}
.recmd-box .list .list-bg a{width: 100%;height: 100%;display: block;color: #fff;}
.recmd-box .list .look-but{width: 92px;height: 30px;line-height: 28px;display: block;color:#fff;font-size: 14px;background:#00b369;border-radius: 2px;text-align: center;margin:14px auto 0;text-indent: 5px; font-style: normal; }
.recmd-box .list .list-bg .list-name{display: block;padding-top: 12px;text-align: center;font-size: 20px;transition:all .3s; font-weight:bolder;}
.recmd-box .list:hover .list-bg .list-name{padding-top: 60px;}
.recmd-box .list .look-but:hover{ background: #00a460; }

.recmd-box .big-list{ width:292px; height:410px;}
.recmd-box .big-list .list-bg{width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);z-index: 11;text-align: center;overflow: hidden;top: 360px;transition:all .3s;}
.recmd-box .big-list:hover .list-bg .list-name{padding-top: 170px;}

/***** 分类主题  ****/
.classify-box{ background-color:#fff; height:510px; width:1160px; padding: 0 20px; margin-bottom:25px;}
.title-top{ height:24px;  line-height:24px; padding-top:38px; padding-bottom:24px;}
.title-top h3{ color:#000; font-size:24px; line-height:24px; padding-right:20px; margin-right:20px; border-right:#434343 1px solid; padding-left:25px;}
.title-top span{ color:#b2b2b2; font-size:18px;}
.theme-list{ height:416px; overflow:hidden; clear:both}
.left-classify{ width:248px; height:322px;padding:24px 6px;margin-right:4px;}
.left-classify a{ display:inline-block; float:left; height:38px; line-height:38px; text-align:center; color:#000; width:106px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0 5px; background-color:#fff; margin:0 4px 8px; transition:all 0.2s; -webkit-transition:all 0.2s;-moz-transition:all 0.2s; }
.left-classify a:hover{ color:#00b369}
.right-classify{ width:896px; }
.list-classify{ margin-left:16px; margin-bottom:18px; width:208px;}
.list-classify img{ display:block ; width:208px ; height:162px; overflow:hidden; margin-bottom:8px;ransition:all 0.2s; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
.list-classify:hover img{ opacity:0.9}
.list-classify .classify-name{ color:#606060; display:block; line-height:20px; text-align:center; width:200px; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.list-classify .classify-name:hover{ color:#00b369}



/***左侧固定**/
.left-fixed-classify{ background-color:#1b1b1b; width:90px; position:fixed;top:0%;left:50%; margin-top:130px; margin-left:-705px; height:auto; padding:20px 0 0; display:none }
.left-fixed-classify h3{color:#fff; font-size:16px; text-align:center; padding-bottom:10px; border-bottom:#fff 1px solid; width:68px; margin:0 auto 10px; cursor: pointer;}
.fixed-classify-secord span{ display:block; height:42px; line-height:42px; color:#fff; cursor:pointer;transition:all 0.2s; -webkit-transition:all 0.2s;-moz-transition:all 0.2s; text-align: center;font-size:13px; }
.fixed-classify-secord span:hover{ background-color:#00b369; }






