You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
413 lines
8.9 KiB
413 lines
8.9 KiB
.bottom_rec{
|
|
position: relative;
|
|
width: 850px;
|
|
height: 390px;
|
|
margin-top: 30px;
|
|
margin-left: 20px;
|
|
}
|
|
.bottom_rec .til{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border-bottom: 1px #ccc solid;
|
|
}
|
|
.detail_rec{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 360px;
|
|
top: 60px;
|
|
}
|
|
.detail_rec .swiper-container1{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 15px 0;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .swiper-slide{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.detail_rec .min_item,
|
|
.detail_rec .special_item,
|
|
.detail_rec .course_item{
|
|
position: relative;
|
|
width: 198px;
|
|
height: 314px;
|
|
margin: 0 6px;
|
|
float: left;
|
|
}
|
|
.detail_rec .special_item:hover{
|
|
box-shadow: 0px 0px 4px #BBB;
|
|
}
|
|
.detail_rec .course_item:hover{
|
|
box-shadow: 0px 0px 4px #BBB;
|
|
}
|
|
.detail_rec .special_item .item_pic,
|
|
.detail_rec .course_item .item_pic{
|
|
position: relative;
|
|
width: 198px;
|
|
height: 121px;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .special_item .item_type{
|
|
position: absolute;
|
|
width: 35px;
|
|
height: 20px;
|
|
background: #e93460;
|
|
color: #fff;
|
|
text-align: center;
|
|
border: 2px #fff solid;
|
|
font-size: 12px;
|
|
border-radius: 12px;
|
|
top: -8px;
|
|
left: -8px;
|
|
padding: 0 3px;
|
|
z-index: 10;
|
|
}
|
|
.detail_rec .special_item .item_pic img,
|
|
.detail_rec .course_item .item_pic img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.detail_rec .special_item .item_name,
|
|
.detail_rec .course_item .item_name{
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 12px 12px 0 12px;
|
|
height: 44px;
|
|
line-height: 16px;
|
|
font-size: 14px;
|
|
color: #212432;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .special_item .item_info,
|
|
.detail_rec .course_item .item_info{
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 12px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
margin-top: 19px;
|
|
color: #777986;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .special_item .item_info .item_course_num,
|
|
.detail_rec .course_item .item_info .item_course_num{
|
|
float: left;
|
|
}
|
|
.detail_rec .special_item .item_info .item_study_num{
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
.detail_rec .special_item .item_info .item_study_num:before{
|
|
content: '';
|
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
/* background-size: 8px 10px; */
|
|
width: 8px;
|
|
height: 10px;
|
|
margin-top: -3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* 寰亴浣嶆帹鑽� */
|
|
.detail_rec .min_item:hover{
|
|
box-shadow: 0px 0px 4px #BBB;
|
|
}
|
|
.detail_rec .course_item:hover{
|
|
box-shadow: 0px 0px 4px #BBB;
|
|
}
|
|
.detail_rec .min_item .item_pic{
|
|
position: relative;
|
|
width: 198px;
|
|
height: 121px;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .min_item .item_type{
|
|
position: absolute;
|
|
width: 45px;
|
|
height: 20px;
|
|
background: rgb(244,134,83);
|
|
color: #fff;
|
|
text-align: center;
|
|
border: 2px #fff solid;
|
|
font-size: 12px;
|
|
border-radius: 12px;
|
|
top: -8px;
|
|
left: -8px;
|
|
padding: 0 3px;
|
|
z-index: 10;
|
|
}
|
|
.detail_rec .min_item .item_pic img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.detail_rec .min_item .item_name{
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 12px 12px 0 12px;
|
|
height: 44px;
|
|
line-height: 16px;
|
|
font-size: 14px;
|
|
color: #212432;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .min_item .item_info{
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 12px;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
margin-top: 19px;
|
|
color: #777986;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .min_item .item_info .item_course_num{
|
|
float: left;
|
|
}
|
|
|
|
.detail_rec .min_item .item_info .item_study_num{
|
|
float: left;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.detail_rec .min_item .item_info .item_score{
|
|
float: right;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.detail_rec .min_item .item_info .item_study_num:before{
|
|
content: '';
|
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
/* background-size: 8px 10px; */
|
|
width: 8px;
|
|
height: 10px;
|
|
margin-top: -3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.detail_rec .min_item .item_intro{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 24px;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
color: #777986;
|
|
box-sizing: border-box;
|
|
margin-top: 12px;
|
|
padding: 0 12px;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .min_item .item_btm{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
color: #212432;
|
|
font-size: 12px;
|
|
box-sizing: border-box;
|
|
padding: 0 12px;
|
|
margin-top: 32px;
|
|
}
|
|
.detail_rec .min_item .item_btm .item_prise{
|
|
position: absolute;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
.detail_rec .min_item .item_btm .item_prise .item_new_prise{
|
|
float: left;
|
|
}
|
|
.detail_rec .min_item .item_btm .item_prise .item_old_prise{
|
|
float: left;
|
|
margin-left: 5px;
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
color: #777986;
|
|
}
|
|
.detail_rec .min_item .item_btm .item_prise .item_cut_prise{
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 15px;
|
|
font-size: 10px;
|
|
color: #ff5a00;
|
|
background: #f8dbcc;
|
|
padding: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
.detail_rec .min_item .item_btm .item_btn_buynow{
|
|
float: right;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-right: 10px;
|
|
color:rgb(0, 186, 242);
|
|
}
|
|
|
|
._order .min_item{
|
|
width: 224px;
|
|
height: 338px;
|
|
}
|
|
|
|
._order .detail_rec .min_item .item_pic{
|
|
width: 224px;
|
|
height: 134px;
|
|
}
|
|
|
|
/* 寰亴浣嶆帹鑽愮粨鏉� */
|
|
|
|
|
|
.detail_rec .course_item .item_info .item_study_num{
|
|
float: left;
|
|
margin-left: 10px;
|
|
}
|
|
.detail_rec .course_item .item_info .item_study_num:before{
|
|
content: '';
|
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
/* background-size: 8px 10px; */
|
|
width: 8px;
|
|
height: 10px;
|
|
margin-top: -3px;
|
|
margin-right: 3px;
|
|
}
|
|
.detail_rec .course_item .item_info .item_course_score{
|
|
float: right;
|
|
}
|
|
.detail_rec .special_item .item_intro,
|
|
.detail_rec .course_item .item_intro{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 29px;
|
|
line-height: 16px;
|
|
font-size: 12px;
|
|
color: #777986;
|
|
box-sizing: border-box;
|
|
margin-top: 12px;
|
|
padding: 0 12px;
|
|
overflow: hidden;
|
|
}
|
|
.detail_rec .special_item .item_btm,
|
|
.detail_rec .course_item .item_btm{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 12px;
|
|
line-height: 12px;
|
|
color: #212432;
|
|
font-size: 12px;
|
|
box-sizing: border-box;
|
|
padding: 0 4px;
|
|
margin-top: 30px;
|
|
}
|
|
.detail_rec .special_item .item_btm .item_prise,
|
|
.detail_rec .course_item .item_btm .item_prise{
|
|
position: absolute;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
.detail_rec .special_item .item_btm .item_prise .item_new_prise,
|
|
.detail_rec .course_item .item_btm .item_prise .item_new_prise{
|
|
float: left;
|
|
}
|
|
.detail_rec .special_item .item_btm .item_prise .item_old_prise,
|
|
.detail_rec .course_item .item_btm .item_prise .item_old_prise{
|
|
float: left;
|
|
margin-left: 5px;
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
color: #777986;
|
|
}
|
|
.detail_rec .special_item .item_btm .item_prise .item_cut_prise{
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 15px;
|
|
font-size: 10px;
|
|
color: #ff5a00;
|
|
background: #f8dbcc;
|
|
padding: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
.detail_rec .special_item .item_btm .item_btn_buynow,
|
|
.detail_rec .course_item .item_btm .item_btn_freesee{
|
|
float: right;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.bottom_rec .item_old_prise .v_line{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #777986;
|
|
top: -7px;
|
|
}
|
|
._order{
|
|
position: relative;
|
|
width: 1200px;
|
|
height: 416px;
|
|
margin: 0 auto;
|
|
margin-top: -70px;
|
|
margin-bottom: 20px;
|
|
}
|
|
._order .special_item,
|
|
._order .course_item{
|
|
width: 224px;
|
|
height: 338px;
|
|
}
|
|
|
|
.btn_next{
|
|
position: absolute;
|
|
width: 39px;
|
|
height: 39px;
|
|
right: -10px;
|
|
top: 55%;
|
|
margin-top: -50px;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
background: url("/edu/center/images/sprite/css_sprites.png") -130px -10px no-repeat;
|
|
}
|
|
.btn_prev{
|
|
position: absolute;
|
|
width: 39px;
|
|
height: 39px;
|
|
left: -20px;
|
|
top: 55%;
|
|
margin-top: -50px;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
background: url("/edu/center/images/sprite/css_sprites.png") -71px -10px no-repeat;
|
|
display: block;
|
|
}
|
|
.btn_next:hover{
|
|
background: url("/edu/center/images/car_rec/i_r1.png") 0 0 no-repeat;
|
|
}
|
|
.btn_prev:hover{
|
|
background: url("/edu/center/images/car_rec/i_l1.png") 0 0 no-repeat;
|
|
}
|
|
._order .detail_rec .special_item .item_pic,
|
|
._order .detail_rec .course_item .item_pic{
|
|
width: 224px;
|
|
height: 134px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|