.body-index .header{
width: 1040px;
}
.body-index .header .header_nav{
margin-left: 230px;
}
.body-index .content{
width: 1040px;
}
.index_c1{
margin-bottom: 50px;
}
.index-banner{
width: 100%;
min-height: 340px;
}
.index-recommend{
width: 713px;
height: 341px;
}
.index-recommend-con{
/*overflow: hidden;*/
}
.index-recommend .recommend-first{
text-align: center;
background: #f5f6f7;
padding: 12px 15px;
width: 147px;
float: left;
border-radius: 3px;
}
.index-recommend .recommend-first .book-cover{
display: block;
margin: 0 auto 7px;
width: 107px;
height: 142px;
}
.index-recommend .recommend-first .book-cover img{
width: 107px;
height: 142px;
border-radius: 3px;
}
.index-recommend .recommend-first .book-cover:hover img{
transform: scale(1.1, 1.1);
animation:mymove 0.3s;
}
.index-recommend-con .recommend-list{
float: right;
width: 520px;
padding-top: 10px;
}
.index-recommend-con .recommend-list li{
float: left;
width: 250px;
margin-bottom: 30px;
margin-right: 20px;
}
.index-recommend-con .recommend-list li:nth-of-type(2n){
margin-right: 0;
}
.index-recommend-con .recommend-list li:nth-of-type(3), .index-recommend-con .recommend-list li:nth-of-type(4){
margin-bottom: 0;
}
.book-box{
/*overflow: hidden;*/
position: relative;
}
.book-box .book-cover{
position: absolute;
top: 0;
left: 0;
}
.book-box .book-cover img{
width: 90px;
height: 120px;
border-radius: 5px;
}
.book-box .book-cover:hover img{
transform: scale(1.1, 1.1);
animation:mymove 0.3s;
}
@keyframes mymove
{
from {
transform: scale(1, 1);
}
to {
transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes mymove /*safari and chrome*/
{
from {
transform: scale(1, 1);
}
to {
transform: scale(1.1, 1.1);
}
}
.book-box .book-info{
margin-left: 100px;
padding-top: 10px;
/*cursor: pointer;*/
}
.book-box .book-info h5:hover a{
color: #e43e3d;
}
.book-info .intro{
text-align: justify;
}
.book-info .bookname{
color: #333;
font-size: 18px;
font-family: 'pingfang sc';
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
line-clamp: 1;
-moz-line-clamp: 1;
-o-line-clamp:1;
-webkit-line-clamp: 1;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
}
.book-info pname{
font-size: 14px;
color: #666a6a ;
}
.book-info .intro{
line-height: 17px;
height: 51px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
line-clamp: 3;
-moz-line-clamp: 3;
-o-line-clamp:3;
-webkit-line-clamp: 3;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
color: #999999;
font-size: 12px;
margin-top: 8px;
}
.book-info .intro a{
display: block;
height: 51px;
overflow: hidden;
color: #999999;
}
.xuey_c1 .toutiao{
width: 285px;
height: 292px;
background: #fff;
}
.xuey_c1 .toutiaoxw{
line-height: 20px;
overflow: hidden;
height: 220px;
}
.xuey_c1 .toutiaoxw li{
position:relative;
margin-bottom: 16px;
}
.xuey_c1 .toutiaoxw li.first a p{
display: -webkit-box;
display: -moz-box;
display: -o-box;
line-clamp: 2;
-moz-line-clamp: 2;
-o-line-clamp:2;
-webkit-line-clamp: 2;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
}
.xuey_c1 .toutiaoxw li a{
display:block;
/* height:25px; */
font-size: 14px;
color: #333;
display: -webkit-box;
display: -moz-box;
display: -o-box;
line-clamp: 1;
-moz-line-clamp: 1;
-o-line-clamp:1;
-webkit-line-clamp: 1;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
}
.xuey_c1 .toutiaoxw li a.new_one .xwtime{
color: #999999;
}
.xuey_c1 .toutiaoxw li a:hover{
color:#f83b36;
}
.toutiaoxw li a span.t_con{
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.toutiaoxw li a span.xwtime{
display: block;
/*position:absolute;
bottom:0;
right:0;*/
font-size: 12px;
color: #bdbdbd;
}/******å‹‹ç« ******/
.medal_h>div>img{
width:80px;
height:80px;
margin:5px;
}
.medal_h .medal_con{
margin-left:85px;
height:60px;
padding:15px 5px;
text-align:left;
color:#8c8c8c;
line-height:20px;
}
.medal_h p{
margin-top:3px;
text-align:center;
}
.medal_h p a{
display:inline-block;
}
/*c1*/
.medal_h{
width:210px;
height:124px;
position:absolute;
right:0;
background:#fefeff;
z-index:9999;
border-radius:5px;
border:1px solid #bdbdbd;
text-align:center;
display:none;
}
/*c2*/
.index-ad {
margin-top: 20px;
padding: 12px 10px;
background: #fbf7f6;
border-radius: 5px;
}
.adscroll{
margin-left:25px;
overflow: hidden;
}
#advers{
width:1025px;
overflow: hidden;
}
#advers ul{
display: inline;
}
#advers ul li{
display: inline;
margin-right:18px;
}
.index-god{
margin-bottom: 50px;
}
/*.index-god .swiper-container{*/
/*overflow: auto;*/
/*}*/
.index-god .swiper-container-box{
position: relative;
}
.index-god .swiper-container-box .swiper-button-prev, .index-god .swiper-container-box .swiper-button-next{
width: 30px;
height: 30px;
margin-top: 0;
}
.index-god .swiper-container-box .swiper-button-prev{
background: url(/uploads/image/i/icon_slide_left.png);
left: -35px;
}
.index-god .swiper-container-box .swiper-button-next{
background: url(/uploads/image/i/icon_slide_right.png);
right: -35px;
}
.index-god .swiper-slide{
float: left;
width: 248px;
padding-top: 30px;
line-height: 20px;
}
.index-god .star-list{
padding: 40px 18px 10px;
background: #f8f0f0;
position: relative;
border-radius: 5px;
color: #999;
}
.index-god .star-list:hover .god-info h6{
color: #e43e3d;
}
.index-god .star-list .god-info{
width: 234px;
position: absolute;
top: -28px;
left: 18px;
}
.index-god .star-list .god-info h6{
font-size: 14px;
color: #333;
padding: 5px 0;
margin-bottom: 5px;
}
.index-god .star-list .god-info p{
color: #666a73;
line-height: 20px;
height: 20px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
line-clamp: 1;
-moz-line-clamp: 1;
-o-line-clamp:1;
-webkit-line-clamp: 1;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
}
.index-god .star-list img{
float: left;
width: 56px;
height: 56px;
border-radius: 100%;
margin-right: 10px;
}
.index-god .star-list .god-intro{
line-height: 20px;
height: 60px;
line-clamp: 3;
-moz-line-clamp: 3;
-o-line-clamp:3;
-webkit-line-clamp: 3;
box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 5px;
}
.index-channel{
margin-bottom: 50px;
height: 508px;
/*overflow: hidden;*/
}
.index-channel .channel-box{
width: 252px;
float: left;
margin-right: 15px;
}
.index-channel .channel-box li{
margin-bottom: 30px;
}
.channel-bole .bole{
width: 489px;
}
/*c3*/
.title-line label{
font-size: 14px;
color: #999999;
margin-left: 15px;
}
.title-line .title_btn{
font-size: 12px;
color:#878787;
padding-left: 22px;
background: left center no-repeat;
height: 20px;
line-height: 20px;
}
.c_title .title_btn:hover{
color:#878787;
}
.index_c3>div{
height: 370px;
background: #fff;
}
.index_c3 >div{
padding:15px 25px 25px;
}
.bole{
float: left;
width: 665px;
font-size: 14px;
}
.bole_box{
overflow:hidden;
color: #878787;
padding-bottom:15px;
}
.bole_box>a{
display: block;
float: left;
}
.bole_box>a img{
width: 131px;
}
.bole_box .bole_name{
float:left;
margin-left: 10px;
}
.bole_box .bole_name p{
margin-bottom:10px;
}
.bole_box .bole_name a{
font-size:20px;
font-family: "微软雅黑" , simsun;
}
.bole_box:hover .bole_name a{
color:#e43e3d;
}
.bole_box .intro{
margin-left: 250px;
}
.bole_box .intro p{
margin-bottom: 10px;
}
.bole_box .intro p a{
line-height: 24px;
}
.bole_box .intro p a.intro_con{
color: #878787;
height: 140px;
line-height: 24px;
display: block;
-webkit-line-clamp:6 ;
line-clamp:6 ;
-moz-box-orient: vertical;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
/*.bole_box .intro p a:hover{
color:#f83b36;
}*/
.bole_pro{
padding-top:20px;
overflow:hidden;
}
.index-content h4{
font-size: 18px;
color: #333;
margin-bottom: 15px;
}
.bole_pro .bole_class{
float: left;
width: 270px;
}
.bole_pro .bole_class p{
margin-bottom: 15px;
}
.bole_pro .bole_class p a{
display: block;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333;
}
.bole_pro .bole_class p a:hover{
color:#e43e3d;
}
.bole_pro .bole_class p span{
font-size:20px;
}
.bole_pro .sign{
width: 200px;
float: right;
}
.bole_pro .sign ul li{
padding: 10px 0;
overflow: hidden;
}
.bole_pro .sign ul li img{
width:48px;
height:48px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
}
.bole_pro .sign ul li h5{
padding: 0px 0 5px;
}
.bole_pro .sign ul li h5 a{
font-size: 14px;
color: #333;
}
.bole_pro .sign ul li a{
color: #666666;
font-size: 12px;
}
.bole_pro .sign ul li a:hover{
color:#f83b36;
}
.chjiu_c {
margin-top: 25px;
}
.chjiu_c li{
display: block;
margin-bottom: 20px;
padding:15px 0;
}
.chjiu_c li .chjiu_author{
float:left;
padding:10px 0;
}
.chjiu_c li .chjiu_author img{
display: block;
width:70px;
height:70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.chjiu_c li .chjiu_author span{
display:block;
text-align: center;
margin-top:7px;
}
.chjiu_c li .chjiu_medal{
margin-left:90px;
border-left:1px solid #ebebeb;
padding-left:20px;
}
.chjiu_c li .chjiu_medal img{
float:left;
margin-right:10px;
}
.chjiu_c li:last-of-type{
margin-bottom: 0;
}
.chjiu_medal>p{
color: #6a6a6a;
margin-bottom: 10px;
font-size: 10px;
}
.chjiu_intro h5{
color:#555;
}
.chjiu_intro h5 a{
color:#555;
}
.chjiu_intro h5 a:hover{
color:#f83b36;
}
.chjiu_intro p{
margin:7px 0;
color:#999;
height: 44px;
line-height: 22px;
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -o-box;
line-clamp: 2;
-ms-line-clamp: 2;
-moz-line-clamp: 2;
-o-line-clamp:2;
-webkit-line-clamp: 2;
box-orient: vertical;
-ms-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
text-overflow: ellipsis;
overflow: hidden;
}
/********* 作客2.0 **********/
.medal_list{
margin:5px 0 0 0px;
position:relative;
width:210px;
}
.chjiu_medal .medal_list .medal_box{
width:180px;
height:41px;
overflow:hidden;
}
.medal_list .medal_listcon .medal_img{
display:block;
float:left;
padding-bottom:5px;
/* padding:10px 10px 10px 0; */
}
.chjiu_medal .medal_h{
width:210px;
height:124px;
position:absolute;
left:0;
top:40px;
background:#fefeff;
z-index:9999;
border-radius:5px;
border:1px solid #bdbdbd;
text-align:center;
display:none;
}
.medal_listcon .medal_img:hover .medal_h{
display:block;
}
.medal_h>div>img{
width:80px;
height:80px;
margin:5px;
}
.medal_h .medal_con{
margin-left:85px;
height:60px;
padding:15px 5px;
text-align:left;
color:#8c8c8c;
line-height:20px;
}
.medal_h p{
/* margin-top:5px; */
}
.chjiu_medal .medal_arrow{
display:block;
position:absolute;
top:0px;
right:10px;
cursor:pointer;
}
.medal_arrow i{
display: block;
width: 20px;
height: 36px;
background: url(/uploads/image/i/zuok21/medal_arrow.png);
}
/********** end ********** /
/*作客明星*/
.index_c4{
margin: 15px 0;
padding:15px 25px 0px;
background: #fff;
}
.star_box{
padding:20px 0px;
overflow:hidden;
border-top: 2px solid #ff881e;
padding-bottom:0px;
}
.star_box .swiper-container {
width: 1038px;
height: 100%;
padding:0 5px;
}
.star_box .swiper-wrapper{
padding:20px 0px 20px;
height:400px;
}
.star_box .swiper-slide{
float:left;
width:198px;
}
.star_box .star_list{
border:1px solid #f4f4f4;
padding:14px;
color: #333333;
height:346px;
transition: all .3s;
position: relative;
top:0px;
}
.star_img{
display: block;
width: 170px;
overflow: hidden;
}
.star_list img{
width: 170px;
height: 170px;
}
.star_box .swiper-slide:hover .star_list{
box-shadow: 0 0 10px 3px #ffecdc;
border:1px solid #fff;
height:356px;
margin-top:-8px;
padding:19px 14px;
}
.star_box .swiper-button-next,.star_box .swiper-button-prev{
width:30px;
top:43px;
height:375px;
background-color: rgba(255,255,255,0.8);
box-shadow: 0 0 10px 3px #ffecdc;
}
.star_box .swiper-button-next{
right:5px;
background:rgba(255,255,255,0.8) center center no-repeat;
}
.star_box .swiper-button-prev{
left:5px;
background:rgba(255,255,255,0.8) center center no-repeat;
}
.star_box .swiper-button-next.swiper-button-disabled,.star_box .swiper-button-prev.swiper-button-disabled {
display:none;
}
.star_list:nth-of-type(5n){
margin-right:0;
}
.star_list h5{
font-size: 16px;
padding:10px 0;
text-align: center;
}
.star_list .star_label{
text-align:center;
margin-bottom:15px;
}
.star_list label{
display:inline-block;
padding:5px 8px;
border:1px solid #d9c478;
color:#d9c478;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.star_list .star_intro p{
line-height:20px;
margin-bottom:5px;
}
.star_list .star_intro p.star_prief{
display:box;
display:-webkit-box;
display:-moz-box;
height:40px;
line-height:20px;
-webkit-line-clamp:2 ;
line-clamp:2 ;
-moz-box-orient: vertical;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
/* c5 */
.index_c5{
margin: 15px 0;
padding-bottom: 25px;
background: #fff;
}
.shuy{
overflow: hidden;
}
.shuy .tutor_box{
float: left;
width: 490px;
}
.tutor_box h4, .tutor_class h4{
padding-left: 30px;
background: left center no-repeat;
}
.shuy .tutor_box .tutor_intro{
line-height: 24px;
font-size: 14px;
color: #666a6a ;
text-align: justify;
}
.shuy .tutor_box .tutor_intro .tutor_img{
overflow: hidden;
}
.shuy .tutor_box .tutor_intro .tutor_img img{
float: left;
margin-right: 10px;
border-radius: 5px;
}
/*.shuy .tutor_box .tutor_intro*/
.shuy .tutor_box .tutor_intro .name{
font-family:"微软雅黑";
color:#333;
padding:20px 0;
margin-left: 10px;
font-size: 14px;
color: #999;
}
.shuy .tutor_box .tutor_intro .name h4 a{
margin-bottom: 10px;
color: #999;
}
.shuy .tutor_box .tutor_intro .name h4 a span{
color: #333;
}
.shuy .tutor_box .tutor_intro .name h4 a:hover span{
color: #e43e3d ;
}
.shuy .tutor_box .tutor_intro p.tutor_prief{
margin-top: 30px;
}
.shuy .tutor_box .tutor_intro p a{
color: #666a6a ;
}
.shuy .tutor_box img{
width:160px;
/*height:160px;*/
}
.shuy .tutor_class{
float: right;
width: 490px;
padding-left:30px;
}
/*改版*/
.class_list_box{
padding: 0;
}
.class_list_box .class_list_con{
padding: 20px 0;
/*border-bottom:1px dashed #ebebeb;*/
overflow: hidden;
position: relative;
}
.class_list_box .class_list_con:first-of-type{
padding-top: 0;
}
.class_list_box .class_list_con:last-of-type{
border-bottom: none;
}
.class_list_con .class_tutor{
float: left;
text-align: center;
margin-right: 30px;
font-size: 14px;
}
.class_list_con .class_tutor a:hover{
color: #e43e3d;
}
.class_list_con .class_tutor img{
display: block;
width: 112px;
margin-bottom: 10px;;
border-radius: 5px;
}
.class_list_con ul{
margin-left: 130px;
}
.class_list_con ul li{
margin-bottom: 25px;
line-height: 20px;
}
.class_list_con ul li:last-of-type{
margin-bottom: 0;
}
.class_list_con ul li a{
display: block;
font-size: 16px;
color: #333;
margin-bottom: 5px;
}
.class_list_con ul li a:hover{
color: #f94e4a;
}
.class_list_con ul li p{
color: #878787;
}
.class_list_con ul li a,.class_list_con ul li p{
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
white-space: nowrap;
}
/*改版end*/
.class_list{
color:#555;
padding-right:275px;
padding-bottom:25px;
border-bottom:1px dashed #ebebeb;
position: relative;
margin-top:30px;
}
.zuoshuy .class_list:last-of-type{
border-bottom:none;
}
.class_list h3{
font-size: 16px;
font-family: "微软雅黑";
color:#555;
font-weight: bold;
margin:0px 0 15px;
}
.class_list h3 a{
color:#555;
}
.class_list h3 a:hover{
color:#ed5968;
}
.class_list.noimg{
padding-right:0;
}
.class_list.last{
border-bottom:none;
}
.class_list p a{
display:block;
color:#555;
margin-bottom:20px;
display:box;
display:-webkit-box;
display:-moz-box;
height:60px;
line-height:20px;
-webkit-line-clamp:3 ;
line-clamp:3 ;
-moz-box-orient: vertical;
-webkit-box-orient:vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.class_list>a{
position:absolute;
right:0;
top:0;
height:134px;
overflow: hidden;
}
.class_list>a.videoimg::after{
position:absolute;
top:40px;
left:80px;
display: block;
width:49px;
height:49px;
background: no-repeat;
background-size: 100% 100%;
content:'';
}
.class_list>a.videoimg span{
position:absolute;
right:0px;
bottom:10px;
display: block;
padding:3px 5px;
background: rgba(0,0,0,0.6);
color: #fff;
border-radius: 5px;
}
.class_list img{
width:210px;
}
.partners{
width: 1000px;
margin: 0 auto;
line-height: 40px;
}
.partners span{
font-weight: bolder;
font-size: 14px;
}
.partners a{
margin-right: 14px;
}
.opinion{
}
.opinion_num{
color:#b7b7b7;
}
.opinion_num.red{
color:#f83b36;
}
.opinion_num.success{
color:#5cd626;
}
.flutter{
position: fixed;
bottom: 150px;
left: 50%;
margin-left:610px;
z-index: 10;
}
.flutter ul li{
padding: 5px;
background: #fff;
margin-bottom: 5px;
border-radius: 3px;
box-shadow: 0px 3px 10px rgba(0,0,0,0.08);
}
.flutter ul li a{
display: block;
width: 68px;
padding: 10px 0;
/*height: 68px;*/
text-align:center;
font-size:12px;
}
.flutter ul li a i{
display: inline-block;
width: 30px;
height: 30px;
overflow: hidden;
background: no-repeat;
}
.flutter ul li:hover a{
background: #f7f7f7;
}
.flutter ul li a span{
display: block;
color: #999999;
}
.flutter ul li:hover a span{
color: #e75554;
}
.flutter ul li a:hover i.icon_flu1{
background: no-repeat;
}
.flutter ul li a i.icon_flu2{
background: no-repeat;
}
.flutter ul li a:hover i.icon_flu2{
background: no-repeat;
}
.flutter ul li a i.icon_flu3{
background: no-repeat;
}
.flutter ul li a:hover i.icon_flu3{
background: no-repeat;
}
.flutter ul li a i.icon_flu4{
background: no-repeat;
}
.flutter ul li a:hover i.icon_flu4{
background: no-repeat;
}
.flutter ul li a i.icon_flu5{
background: no-repeat;
}
.flutter ul li a i.icon_flu5{
background: no-repeat;
}
.flutter ul li.icon5{
background: #e75554;
}
.flutter ul li.icon5:hover{
background: #d65150;
}
.flutter ul li:last-of-type a span{
color: #fff;
}
.flutter ul li.icon5:hover a{
background: #d65150;
}
.flutter .totop{
width: 76px;
height: 30px;
text-align: center;
background: #fff;
border-radius: 3px;
box-shadow: 0px 3px 10px rgba(0,0,0,0.0800);
}
.flutter .icon_top{
display:inline-block;
width:24px;
height:14px;
overflow: hidden;
background: center center no-repeat;
margin-top: 7px;
}
.flutter .totop:hover .icon_top{
background: center center no-repeat;
}
.body-index .foot_con {
width: 1130px;
}