.index-classfication{float:left;box-sizing:border-box;width:200px;height:480px;background-color:#fff;border:1px solid #ccc;font-family:HiraginoSansGB-W3}.index-classfication .index-classfication-header{width:230px;height:51px;line-height:51px;text-align:center;border-bottom:1px dashed #c1c1c1}.index-classfication .index-classfication-header li{display:inline-block;cursor:pointer;text-align:center;color:#3978f7;padding:0 10px}.index-classfication .index-classfication-wrap{position:relative}.index-classfication .index-classfication-wrap .classfication-left{padding:10px 5px 0;height:80px;box-sizing:border-box}.index-classfication .index-classfication-wrap .classfication-left:last-child .index-classfication-items{border-bottom:0}.index-classfication .index-classfication-wrap .classfication-left .items-text{color:#333;height:25px;font-family:HiraginoSansGB-W6;font-size:14px;padding-left:10px;padding-bottom:2px;box-sizing:border-box}.index-classfication .index-classfication-wrap .classfication-left .index-classfication-items{display:inline-block;height:45px;font-size:12px;padding-left:10px;padding-bottom:5px;border-bottom:1px solid #f2f2f2;width:100%;box-sizing:border-box}.index-classfication .index-classfication-wrap .classfication-left .index-classfication-items .item{text-align:left;margin-right:5px;display:inline-block;max-width:59px;overflow:hidden;font-size:12px;color:#3f3f3f;white-space:nowrap;line-height:17px;cursor:pointer}.index-classfication .index-classfication-wrap .classfication-left .index-classfication-items .item a{text-decoration:none;color:#666}.index-classfication .index-classfication-wrap .classfication-left .index-classfication-items .item:nth-child(3n){padding-right:0}.index-classfication .index-classfication-wrap .classfication-left.active,.index-classfication .index-classfication-wrap .classfication-left:hover{background-color:#3978f7}.index-classfication .index-classfication-wrap .classfication-left.active .items-text,.index-classfication .index-classfication-wrap .classfication-left:hover .items-text{color:#fff}.index-classfication .index-classfication-wrap .classfication-left.active .index-classfication-items,.index-classfication .index-classfication-wrap .classfication-left:hover .index-classfication-items{border-bottom:0}.index-classfication .index-classfication-wrap .classfication-left.active .index-classfication-items .item,.index-classfication .index-classfication-wrap .classfication-left.active .index-classfication-items .item a,.index-classfication .index-classfication-wrap .classfication-left:hover .index-classfication-items .item,.index-classfication .index-classfication-wrap .classfication-left:hover .index-classfication-items .item a{color:#fff}.index-classfication .index-classfication-wrap:hover .classfication-pop{width:946px;overflow:hidden;border:2px solid #3978f7;padding-left:35px;transition:width .3s linear;white-space:nowrap;z-index:1000}.index-classfication .index-classfication-wrap .classfication-pop{position:absolute;box-sizing:border-box;top:-1px;height:520px;left:198px;width:0;overflow:hidden;z-index:10;background-color:#fff}.index-classfication .index-classfication-wrap .classfication-pop:hover{width:946px;border:2px solid #3978f7;padding-left:35px}.index-classfication .index-classfication-wrap .classfication-two-items{display:none}.index-classfication .index-classfication-wrap .classfication-middle{background-color:#fff;float:left;font-family:HiraginoSansGB-W3;font-size:14px;width:630px;white-space:normal}.index-classfication .index-classfication-wrap .classfication-middle .middle-content{display:inline-block;width:285px;padding-top:35px;vertical-align:text-top}.index-classfication .index-classfication-wrap .classfication-middle .middle-content:nth-child(odd){margin-right:20px}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-title{font-family:HiraginoSansGB-W6;font-size:14px;color:#333;padding-bottom:5px;border-bottom:1px solid #ddd}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-title.hot:after,.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-title.new:after{content:"";position:relative;top:-4px;left:5px;width:28px;height:12px;display:inline-block;background:url(//img.alicdn.com/tfs/TB1mRTCdDtYBeNjy1XdXXXXyVXa-56-24.png) no-repeat 0;background-size:28px 12px}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-title.new:after{background-image:url(//img.alicdn.com/tfs/TB1ncFhdwmTBuNjy1XbXXaMrVXa-56-24.png)}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item{text-align:left;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:10px;font-family:MicrosoftYaHei;font-size:12px;color:#666;width:91px;cursor:pointer;position:relative}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item a{text-decoration:none;display:inline-block;color:#666}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item:hover a{color:#3978f7}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item.hot a:after,.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item.new a:after{content:"";position:relative;top:-4px;left:3px;width:28px;height:12px;display:inline-block;background:url(//img.alicdn.com/tfs/TB1mRTCdDtYBeNjy1XdXXXXyVXa-56-24.png) no-repeat 0;background-size:28px 12px}.index-classfication .index-classfication-wrap .classfication-middle .middle-content .middle-item.new a:after{background-image:url(//img.alicdn.com/tfs/TB1ncFhdwmTBuNjy1XbXXaMrVXa-56-24.png)}.index-classfication .classfication-right{background-color:#f2f2f2;position:absolute;right:0;height:100%;width:276px;vertical-align:top;font-size:12px;text-align:center;color:#666}.index-classfication .classfication-right .like-wrap{padding:30px 24px}.index-classfication .classfication-right .like-wrap .title{font-size:14px}.index-classfication .classfication-right .like-wrap .title:after,.index-classfication .classfication-right .like-wrap .title:before{content:"";display:inline-block;width:66px;height:1px;background-color:#d8d8d8;vertical-align:middle}.index-classfication .classfication-right .like-wrap .title:before{margin-right:6px}.index-classfication .classfication-right .like-wrap .title:after{margin-left:6px}.index-classfication .classfication-right .like-wrap .servies-item{cursor:pointer;float:left;padding:25px 5px 0}.index-classfication .classfication-right .like-wrap .servies-item a{color:#666;text-decoration:none}.index-classfication .classfication-right .like-wrap .servies-item .logo{display:inline-block;width:100px;height:100px;position:relative}.index-classfication .classfication-right .like-wrap .servies-item .logo img{width:100px;height:100px}.index-classfication .classfication-right .like-wrap .servies-item .name{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}