.themes_box{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}.themes_li{display:block;width:272px;margin:8px;text-align:center;box-sizing:border-box;overflow:hidden;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.3);transition:box-shadow .2s linear}.themes_li .img_box{height:150px;overflow:hidden}.themes_img{width:100%;transform:scale(1);transition:transform .2s linear}.themes_title{display:block;margin:3px 0;font-size:18px;color:#000;transition:color .2s linear}.themes_info{padding:0 8px 8px}.themes_info i{display:block;font-size:14px;font-weight:bold;color:#555}.themes_li:hover{border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.7);transition:box-shadow .2s linear}.themes_li:hover .themes_title{color:#00a8ff;transition:color .2s linear}.themes_li:hover .themes_img{transform:scale(1.05);transition:transform .2s linear}@media screen and (max-width:520px){.themes_box{justify-content:center}.themes_li{width:100%;max-width:300px}.themes_li .img_box{height:auto}.themes_title{font-size:16px}.themes_info i{font-size:13px;font-weight:normal}}@media screen and (min-width:520px) and (max-width:800px){.themes_box{justify-content:center}.themes_li{width:46%;max-width:300px}.themes_li .img_box{height:auto}.themes_title{font-size:16px}.themes_info i{font-size:13px;font-weight:normal}}@media screen and (min-width:801px) and (max-width:1174px){.themes_box{justify-content:center}.themes_li{width:30%;max-width:300px}.themes_li .img_box{height:auto}.themes_title{font-size:16px}.themes_info i{font-size:13px;font-weight:normal}}.nineGrid{width:200px;margin-right:20px;color:#666;background:#fcfcfc;padding:10px 11px 10px 12px;border:1px solid #f3f3f3;float:left;margin-top:20px}.lastNineGrid{margin-right:0px!important}.nineGrid h4{line-height:30px;height:30px;font-size:14px;font-weight:normal}.nineGrid h4 a{color:#333;display:block;overflow:hidden;height:30px}.nineGrid h4 a:hover{text-decoration:none}.nineGrid .bd{margin-top:7px;height:200px}.nineGrid .bd img{width:200px;height:200px;border:0;float:left}.nineGrid .bd img.last{margin-right:0}.nineGrid .ft{padding-top:15px}.nineGrid .ft .user-info{float:left;width:135px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal}.nineGrid .ft .user-img{height:25px;width:25px;display:block;float:left}.nineGrid .ft .user-img img{height:25px;width:25px}.nineGrid .ft .user-name{margin-left:5px;line-height:25px;color:#333}.nineGrid .ft .user-name:hover{text-decoration:none}.my-album{background:#e9e9e9}.diy-index-3{margin-bottom:30px;width:715px}.diy-index-3 h3{font-size:16px;font-weight:normal;font-family:'Microsoft Yahei';position:relative;height:18px;line-height:18px}.diy-index-3 .fcolor{color:#118dd0}.diy-index-3 a.more{position:absolute;right:0;top:2px;font-size:12px;color:#999}.diy-index-1 .nineGrid{margin-right:0px!important}.diy-index-2 .collection-cl-2,.diy-index-2 .collection-cl-4,.diy-index-2 .collection-cl-6,.diy-index-2 .collection-cl-8,.diy-index-2 .collection-cl-10,.diy-index-2 .collection-cl-12{margin-right:0px!important}.diy-index-3 .collection-cl-3,.diy-index-3 .collection-cl-6,.diy-index-3 .collection-cl-9,.diy-index-3 .collection-cl-12,.diy-index-3 .collection-cl-15,.diy-index-3 .collection-cl-18{margin-right:0px!important}.diy-index-4 .collection-cl-4,.diy-index-4 .collection-cl-8,.diy-index-4 .collection-cl-12,.diy-index-4 .collection-cl-16,.diy-index-4 .collection-cl-20,.diy-index-4 .collection-cl-24{margin-right:0px!important}