/*彼岸吉他新版网页css 日期:2011.7.28 by:贝策 Email:beecee@qq.com*/
/*全局css设定*/

.introbox { padding-left: 14px; background-color: #edefef; background-color: #f5f5f5;  border: 1px dotted #dccece; *border: 1px dotted #dccece;_border: 1px solid #e2c7c7; border-left: none; border-right: none; height:60px; padding-top: 8px; margin-bottom: 20px; margin-top: -5px;}
.introbox:after { content: ""; display: block; clear: both;}
.intros { width: 16.6%; color: #a35d59; font-size: 12px; line-height: 24px; overflow: hidden;}
.intros dt { float: left; height: 50px; width: 50px; display: inline-block; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; text-indent: -99999px; line-height: 50px; text-align: center;
	/*border: 1px dotted #e8e1e1;*/
}
.indexintro { position: relative; display: block; width: 70%;padding: 20px 30px; margin: 0 auto; text-align: center;background-color: #eee;border-radius: 20px;}
.indexintro1 { width:100%; padding-left:0; padding-right:0;}
.indexintro li { display: inline-block;*display: inline; *zoom:1; padding: 0px; width: 32%;border-left: 1px solid #e5e5e5;}
.indexintro li span { font-weight: bold; font-size: 40px; line-height: 45px; /*color: #a35d59;*/}
.indexintro li h2 { white-space: nowrap; font-weight: normal;font-size:28px; line-height: 35px; /*color: #5b9999;*/ color: #cbcbcb;}
.indexintro b { text-indent: -99999px; font-size: 0; position: absolute;height: 0; width: 0; line-height: 0;left: 46%; bottom: -45px; border: 25px solid rgb(245 245 245 / 0%); border-top: 25px solid #eee;}
.indexintro sup { line-height: 0; font-size: 16px;}
.indexintro2 { margin-bottom: 0;}
.indexintro2 li { width: 24%;}
.introicon {
background:url(http://music.52jianpu.com/guitar/lib/img/Public/Images/public/introicon.png) no-repeat 0 0;
background-color: #eeeaea;
}
.introicon-1 { background-position: 0 0;}
.introicon-2 { background-position: 0 -50px;}
.introicon-3 { background-position: 0 -100px;}
.introicon-4 { background-position: 0 -150px;}
.introicon-5 { background-position: 0 -200px;}
.introicon-6 { background-position: 0 -250px;}

.intros dd { float: left; padding-left: 15px;}
.intro-nums {color: #999; font-size: 18px; }
.intro-nums sup {line-height: 0;}
.scbox { margin-left: -15px; }
.scbox:after { content: ""; display: block; clear: both;}
.scbox li { box-sizing: border-box; padding-left: 15px; margin-bottom: 25px; width: 11.1%; display: inline-block;height: 40px; line-height: 40px; float: left; text-align: center; }
.scbox a { display: block; background-color:#eeeaea; border: 1px dotted #dccece; border-radius: 50px; color: #a35d59; font-size: 16px; font-weight: bold;}
.scbox a:link{ background-color:#eeeaea;}
.scbox a:visited{ background-color:#eeeaea;}
.scbox a:hover { background-color:#eee6e6; color:#5b9999;}

.zintrobox { padding-top: 0; margin: 0 0 10px -15px;}
.zintrobox:after { content: ""; display: block; clear: both;}
.zintrobox li {display: inline-block; *display:inline; *zoom:1; width: 33.33333%; *width: 31%; padding: 0 0 0 15px; box-sizing:border-box;}
.zintrobox img { border-radius: 30px; width: 100%;}

.qiupuitem-usrline { min-height: 30px;}

.live-box {height: auto;padding-left: 15px; display: inline-block; width: 25%; box-sizing: border-box;}
.live-box:hover { transform: scale(1.03);}
	.live-imgbox { background-color: #fff; border-radius: 20px; position: relative; }
	.live-imgbox .new { z-index: 3;}
	.live-imgbox .read { position: absolute; background-color: #f00; padding: 4px 6px; border-radius: 20px; color: #fff; margin-left: 12px; left: 40%; bottom: 55px;}
	.live-imgbox .forvip {border-radius: 100px;  left: 30px; padding: 0px;}
		.live-img-cover {z-index: 1; color:#fff; text-align: center; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; width: 40%; height: 100%;border-radius: 20px 0 0 20px; box-sizing: border-box;}
		.live-status {font-size: 16px; padding: 10px 0;}
		.live-icon { padding-top: 60px; font-size: 24px;}
		.live-date{}
		.live-diffdate{}
		.live-difftime {font-size: 16px; padding-top: 15px;}
		.live-btn { margin-top: 10px; border-radius: 100px;}
		.live-qrcode {display: none;}
		.live-qrcode img {  border-radius: 32px; left: 11%; top: 50px; position: absolute;}
		.live-date:hover .live-qrcode { display: block;}
		.live-date:hover .live-btn {  visibility: hidden;}
	.live-img { width: 40%;}
		.live-cover {border-radius: 20px 0 0 20px;  width: 100%; box-sizing: border-box;} 
	.live-infobox { width: 60%; padding: 12px 10px 10px 12px; box-sizing: border-box; }
		.live-name { height: 32px; font-size: 16px; font-weight: normal; text-overflow: ellipsis;width: 100%; line-height: 18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
		.live-anchor { padding: 5px 0 10px 0;}
		.live-intro {height: 110px; text-overflow: ellipsis; line-height: 18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
		.live-view {padding: 5px 0 5px 0; position: absolute; bottom: 10px; right: 10px; font-size: 16px;}
	.live-team { position: absolute; bottom: 10px; left: 40%; padding-left: 12px;}
	.live-team p { padding-top: 2px;line-height: 16px;}
	.live-teamimg { border-radius: 40px; margin-right: 5px;}
	.live-more_box { padding-bottom: 15px;}

.mvideo-box { height: auto; /*overflow-x: hidden;*/ white-space: nowrap; padding-bottom: 15px;}
	.mvideo-box li { padding-left: 15px; box-sizing: border-box; height: auto; width: 11.1%; overflow: hidden; display: inline-block;vertical-align: middle; position: relative;}
	.mvideo-box li:hover { transform: scale(1.05);}
	.mvideo-box .mvideo-icon { position: absolute; top: 40%; left: 42%; opacity: 0.7; filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.5));}
	.mvideo-box .mvideo-cover { border-radius: 20px; width: 100%;}
	.mvideo-name { display: none;}
.bigpinbox { margin-bottom: 15px;}
	.pinbox { height: auto;padding-left: 15px; display: inline-block; width: 25%; box-sizing: border-box; vertical-align: top;}
.tinypinbox { padding-bottom: 20px;}
.tinypinbox .pinbox { width: 12.5%;}
.tinypinbox .mpinitem { width: 100%; height: 100%; margin-left: 0;}
.rightpinbox { margin-left: -15px; display: flex; flex-wrap:wrap; }
	.rightpinbox .pinbox { width: 50%; float: left;}
	.rightpinbox .pinbox:nth-child(1),.rightpinbox .pinbox:nth-child(2){ margin-bottom: 15px;}
	.rightpinbox .mpinitem { width: 100%; height: 100%; margin-left: 0;}

.albumitem-box { width: 100%; margin-bottom: 12px;}
.albumitem-box h3 a { font-size: 14px !important; font-weight: normal; color: #666;}
.albumitem-box h3:after { content: ''; display: block; clear: both;}
	.singerlist,.albumlist { display: flex; padding: 0 8px; background-color: #fff;}
	.singerlist p,.albumlist p {  font-size: 16px; line-height: 16px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
	.singerlist span,.albumlist span { font-size: 12px;}
	.singerlist li,.albumlist li { display: inline-block; width: 10%; text-align: center; padding: 15px 7px; box-sizing: border-box;}
	.singerlist li img { width: 80%; width: 126px; border-radius: 400px; margin-bottom: 10px;}
	.albumlist li img { width: 100%; width: 140px; border-radius: 20px; margin-bottom: 10px;}
	.bbslist {flex-wrap: wrap; justify-content: space-between;}
	.bbslist li { width: 6.25%;display: inline-block; }
	.bbsulist li { width: 10%;}
	.bbslist li img {width: 80px; border-radius: 400px;}
.bbspost-box {width: 66.6%;vertical-align: top;}
.bbspost-box .tabitem-box-title { position: relative;}
.bbspost-box .tabitem-box-title:before { content: ''; position:absolute; z-index: 0; bottom: -90px; left: 0; width: 100%; height: 100px; background-image: linear-gradient(to bottom, #ebebeb, #f5f5f5); }
	.postlit-box { position: relative; display: flex;flex-wrap: wrap;background-color: unset; border-top:none;}
	.postlit-box li {display: inline-block;  width: 50%; box-sizing: border-box;}
	.postlit-box li:nth-child(odd) {padding-right: 7px;}
	.postlit-box li:nth-child(even) {padding-left: 8px;}
	.postlit-box .tieitem { margin: 0 0 15px 0; }
	.postlit-box .tieitem-uinfo { width: 89%;}
	.postlit-box .tieitem-title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.update-box { width: 33.3%;vertical-align: top;}
.update-box .mtabnamebox { max-width: 95%;}

@media only screen and (min-width: 1920px)  {
  .intros { width: 16.6%; }
  .scbox li { width: 11.1%;}
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .introbox { padding-left: 10px;}
  .intros { width: 16.6%; }
  .intros dd { padding-left: 10px;}
  .intro-nums { font-size: 16px;}
  .scbox li { width: 11.1%;}
  .live-intro { height: 90px; -webkit-line-clamp: 5;}
  .singerlist li img { width: 100px;}
  .albumlist li img { width: 120px;}
  .bbslist li {width: 6.25%;}
  .bbslist li img { width: 70px;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 80px;}
  .postlit-box .tieitem-uinfo { width: 88%;}
}

@media only screen and (min-width: 1536px) and (max-width: 1599px) {
  .zintrobox img { border-radius: 20px;}
  .intros { width: 20%; }
  .introbox dl:nth-child(6) { display: none;}

  .scbox li { width: 11.1%;}
  .live-intro { height: 68px; -webkit-line-clamp: 4;}
  .singerlist li img { width: 100px;}
  .albumlist li img { width: 110px;}
  .bbslist li {width: 6.25%;}
  .bbslist li img { width: 60px;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 80px;}
  .postlit-box .tieitem-uinfo { width: 87%;}
}

@media only screen and (min-width: 1440px) and (max-width: 1535px) {
  .zintrobox img { border-radius: 20px;}
  .introbox { padding-left: 60px;}
  .intros { width: 25%; }
  .introbox dl:nth-child(5),.introbox dl:nth-child(6) { display: none;}

  .scbox li { width: 11.1%;}
  .scbox li span { display: none;}

  .live-box { width: 33.33%;}
  .live-box:nth-child(4) { display: none;}
  .zineitem-box {width: 33.33%;}

  .bigpinbox .pinbox { width: 33.3%;}
  .bigpinbox .lastpinbox { display: none;}
  .rightpinbox .pinbox { width: 50%;}
  .tinypinbox .pinbox { width: 16.6%;}
  .tinypinbox .pinbox:nth-child(7),.tinypinbox .pinbox:nth-child(8) { display: none;}

  .singerlist li img { width: 90px;}
  .albumlist li img { width: 102px;}
  .bbslist li {width: 12.5%;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 84px;}
  .postlit-box .tieitem-uinfo { width: 86%;}

}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
  .introbox { padding-left: 40px;}
  .zintrobox img { border-radius: 20px;}
  .intros { width: 25%; }
  .introbox dl:nth-child(5),.introbox dl:nth-child(6) { display: none;}

  .scbox li { width: 11.1%;}
  .scbox li span { display: none;}
  .live-box { width: 33.33%;}
  .live-box:nth-child(4) { display: none;}
  .live-intro { height: 90px; -webkit-line-clamp: 5;}
  .zineitem-box {width: 33.33%;}

  .bigpinbox .pinbox { width: 33.3%;}
  .bigpinbox .lastpinbox { display: none;}
  .rightpinbox .pinbox { width: 50%;}
  .tinypinbox .pinbox { width: 16.6%;}
  .tinypinbox .pinbox:nth-child(7),.tinypinbox .pinbox:nth-child(8) { display: none;}

  .singerlist li img { width: 80px;}
  .albumlist li img { width: 90px;}
  .bbslist li {width: 12.5%;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 70px;}
  .postlit-box .tieitem-uinfo { width: 84%;}

}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .introbox { padding-left: 5px;}
  .zintrobox img { border-radius: 20px;}
  .intros { width: 25%; }
  .intros dd { padding-left: 7px;}
  .introbox dl:nth-child(5),.introbox dl:nth-child(6) { display: none;}


  .scbox li { width: 16.6%;}
  .scbox li:nth-child(2),.scbox li:nth-child(8),.scbox li:nth-child(9) { display: none;}

  .mvideo-box li { width: 12.5%;}
  .mvideo-box li:nth-child(9) { display: none;}
  .live-box { width: 33.33%;}
  .live-box:nth-child(4) { display: none;}
  .live-intro { height: 68px; -webkit-line-clamp: 4;}
  .zineitem-box {width: 33.33%;}

  .bigpinbox .pinbox { width: 33.3%;}
  .bigpinbox .lastpinbox { display: none;}
  .rightpinbox .pinbox { width: 50%;}
  .tinypinbox .pinbox { width: 16.6%;}
  .tinypinbox .pinbox:nth-child(7),.tinypinbox .pinbox:nth-child(8) { display: none;}

  .singerlist li img { width: 70px;}
  .albumlist li img { width: 80px;}
  .bbslist li {width: 12.5%;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 70px;}
  .postlit-box .tieitem-uinfo { width: 83%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .introbox { padding-left: 5px;}
  .zintrobox img { border-radius: 20px;}
  .intros { width: 25%; }
  .intros dd { padding-left: 7px;}
  .introbox dl:nth-child(5),.introbox dl:nth-child(6) { display: none;}


  .scbox li { width: 16.6%;}
  .scbox li:nth-child(2),.scbox li:nth-child(8),.scbox li:nth-child(9) { display: none;}

  .mvideo-box li { width: 12.5%;}
  .mvideo-box li:nth-child(9) { display: none;}
  .live-box { width: 33.33%;}
  .live-box:nth-child(4) { display: none;}
  .live-intro { height: 68px; -webkit-line-clamp: 4;}
  .zineitem-box {width: 33.33%;}

  .bigpinbox .pinbox { width: 33.3%;}
  .bigpinbox .lastpinbox { display: none;}
  .rightpinbox .pinbox { width: 50%;}
  .tinypinbox .pinbox { width: 16.6%;}
  .tinypinbox .pinbox:nth-child(7),.tinypinbox .pinbox:nth-child(8) { display: none;}

  .singerlist li img { width: 70px;}
  .albumlist li img { width: 80px;}
  .bbslist li {width: 12.5%;}
  .bbsulist li {width: 10%;}
  .bbsulist li img { width: 70px;}
  .postlit-box .tieitem-uinfo { width: 83%;}
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {

	.flash { padding-bottom: 4px;}
	.flashbox { width: 100%;float: none; height: auto;}
	#fbox li img { max-width: 100%; max-height: 100%;width: 100%;height: 100%;}
	#fbox { height: auto;}
	.toolbox { display: none;}
	.introbox { display: none; height: auto; padding: 10px; margin-bottom: 10px;}
	.introbox dl { float: none; width: 100%;}
	.scbox { margin: 5px 7px 0 -10px; padding-left: 10px; overflow: hidden;}
	.scbox li { float: none; width: 33.333%; margin-bottom: 10px; height: 30px; line-height: 30px;white-space: nowrap; padding-left: 10px;}
	.scbox li a { font-size: 12px;}
	/*.scbox li:nth-child(7),.scbox li:nth-child(8) { display: none;}*/

	.zintrobox { padding: 0 10px; margin-left: -10px;}
	.zintrobox li { padding-left: 10px;}
	.zintrobox img { border-radius: 10px;}

	.indexintro,.indexintro1 { padding: 10px 10px; margin-bottom: 10px; width: 90%;  }
	.indexintro1 li { zoom:0.8;}
	.indexintro li span {font-size: 18px; line-height: 20px;}
	.indexintro li h2 { font-size:14px; line-height: 16px; white-space: normal;}
	.indexintro b { display: none;}
	.indexintro sup { font-size: 8px;}

  .indexintro2 { display: flex; flex-wrap: wrap;}
  .indexintro2 li { width:  48%; }
  .indexintro2 li:nth-child(1) ,.indexintro2 li:nth-child(2) { margin-bottom: 10px;}
  .mvideo-box { width: 100%; overflow-x: scroll; padding-bottom: 5px;}
  .mvideo-box li { width: 22%;}
  .live-box { width: 100%; margin-bottom: 10px;}

  .zineitem-box {width: 100%;}
  .bigpinbox .pinbox{ width: 100%; margin-bottom: 15px; display: none;}
  .bigpinbox .pinbox:first-child { display: block;}
  .tinypinbox { padding-bottom: 0;}
  .tinypinbox .pinbox{ width: 50%; margin-bottom: 15px;}
  .tinypinbox .pinbox:nth-child(7) { margin-bottom: 0;}
  .tinypinbox .pinbox:last-child { margin-bottom: 0;}

  .zonebox .albumitem-box:nth-child(1), .zonebox .albumitem-box:nth-child(2) { margin-bottom: 0;}
  .singerlist, .albumlist { flex-wrap: wrap;justify-content: space-between; padding-bottom: 12px; }
  .singerlist li, .albumlist li { width: 33.3%; padding: 10px 0 0 0;}
  .singerlist li:last-child, .albumlist li:last-child { display: none;}
  .singerlist p, .albumlist p { font-size: 14px; line-height: 14px;}
  .singerlist li img { width: 60px;}
  .albumlist li img { width: 70px; border-radius: 5px;}
  .albumitem-box h3 a { font-size: 12px !important;}
  .bbslist li {width: 33.3%;}
  .bbsulist li {width: 33.3%;}
  .bbsulist li:last-child { display: none;}
  .bbsulist li:nth-child(19) { display: none;}
  .bbsulist li img { width: 70px; border-radius: 70px;}

  .bbspost-box ,.update-box{ width: 100%;}
  .postlit-box li { width: 100%;}
  .postlit-box li:nth-child(odd) { padding-right: 0;}
  .postlit-box li:nth-child(even) { padding-left: 0;}
  .postlit-box .tieitem { margin-bottom: 10px;}
  .postlit-box .tieitem-title { font-size: 14px;}
  .postlit-box .tieitem-uinfo { width: 81%; font-size: 12px;}
}