.main{padding:30px 0 0 0;}
.main-list{padding:34px 0;}
.main-list:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main-list .child{position:relative;width:380px;float:left;margin:10px 0;margin-right:30px;}
.main-list .child.no{margin-right:0;}
.main-list .child .child-image{height:250px;overflow:hidden;}
.main-list .child .child-image img{width:100%;height:100%;transition-duration: 1s;-webkit-transition-duration:1s;}
.main-list .child .child-title{line-height: 30px;padding:15px 0;color:#454545;font-size:18px;transition-duration: 1s;-webkit-transition-duration:1s;}
.main-list .child:hover .child-image img{ transform: scale(1.1);-webkit-transform: scale(1.1); }
.main-list .child:hover .child-title{color:#750173;}
.loadmore{background: #f0f0f0;padding:30px 0;text-align:center;}
.loadmore .morebtn{display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
.loadmore .morebtn .btn{transition-duration: 1s;-webkit-transition-duration:1s;display:inline-block;*display:inline;*zoom:1;border:1px solid #c0c0c0;height:40px;width:40px;line-height:40px;}
.loadmore .morebtn .btn img{transition-duration: 1s;-webkit-transition-duration:1s; vertical-align: middle; }
.loadmore .morebtn span{color:#656565;font-size:18px;padding:0 22px;}
.loadmore .morebtn:hover .btn{border-radius: 40px;-webkit-border-radius: 40px;}
.loadmore .morebtn:hover .btn img{ transform: rotate(360deg);-webkit-transform: rotate(360deg); }
@media (max-width: 639px) {
.main{padding:12px 0 0 0;}
.main-list{padding:20px 0;text-align: center;}
.main-list .child{width:142px;margin:4px 2px;float:none;display:inline-block;*display:inline;*zoom:1;}
.main-list .child.no{margin:4px 2px;}
.main-list .child .child-image{height:94px;}
.main-list .child .child-title{line-height: 20px;padding:6px 0;font-size:14px;}

.loadmore{padding:12px 0;}
.loadmore .morebtn .btn{height:30px;width:30px;line-height:30px;}
.loadmore .morebtn span{font-size:14px;padding:0 12px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main{padding:23px 0 0 0;}
.main-list{padding:26px 0;text-align: center;}
.main-list .child{width:285px;margin:6px 4px;float:none;display:inline-block;*display:inline;*zoom:1;}
.main-list .child.no{margin:6px 4px;}
.main-list .child .child-image{height:188px;}
.main-list .child .child-title{line-height: 24px;padding:12px 0;font-size:16px;}

.loadmore{padding:23px 0;}
.loadmore .morebtn .btn{height:40px;width:40px;line-height:40px;}
.loadmore .morebtn span{font-size:18px;padding:0 18px;}
}
@media (min-width: 1024px) and (max-width:1560px ) {
.main{padding:23px 0 0 0;}
.main-list{padding:26px 0;}
.main-list .child{width:285px;margin:6px 0;margin-right:22px;}
.main-list .child .child-image{height:188px;}
.main-list .child .child-title{line-height: 24px;padding:12px 0;font-size:16px;}

.loadmore{padding:23px 0;}
.loadmore .morebtn .btn{height:40px;width:40px;line-height:40px;}
.loadmore .morebtn span{font-size:18px;padding:0 18px;}
}
@media (min-width: 1561px) and (max-width:1920px ) {

}

@keyframes scaleIn{
0%{ transform:scale(0);opacity:0;}
80%{ transform:scale(1.02);}
100%{ transform:scale(1);opacity:1;}
}
@-webkit-keyframes scaleIn{
0%{ -webkit-transform:scale(0);opacity:0;}
80%{ -webkit-transform:scale(1.02);}
100%{ -webkit-transform:scale(1);opacity:1;}
}