@charset "utf-8";.com_title{width:1200px;height:44px;line-height:44px;border-bottom:1px solid #ddd}.com_title span{display:block;float:left;height:44px;font-size:24px;color:#333;border-bottom:1px solid #f80;margin-right:10px}.com_title span em{display:block;float:right;line-height:44px;font-size:18px;color:#999;text-transform:uppercase;padding:0 12px 0 8px}.com_title span i{display:block;float:left;width:22px;height:24px;margin:10px 10px 10px 0}.com_title .com_menulist{float:left;font-size:14px;color:#666}.com_title .com_menulist ul{overflow:hidden;margin:9px 0}.com_title .com_menulist ul li{float:left;height:26px;line-height:24px;border:1px solid #ddd;border-radius:16px;padding:0 16px;margin:0 10px}.com_title .com_menulist ul li.cur,.com_title .com_menulist ul li:hover{background:#f80;border-color:#f80;color:#fff;cursor:pointer}.more{float:right;font-size:14px;color:#999}.more:hover{color:#f80;cursor:pointer;text-decoration:underline}.com_list{overflow:hidden;margin-top:20px}.width_w976{width:976px;float:left}.width_w966{width:966px;float:left}.com_list ul{overflow:hidden}.com_list ul li{overflow:hidden;position:relative;width:222px;float:left;margin:0 20px 20px 0;border-radius:6px;background:#fff;border:1px solid #eee;transition:all .5s}.com_list ul li a{display:block}.index_album_list ul li{height:204px;background:url(../images/index_album_bg.png) center top no-repeat;padding:0 8px 8px 0;border:0;border-radius:6px 15px 6px 15px}.width_w970 ul li{width:300px}.com_list ul li:hover{box-shadow:0 2px 10px #bbb}.com_list ul li:hover .com_pic img{transform:scale(1.03)}.com_list ul li .com_pic{display:block;overflow:hidden;position:relative;width:100%;height:138px;-webkit-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-moz-transform:rotate(0)}.com_list ul li .com_pic:after{display:none;position:absolute;left:0;top:0;z-index:8;content:"";width:100%;height:100%;background:rgba(0,0,0,.3);border-radius:5px}.com_list ul li:hover .com_pic:after{display:block}.index_album_list ul li .com_pic{width:214px}.width_w970 ul li .com_pic{width:300px;height:170px}.com_list ul li .com_pic img{background:#fff;display:block;width:100%;height:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out}.com_list ul li .info_title{overflow:hidden;position:relative;padding:0 8px 8px 8px}.com_list ul li .info_title .p1{display:block;margin:8px 0 5px 0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.com_list ul li .info_title .p1_sub{display:block;width:290px;margin:10px 0;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.com_list ul li .info_title .p1_cur,.com_list ul li:hover .info_title .p1{color:#f80}.com_list ul li .info_title .p2{overflow:hidden;color:#999;font-size:12px;height:20px;line-height:20px}.com_list ul li .info_title .p2 .time,.com_list ul li .info_title .p2 .author{letter-spacing:-0.5px}.com_list ul li .info_title .p2 .time i,.com_list ul li .info_title .p2 .author i{display:block;float:left;width:15px;height:15px;margin:-1px 2px 0 0;text-indent:18px}.com_list ul li .info_title .p2 .time i.i_time{background:url(../images/time_icon.png) 0 1px no-repeat;margin:2px 2px 0 0}.com_list ul li .info_title .p2 .time i.i_time_blue{background:url(../images/time_icon_blue.png) 0 1px no-repeat}.com_list ul li .info_title .p2 .time i.i_live{background:url(../images/live_icon_gray.png) 0 2px no-repeat}.com_list ul li .info_title .p2 .time i.i_live_gray{background:url(../images/live_icon_gray.png) 0 3px no-repeat}.com_list ul li .info_title .p2 .author i.i_author{background:url(../images/author.png) 0 5px no-repeat}.com_list ul li .info_title .p2 .p2_right{display:block;float:right;color:#999;font-size:12px}.com_list ul li .info_title .p2 .p2_right em{display:block;float:left;width:17px;height:17px;margin-top:2px;background:url(../images/video_icon.png) 0 2px no-repeat;text-indent:18px}.com_list ul li .info_title .p2 .p2_right em.eyes{background:url(../images/eyes.png) 0 5px no-repeat}.com_list ul li .i_play{display:none;position:absolute;left:50%;top:50%;z-index:9;width:52px;height:52px;background:url(../images/play.png) 0 0 no-repeat;margin:-26px 0 0 -26px}.com_list ul li .i_play_big{width:96px;height:96px;background:url(../images/play_big.png) 0 0 no-repeat;margin:-48px 0 0 -48px}.com_list ul li:hover .i_play{display:block}.price_tag{position:absolute;left:15px;top:10px;background:#f80;padding:3px 10px;border-radius:20px;color:#fff}.live_status{position:absolute;right:10px;top:15px;padding:3px 8px;border-radius:15px}.live_status_org{border:1px solid #f80;color:#f80}.live_status_blue{border:1px solid #f80;color:#f80}.live_status_gray{border:1px solid #a5a5a5;color:#a5a5a5}.com_list ul li:hover .live_status_org{background:#f80;color:#fff}.com_list ul li:hover .live_status_blue{background:#f80;color:#fff}.com_list ul li:hover .live_status_gray{background:#f80;border-color:#f80;color:#fff}.com_title2{font-size:18px;color:#555}.com_title2 span{margin-left:10px;font-size:14px;font-style:italic;color:#ccc}.recommendation_h2{padding:0 0 0 35px;background:url(../images/recommend_icon.png) 0 center no-repeat}.top_h2{padding:0 0 0 35px;background:url(../images/top_icon.png) 5px center no-repeat}.quality_swiper{margin:0 auto;position:relative}.quality_swiper .swiper-button-prev{cursor:pointer;width:40px;height:40px;display:block;top:94px;background:url(../images/left.png) 0 0 no-repeat;left:0;right:auto}.quality_swiper .swiper-button-prev:hover{background:url(../images/left_hover.png) 0 0 no-repeat}.quality_swiper .swiper-button-next{cursor:pointer;width:40px;height:40px;display:block;top:94px;background:url(../images/right.png) 0 0 no-repeat;right:0;left:auto}.quality_swiper .swiper-button-next:hover{background:url(../images/right_hover.png) 0 0 no-repeat}.quality_swiper .swiper-slide a{display:block;position:relative}.quality_swiper .swiper-slide img{border-radius:5px;width:100%;height:230px;display:block}.quality_title{display:none;position:absolute;top:0;left:0;width:100%;height:230px;padding:90px 20px 0;background:rgba(0,0,0,.3);border-radius:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;color:#fff}.quality_swiper .swiper-slide:hover .quality_title{display:block}.quality_nav{position:relative;margin:0 auto 30px auto}.move_height{height:auto !important}.quality_nav ul li{float:left;position:relative;width:630px;margin:10px 0 5px 0;padding:10px 30px;background:#fff;border-radius:20px;height:45px;line-height:25px}.quality_nav ul li:nth-child(odd){margin-right:40px}.quality_nav ul li i{display:inline-block;float:left;width:22px;height:22px;vertical-align:-1px;margin:4px 0 0 0}.quality_nav ul li i.classify_icon{background:url(../images/classify_icon.png) no-repeat}.quality_nav ul li i.version_icon{background:url(../images/version_icon.png) no-repeat}.quality_nav ul li i.subject_icon{background:url(../images/subject_icon.png) no-repeat}.quality_nav ul li i.setion_icon{background:url(../images/setion_icon.png) no-repeat}.quality_nav ul li i.grade_icon{background:url(../images/grade_icon.png) no-repeat}.quality_nav ul li em{float:left;overflow:hidden;height:25px;text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-size:16px;font-weight:bold;color:#555;display:inline-block;max-width:70px;vertical-align:6px}.quality_nav ul li span{float:left;display:block;width:4px;margin-left:20px;font-size:14px;color:#888;vertical-align:7px}.quality_nav ul li a{float:left;display:block;width:74px;text-align:center;font-size:14px;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quality_nav ul li a:hover,.quality_nav ul li a.quality_nav_cur{color:#f80}.more_qual{display:none;cursor:pointer;width:110px;transition:all .7s;background:url(../images/toggle.png) right -16px no-repeat;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:-30px}.more_qual.toggle_qual_i{background:url(../images/toggle.png) right 5px no-repeat}.more_qual span{width:100%;float:left;line-height:24px}.up_qual_span{display:none}.more_qual:hover span{color:#f80}.more_qual:hover i{opacity:.6}.quality_nav_more{position:absolute;right:20px;bottom:35px;z-index:9;opacity:0;filter:alpha(opacity=0);width:275px;padding:15px;background:#fff;border-radius:5px;color:#aaa;filter:drop-shadow(0 0 4px #bbb);transition:all .1s ease;transform:scale(0)}.quality_nav_more:after{position:absolute;right:35px;bottom:-15px;content:"";border:8px solid #fff;border-color:#fff transparent transparent transparent}.quality_nav ul li .quality_nav_more a{display:inline-block;margin:8px 18px 0 12px;cursor:pointer}.quality_nav ul li .quality_nav_more_btn{width:auto;float:right}.quality_nav_more_btn:hover+.quality_nav_more,.quality_nav_more:hover{opacity:1;filter:alpha(opacity=100);transform:scale(1)}.quality_list{float:left}.quality_rank{float:left;width:334px}.com_title3{margin:26px 0 28px 20px;text-align:center;font-size:16px;color:#ea5614}.com_title3 a{color:#999}.com_title3 a.com_title3_cur,.com_title3 a:hover,.quality_rank_list li:hover .quality_rank_title{color:#ea5614}.com_title3 span{margin:0 5px}.quality_rank_list{padding-left:25px;border-left:1px solid #e9e9e9}.quality_rank_list>div{padding:10px 20px 20px;background:#fffbf7;border:1px solid #e9e9e9;border-radius:5px}.quality_rank_list li a{display:block;margin-top:31px}.quality_rank_list span{display:inline-block;font-size:12px;color:#333;vertical-align:middle}.quality_rank_list .quality_rank_num{width:22px;font-size:18px;color:#999}.quality_rank_list .quality_rank1{color:red}.quality_rank_list .quality_rank2{color:#ff9c00}.quality_rank_list .quality_rank3{color:#ffde00}.quality_rank_list .quality_rank_title{width:150px;margin:0 5px}.quality_rank_list .quality_rank_count{width:65px;background:url(../images/video_icon.png) left center no-repeat;padding-left:20px;color:#f80}.quality_rank_list img{display:block;width:100%;height:0;border-radius:5px;overflow:hidden;transition:height .1s ease}.quality_rank_list img.rank_img_open{height:145px;margin-top:20px}.more_rank{display:block;width:160px;height:30px;background:#f80;margin:16px auto 0;border-radius:20px;color:#fff;text-align:center;line-height:30px}.more_rank:hover,.more_btn a:hover{opacity:.8}.quality_list ul li{width:302px}.quality_list ul li .com_pic{height:168px}