.page-body{background-color:#F1F1F1;}
.course-body{width:1004px;margin:0 auto;margin-top:25px;}
.gr-cour{width:1002px; float:left; margin-top:20px;background-color:#FFF;border:1px solid #ddd;margin-bottom:20px;}

.gr-class{border:1px solid #f2f2f2;width:296px;margin:10px;padding: 8px 8px 0 8px;}
.gr-class:hover{box-shadow: 0 4px 4px -2px #dcdcdc;border-color: #ff6e44;}
.gr-class .gr-c-img{width:228px; padding:2px; float:left; height:130px;}
.gr-class .model{overflow: hidden; width: 296px; height: 167px;}
.gr-class .gr-c-img img{width:296px; height:167px;transition: 2s;}
.gr-class .gr-c-img img:hover{transform: scale(1.5);}
.gr-class .gr-c-name{overflow:hidden; width:100%; border-bottom:1px dashed #ddd; text-align:center; height:40px; line-height:40px;color: #333;font-family:微软雅黑;font-weight:400; font-size:16px; float:left;}
.gr-class .gr-c-farth{width:100%; float:left;}
.gr-class .gr-c-farth .gr-c-author{padding:10px;height:66px; line-height:22px; font-size:12px;color: #3c3c3c;font-family:微软雅黑;}
.gr-class .gr-c-farth .gr-c-date{ margin-left:10px;font-size:12px;color: #3c3c3c;font-family:微软雅黑;float:left; margin-right:20px; }
.gr-class .gr-c-farth .gr-c-price{margin-left:7px;font-size:12px; line-height:50px;height:50px;color: #F00;font-family:微软雅黑;}
.gr-class .gr-c-farth div{text-align:center;}

.gr-hovrclass{border:1px solid #06B0B9;width:230px;margin:10px 9px;}
.gr-hovrclass .gr-c-img{width:228px; padding:2px; float:left; height:130px;display:block;}
.gr-hovrclass .model{overflow: hidden; width: 296px; height: 167px;}
.gr-hovrclass .gr-c-img img{width:296px; height:167px;}
.gr-hovrclass .gr-c-name{ width:100%; border-bottom:1px dashed #ddd; text-align:center; height:40px; line-height:40px;background:#339BB9;color: #fff;font-family:微软雅黑;font-weight:400; font-size:16px; float:left;}
.gr-hovrclass .gr-c-farth{width:100%; float:left; background:#fff;}
.gr-hovrclass .gr-c-farth .gr-c-author{padding:10px;height:66px;max-height:66px;line-height:22px; font-size:12px;color: #3c3c3c;font-family:微软雅黑;}
.gr-cour .gr-hovrclass .gr-c-farth .gr-c-date{ margin-left:10px;font-size:12px;color: #3c3c3c;font-family:微软雅黑;float:left; }
.gr-hovrclass .gr-c-farth .gr-c-price{margin-left:7px;font-size:12px; line-height:30px; color: #3c3c3c;font-family:微软雅黑;float:left;}
.weight{font-weight:600}