/*首页公用*/
body,html{overflow:hidden;}
.index_index{max-width: 1920px;margin:0 auto;}
.splice {width: 100%;height: 40px;background: url(../img/play_radio/splice.png);display: block;position: absolute;z-index: 96;bottom: 0;left: 0;}
/*各模块的title部分*/
.indexTitleBox{overflow:hidden; height:18px; line-height:18px; padding-bottom:20px;}
.indexTitleBox h2{float:left; width:auto; height:18px; line-height:18px; font-size:18px; color:#000;}
.indexTitleBox .entrance{float:left; max-width:632px; height:18px; overflow:hidden;}
.indexTitleBox .entrance a{position:relative; float:left; height:18px; line-height:18px; margin-left:20px; color:#999;}
.indexTitleBox .entrance a:hover{color:#21a0ed;}
.indexTitleBox .entrance a.rcm{width:75px;}
.indexTitleBox .entrance .rcm_new{position:absolute; top:2px; right:0; display:inline-block; width:14px; height:14px; background:url(../img/xin.gif) no-repeat;}
.index_more{float:right; height:18px; line-height:18px; font-size:14px; color:#999;}
.index_more:hover{color:#21a0ed;}
.opinion{ color:#999;display: block;float:right;margin:25px 50px 20px 0;}
.opinion span{font-family: simsun;font-weight: 600}
.opinion:hover{color:#07b2e5;}
/*各模块列表公用盒子*/
.kw_indexListBox{display: flex;flex-wrap: wrap;margin: 0 -8px;}

/*热门推荐部分css开始*/
.kw_indexRecommendPlaylist{margin-bottom:-20px;}
/*个性化推荐部分css开始*/
.personalizationBox {min-height: 491px;}
.kw_rcmPl{margin-bottom:-20px;}

/*banner部分css*/
.bannerBox{width: 100%;min-height:202px;position: relative; z-index: 99999;}
.area-banner-mb{margin-bottom: 25px;}
/*banner结束*/

/*焦点图相关*/
#w_focus {width: 100%;position: relative;overflow: hidden;}
#w_focus .focusList li {width:71%;max-width:530px;position: absolute;top: 0;left: 0;list-style: none;opacity: 0;transition: transform 0.5s,z-index 0.5s,opacity 0.2s;}
@media screen and (min-width: 1200px) {
  #w_focus .focusList li {max-width:710px;}
  #w_focus .focusList li.focusList_last {transform:translate3d(0,13.3px,0) scale(0.8);transform-origin:0 50%;z-index: 1;opacity: 1;}
  #w_focus .focusList li.focusList_1 {transform:translate3d(138.45px,0,0) scale(1);z-index: 100;opacity: 1;}
  #w_focus .focusList li.focusList_2 {transform:translate3d(311.619px,13.3px,0) scale(0.8);z-index: 1;opacity: 1;}
}
#w_focus .focusList li a img {width: 100%;border:none;float: left;-webkit-user-select:none;opacity: 0.6;}
#w_focus .focusList li a label {position: absolute;top:10px;right: 0;padding:3px 10px 4px 13px;color:#fff;border-radius:13.5px 0 0 13.5px;opacity: 0.9}
#w_focus .focusList .focusList_2,#w_focus .focusList .focusList_last {background: #000; border-radius: 3px;}
#w_focus .focusList .focusList_1 img {opacity: 1;}
#w_focus .focusList .focusList_last {transform:translate3d(0,9.95px,0) scale(0.8);transform-origin:0 50%;z-index: 1;opacity: 1;}
#w_focus .focusList .focusList_1 {transform:translate3d(103.35px,0,0) scale(1);z-index: 100;opacity: 1;}
#w_focus .focusList .focusList_2 {transform:translate3d(232.62px,9.95px,0) scale(0.8);z-index: 1;opacity: 1;}
/*#w_focus .focusList .focusList_1 img {opacity: 1;}*/
/*#w_focus .focusList .focusList_last {transform:translate3d(0,5%,0) scale(0.8);transform-origin:0 50%;z-index: 1;opacity: 1;}*/
/*#w_focus .focusList .focusList_1 {transform:translate3d(19.4444%,0,0) scale(0.9);z-index: 100;opacity: 1;}*/
/*#w_focus .focusList .focusList_2 {transform:translate3d(43.8889%,5%,0) scale(0.8);z-index: 1;opacity: 1;}*/
/*焦点图直接播放按钮*/
#focusplay { position:absolute;bottom:20px; width:30px; height:30px; z-index:100; cursor:pointer; display:none;}
#focusplay a {width:30px; display:block; height:30px; background:url(../img/i_play_focus.png) no-repeat 0 0;}
#focusplay a:hover {background:url(../img/i_play_focus_h.png) no-repeat 0 0;}
/*焦点图左右翻页btn*/
.focus .prev,.focus .next{display: none; position: absolute; z-index: 101; width: 14px; height: 26px;cursor: pointer;}
.focus .prev{left: 10px;background: url(../img/focus_left.png) no-repeat 0 0;}
.focus .next{right: 10px;background: url(../img/focus_right.png) no-repeat 0 0;}
.focus .prev:hover{background: url(../img/focus_left_h.png) no-repeat 0 0;}
.focus .next:hover{background: url(../img/focus_right_h.png) no-repeat 0 0;}
/*小圆点*/
#focus_btn {width: 100%;text-align: center;height: 4px;display: none;position: absolute;bottom: 12px;left: 5px;z-index: 999;}
#focus_btn a {overflow: hidden; display: inline-block; width: 1.72%;height: 4px; background:rgba(255,255,255,0.4);box-shadow:0 0 2px 0 rgba(0,0,0,0.12);vertical-align: top;margin-right: 5px;border-radius: 5px;opacity: 0.6; transition: width .3s inherit;}
#focus_btn a.current{ width: 2.91%;background:rgba(255,255,255,0.8);box-shadow:0 0 2px 0 rgba(0,0,0,0.16);}
/*焦点图相关结束*/

/*  广播电台 css */
.indexRadioBox {min-height: 163px;}
.radio_locationName{cursor: default;font-weight: 500; color: #000; position: absolute;left: 0;top: 0; margin-right:10px; margin-left:5px; padding-left:20px; background: url('http://image.kuwo.cn/mpage/html5/2016/hitlist/icon_radio_addr.png') no-repeat;}

#radio_listBox {position: absolute;left: 68px;top: 0; width: 30%; height: 20px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }
#radio_listBox ol{padding-left: 26px;}
#radio_listBox li{height: 22px; position: relative;}
#radio_listBox li a{color: #999; font-family: "微软雅黑";width:100%;display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
#radio_listBox li a span:first-child{ color: #000;}
#radio_listBox li a:hover{color: #07b2e5;}
#radio_listBox li a:hover span{color: #07b2e5;}
#radio_listBox li a strong{font-weight: 500; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
#radio_listBox li a:hover strong{color: #07b2e5;}
#radio_listBox li:before{content: ''; position: absolute; left: -24px; top: -3px; width: 22px; height: 24px; background: url('http://image.kuwo.cn/mpage/html5/2016/hitlist/icon_radio_voice.png') no-repeat;}


.br_wrap .br_pic .lstdiv{position: absolute;bottom:5px;left:3px;z-index: 100;}
.br_wrap .br_pic .listeners{position: relative;float: right;margin-right: 5px;color: #ffffff;font-size: 12px;background: url(../img/play_radio/listen.png) 2px no-repeat;background-size:20px 20px;padding: 1px 2px 0px 21px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
/*白领首页样式*/
#kw_wc .focus{border-radius:0;}

#kw_wc .indexTitleBox{position:relative; height:20px; line-height:20px; padding-bottom:15px;}
#kw_wc .indexTitleBox h2{position:relative; z-index:0; float:none; text-align:center; font-size:20px; color:#222; font-weight:600;}
#kw_wc .index_more{position:absolute; z-index:99; right:0; top:4px;}
#kw_wc .index_more span {font-family:simsun; font-weight:600;margin: 2px 0 0 5px;}
/*白领首页4个icon*/
#kw_wc .recommendBox{margin-bottom:40px;min-height: 124px;}
#kw_wc .recommendBox .recommendListBox{overflow:hidden;display: flex; justify-content:space-between;flex-wrap:wrap;}
#kw_wc .recommendListBox li a {position: relative;overflow: hidden}
#kw_wc .recommendListBox li .iconBg {width:100%;min-height:100px;max-height: 140px;}
#kw_wc .recommendListBox li .icon {position: absolute;left:61%;bottom:0;height: 100%;z-index: -1}
#kw_wc .recommendListBox li .icon.weekIcon {left:56%;}
#kw_wc .recommendListBox li .icon.ukhotIcon {left:59%;}
#kw_wc .recommendListBox li .icon.radioIcon {left:46%;}
#kw_wc .recommendListBox li span {position: absolute;left:0;top:0;z-index:1;color:#fff;border:1px solid rgba(255,255,255,0.5);border-right:0;border-left:0;width:50%;text-indent: 8%;margin-left:8%;display: none}
#kw_wc .recommendListBox li a {display:block;}
#kw_wc .recommendListBox li a.info{float:left; width:auto; height:14px; line-height:14px; margin-top:10px; font-weight:500; color:#666;}
#kw_wc .recommendListBox li a.info:hover{color:#21a0ed;}
/*白领首页4个icon结束*/

/*白领个性化推荐部分css开始*/
#kw_wc .kw_rcmPl{display: flex; justify-content:space-between;flex-wrap:wrap;}
#kw_wc .hotColumnBox{margin-bottom:32px;}
#kw_wc .ad2Box{padding-bottom:40px;}

/*白领酷我原创样式*/
.kw_owrap{margin-top:10px; background:#f5f5f5;}
.kw_owrap .leftimg{width: 24.5%;max-width: 101px;display: inline-block;vertical-align: middle;}
.kw_owrap .leftimg img {width:100%;}
.kw_owrap .infoBox {display: inline-block;}
.kw_owrap .infoBox a{display:block;font-size:18px; text-indent:15px; font-weight:500; color:#333;}
/*白领酷我原创样式结束*/

#kw_wc .newAlbumBox .indexTitleBox h2{margin-bottom:10px;}
/*广告*/
.adBox {width:100%;margin-bottom: 36px;position: relative;display: none;}
#delay_load_top_2_new  iframe {width:100%;}
.adx{position: absolute; right: 0px;  top: 0px;  width: 15px; height: 15px; background: url(../img/adx.png);}

@media screen and (min-width:1055px) and (max-width:1368px){
	.br_wrap {
	  width: 16.66666667%;
	}
}
@media screen and (min-width:1369px){
	.br_wrap {
	  width: 14.28571429%;
	}
}
