body{ font-family: "Microsoft Yahei";}
div.scroll-bg{ width:100%; height:295px; background: #f7f7f7;  margin-top:175px; _margin-top:180px;}
div.scroll-box{ width:1190px; margin:auto; height:295px;  overflow: hidden;}

div.scroll-box .pic-scroll-box{  float:left; position:relative; height:295px; overflow: hidden; display:inline; width:770px;}
div.scroll-box .pic-scroll-box .pic-list{ margin-top:0px; }
div.scroll-box .pic-scroll-box .pic-list li{ height:295px;}
.pic-list li img{ height:295px; width:770px; }

div.scroll-box .pic-scroll-box .pic-btn-list{ position:absolute; top:6px; left:738px; }
.pic-btn-list li{ height:20px; width:16px; background: url('../../images_1405/music/yueting/lb.png') no-repeat -5px -30px; margin-top:10px;}
.pic-btn-list li:hover,.pic-btn-list li.current{ background-position: -6px -3px; margin-left:1px;}

div.scroll-box .word-scroll-box{ float:left; height:295px; width:418px; overflow: hidden; position: relative; text-align: center; background: #fff; display:inline;}
.word-scroll-btn{ height:14px; width:43px; display: block; position:absolute; }
.scroll-btn-pre{ background: url('../../images_1405/music/yueting/top.png') no-repeat; left:187px; top:4px;}
.scroll-btn-pre:hover{ background: url('../../images_1405/music/yueting/top_hover.png') no-repeat; }
.scroll-btn-next{ background: url('../../images_1405/music/yueting/bottom.png') no-repeat; left:187px; bottom:4px; }
.scroll-btn-next:hover{ background: url('../../images_1405/music/yueting/bottom_hover.png') no-repeat; }
.word-scroll-innerBox{ margin-top: 24px; height:250px; overflow: hidden; /*margin-bottom:4px;*/ }
.word-list{ margin-top: 3px; }
.word-list li{border-bottom: 1px dashed #b88e65; font-size:14px; text-indent:36px; text-align:left; height:40px; line-height:40px; color:#222;}
.word-list li:hover,.word-list li.current{  background: url('../../images_1405/music/yueting/left.png') no-repeat;  margin-top:-2px; height:42px;
							background-color:#fafafa; line-height:42px; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom:-2px; box-shadow:0px 0px 3px #e9e9e9;}
.word-list li a{  width:330px; height:39px;  line-height:39px; color:#222; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.word-list li:hover a,.word-list li.current a{ color:#ff7e00; }
.word-list li a span.first-span{ color:#ff7e00; margin-right:10px;}

div.rank-box{ width:1190px; margin:auto;}
div.rank-box .rank-nav{ height:40px; /*border-bottom:1px solid #e6e6e6;*/ margin-top:14px; }
div.rank-box .rank-nav .rank-title{ height:23px; line-height: 25px; border-left:5px solid #ff7e00; float:left;color:#ff7e00; font-size:24px; margin-top:10px; text-indent:7px; }

div.rank-box .select-box{ float:right; }
div.rank-box .select-box .select-list{width:184px; border:1px solid #ececec; border-radius: 5px; overflow-y: auto; font-size:12px; /**height:130px;*/ background: #f7f7f7; margin-top:2px; display: none; position: absolute; max-height:130px;}
div.rank-box .select-box .select-list li{ height:26px; text-align: center;  cursor: pointer; color:#222; line-height:26px;}
div.rank-box .select-box .select-list li:hover{ background: #ffbd7c; color:#fff; }
div.rank-box .select-box .select-btn{ position: relative; width:184px; height:32px; line-height: 32px; border:1px solid #d7d8d8; border-radius: 5px; color:#222; font-size:12px;background: #f7f7f7; text-indent:44px; cursor: pointer; margin-top:2px;}
div.rank-box .select-box .select-btn i{ display:block; height:7px; width:13px; position: absolute; top:14px; right:14px; }
div.rank-box .select-box .up i{ background: url('../../images_1405/music/yueting/up.jpg') no-repeat; }
div.rank-box .select-box .down i{ background: url('../../images_1405/music/yueting/down.jpg') no-repeat; }

div.table-wrap{ margin:auto; margin-top:5px; }
div.table-wrap .max-table{ width:1190px; }
div.table-wrap table thead td{ background: #fe8d1e; color:#fff;font-weight: bold; }
table thead td.rank{ width:100px; }
table thead td.name{ width:280px; }
table thead td.singer{ width:280px; }
table thead td.company{ width:280px; display: none;}
table thead td.point{ width:84px }
table thead td.listen{ width:83px }
table thead td.share{ width:83px; }



div.table-wrap td{ height: 50px; line-height: 50px; text-indent: 10px; font-size:14px; color:#333;}
/*div.table-wrap tbody tr:nth-child(even) td  { background-color: #f7f7f7;}
div.table-wrap tbody tr:nth-child(odd) td  { background-color: #fff;}*/
div.table-wrap td span{ height:30px; width:26px; display: inline-block; line-height:30px; color:#aaa; font-size:16px;  }
div.table-wrap td.first,div.table-wrap td.second,div.table-wrap td.third{ text-indent: 10px; color:#fff;}
div.table-wrap td.first span,
div.table-wrap td.second span,
div.table-wrap td.third span{ height:30px; width:26px; display: inline-block;line-height:30px; color:#fff;}
div.table-wrap td.first span{  background: url('../../images_1405/music/yueting/no01.png'); }
div.table-wrap td.second span{ background: url('../../images_1405/music/yueting/no02.png'); }
div.table-wrap td.third span{ background: url('../../images_1405/music/yueting/no03.png'); }
div.table-wrap td.listen-icon,div.table-wrap td.share-icon{ text-indent: 17px; }
div.table-wrap td.listen-icon  a,
div.table-wrap td.share-icon  a{ background-image: url('../../images_1405/music/yueting/icon.png');height:15px; width: 15px; display: inline-block;}
div.table-wrap td.listen-icon  a{ background-position: -3px -50px; }
div.table-wrap td.listen-icon  a:hover{ background-position:-3px -8px; }
div.table-wrap td.share-icon a{ background-position: -112px -50px; }
div.table-wrap td.share-icon a:hover{ background-position: -112px -8px; }

.com-share-box .cnt{ width: 150px; height: 24px;  margin: 18px auto 0; }
.com-share-box{ position: absolute; width: 194px;  height: 76px;  z-index: 100; display: none; }
 
 div.guanggao{ width:1190px; height:120px; margin:auto; margin-top: 26px;}
 div.guanggao a{ display: block;  cursor:default;}

div.cooperation{ width:1190px; margin:auto; margin-top:14px;}
div.cooperation .nav{ border-bottom:1px solid #e6e6e6;  height:40px; }
div.cooperation .nav-title{ color:#ff7e00; text-indent: 7px; font-size:24px; border-left:5px solid #ff7e00;
							 height:23px;  line-height: 23px; float:left;margin-top:12px;}
div.cooperation .nav-more{ float:right; margin-top:13px;font-size:14px; color:#222; }
div.cooperation .nav-more:hover{ color:#ff7e00; }
div.cooperation i{ height:0;width:0; border-top:3px solid transparent; border-bottom:3px solid transparent;  }
div.cooperation .coope_list{/* margin-left:10px;*/ margin-top:10px; }
div.cooperation .coope_list li{/* margin-left:60px;*/text-indent:10px; float:left;  width:297px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.cooperation .coope_list li a{font-size:14px; color:#333; height:30px; line-height: 30px; cursor:default;}
/*960*/
@media screen and (max-width: 1210px){
	div.scroll-box{ width:960px; margin:auto;   overflow: hidden; }
	div.scroll-box .pic-scroll-box{ }
	div.scroll-box .pic-scroll-box .pic-list li{  }
	div.scroll-box .pic-scroll-box{ width:621px; }
	.pic-list li img{  width:621px; }
	div.scroll-box .pic-scroll-box .pic-btn-list{ position:absolute;  left:585px; }
	div.scroll-box .word-scroll-box{ float:left; width:337px; overflow: hidden; position: relative; text-align: center; background: #fafafa;}
	.scroll-btn-pre{ background: url('../../images_1405/music/yueting/top.png') no-repeat; left:156px; top:4px;}
	.scroll-btn-next{ background: url('../../images_1405/music/yueting/bottom.png') no-repeat; left:156px; bottom:4px; }
	div.rank-box{ width:960px; margin:auto;}
	div.table-wrap .max-table{ width:960px; }
	div.guanggao{ width:960px; height:120px; margin:auto; margin-top:26px;}
	div.guanggao a img{ width:960px; height:120px; }
	div.cooperation{ width:960px; margin:auto; }
	div.cooperation .coope_list li{ width:195px; }
	table thead td.rank{ width:80px; }
	table thead td.name{ width:226px; }
	table thead td.singer{ width:226px; }
	table thead td.company{ width:226px; }
	table thead td.point{ width:64px }
	table thead td.listen{ width:64px }
	table thead td.share{ width:64px; }
	.word-list li a{  width:260px;}
	div.cooperation .coope_list li{ width:239px; }
	

}