html {
  font-size: 62.5%;
}
html,
body,
div,
ul,
li {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}
a {
  color: #000;
  outline: 0;
  text-decoration: none;
}
a:active {
  opacity: 0.6;
}
h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
body {
  font-size: 12px;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
a,
img {
  -webkit-touch-callout: none;
}
ul,
li {
  list-style: none;
}
* {
  padding: 0;
  margin: 0;
  color: #636262;
}
nav {
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 61px;
  width: 100%;
  background: rgba(0,0,0, 0.8);
  padding: 8px;
  z-index: 10;
}
nav div {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #ffffff;
}
nav .yy-logo {
  width: 47px;
  height: 47px;
  background: url("/mobile/images/myy/yy-logo-v2.png") no-repeat;
  background-size: 47px 47px ;
}
nav a {
  width: 85px;
  height: 35px;
  background: #fd7100;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  border-radius: 5px;
  color: #FFF;
  float: right;
  margin-top: 5px;
  margin-right: 14px;
}
.banner {
  position: relative;
  height: 240px;
  overflow: hidden;
}
.banner #ios-video {
  height: 240px;
  width: 100%;
}
.banner .play-btn,
.banner .pause-btn {
  width: 41px;
  height: 41px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRBRjcxOEMxMjQ0MTFFNDkyMjQ4OUNBOEJEQzczMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRBRjcxOEQxMjQ0MTFFNDkyMjQ4OUNBOEJEQzczMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNEFGNzE4QTEyNDQxMUU0OTIyNDg5Q0E4QkRDNzMwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNEFGNzE4QjEyNDQxMUU0OTIyNDg5Q0E4QkRDNzMwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjQ0AH0AAAx+SURBVHja7F0LVM1b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") no-repeat;
  background-size: 41px 41px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  cursor: pointer;
}
.banner .pause-btn {
  display: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDg1QjBCMkUxMzA3MTFFNDk2MzlDRjE2RDRFNTVBMzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDg1QjBCMkYxMzA3MTFFNDk2MzlDRjE2RDRFNTVBMzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEODVCMEIyQzEzMDcxMUU0OTYzOUNGMTZENEU1NUEzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEODVCMEIyRDEzMDcxMUU0OTYzOUNGMTZENEU1NUEzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtehJKEAAAp+SURBVHja7J0JTJTp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") no-repeat;
  background-size: 41px 41px;
}
.banner img {
  width: 100%;
  height: 100%;
}
.banner.play-status .play-btn {
  display: none;
}
.banner.play-status .pause-btn {
  display: block;
}
.info {
  height: 64px;
  padding: 10px 5px;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  border-bottom: 1px solid #c2c2c2;
  position: relative;
}
.info .l {
  /*line-height: 44px;*/
  height: 44px;
  -webkit-box-flex: 5;
  width: 70%;
  /*border-right: 1px dashed #b1b1b1;*/
  -webkit-box-sizing: border-box;
}
.info .l p {
  font-size: 15px;
  /*line-height: 18px;*/
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.info .l p.name {
  display: inline-block;
  color: #242424;
  line-height: 24px;
  height: 24px;
  /*text-indent: 51px;
  margin-left: -44px;*/
}
.info .l p.singer {
  color: #999999;
}
.info .l .avatar{
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 22px;
  background: center no-repeat;
  background-size: auto 100%;
}
.info .r {
  height: 41px;
  -webkit-box-flex: 1;
  width: 40px;
  text-align: center;
}
.info .r .share-btn {
  display: inline-block;
  color: #999999;
  font-size: 11px;
  line-height: 17px;
  width: 100%;
  height: 17px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAgCAYAAACPb1E+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENDVFQ0ZDODZGMjgxMUU0OEMyNEYwNDc3OUMzQjU3NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENDVFQ0ZDOTZGMjgxMUU0OEMyNEYwNDc3OUMzQjU3NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0NUVDRkM2NkYyODExRTQ4QzI0RjA0Nzc5QzNCNTc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ0NUVDRkM3NkYyODExRTQ4QzI0RjA0Nzc5QzNCNTc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SgQfnwAAAf1JREFUeNrUmE0oBFEcwGckHyccuEgkB8lFIi5IOcjHgYOPkouDdaCISEoicRA5kRtSCiXlIEeEUiIpik3EQUSS2ozf4235XLO7dt549fvP7L73Zn/7nzfvzYxuDGi6pml10Asxmv+lBYZ+qMuGdS+PdxZMqIVxuIGFP5Dc81B3BTMQ5qHNnawvhXCI08nkKTsRUOTDv/S/tBlfvxvU24n97o8ik/GwpUTwq1wmcRTEdlFkEdKCZHWQDQQriEtSUAy/cth9L6crFmwmTkI0OKCeYeBiG+U+3aoz2EXsgWuoQW75cxPVkp1S8BwqEFz7rpFKSYecm69fx1+bsflTQ1UXTAEMwy2UeBJUlcloefWGQCWCG791sDqTYiWZhQToNrHChaiQrIE8WIU+E+1vrZZMFBMOXLzOg5rmMtGnA7KsGpPid1ohEgbg2OS67iQ6rcpkiszeDox429kqySa5HYNHO0qKG+lqOIJpXw5ghWS1nHrm4cGuklXwBBP+XHWBLLGQDIemr+iPd0jFxIxAS+ZDKKz42L8BCgN9utOl5LaP/Z+tGJOpJp4gPRWXFWNS3OHci1XD3+UqkKXrLw6i/inRC0nDpn7P/yGThltyX064JbbSG9RziTlwKd4FlbEzJ+9ODmykmaS9vaNyBMuFv0w+/6bbSPIEGmHqRYABALsoZwwDWoipAAAAAElFTkSuQmCC") center 8px no-repeat;
  background-size: 20px 16px;
  padding-top: 24px;
  cursor: pointer;
}
.info .r .talk-btn{
  display: inline-block;
  color: #999999;
  font-size: 11px;
  line-height: 17px;
  width: 100%;
  height: 17px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAlCAYAAAAwYKuzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjFEQTE2NDZGMjgxMUU0QjEwOTk2RjY3Q0VDNTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjFEQTE2NTZGMjgxMUU0QjEwOTk2RjY3Q0VDNTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGMURBMTYyNkYyODExRTRCMTA5OTZGNjdDRUM1NzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGMURBMTYzNkYyODExRTRCMTA5OTZGNjdDRUM1NzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4WWrOAAAApBJREFUeNrsmE9IFFEcx99sq5g3jfUPBSWBghcJgiAvoaeKCoKgS4Tlv0VBJFwMzQo62HipKBIJCjqHVJRBCJ08eZTCDqlgpa7RTYmM6fvT71uew2yi7vwJ9gefffNmHm8/+9t5b948y7mrvOIgaAWnQA3Yq/yJVTAN3oIRlXLm3A0sl2AF6AVdKpy4DwYhuqBPxIyLDeC7IdcHjoBi+SE+Uczv6ON3dq072FaDO4NlYJHnHoHbIB1IzlLORmlbCXzeBB28Uo5rSzqD1w25zsDkNoumQScdMk6SQRkQs8Y9uBiw2Oa6bZXjU9+DhySDzazcCFzOW1gc+llrEcHTrLxR0YkxlidjnOcU56OoxAzLqhiHusRKZPRSzk8elcRUxCMv+P8L2tauBWVF8w0sgYv/aFcEXoBf4KUx+NxxgX1Jn2dykcEnoBIk1pdESsWztLsMzoNCcBa0e7SJs78E+xzx4y+2tnl+J31tS7CFyzBZQLSB31naPQOjvP4aDHu0WWN/afbZuuUvwGLB2UUG/FkwbAweJz/N7Dh7+Yk6x4J6VBZExsq29Fy7JoLzrByIUOL2s/wqghOsHI+Q4AmWH0TwKStNERK8xPK5CI6Dd6CR76Vh338DdHmPKWhcj+LHLG+B7hDlerhpkHHSgq/ANR4nQxA7DO7JUWbbJeWMujeP9vBh/ifLkqqe8oU5VJOprRrUGueSkBs212c69rH84dHRgJF6v0K2Oh5AbsW9gNRxlOWkca6UcnrHS7bmvuRQSh4Sn8EniHk+lONG9pLGzSliV417QuKKMSUFtliIc6Assy7vEndAndFGNhWHZFYPY2CLYJlRP2ccP2Q2P4Y5LYrgAl9gjvHcLJjiaA49/gowAPI3k2Xzr76sAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAIAAAC4IAh6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjcxQjE0RjZGMjkxMUU0OEFGQ0ZGMDA5NUU1OUNCOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMjcxQjE1MDZGMjkxMUU0OEFGQ0ZGMDA5NUU1OUNCOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEyNzFCMTRENkYyOTExRTQ4QUZDRkYwMDk1RTU5Q0I5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEyNzFCMTRFNkYyOTExRTQ4QUZDRkYwMDk1RTU5Q0I5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MiNoiQAAABZJREFUeNpiePjwIRMDA8Moxo4BAgwAQ0cDMsBs/lYAAAAASUVORK5CYII=");
  background-position: center 6px, right center;
  background-repeat: no-repeat;
  background-size: 20px 18px, 1px 36px;
  padding-top: 24px;
  cursor: pointer;
}
.info .share-board {
  display: none;
  position: absolute;
  width: 95%;
  height: 64px;
  left: 5px;
  top: 62px;
  background: #3f3f3f;
  z-index: 20;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.info .share-board:before {
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border-color: transparent transparent #3f3f3f transparent;
  border-style: dashed dashed solid dashed;
  border-width: 10px;
  position: absolute;
  top: -20px;
  right: 6px;
  content: "ssd";
}
.info .share-board ul {
  padding-top: 5px;
}
.info .share-board ul li {
  display: inline-block;
  width: 52px;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  vertical-align: middle;
  margin-left: 20px;
}
.info .share-board ul li a {
  margin-left: 12px;
}
.info .share-board ul li p {
  padding-top: 2px;
  color: #FFF;
}
.info .share-board ul li.text {
  margin-left: 6px;
  font-size: 13px;
}
.info .share-board.show {
  display: block;
}
.recommend {
  -webkit-box-sizing: border-box;
  background-color: #f8f8f8;
}
.recommend .title {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #434343;
  /*text-shadow: 0 0 1px #aeaeae;*/
  text-indent: 6px;
  /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOUI2NkIyMDZGQkMxMUU0OUUxRkVEOEI2MTA5MTVDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOUI2NkIyMTZGQkMxMUU0OUUxRkVEOEI2MTA5MTVDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QjY2QjFFNkZCQzExRTQ5RTFGRUQ4QjYxMDkxNUNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5QjY2QjFGNkZCQzExRTQ5RTFGRUQ4QjYxMDkxNUNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oJMKUwAAAVpJREFUeNqk1L8rxVEYx/HjEkXplqIUUZLJYLEoP25xB1JKkWJRMsiCP4KNQd+JQX4Uyq+6FFIWi8EkKaKUQUmhlK73U5/hbvf55qnX+Dnn+z3neU5BFEWVIYRNzOA6xKgENtCJU7TGDU/iGUmcoC1O+A7teEQ5MvoSV9jqQQvcowyH6PGGrZ60wC1KsYdeb9jqBR24QQl2MOANW72iS9dWjC0MecNWb0jhCkVYw5g3bPWOblyiECuY8IatPpDGOQqwjClv2OpTp36sBRYxG/Q/nvpCP7a10LwdZiL8o7w7W9Ps5nTdHBY8YWvXA/V7FtNY8uxsg3KkSctqAiPPZyc1YTbjvxjHquefKzTbLQqOYt1zYFUKNuMHI7qivKddreeoScFB7HuuqlbBBnxrFDOee67HGerUjn3q57wvSSMuFMwdBFeH2aTUaATTmmH36zmsnVJxglZ/AgwAGapH6k3Q6mEAAAAASUVORK5CYII=') 98% center no-repeat;
  background-size: 7px 13px;*/
}
.recommend .backToList{
  display: inline-block;
  float: right;
  color: #8b8a8a;
  font-size: 12px;
  line-height: 50px;
  height: 50px;
  margin-right: 8px;
  padding-right: 17px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOUI2NkIyMDZGQkMxMUU0OUUxRkVEOEI2MTA5MTVDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOUI2NkIyMTZGQkMxMUU0OUUxRkVEOEI2MTA5MTVDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QjY2QjFFNkZCQzExRTQ5RTFGRUQ4QjYxMDkxNUNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5QjY2QjFGNkZCQzExRTQ5RTFGRUQ4QjYxMDkxNUNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oJMKUwAAAVpJREFUeNqk1L8rxVEYx/HjEkXplqIUUZLJYLEoP25xB1JKkWJRMsiCP4KNQd+JQX4Uyq+6FFIWi8EkKaKUQUmhlK73U5/hbvf55qnX+Dnn+z3neU5BFEWVIYRNzOA6xKgENtCJU7TGDU/iGUmcoC1O+A7teEQ5MvoSV9jqQQvcowyH6PGGrZ60wC1KsYdeb9jqBR24QQl2MOANW72iS9dWjC0MecNWb0jhCkVYw5g3bPWOblyiECuY8IatPpDGOQqwjClv2OpTp36sBRYxG/Q/nvpCP7a10LwdZiL8o7w7W9Ps5nTdHBY8YWvXA/V7FtNY8uxsg3KkSctqAiPPZyc1YTbjvxjHquefKzTbLQqOYt1zYFUKNuMHI7qivKddreeoScFB7HuuqlbBBnxrFDOee67HGerUjn3q57wvSSMuFMwdBFeH2aTUaATTmmH36zmsnVJxglZ/AgwAGapH6k3Q6mEAAAAASUVORK5CYII=') right center no-repeat;
  background-size: 7px 13px;
}
.recommend ul.list {
  padding: 0 2px 28px;
  font-size: 0;
  letter-spacing: -4px;
}
.recommend ul.list li {
  display: inline-block;
  box-sizing: border-box;
  /*height: 90px;*/
  width: 50%;
  /*margin: 0 auto 8px auto;*/
  position: relative;
  /*padding-left: 130px;*/
  padding: 0 2px 5px;
  letter-spacing: normal;
}
.recommend ul.list li .singer-wrapper{
  /*border: 1px solid #ebebeb;
  border-color: #ebebeb #dadada #c2c2c2 #dadada;*/
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}
.recommend ul.list li .tag {
  position: absolute;
  display: block;
  width: 33px;
  height: 33px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABDCAYAAADDP2hOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTJDN0MxMjE2MjYxMUU0ODdDMkI3ODQ4MjY0REU5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTJDN0MxMzE2MjYxMUU0ODdDMkI3ODQ4MjY0REU5QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MkM3QzEwMTYyNjExRTQ4N0MyQjc4NDgyNjRERTlCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MkM3QzExMTYyNjExRTQ4N0MyQjc4NDgyNjRERTlCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZpfloQAADdJJREFUeNrkm3lsVMcd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") no-repeat;
  background-size: 33px 33px;
  right: 0;
  top: 0;
  z-index: 10;
}
.recommend ul.list li .avator {
  float: left;
  margin-left: -130px;
  position: relative;
  width: 120px;
  height: 90px;
  overflow: hidden;
}
.recommend ul.list li .avator .play-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 6px;
  left: 6px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRBRjcxOEMxMjQ0MTFFNDkyMjQ4OUNBOEJEQzczMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRBRjcxOEQxMjQ0MTFFNDkyMjQ4OUNBOEJEQzczMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNEFGNzE4QTEyNDQxMUU0OTIyNDg5Q0E4QkRDNzMwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNEFGNzE4QjEyNDQxMUU0OTIyNDg5Q0E4QkRDNzMwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjQ0AH0AAAx+SURBVHja7F0LVM1b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") no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  z-index: 10;
}
.recommend ul.list li .avator img {
  width: 120px;
  height: 90px;
}
.recommend ul.list li .singer-info {
  /*padding-top: 11px;*/
}
.recommend ul.list li .singer-info p {
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.recommend ul.list li .singer-info p.song-name {
  font-size: 14px;
  color: #000;
}
.recommend ul.list li .singer-info span.singer-name {
  display: inline-block;
  font-size: 11px;
  color: #242424;
  line-height: 25px;
  height: 25px;
  width: 55%;
  text-indent: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.recommend ul.list li .singer-info p.song-intro {
  font-size: 10px;
  color: #ffac32;
  height: 32px;
  white-space: normal;
}
.recommend ul.list li .singer-info span.singer-audience {
  float: right;
  display: inline-block;
  font-size: 9px;
  color: #999999;
  line-height: 25px;
  height: 25px;
  white-space: normal;
  padding-left: 15px;
  padding-right: 6px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMkI5MzZFNTJDMDQxMUU0QUMyN0UyQjM5Rjc1QkQ1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMkI5MzZFNjJDMDQxMUU0QUMyN0UyQjM5Rjc1QkQ1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQjkzNkUzMkMwNDExRTRBQzI3RTJCMzlGNzVCRDVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQjkzNkU0MkMwNDExRTRBQzI3RTJCMzlGNzVCRDVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k5zwigAAAjpJREFUeNqslUtIlFEUxz8HyweV4lbLrUSRGaYugqgwISxwQJhWFdFjJwWmoYJCmzYSFDYueoAUBc2mgqiUsQQVIjAiDB9FtWujGYFFj/+B3weX6Zvx+8oDP87Mufee/9zHOZOXTCa9CLZWnBIJsYXYa3FbXBXfsy2M5Ui6XzwUm/leLibFJVEv1kE9sUnmRBLqFY/EV/GGnTwQ1WJGxEUJxIlV88MKwgodED0cw2ViJ0n0VuwUKfEFUsRsbJs4EVboDL5TPOfzYfx5sRCwZoExd+6KQnX4606sBv80x50+xm8PK/Qrw0e1H2GFXuCPOLGX+H05BBqd5x5KqB9/kUfgUSdmF0RpwJpSxty5KwrdZ5E96Su8NqvqKVElJkSLWA8txGzsFXP/svwsx9AlpsU16mkrz96vpXsBa6aYsxx2R7aTbmpojfgpPotv4iY+0yx2I8tYoNBGWkkfVT/Ec7Wamuf+igPyFDM2Tz0V5Tq6TeKZqBSz4pj4KIadBjoi7uA/OOv2iFaxl/u1ptss3mcKFdJKKhGzSRvEuKjgvk6LdMBuZmFQ7BYD/DDrKg3ik3t0Z8UO+tVB+lwKkVF6WTpEsaaZO8ralH+MMWqgnYnHxaJoE7Xs5JBYitAZllgzTY42XyjOMT0RY6JMdIjf4ijCUW2RtZbjnOWMoW52C5/gxQ1TiP9qE+SwXIkYd+Nx8f4/q9ld7//Nz9GUz9t/x0PwHOGRVRDyc9SY0K6MQV94bhWE5rj3vD8CDACEWoUFTDSM9AAAAABJRU5ErkJggg==') left center no-repeat;
  background-size: 13px 11px;
}
#jp_container_1 {
  width: 0px;
  height: 1px;
  overflow: hidden;
  opacity:0;
}
#jp_container_1.visiable {
  width: 100%;
  height: 240px;
  overflow: hidden;
  opacity:1;
}

.heading-spacing{
  height: 61px;
}
.dialog-section{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0, 0.7);
  z-index: 10;
}
.dialog-box{
  position: fixed;
  top: 30%;
  left: 6%;
  box-sizing: border-box;
  width: 88%;
  border-radius: 5px;
  background-color: #e6e6e6;
  z-index: 10;
}
.dialog-title{
  height: 32px;
}
.close-btn{
  float: right;
  height: 32px;
  width: 32px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNFRDU2QjZBMUQxMUU0OUM0QkQxODc3QzdBNTcxQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNFRDU2QzZBMUQxMUU0OUM0QkQxODc3QzdBNTcxQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0VENTY5NkExRDExRTQ5QzRCRDE4NzdDN0E1NzFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0VENTZBNkExRDExRTQ5QzRCRDE4NzdDN0E1NzFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6p0CEgAAARFJREFUeNq019ENwiAQBuB6C7CM3cBOoMvUAXQZnaDtBPjUTTqB3iVnQpoCx3GQ/A+0JF8g5Mid1nXtcDjMCzNiPl2bccY8MTfMBoxOmAtm5gUt0JkNshzwTnte4Brgf9TxnKw3wXfaerDQEt+jHVsjwR4zNMBjKFke+IM1nkRpAsEPKzyL7mELXIQewTW4GI3BGrwITcEleDGagyW4CpXAOVyFSuEUrkJL4BiuQkthGl+rlwMqK1J47FPwypnBsdu7aXGoLIODFocK1CduexYHg9qrwsGi4GvwI7hXVqQiHA7QqaIiiXEwRItwMEbFODRARTjBjwZoDn8C9zK+ARrDqTe7QoAtDdA9vnD/tP0EGAC9cp222AqdlAAAAABJRU5ErkJggg==') center no-repeat;
  background-size: 15px 15px;
}
.dialog-txt{
  box-sizing: border-box;
  color: #999999;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  width: 100%;
}
.dialog-txt2{
  color: #000000;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  margin: 0 5%;
  padding-top: 2px;
}
.btn-section{
  text-align: center;
  padding: 18px 0 15px;
}
.btn-section .button{
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40%;
  border-radius: 4px;
  background-color: #52ade7;
}
.btn-section .button:active{
  opacity: 0.8;
}
.hidden{
  display: none !important;
}
.anchor-info{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 90%;
  margin-left: -44px;
  padding-left: 51px;
}
.video-state{
  color: #ffffff;
  font-size: 8px;
  text-align: center;
  line-height: 20px;
  vertical-align: top;
  height: 20px;
  width: 45px;
  border-radius: 4px;
}
.video-state.live{
  text-indent: 7px;
  background: #00a0e9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERkM0OEIzRDg5QTcxMUU0Qjg5MERGNEY1RTBGNDlGNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERkM0OEIzRTg5QTcxMUU0Qjg5MERGNEY1RTBGNDlGNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGQzQ4QjNCODlBNzExRTRCODkwREY0RjVFMEY0OUY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGQzQ4QjNDODlBNzExRTRCODkwREY0RjVFMEY0OUY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UOXSqwAAAHdJREFUeNpifMYgxAAFvkBcCMSmUP5pIO4D4i0gDhNUsAWINwGxIxDzQDGIvRkqx8AINNEHKoAP+IFMLGIgDApBCk2IUGjCxEAcYAQpPEOEwtMghf1EKOxngvq4FY8ikNxmmBtrgNgfiPcD8VcoBrH9oHIMAAEGAJR6FMVywETaAAAAAElFTkSuQmCC') 5px center no-repeat;
  background-size: 5px 5px;
}
.video-state.nolive{
  background-color: #a0a0a0;
}