* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

html {
  font-size: 62.5%;
}

a {
  text-decoration: none;
}

body {
  font-size: 12px;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
}

a, img {
  -webkit-touch-callout: none;
}

img, video {
  vertical-align: bottom;
}

ul {
  list-style-type: none;
}

.info .l p.name span#songName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

body {
  background-color: #f8f8f8;
}

nav {
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 61px;
  width: 100%;
  background: rgba(0, 0, 0, 0.78);
  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("/images/live/yy-logo-v2.png") no-repeat;
  background-size: 47px 47px;
}

nav a {
  width: 85px;
  height: 35px;
  background: #fd8800;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  border-radius: 5px;
  color: #FFF;
  float: right;
  margin-top: 5px;
}

.banner {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.banner .tag {
  position: relative;
  height: 21px;
  width: 41px;
  margin-bottom: -21px;
  background: left top no-repeat;
  background-size: 41px 21px;
}

.banner .tag.live {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAApCAYAAACmyX6ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRTM3MDEwM0IyOEYxMUU0QUU4MkJFRTAxNzNGQzEyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRTM3MDEwNEIyOEYxMUU0QUU4MkJFRTAxNzNGQzEyOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMzcwMTAxQjI4RjExRTRBRTgyQkVFMDE3M0ZDMTI4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBFMzcwMTAyQjI4RjExRTRBRTgyQkVFMDE3M0ZDMTI4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ac2yoAAABslJREFUeNrsWn2M02Qc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');
}

.banner .tag.song {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAApCAYAAABJCxWnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDU3NzEwNkIzNTkxMUU0QTU1Nzk3MEYyM0ZCRDUzMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDU3NzEwN0IzNTkxMUU0QTU1Nzk3MEYyM0ZCRDUzMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwNTc3MTA0QjM1OTExRTRBNTU3OTcwRjIzRkJENTMyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwNTc3MTA1QjM1OTExRTRBNTU3OTcwRjIzRkJENTMyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vXcMFAAABMVJREFUeNrsWk9s22QUj+Mv/9o0TtOSpmnH/iIGE6gXJE5IICEunOAwJE6IA0jcd+CCxAFpu+2wwW5wQAgBQpqQyjRtEqBBRwGVP+pAG2Vla5dlI0qaJo7t73N4L5uL69qJ7c9FbeInfbLy/OX586/vz++9lIz98PdSZAAlFYsNjaWHJ4Kyp7fbSjQyoNKiVG6DBGWPMv36wIKJQKqUycF5pn5pYMG8551aYGAKgvDpQIMpa8GACblCTxByYaDBhDynUV3XeO0wXV+BizrQYHZCXdOa3PlSb8/jNQRTo9yhHhWEs1xgPjEcT7jd+/WjheLSzNRe3kN/eGg8b2fH0Hs5kyEKpS0o7DrPuYgY/dI3mHj42cMTxWNFSXKzPyNGRVjcUSCBDTs7hj4Lb+WHIiGgHGS9ApfbvsF8/06jjtfX8+lsn4R6kwPMhY1w92PgfE2Wz9XkBnrDqX258T6gSL7BhHw5u8E1/fbmmJ+ellLJE6u1mqF7Z08299LY8IhNmHf+aGvAIaz3vltX5Jev3S1bc+x0XIy5tdPNPsrRq3dK8w1V6fY+hczIFBHFuA8oZmD93Mmdbr/hBJQR6sdX1ypG7nJ6KTtwJJscaORYt3Z6PcNNLoVevZn2CCaQdVWIRH7bKERBHNaqe+2vShlTgfF54bHiHvA0cmBhZdm8D/VOdm+qjM78unrDrPvi4XzhyXQiZbVj6K3PxRR01MYBbENd1eR0IuGpBkDtWoQ2knkG880b1Qoua6hjVUcPOlOu1+Hwid2aN7GiQzHRIQe6riPglec25U+eA7w1nR3F63vl9Wo/VHWVeiPw4JVfBQImckwMrUVZU8xFaHdXdU8UCWehlzeRdz8PfVZKpY5NZnIY3q8sba7EKGf25/J2edXavaD+pkq1nQJmqzNFSrnNl8vgmRUuzzyYJMQAa7YqN3JQefulTwffYBpjitsueUtb6RXIzx7KTxqeliXRKBYgrLzPXCmtBFnNcb+dJzt5uF1E+B18xESxZyEFr9wCZtQLkOcPT0zhSyJ4qKtSXf/4n0YddRcfKUz1R2vpuhv61rdnvvpAOoMeMAcdy8lSvfbRofEC6t+4Xrm7N0HIdJzE0FODeqn/m2eaKJICFIkBReqWvtZg/e4bzM8rzcbjQ/H483+US1iAzPdQZxx+Nxcgc6gPxWPpLlvm7ldzf2GOva0BWr+L0vu3oW/slCTIQ9SgHCJdsg4WnAoQDjRqAfTf2zFFGvWYLwMH067l7CZPLZZWd6JnYlupUtaKEzFpdxvW97bjuEgoDlMkx1DHKdH6tntm0IJ0zK6QOelHgU2Y7/GwC6RImWRy1G2+3NFgYo69fGTSltQ76U/v4yft/w09mMr0NhOjWyjS3K4DE3nmi1fLt3hsvD2dzT0npYZ9V3WqNYENjmwrmEvAHZC8/9LUXPWx796uVyUPIQeMoDNw/bNFKQ+Yy8DAkV1UKdP9hTq1gom/Ql5zbDEH9f8z3QgOiotZ6cFIZw58r3eB9YLj/hCyXhSJKm5CPATTZaibPl4KweTshowCD+vHbntJCFd30RjTINzrkD+voKOGnskplLGfeoV46JnuC9En92lRCCanrAmC8AFc0yGY/DKfIGTdabhhln8FGACzT1d3VLwa4gAAAABJRU5ErkJggg==');
}

.banner video {
  width: 100%;
}

.banner .play-btn,
.banner .pause-btn {
  width: 100%;
  height: 100%;
  background: url("/images/live/play-btn.png") center no-repeat;
  background-size: 64px 64px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  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;
}

.offline-msg {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 100%;
  padding-top: 36%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
}

.info {
  height: 46px;
  padding: 5px 0 5px 10px;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  border-bottom: 1px solid #c2c2c2;
  position: relative;
  background-color: #ffffff;
}

.info .l {
  display: -webkit-box;
  line-height: 37px;
  height: 37px;
  -webkit-box-flex: 5;
  width: 77.5%;
  /*border-right: 1px dashed #b1b1b1;*/
  -webkit-box-sizing: border-box;
}

.info .l .avatar {
  height: 30px;
  width: 30px;
  border: 1px solid #ececec;
  border-radius: 16px;
  background: center no-repeat;
  background-size: cover;
}

.info-txt {
  overflow: hidden;
  width: 83.46774%;
  width: calc(100% - 32px - 9px);
  padding-left: 9px;
}

.info .l p {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.info .l p.name {
  color: #434343;
}
.info .l p.name span {
  display: inline-block;
  vertical-align: top;
}
.info .l p.name span#songName {
  max-width: 70%;
}

.info .l p.singer {
  color: #999999;
}

.info .l p.audience {
  color: #9a9a9a;
  font-size: 12px;
  text-indent: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDMxMENCNUIyOTAxMUU0QTI0QUE4RTMwNDc2MzlBOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDMxMENCNkIyOTAxMUU0QTI0QUE4RTMwNDc2MzlBOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI0MzEwQ0IzQjI5MDExRTRBMjRBQThFMzA0NzYzOUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI0MzEwQ0I0QjI5MDExRTRBMjRBQThFMzA0NzYzOUE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+C22CIwAAAjhJREFUeNqslUtI1FEUh22oLOkxuLWoTVBgpEU+IKJFUJAWOKuxNkWi7cSgh5iQUAs3EhQ1BUFQSlGzqSAobexBKmIPggwfbdq1sQyhoMfvwHdhqOuf+5c58HFmzr33/Obee+6ZRZlMpiiGLRUtIi3Kib0XfeKK+DnfwkRE0j3iodjE9zIxLC6IGrECaogNMyeW0FnxSHwXH9jJA1EhJkRKrIYUsQp+WHGo0D7RyTFcJNZMoo+iSmTFN8gSs7EtoilUqA1/UjzncyO+Xcx41swwZnYwVKgafyMvthX/JOJO3VhlqNDvgEKJbb5ko/hDebEx/O6IXG7sdahQD76bIijinZidE0nPmiRjZrdChe6zyEr6EtVmr/qt2CiGRINYCQ3EbOyduOYTWjzPMXSIcXGd97SZsndv6Z5nzRtRJ36E7sh2coY3tET8El/EHJU451kTNeYVWksr6eLV36RcT4tp7q/Ek6eEsWnmLo8SWs8DtaOZFDvZWb84z4UPUCAbaDXFfG5mXpK5I+T7746WibtinXgm6sUq8Uqs4b6OiZxnN5NwVewSl+ns9qNrxef8HR0X2+hX++lzWUQG6WW5gHeZY+4ga7PuGBNs9wQTj4qvolVsp3MfELMxmsAsa8bJ0eqEUhzTY/FClIpT4o84gnBcszWHyWHNuTSBulkvPk3F9fMQF2pD5LBc6QR3Y/Yy75/V7HYBeukd/F6ruk8wQdAJPy2A0ID7mzGhHf8MOuGpAghNuZP6K8AAC6eBDDwvYGEAAAAASUVORK5CYII=') left center no-repeat;
  background-size: 13px 11px;
}

.info .l p.reminder, .info .l p.reminder2 {
  font-size: 12px;
  color: #9a9a9a;
}

.info .r {
  height: 38px;
  -webkit-box-flex: 1;
  width: 22.5%;
  text-align: center;
  border-left: 1px solid #e1e1e1;
}

.info .r .share-btn {
  display: inline-block;
  color: #ff8900;
  font-size: 10px;
  text-align: center;
  line-height: 13px;
  width: 100%;
  height: 13px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAkCAYAAAD2IghRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NjdGNEJFNkIyOTAxMUU0QUU4Mzg3OEVBNURGNTU2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NjdGNEJFN0IyOTAxMUU0QUU4Mzg3OEVBNURGNTU2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2N0Y0QkU0QjI5MDExRTRBRTgzODc4RUE1REY1NTY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk2N0Y0QkU1QjI5MDExRTRBRTgzODc4RUE1REY1NTY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e/FMSAAAAgdJREFUeNrsmE8oBFEcx3+zhos/7YlVrv4UV1btcpBwkJIDiYs4OHHQulOsuSAnRaSUEikXSSEUkr2uu3JDu+KgbXwfP1q1y5iZnXlbfvXZN7vz5ten1++9ffMUXdeJNKWciMKgGRSRPXEKGgz0CZjJrUK6AhcXwEv2hkKZi6CKj2mW3gMDFNLvUnbVMuIRNNivAMy/+3GoXB70o7S7UQM2QRV4BbniR89XTcsp3QvOWToK/J83PCRniLqcAusgn0e8DoMbSS4V2SIHrIB+kABjYA7S3zrJJp4HNkAneAY9YDdVR1WykV5j6RhoByfpOsskvgC6QRy08qRMG7JMTlHHw+AFdPwmLYt4C283xOwbAkdGHnJb3Md1Lep7kpc/ygZxseyV8ChP/OVBNyen+FdsA/d8nTD43Jmb4mJTN5s0MY1vN0J60M1SEbLFXCKrZhK4IS6ER3kVGec2K8RHeOO0Ay7NJnFaXOxFBvk6bCWR0+JdXCpXVkbbDfE+bhetJnJSvJBfE8Xr15bVZE6u401c48fgwXQWTRFHGrqT4o3cHlrME3C6VGq5jdiRzEnxam6v7UjmZKlE+e39NtvEA3Ymk/Vc5V9cSvEYL+yl0ttqio+vnoT4AX9ZSroho3QZPpf5276iz1Aln2N4s6RKHkG9B+9wNyROQom26eMUSdaIs6NfOL8JMABT+GUZDyUMEwAAAABJRU5ErkJggg==') center 5px no-repeat;
  background-size: 23px 18px;
  padding: 25px 0 0;
  cursor: pointer;
}

.info .share-board {
  display: none;
  position: absolute;
  width: 95%;
  height: 64px;
  left: 5px;
  top: 55px;
  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: 14px;
  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, .recommend2 .title {
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  color: #242424;
  /*text-shadow: 0 0 1px #aeaeae;*/
  background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njc1OUNCNjZCMjkxMTFFNDkyQkNDRTkwMzUwMkUyNzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njc1OUNCNjdCMjkxMTFFNDkyQkNDRTkwMzUwMkUyNzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NzU5Q0I2NEIyOTExMUU0OTJCQ0NFOTAzNTAyRTI3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NzU5Q0I2NUIyOTExMUU0OTJCQ0NFOTAzNTAyRTI3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABMIAAATjAAAFFAAABTX/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/CABEIAB4ABQMBEQACEQEDEQH/xABwAAEBAAAAAAAAAAAAAAAAAAAABgEBAQAAAAAAAAAAAAAAAAAAAAcQAQAAAAAAAAAAAAAAAAAAACARAQAAAAAAAAAAAAAAAAAAACASAQAAAAAAAAAAAAAAAAAAACATAQAAAAAAAAAAAAAAAAAAACD/2gAMAwEAAhEDEQAAAbmE10Af/9oACAEBAAEFAh//2gAIAQIAAQUCH//aAAgBAwABBQIf/9oACAECAgY/Ah//2gAIAQMCBj8CH//aAAgBAQEGPwIf/9oACAEBAwE/IR//2gAIAQIDAT8hH//aAAgBAwMBPyEf/9oADAMBAAIRAxEAABC23//aAAgBAQMBPxAf/9oACAECAwE/EB//2gAIAQMDAT8QH//Z') 5px center no-repeat;
  background-size: 3px 15px;
  text-indent: 13px;
  margin-top: 4px;
}

.recommend ul.list {
  padding: 0.78125%;
  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;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  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;
}

.clf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.recommend2 {
  margin-bottom: 5px;
  background-color: #f8f8f8;
}
.recommend2 ul {
  padding: 0.78125%;
  white-space: nowrap;
}
.recommend2 li {
  float: left;
  padding: 0.78125%;
  width: 33.3333333%;
  box-sizing: border-box;
}
.recommend2 a {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.recommend2 a:hover {
  cursor: pointer;
}
.recommend2 .cover:active {
  background: rgba(0, 0, 0, 0.7);
}
.recommend2 img {
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.recommend2 .cover {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/images/live/cover.png) center no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.recommend2 .godlysong-info {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.recommend2 .godlysong-info p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.recommend2 .godlysong-info .songName {
  font-size: 12px;
  color: #FFF;
  margin-bottom: 4px;
}
.recommend2 .godlysong-info .singerName {
  font-size: 9px;
  color: #a1a1a1;
}
.recommend2 .godlysong-info .wrap {
  padding: 5px 4px;
}

.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;
}

.audiencenoimg{
	background:none !important;
	text-indent:0px !important;
}