.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; }