/*
添加人：bairl
时间：2019-07-25
版本：1.0
版权：中国京剧艺术网
*/
body{text-align:center;margin-left: auto;margin-right: auto;}
.container{min-width: 1280px;z-index:-10;background-image:url(../images/background.jpg);text-align: center;margin:0 auto;}

/* 头部导航 */
#new-header{position:relative;z-index:1000;height:90px;background-color:#7a242f}
.header-cont {margin: 0 auto;width: 1400px;}
.jingju{
background-image: url(../images/jingju.png);
background-size: cover;
height: 0.73rem;
width: 2.46rem;
margin-left:0.7rem;
margin-top: 0.05rem;
float:left;
}

.index_menu {
margin: 0 0.2rem;
height:100%;
}
.index_menu ul li {
float: left;
line-height: 0.9rem;
margin-left: 0.2rem;
cursor: pointer;
}
.index_menu ul .active a {
color: #ff5722;
}
.index_menu ul li a {
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
display: block;
}
.index_menu ul li a:hover {
    color: #4c0000;
}
.header-search input{
float: left;
margin: 0.35rem 0 0 0.2rem;
background-color: transparent;
border: none;
border-bottom: 2px solid #a2666e;
font-size: 0.16rem;
color: #fff;
outline:none;
line-height:0.16rem;
}
input::-webkit-input-placeholder{color:#fff;}
.header-search {
position: relative;
line-height: 0.3rem;
}
.header-search .submit-abtn {
position: absolute;
top: 0.35rem;
right: 2rem;
width: 0.3rem;
height: 0.3rem;
background: url(../images/search.png) no-repeat;
background-size: 100% 100%;
}
/* 轮播展示 */
.nav-banner{width:100%;margin: 0 auto;clear: both;overflow: visible;}
.wrap {width:100%;text-align:center;}
.nav_sidebanner{width: 515px; height:575px;float: left;margin: 0.1rem 0 0 0.1rem;}
.main_contents {overflow:hidden; display:inline-block;}
.nav_sidebanner{width: 515px; height:535px;float: left;margin: 0.1rem 0 0 0.1rem;}
.nav_siderecomm{width: 530px; height:535px;float: left;margin: 0 0 0 0.1rem;}
.nav_silespan{display:table-cell;vertical-align:middle;text-align:center;width: 515px;height:120px;background-color:#fff;}
.nav_span{display: block;/* padding-top: 0.5rem; */color:#52321b;font-size:0.25rem;font-weight:700;padding: 0 20px;}
.nav_siderecomm li{float:left;width:245px;height:255px;color:#52321b;margin:0.1rem 0.1rem;}
.nav_commspan{width: 247px;height:60px;background-color:#fff;}
.nav_siderecomm span{display: block;padding: 0.1rem;color:#52321b;font-size:0.14rem;font-weight:500;text-align:left;}
.nav_siderecomm h4{line-height: 0.22rem;}
/*更多推荐*/
.commore{margin:0.2rem 0 0.2rem 1.175rem;width:1047px;}
.commlist{width:100%;height:375px; background-color:#fff;padding: 0.1rem 0 0 0.14rem;}
.commlist li{float:left;width:140px;height:150px;color:#52321b;margin:0.15rem 0.15rem;}
.commlist h4{margin-top:0.06rem;font-size:0.12rem;line-height:0.2rem;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*京剧名篇*/
.result-content{margin: 0.2rem auto;width:1100px;}
.artviod-content{margin: 0.2rem auto;width:740px;}
.flow-list{margin: 0.2rem 0.2rem 0.1rem 0.1rem;}
.flow-list .flow-item{border-radius:4px;overflow:hidden;border:1px #ddd solid;transition:box-shadow .2s}
.flow-list .flow-item:hover{box-shadow:0 0 12px rgba(0,0,0,.3)}
.flow-list .flow-item{position:relative;margin:0 0.15rem 0.15rem 0;width:250px; height:280px;}
.flow-list .flow-item:hover:after{width:100%}
.flow-list .flow-item .item-show{border:none;}
.flow-list .flow-item .item-info{border:none;padding:15px 11px}
.flow-list .flow-item .item-show{position:relative;overflow:hidden;width:250px;border:1px solid #ececec;border-bottom:none}
.flow-list .flow-item .show-img{position:relative;overflow:hidden;width:100%;}
.flow-list .flow-item .show-img img{display:block;width:100%;}
.flow-list .flow-item .show-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:all .25s ease-in;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.flow-list .flow-item:hover .show-mask{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)}
.flow-list .flow-item .play-btn{position:absolute;top:50%;left:50%;z-index:1;display:block;margin:-30px -30px;width:65px;height:65px;background:url(../images/play-icon.png) no-repeat;opacity:0;transition:all .25s ease-in;-webkit-transform:scale(2);transform:scale(2);-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.flow-list .flow-item:hover .play-btn{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
.flow-list .flow-item .item-info{padding:12px;border:1px solid #eee;border-bottom:3px solid #ececec;background:#fff}
.flow-list .flow-item .item-info{border:none;padding:15px 11px}
.flow-list .flow-item .info-title .title-name{display:block;overflow:hidden;height:50px;color:#666;text-overflow:ellipsis;font-size:14px;text-align:left;}
.flow-list .more-m{margin:30px auto;text-align:center}
.aui-flex {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 15px;position: relative;}
.aui-flex-box {	-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;font-size: 14px;color: #333;}
.aui-flex-box button {text-align: center;position: relative;border: none;pointer-events: auto;width: 500px;margin: 0 auto;display: block;font-size: 0.16rem;height: 0.4rem;line-height: 0.24rem;font-weight: 500;	border-radius: 3px;	background: #7a242f;color: #fff;}
/*京剧唱段*/
.aria-content{margin: 0.2rem auto;width:1100px;}
.aria-list{margin: 0.2rem 0.2rem 0.1rem 0.1rem;}
.aria-list .aria-item{position:relative;overflow:hidden;width:330px;height:310px;border:1px solid #ececec;border-bottom:none;background-color:#fff;margin:0.2rem 0.2rem 0.2rem 0;}
.ibox-content th{color:#761e1c;font-size: 0.16rem;}
.ibox-content .table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.table td{color:#761e1c;font-size: 0.14rem;}
.nav-td{ text-align: left;  white-space:nowrap;color:#ffffff;cursor:pointer;line-height:40px;}
.nav-td a{display:block; width:150px;height:36px;text-decoration: none;padding-top: 0.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*京剧名家名票*/
.ticket{margin: 0.2rem auto;width:1057px;}
.nav_ticket{width:100%;margin-left: 0.05rem;}
.nav_ticket img{float:left; margin-left:0.1rem;}
.tu{width: 110px;height: 110px;margin:0.3rem auto;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
.nav_ticket .tiao{margin-top: 0.35rem;margin-left: 0.2rem;float: left;width: 857px;}
.nav_ticket .tiao hr{border-top: 2px solid #b7aea2;}
.nav_ticket .more{float:right;display:block;width: 100px;margin-right: 0.10rem;}
.nav_ticket .more span{ margin-top: -0.5rem;display: block; background-color:#635847;color: #fff;font-size:0.12rem;padding:0.05rem 0.1rem;}
.nav_ticket .more span i{margin-top: -0.03rem;margin-left: 0.03rem;}
.ticketlist{width:100%;height:345px;margin: 0rem 0.2rem 0.1rem 0.12rem;}
.ticketlist li{float:left;width:145px;height:230px;color:#52321b;margin: 0.15rem 0.17rem;border: 2px solid #cbb096;background-color: #fff;}
.ticketlist h4{font-size:0.16rem;color:#644a3a;font-weight:500;}
/*热搜*/
.wrapper{margin: 0.2rem auto;width:1040px;}
.tagcent{margin: 0.2rem 0 0 0;width:1040px;}
.tagbox{padding:0 0 0.3rem 0;text-align:left;}
.tagcent1{margin: 0.2rem auto;;width:1040px;}
.hottit,.alltit{width:100px; height:40px; line-height:40px; margin-left:0;color:#7a242f;text-align:left;; font-size:0.22rem; display:block;font-weight: 700;}
.alltit{ background:#60a8f5;}
.tagcon a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; margin-top:15px; border:1px solid #b59a85; font-size:16px; margin-right:10px; text-decoration:none; border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;}
.tagcon p{ height:20px; line-height:20px; margin-top:15px; font-size:20px; color:#4f9cee; display:block;}
.tagred a{ color:#232220;}
.tagred a:hover{ color:#fff; background:#f05c5c; border:1px solid #f05c5c;}
.tagbl a{ display:inline-block;background:#efe8df; height:30px; line-height:30px; padding:0 15px; margin-top:15px; border:1px solid #b59a85; font-size:16px; margin-right:10px; text-decoration:none; border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;}
.tagbl a:hover{ color:#fff; background:#60a8f5; border:1px solid #60a8f5;}
/* 页脚导航 */
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:'.';font-size:0;line-height:0}
.layout-cont {margin: 0.2rem auto;width: 1040px;}
#footer {position: absolute;margin: 0 auto;width: 1280px;height:4rem;background: #444444;color: #fff;text-align:center;}
#footer .flogo a{display:block;height:0.5rem;text-align:left;color: #fff;font-weight: 500;}
#footer .flogo span{display:block;height:0.36rem;text-align:left;width:7.8rem;font-size: 0.14rem;}
#footer .pos-code dl dt{overflow:hidden;width:94px;height:94px;border-radius:4px;}
#footer .pos-code dl dt.app-code{background:url(../images/ecode.png) no-repeat;background-size: 100% 100%;}
#footer .pos-code dl dt.wchat-code{background:url(../images/ecode.png) no-repeat;background-size: 100% 100%;}
#footer .pos-code dl dd .wchat-icon{background:url(../images/wechat.png) no-repeat;background-size: 100% 100%;}
#footer .pos-code dl dd .weibo-icon{background:url(../images/weibo.png) no-repeat;background-size: 100% 100%;}
#footer a{color:#fff;transition:all .2s}
#footer a:hover{color:#4c0000;text-decoration: none;}
#footer .flogo{padding:30px 0 35px}
#footer .our-link{padding-bottom:30px;text-align:left;font-size: 0.16rem;}
#footer .our-link a{display:inline-block;margin-right:30px}
#footer .color-bg{border-bottom:1px #444444 solid;}
#footer .color-bg span{display:block;height:0.36rem;font-size: 0.12rem;}
#footer .keep-record .gov{display: inline-block;}
#footer .keep-record{height:35px;line-height:46px}
#footer .code-cont{position:relative}
#footer .pos-code{position:absolute;top:14px;right:0}
#footer .pos-code dl{margin-left:30px;text-align:center}
#footer .pos-code dl dt img{display:block;width:94px;height:94px;border-radius:4px}
#footer .pos-code dl dd{color:#fff;line-height:30px;font-size:0.14rem}
#footer .pos-code dl dd .wchat-icon{display:inline-block;margin-right:6px;width:20px;height:20px;vertical-align:-5px}
#footer .pos-code dl dd .weibo-icon{display:inline-block;margin-right:6px;width:20px;height:20px;vertical-align:-5px}
/*唱段筛选*/
.ariacont{margin: 0.2rem auto;width: 1280px;}
.c-section-inner {margin: 0 auto;width: 100%;max-width: 1055px;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 0.1rem;}
.com-crumb {margin-top: 30px;margin-bottom: 20px;font-size: 0; text-align: left;}
.ariacont .com-crumb {margin-top: 0;}
.com-inner {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;padding: 0 10px;max-width: 1200px;}
.com-crumb .crumb-item {display: inline-block;vertical-align: middle;font-size: 14px;color: #333;}
.arias-content{width:660px;}
.arias-list .arias-item{position:relative;overflow:hidden;width:660px;border-bottom:none;background-color:#fff;}
.iboxs-content .table th{background:#7a242f;color:#fff;font-size: 0.16rem;line-height: 2.428571;border-bottom:none;}
.iboxs-content .table {width: 100%;max-width: 100%;margin-bottom: 20px;border-collapse:separate;}
.iboxs-content .table a{color:#761e1c;text-decoration: none; outline: none;}
.iboxs-content .table a:hover{text-decoration: none;color:#a94442;}
.iboxs-content .table td{color:#761e1c;font-size: 0.16rem;line-height: 2.428571;margin: 0;padding: 0; vertical-align: middle;}
#page-m{margin:0.5rem auto;text-align:center}
#page-m a{display:inline-block;margin:0 5px;padding:0 10px;height:35px;max-width:53px;min-width:43px;border:1px #c1c1c1 solid;color:#999;font-size:14px;line-height:32px}
#page-m a:hover{border-color:#7a242f;background-color:#7a242f;color:#fff}
#page-m a.on{border-color:#7a242f;background-color:#ffd200;color:#333;cursor:default}
#page-m span{display:inline-block;padding:0 12px;color:#999;font-size:20px;line-height:40px}
#page-m .next,#page-m .pre,#page-m .prev{width:92px;max-width:92px}
.ariaserch{padding:10px 0;width:660px;height:145px;background:#efe8df;}
/*搜索框*/
.s_form {position:relative;width:545px;margin:0.35rem 0 0 0.35rem;}
.aui-head-sign{float:left;height: 60px;}
.aui-head-sign h2{font-size:0.16rem;font-weight:normal;margin:0.2rem;}
.s_keyword,s_button{border:none;outline:none;}
.s_keyword{	width:100%;	height:60px;padding-left:13px;}
.s_button {	cursor:pointer;	position:absolute;}
.bar6 input {border:none;height:60px;width:355px;background:#fff;top:0;right:0;font-size: 16px;}
.bar6 input::-webkit-input-placeholder{color:#333;}
.bar6 button {background:#7a242f;border:none;width:100px;height:60px;top:0;right:0;}
.bar6 button:before {content:"搜索";font-size:16px;	color:#F9F0DA;}
.info-main {min-height: 600px;}
.info-main-inner{position:relative}
.info-main-inner:after{content:'';display:block;position:absolute;margin-left:-40px;width:1px;height:100%;left:70.8333%;top:0;background-color:#e1e8f0;overflow:hidden}
.info-main-content{padding-right:80px;box-sizing:border-box}
.special-mod-title{margin-top: 0.35rem;padding-bottom: 0.2rem;font-size:18px;font-weight:700;border-bottom:1px solid #e4e9f0}
.special-con-title{margin-top: 0;padding-bottom: 0.2rem;font-size:28px;font-weight:800;}
.special-sub-title{margin:0 0 0.2rem 0;}
.special-sub-title span {margin: 0 0.2rem 0 0;}
.c-grid-expand {margin-right: -10px;margin-left: -10px;}
.c-grid {font-size: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.c-grid [class*=c-g-] {display: inline-block;zoom: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 14px;padding-left: 10px;padding-right: 10px;vertical-align: top;}
.c-g-17 {width: 70.8333%;}
.c-g-7 {width: 29.1667%;}
.info-main-sidebar {position: relative;box-sizing: border-box;}
.info-list-item{padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.info-list-item:last-child{margin-bottom:0}
.info-main-sidebar .info-list-link{font-size:14px}
.info-list-link {margin: 0.1rem 0 0 0;display: inline-block;vertical-align: middle;max-width: 100%;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.info-list-link p{font-size: 12px;}
.sidebar-recommend {margin-bottom: 0.2rem;}
.sidebar-title {margin-bottom: 12px;font-size: 18px;color: #7a242f;font-weight: 600;}
/*唱段筛选-推荐*/
.content-slide {width:100%;padding-top: 10px;}
.content-slide p {line-height: 1.9;}
.aui-well-item {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;color: #000000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.aui-well-item-hd {width: 120px;margin-right: 10px;margin-bottom:5px;}
.aui-well-item-hd img {width: 120px;border: none;}
.aui-well-item-bd h4{padding:0 10px;line-height:26px;font-size:15px;color:#3b3b3b;width:160px;height:48px;overflow:hidden;position: relative;font-weight: normal;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.aui-well-item-bd {position: relative;}
.aui-well-item-bd p {position: absolute;bottom: 0;font-size: 13px;color: #868686;width:230px;}
.aui-well-item:active {background: #91bcdc;}
.aui-well-item:before {content: " ";position: absolute;left: 0;bottom: -1px;right: 0;height: 1px;border-bottom: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 15px;z-index: 2;}
.icon-coll {width: 15px;float: left;height: 15px;display: block;margin-right: 5px;margin-top: 3px;}
.icon-coll img {width: 15px;height: 15px;display: block;border: none;}
.ecodes{text-align:center; width:350px;position:relative;}
.ecodes .wcodes{width:155px;height:205px;border: 1px solid #ddd;margin: 0.2rem 0.2rem 0.2rem 0;float: left;}
.ecodes .xcodes{width:155px;height:205px;border: 1px solid #ddd;margin: 0.2rem 0.2rem 0.2rem 0;float: right;}
.share_code img {width: 105px;display: block;margin: 0.1rem 0.25rem;border: 1px solid #f0f0f0;border-radius: 5px;}
.aui-code-text{margin:0rem 0.5rem;font-size:0.20rem;}
.aui-code-text p { margin-bottom: 0.12rem;font-size:0.14rem;}
/*唱段筛选-详情播放*/
.g-wrap6 {padding: 30px 30px 40px 39px;}
.f-cb:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;}
.m-info .cover {float: left;position: relative;margin: 10px -220px 0 0;}
.u-cover img {display: block;width: 100%;height: 100%;}
.player{margin:0.3rem 0;}
.lyrics .intr{font-size:0.16rem;color:#333;line-height: 0.4rem;}
.aira-table{width: 548px;height: 138px; display: block;padding-top: 0.1rem;}
.aira-table .c1, .c2, .c3{width: 548px;height: 45px;}
.aira-table .r2{float: left;width: 300px;font-size:0.16rem;}
.aira-table .r1{float: left;font-weight:800;width: 150px;font-size:0.16rem;}
.m-info .tags {margin: 25px 0 5px;line-height: 22px;}
.m-info .tags b {float: left;margin:0.1rem 0;font-size:0.16rem;}
.m-info b {font-weight: normal;color: #333;}
.m-info .tags .u-tag {float: left;margin: 0px 10px 3px 0; background-color:#eae3d9;padding:0.08rem 0.15rem;color: #333;border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
.u-tag {padding: 0 10px 0 0;}
.m-info .tags .u-tag:hover {color: #fff;text-decoration: none;background-color:#888;}
.u-tag i {float: left;height: 22px;line-height: 22px;}
/*唱段筛选-更多名家*/
.commlist-m{width:100%;}
.commlist-m li{float:left;width:140px;height:150px;color:#52321b;margin:0.15rem 0.3rem 0.1rem 0;}
.commlist-m h4{margin-top:0.1rem;font-size:0.16rem;text-align: center;line-height:0.2rem;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.special-article-heading {margin: 0.2rem 0;font-size: 30px;font-weight: 700;overflow: hidden;color:#7a242f;}
.love-newlist{width: 95%;}
.contain_new_list2{padding: 10px 20px 10px 10px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.contain_new_list2_left{width: 185px;overflow: hidden;border: 1px solid #eee;}
.contain_new_list2_left a {display: block;width: 100%;height: 100%;}
.contain_newlist_img {width: 100%;height: 100%;}
.contain_new_list2_right{width: 445px;}
.contain_new_list2_title a{color: #333;font-size: 20px;font-weight: 700;}
.contain_new_list2_title a:hover{text-decoration: underline;}
.contain_new_list2_zhun{font-size: 12px;color: #999;margin-top: 3px;}
.contain_new_list2_zhun .tags {margin: 10px 0 5px;line-height: 20px;}
.contain_new_list2_zhun .tags .u-tag {display: inline-block;float: left;margin: 0px 10px 3px 0; background-color:#eae3d9;padding:0.05rem 0.15rem;color: #333;border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
.contain_new_list2_zhun .tags .u-tag:hover {color: #fff;text-decoration: none;background-color:#888;}
.contain_new_list2_neirong{color: #707070;font-size: 14px;margin-top: 10px;}
.contain_new_list2_time{color: #999;font-size: 12px;text-align: right;margin-top: 20px;}
.serch_bg{width: 100%;height: 350px;background: #e5d9ca; padding-top: 0.5rem;}
.newsInfo_content {width: 650px;margin-bottom: 0.5rem;}
.news_content {width: 100%;margin-top: 20px;padding-top: 15px;color: #444;font-size: 16px;line-height: 35px;}
.news_content img {margin: 10px auto;width: 100%;}
.news_subtitle h3 span {border-left: 5px solid #7a242f;padding-left: 15px;display: block;height: 60px;font-size: 0.16rem;line-height: 0.3rem;margin-top:-0.1rem;}
/*艺术家筛选*/
#search-wrap{width: 650px;}
#search-wrap .search-nav{padding-top: 12px;}
#search-wrap .search-nav .class-a{height: 55px;line-height: 54px;border-bottom: 1px #ddd solid;}
#search-wrap .search-nav .class-a a{display: inline-block;margin-left: 0.1rem;margin-right: 0.3rem;}
#search-wrap .search-nav .class-a a span{font-size: 18px;color:#333;position: relative;display: inline-block;height: 54px;}
#search-wrap .search-nav .class-a a.active span{color: #FF6B02;}
#search-wrap .search-nav .class-a a span:before{width: 0;height: 1px;content:"";position: absolute;left: 50%;background:#ff7700;bottom: -1px;transition: all .3s}
#search-wrap .search-nav .class-a a:hover span:before,#search-wrap .search-nav .class-a a.active span:before{width: 100%;left: 0}
#search-wrap .search-nav .class-a a i{font-size: 12px;color:#666;vertical-align:top; }
#search-wrap .search-nav .class-a .class-name{font-size: 18px;left: 0;color:#666666;}
#search-wrap .search-nav .class-b{border-bottom: 1px #ddd solid;padding: 10px 0;line-height: 34px;position: relative;padding-left: 68px;font-size: 16px;}
#search-wrap .search-nav .class-b .class-name{position: absolute;left: 0;color:#666666;}
#search-wrap .search-nav .class-b .class-name{position: absolute;left: 0;color:#666666;}
#search-wrap .search-nav .class-b .class-m a{display: inline-block;margin-right: 30px;}
#search-wrap .search-nav .class-b .class-m a:hover,#search-wrap .search-nav .class-b .class-m a.active{color:#ff7700;}
#search-wrap .search-nav .class-b .result-num{margin-left:-104px;color:#666;}
#search-wrap .search-nav .class-b .result-num.fr{margin-left: 0;}
#search-wrap .search-nav .class-b .result-num i{color:#ff7700;}
#search-wrap .search-nav .class-b:last-child{border:none;}
/*艺术家*/
.artist{margin: 0.2rem auto;width: 1280px;}
.artist:after, .artist:before {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.artist .artistleft{width:270px;margin: 0.1rem 0.3rem 0.1rem 0;}
.artist .artistright{width:780px;margin: 0.1rem 0.3rem;}
.artist p{font-size:0.16rem;}
.newidth{width:500px;}
.ariawidth{width:730px!important;}
.table-bordered>tbody>tr>td {border:0;font-size:0.15rem;}
.table>tbody>tr>td{vertical-align: middle;}
/*相关视频*/
.artviod-content{margin: 0.2rem auto;width:740px;}
.flow-list1 .flow-item{border-radius:4px;overflow:hidden;border:1px #ddd solid;transition:box-shadow .2s}
.flow-list1 .flow-item:hover{box-shadow:0 0 12px rgba(0,0,0,.3)}
.flow-list1 .flow-item{position:relative;margin:0 0.15rem 0.15rem 0;width:230px; height:280px;}
.flow-list1 .flow-item:hover:after{width:100%}
.flow-list1 .flow-item .item-show{border:none;}
.flow-list1 .flow-item .item-info{border:none;padding:15px 11px}
.flow-list1 .flow-item .item-show{position:relative;overflow:hidden;width:250px;border:1px solid #ececec;border-bottom:none}
.flow-list1 .flow-item .show-img{position:relative;overflow:hidden;width:100%;}
.flow-list1 .flow-item .show-img img{display:block;width:100%;}
.flow-list1 .flow-item .show-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:all .25s ease-in;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.flow-list1 .flow-item:hover .show-mask{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)}
.flow-list1 .flow-item .play-btn{position:absolute;top:50%;left:50%;z-index:1;display:block;margin:-30px -30px;width:65px;height:65px;background:url(../images/play-icon.png) no-repeat;opacity:0;transition:all .25s ease-in;-webkit-transform:scale(2);transform:scale(2);-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.flow-list1 .flow-item:hover .play-btn{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
.flow-list1 .flow-item .item-info{padding:12px;border:1px solid #eee;border-bottom:3px solid #ececec;background:#fff}
.flow-list1 .flow-item .item-info{border:none;padding:15px 11px}
.flow-list1 .flow-item .info-title .title-name{display:block;overflow:hidden;height:50px;color:#666;text-overflow:ellipsis;font-size:14px;text-align:left;}
.flow-list1 .more-m{margin:30px auto;text-align:center}
/*左侧视频列表*/
.video-list .flow-item{border-radius:4px;overflow:hidden;border:1px #ddd solid;transition:box-shadow .2s}
.video-list .flow-item:hover{box-shadow:0 0 12px rgba(0,0,0,.3)}
.video-list .flow-item{position:relative;margin:0 0.15rem 0.15rem 0;width:210px; height:250px;}
.video-list .flow-item:hover:after{width:100%}
.video-list .flow-item .item-show{border:none;}
.video-list .flow-item .item-info{border:none;padding:15px 11px}
.video-list .flow-item .item-show{position:relative;overflow:hidden;width:210px;border:1px solid #ececec;border-bottom:none}
.video-list .flow-item .show-img{position:relative;overflow:hidden;width:100%;}
.video-list .flow-item .show-img img{display:block;width:100%;}
.video-list .flow-item .show-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:all .25s ease-in;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.video-list .flow-item:hover .show-mask{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)}
.video-list .flow-item .play-btn{position:absolute;top:50%;left:50%;z-index:1;display:block;margin:-30px -30px;width:65px;height:65px;background:url(../images/play-icon.png) no-repeat;opacity:0;transition:all .25s ease-in;-webkit-transform:scale(2);transform:scale(2);-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.video-list .flow-item:hover .play-btn{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
.video-list .flow-item .item-info{padding:12px;border:1px solid #eee;border-bottom:3px solid #ececec;background:#fff}
.video-list .flow-item .item-info{border:none;padding:15px 11px}
.video-list .flow-item .info-title .title-name{display:block;overflow:hidden;height:50px;color:#666;text-overflow:ellipsis;font-size:14px;text-align:left;}
.video-list .more-m{margin:30px auto;text-align:center}