body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
figure,
fieldset,
legend,
input,
textarea,
select,
optgroup,
option,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 13px;
    font-family: Arial, sans-serif;
}
a {
    text-decoration: none;
}
li {
    display: block;
}
em,
i {
    font-style: normal;
}
em {
    font-weight: bold;
}
.clearfix:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.dn {
    display: none;
}
.db {
    display: block;
}
.ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.ilblk {
    display: inline-block;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
/* glue: 0.13 hash: 8c92ff63cb */
.SF {
    background-image: url('/resource/img/act.vote/s/audio.png');
    background-repeat: no-repeat;
    background-size: 663px 510px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2) {
    .SF {
        background-image: url('/resource/img/act.vote/s/audio@2x.png');
    }
}
.s-line-during {
    width: 340px;
    height: 26px;
    background-position: -4px -4px;
}
.s-headline {
    width: 277px;
    height: 113px;
    background-position: -4px -38px;
}
.s-sponsor {
    width: 255px;
    height: 118px;
    background-position: -4px -158px;
}
.s-icon-sponsor {
    width: 194px;
    height: 17px;
    background-position: -4px -284px;
}
.s-logo {
    width: 184px;
    height: 25px;
    background-position: -4px -309px;
}
.s-icon-title,
.cooper-title {
    width: 220px;
    height: 66px;
    line-height: 66px;
}
.s-btn-1 {
    width: 171px;
    height: 39px;
    background-position: -352px -73px;
}
.s-btn-0 {
    width: 171px;
    height: 39px;
    background-position: -352px -120px;
}
.s-btn-love {
    width: 157px;
    height: 62px;
    background: url('/resource/img/act.vote/audio-new/support_btn.png') no-repeat;
    background-size: cover;
}
.s-icon-pic {
    width: 164px;
    height: 164px;
    background-position: -4px -342px;
}
.s-icon-vendor-qr {
    width: 117px;
    height: 127px;
    background-position: -176px -342px;
}
.s-icon-qr {
    width: 116px;
    height: 126px;
    background-position: -301px -342px;
}
.s-btn-rank {
    width: 120px;
    height: 41px;
    background-position: -539px -4px;
}
.s-btn-prize {
    width: 119px;
    height: 41px;
    background-position: -539px -53px;
}
.s-btn-expert {
    width: 119px;
    height: 41px;
    background-position: -539px -102px;
}
.s-icon-weixin {
    width: 103px;
    height: 28px;
    background-position: -539px -151px;
}
.s-icon-play {
    width: 98px;
    height: 98px;
    background-position: -539px -187px;
}
.s-icon-pause {
    width: 98px;
    height: 98px;
    background-position: -539px -293px;
}
.s-icon-alipay {
    width: 90px;
    height: 36px;
    background-position: -539px -399px;
}
.s-icon-upload {
    width: 54px;
    height: 74px;
    background-position: -289px -38px;
}
.s-icon-listen {
    width: 54px;
    height: 74px;
    background-position: -267px -158px;
}
.s-icon-search {
    width: 23px;
    height: 24px;
    background-position: -539px -443px;
}
.s-icon-share {
    width: 20px;
    height: 20px;
    background-position: -637px -399px;
}
.s-icon-traingle {
    width: 17px;
    height: 7px;
    background-position: -637px -427px;
}
.s-icon-home {
    width: 10px;
    height: 17px;
    background-position: -645px -187px;
}
.s-icon-love {
    width: 16px;
    height: 15px;
    background-position: -570px -443px;
}
.s-icon-circle {
    width: 14px;
    height: 14px;
    background-position: -645px -212px;
}
.s-icon-circle-active {
    width: 13px;
    height: 13px;
    background-position: -645px -233px;
}
.s-icon-star-small {
    width: 12px;
    height: 11px;
    background-position: -646px -312px;
}
.s-icon-star {
    width: 10px;
    height: 9px;
    background-position: -645px -273px;
}
.s-btn-pos {
    width: 10px;
    height: 10px;
    background-position: -645px -293px;
}
div,
ul,
li {
    margin: 0;
    padding: 0;
}
ul,
li {
    list-style: none outside none;
}
/* layer begin */
.ios-select-widget-box.olay {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.75);
}
.ios-select-widget-box.olay > div {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    bottom: 0;
    left: 0;
    visibility: visible;
}
.ios-select-widget-box header.iosselect-header {
    height: 44px;
    line-height: 44px;
    background-color: #eee;
    width: 100%;
    z-index: 9999;
    text-align: center;
}
.ios-select-widget-box header.iosselect-header a {
    font-size: 16px;
    color: #e94643;
    text-decoration: none;
}
.ios-select-widget-box header.iosselect-header a.close {
    float: left;
    padding-left: 15px;
    height: 44px;
    line-height: 44px;
}
.ios-select-widget-box header.iosselect-header a.sure {
    float: right;
    padding-right: 15px;
    height: 44px;
    line-height: 44px;
}
.ios-select-widget-box {
    padding-top: 44px;
}
.ios-select-widget-box .one-level-contain,
.ios-select-widget-box .two-level-contain,
.ios-select-widget-box .three-level-contain,
.ios-select-widget-box .four-level-contain,
.ios-select-widget-box .five-level-contain {
    height: 100%;
    overflow: hidden;
}
.ios-select-widget-box .iosselect-box {
    overflow: hidden;
}
.ios-select-widget-box .iosselect-box > div {
    display: block;
    float: left;
}
.ios-select-widget-box ul {
    background-color: #fff;
}
.ios-select-widget-box ul li {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #111;
    opacity: .3;
}
.ios-select-widget-box ul li.at {
    font-size: 18px;
    opacity: 1;
}
.ios-select-widget-box ul li.side1 {
    font-size: 15px;
    opacity: .7;
}
.ios-select-widget-box ul li.side2 {
    font-size: 14px;
    opacity: .5;
}
.ios-select-widget-box.one-level-box .one-level-contain {
    width: 100%;
}
.ios-select-widget-box.one-level-box .two-level-contain,
.ios-select-widget-box.one-level-box .three-level-contain,
.ios-select-widget-box.one-level-box .four-level-contain,
.ios-select-widget-box.one-level-box .five-level-contain {
    width: 0;
}
.ios-select-widget-box.two-level-box .one-level-contain,
.ios-select-widget-box.two-level-box .two-level-contain {
    width: 50%;
}
.ios-select-widget-box.two-level-box .three-level-contain,
.ios-select-widget-box.two-level-box .four-level-contain,
.ios-select-widget-box.two-level-box .five-level-contain {
    width: 0;
}
.ios-select-widget-box.three-level-box .one-level-contain,
.ios-select-widget-box.three-level-box .two-level-contain {
    width: 30%;
}
.ios-select-widget-box.three-level-box .three-level-contain {
    width: 40%;
}
.ios-select-widget-box.three-level-box .four-level-contain .ios-select-widget-box.three-level-box .five-level-contain {
    width: 0%;
}
.ios-select-widget-box.four-level-box .one-level-contain,
.ios-select-widget-box.four-level-box .two-level-contain,
.ios-select-widget-box.four-level-box .three-level-contain,
.ios-select-widget-box.four-level-box .four-level-contain {
    width: 25%;
}
.ios-select-widget-box.four-level-box .five-level-contain {
    width: 0%;
}
.ios-select-widget-box.five-level-box .one-level-contain,
.ios-select-widget-box.five-level-box .two-level-contain,
.ios-select-widget-box.five-level-box .three-level-contain,
.ios-select-widget-box.five-level-box .four-level-contain,
.ios-select-widget-box.five-level-box .five-level-contain {
    width: 20%;
}
.ios-select-widget-box .cover-area1 {
    width: 100%;
    border: none;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 149px;
    margin: 0;
    height: 0;
}
.ios-select-widget-box .cover-area2 {
    width: 100%;
    border: none;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 183px;
    margin: 0;
    height: 0;
}
.ios-select-widget-box #iosSelectTitle {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}
.ios-select-body-class {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}
.ios-select-widget-box.olay > div > .ios-select-loading-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.ios-select-widget-box.olay > div > .ios-select-loading-box > .ios-select-loading {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OEMxMEI3NDI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OEMxMEI3NTI3MEIxMUU2ODVGMzhFNjYyMDIyOUFCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QzEwQjcyMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4QzEwQjczMjcwQjExRTY4NUYzOEU2NjIwMjI5QUIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GeWqMwAAA+BJREFUeNrMmVlsTGEUx+9cXZQiLZWKklhbQSSlSMUWSxAiJGJ5aSQehOiDF7yI4EFILW99I3iRSJGUPkiILSKp2OuJVtHWkrRVapn2jv+R/ycnn5l27rQz10l+mWlyl/+c833nO+c0FIlEnATMBbPAIn5OBuPAENAKToC74BtoB59AG/D9spBPgaPBdrAFjJH7Fa66TkRuNe8gP8Bb8Ap8j/eFaXFelwv286WZfKG2WL9SX5cFCuntBvAc/OoPD64HJ8EI5Q3tmW7whl4pAl/AUfAEDKZnQ1HuFXGPQGOiAsW7x8A26wUhirgMLnGtfe3hGcO5NApARpRnSchrY0UhlkAJxxmw0npYBzgOKinSj6WDCfRyphWFJnAPdMUjUH71WbDKElcDykGL0zcbCEroVf389+CW7Uk3ygNk/azghYIHDoCN/SDO4W6+A55aAiUrzImWz7StA2WWuF2gIpEc1ovVgQeWyELm06gCc8ARJU44DM45yTPZII8tkXO5DP4RuI8iPYqr4YmQbJN8+E4JlA1abAuUBbtZeU526O4khDWW3QdhK9TZWmAZd6/x3inw0UmdSZJ/pgSKlilGoMvTwoiTw/20k3p7yTyovRgScTNAvgrvFSbkVJuE+LU6GiXEefJHqfKefF5zgrMGVRnJZ4HEerryXjdzU1DWbB2BI10mRuPBej+1WhKsi8vLeDDXZRllwtvoBG8davNmS4gHUZyTQIWSrM1iQpyZptafo4QGabp9+JNmOijMY9MTtGWpEHe5PDHMGsz/DwQOUwI7XVYUZheP1ZVEAJbOFsGswTYR+EKF2NWVRABWwHPYeLDFZWKOKJFLAhRYpMQJjS7rsWYlcjlTT6pNOr5pahfL5m12KaparUPpZTcEILCEjjGniCy9iMk3F9hImzCXcZqQKhOnLFShjbBX/psQP4Aq5UUpdfZEGXEkKzGvZf4zu/exOdV0T1LJCZTx4gK2msm2Uq494z1pS29Ea5ra2RPrrm4HpwvJsplgtTW/kXq0M1ZffF2F2uMNe+nJUD+HVWaLm8AAtXNrOXTqcfQh2fwQmKdST4TTgAp6ui+WTWFTrUpedu15Fs29Do/kuDsIZlsiW7njryZQ2MrAaD5Yqko88+w6zoPCfsdv5VwjnnXayA67zYmUdGM/e0i+E7nWivnDPUWEz6iyPedngLkY7ARDrQeb72GOz5roVY/eylMHvxflXjkpLoKHfZ2wmhJIkvcylUi9BAnTa9U9DD59CzQm/csaZv0cn0JbOeK4ye/xbfcE/w0hYZvElnU8GEXBGRQjeewzi5B6rtP6RGY9vwUYACMHTam1T1ebAAAAAElFTkSuQmCC) no-repeat 0 0;
    background-size: contain;
    -webkit-animation: loading-keyframe 1s infinite linear;
    animation: loading-keyframe 1s infinite linear;
}
.fadeInUp .layer {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s;
}
.fadeOutDown .layer {
    -webkit-animation: fadeOutDown .5s!important;
    animation: fadeOutDown .5s!important;
}
@-webkit-keyframes loading-keyframe {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes loading-keyframe {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}
@font-face {
    font-family: "fz-lt-hj";
    src: url('/resource/font/recital/fz-lt-hj.eot');
    src: url('/resource/font/recital/fz-lt-hj.eot?#iefix') format('embedded-opentype'),
        url('/resource/font/recital/fz-lt-hj.woff') format('woff'),
        url('/resource/font/recital/fz-lt-hj.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fzzhj";
    src: url('/resource/font/recital/fz-zh-j.ttf') format('truetype');
}
.wrap-popup .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    border-radius: 5px;
}
.wrap-popup .full {
    position: fixed;
}
.wrap-popup .mask {
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.wrap-popup .info {
    width: 180px;
    padding: 10px 0;
    margin: -60px -90px;
}
.wrap-popup .info .inner {
    display: table;
    width: 100%;
    height: 100%;
}
.wrap-popup .info .text {
    display: table-cell;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
}
.wrap-popup .alert {
    width: 250px;
    height: 140px;
    margin: -70px -125px;
}
.wrap-popup .alert .inner {
    display: table;
    width: 100%;
}
.wrap-popup .alert .text {
    display: table-cell;
    width: 100%;
    height: 95px;
    font-size: 15px;
    line-height: 25px;
    border-bottom: 1px solid #949494;
}
.wrap-popup .alert .btn {
    float: left;
    border: 0 none;
    color: #FFF;
    background-color: transparent;
    width: 50%;
    padding: 0;
    text-align: center;
    line-height: 44px;
    font-size: 17px;
}
.wrap-popup .alert .btn:first-child {
    border-right: 1px solid #949494;
    margin-right: -1px;
}
.wrap-popup .alert .btn:first-child:last-child {
    width: 100%;
    border-right: 0 none;
}
.wrap-popup .table-row {
    display: table-row;
}
.wrap-popup .table-row .btn-wrap {
    display: table-cell;
}
.wrap-popup .text {
    vertical-align: middle;
    text-align: center;
}
.wrap-popup .text-inner {
    display: inline-block;
    text-align: left;
}
.wrap-popup .text.loading:after {
    -webkit-animation: dots 3s step-start infinite;
    animation: dots 3s step-start infinite;
    content: ".";
}
.wrap-popup .wechat:before {
    width: 67px;
    height: 100px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADICAYAAAAtK5mNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQzQ5OEZBNTRCMTIxMUU1QTM3RDkxODQwRTBBQUM1MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQzQ5OEZBNjRCMTIxMUU1QTM3RDkxODQwRTBBQUM1MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNDNDk4RkEzNEIxMjExRTVBMzdEOTE4NDBFMEFBQzUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNDNDk4RkE0NEIxMjExRTVBMzdEOTE4NDBFMEFBQzUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pLa90wAADupJREFUeNrsXQm0FMUV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") no-repeat 50% 50%;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0px;
    right: 50px;
}
@-webkit-keyframes dots {
    20% {
        text-shadow: none;
    }
    40% {
        text-shadow: 4px 0;
    }
    60% {
        text-shadow: 4px 0, 8px 0;
    }
    80% {
        text-shadow: 4px 0, 8px 0, 12px 0;
    }
    100% {
        text-shadow: 4px 0, 8px 0, 12px 0, 16px 0;
    }
}
@keyframes dots {
    20% {
        text-shadow: none;
    }
    40% {
        text-shadow: 4px 0;
    }
    60% {
        text-shadow: 4px 0, 8px 0 ;
    }
    80% {
        text-shadow: 4px 0, 8px 0, 12px 0;
    }
    100% {
        text-shadow: 4px 0, 8px 0, 12px 0, 16px 0;
    }
}
.on-casa .page-casa {
    display: block;
    background-color: #5f1caa;
}
.on-rule .page-rule {
    display: block;
    padding-bottom: 80px;
}
.on-sing-up .page-sing-up {
    display: block;
    padding-bottom: 80px;
}
.on-applicant .page-applicant {
    display: block;
    padding-bottom: 80px;
}
.on-expert .page-expert {
    display: block;
    padding-bottom: 80px;
}
.on-rank .page-rank {
    display: block;
    padding-bottom: 80px;
}
.on-works .page-works {
    display: block;
    padding-bottom: 80px;
}
.on-rule .page-rule {
    display: block;
    padding-bottom: 80px;
}
.on-protocol .page-protocol {
    display: block;
    padding-bottom: 80px;
}
.on-competition .page-competition {
    display: block;
    padding-bottom: 80px;
}
.on-player .page-player {
    display: block;
    padding-bottom: 80px;
}
.on-audio .page-audio {
    display: block;
    padding-bottom: 80px;
}
.on-activity .page-activity {
    display: block;
}
.on-activity .page-activity .list {
    display: block;
}
.on-activity .page-activity .list a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.on-activity .page-activity .list img {
    width: 100%;
    height: 100%;
}
.on-activity .inner {
    position: relative;
    padding-bottom: 8vh; 
    min-height: 92vh;
}
.on-activity .inner .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.on-activity .inner .title-wrap {
    margin: 12px 30px 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}
.on-activity .inner .list {
    position: relative;
    padding-top: 18vh;
}
.on-activity .inner .list li {
    margin: 0 auto 10px;
    width: 300px;
    height: 120px;
}
.page {
    display: none;
}
.on-1 .step-1 {
    display: block;
}
.on-2 .step-2 {
    display: block;
}
.on-3 .step-3 {
    display: block;
}
.on-4 .step-4 {
    display: block;
}
.wrap-popup .iphone {
    position: fixed;
    /* top: 50%; */
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
    font-size: 20px;
    font-family: "fzzhj";
}
.wrap-popup .iphone p {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.wrap-popup .iphone p img {
    width: 100%;
}
.wrap-popup .popup-record {
    top: 20%;
}
.step {
    display: none;
}
.lazyload {
    background-image: url('https://p2.ssl.qhimg.com/d/inn/dc016111/bg.png');
    border-radius: 4px;
    background-size: cover;
    background-position: 50% 50%;
}
a {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
}
.db {
    display: block;
}
.pl4 {
    padding-left: 4px;
}
.pr4 {
    padding-right: 4px;
}
.pt10 {
    padding-top: 10px;
}
.pd10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pd20 {
    padding-left: 20px;
    padding-right: 20px;
}
.headpic {
    padding-top: 100%;
    background-size: cover;
    background-position: 50% 50%;
}
.container-grid {
    *zoom: 1;
    padding-top: 18px;
    padding-bottom: 18px;
    min-height: 200px;
}
.container-grid:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.container-grid:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.ma {
    margin-left: auto;
    margin-right: auto;
}
.mt10 {
    margin-top: 10px;
}
.mt10 .cooper-partner {
    position: relative;
    margin: 40px auto 20px;
    height: 66px;
}
.mt10 .cooper-partner .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 56px;
    font-size: 20px;
    font-family: "fzzhj";
    color: #c02720;
}
.mt10 .cooper-partner img {
    width: 100%;
    height: 100%;
}
.mt10 .cooper-partner .cooper-title {
    margin: 0 auto;
}
.mt10 .list {
    padding: 0 10%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.mt10 .list .item {
    display: inline-block;
    width: 30%;
    height: 35px;
}
.mt10 .list .item a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mt10 .list .item img {
    width: 100%;
    height: 100%;
}
.mt10 .banner-pic {
    margin: 0 auto;
    width: 300px;
}
.mt10 .banner-pic a {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    height: 120px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.mt10 .banner-pic img {
    width: 100%;
    height: 100%;
}
.mt10 .qrcode-box {
    margin: 0.6667rem auto 0;
    height: 3.33rem;
    color: #fff;
    font-size: 12px;
    font-family: "fzzhj";
    text-align: center;
}
.mt10 .qrcode-box .qr-left,
.mt10 .qrcode-box .qr-right {
    margin: 0 auto;
    width: 110px;
    height: 110px;
    background: #fff;
}
.mt10 .qrcode-box img,
.mt10 .qrcode-box img {
    width: 100%;
    height: 100%;
}
.mt10 .qrcode-box span,
.mt10 .qrcode-box span {
    display: block;
    height: 0.6333rem;
    line-height: 0.8333rem;
}
/* .mt10 .partner-title {
    position: relative;
    margin: 0 auto;
    width: 188px;
    height: 52px;
    line-height: 52px;
}
.mt10 .partner-title .partner-text {
    position: relative;
    margin: 0 auto;
    width: 100px;
    font-family: "fz-lt-hj";
    font-size: 20px;
    color: #c02720;
    z-index: 10;
}
.mt10 .partner-title::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    background: #c02720;
    z-index: 1;
} */
.mt15 {
    margin-top: 15px;
}
.mt30 {
    margin-top: 30px;
}
.ml20 {
    margin-left: 20px;
}
.mr20 {
    margin-right: 20px;
}
.col-4 {
    _display: inline;
    float: left;
    width: 33.33%;
}
.col-ml5 {
    padding-left: 15px;
    padding-right: 15px;
}
nav {
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
}
nav img {
    width: 95%;
    margin: 0 auto;
}
nav .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    width: 9.2rem;
    height: 1.92rem;
    background: url('/resource/img/act.vote/audio-new/tab_banner.png') no-repeat;
    background-size: contain;
}
nav .flex-item {
    text-align: center;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    height: 1.92rem;
    width: 3rem;
}
nav .flex-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
img {
    display: block;
    width: 100%;
}
.page {
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
    min-width: 320px;
    max-width: 640px;
}
.page .btn-star {
    text-align: center;
    background-color: #f24d69;
    border-radius: 4px;
    width: 100%;
    line-height: 27px;
}
.page .s-icon-love {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    vertical-align: middle;
}
.page .title-wrap {
    padding: 24px 0;
}
.page .text-num {
    color: #f24d69;
}
.page .text-star {
    margin-top: 2px;
    margin-right: 2px;
}
.page .s-icon-star {
    *display: inline;
    *zoom: 1 ;
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}
.page .btn-more {
    color: #fff;
    border-bottom: 1px solid;
}
.page .look-all {
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.page-casa section {
    padding-top: 40px;
}
.page-casa h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 5px 0 2px 0;
    font-size: 12px;
    font-weight: normal;
}
.page-casa li {
    margin-bottom: 18px;
}
.page-casa i {
    margin-left: 6px;
    vertical-align: middle;
    color: #ffffff;
}
.page-casa .inner {
    position: relative;
    margin: 0 auto;
    width: 8.9rem;
    border-radius: 4px;
}
.page-casa .inner .border-solid {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 14px solid #6265c7;
}
.page-casa .inner .border-dashed {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 10px dotted #fff;
}
.page-casa .inner .com_area_tab,
.page-competition .inner .com_area_tab {
    display: flex;
    display: -webkit-flex;
    margin: 0 auto;
    padding: 0 0.2rem;
    width: 100%;
    height: 1rem;
    box-sizing: border-box;
    justify-content: space-around;
    font-size: 14px;
    font-family: "fzzhj";
    color: #fff;
    background: linear-gradient(top, #d781ea, #6736e6);
    background: -webkit-linear-gradient(top, #d781ea, #6736e6);
    background: -o-linear-gradient(top, #d781ea, #6736e6);
    background: -ms-linear-gradient(top, #d781ea, #6736e6);
    background: -moz-linear-gradient(top, #d781ea, #6736e6);
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.page-casa .inner .item,
.page-competition .com_area_tab .item {
    margin-bottom: 0;
    padding: 0 0.2rem;
    height: 0.876rem;
    line-height: 1rem;
    color: #ccc;
}
.page-casa .inner .active,
.page-competition .com_area_tab .active {
    color: #fff;
    border-bottom: 3px solid #fff;
}
.page-casa .inner .list-wrap,
.page-competition .inner .list-wrap {
    background: #fff;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}
.page-casa .progress {
    padding: 0 15px 0 15px;
    margin-bottom: 60px;
}
.page-casa .progress_tip {
    margin-top: 14px;
    font-size: 12px;
    color: #fff;
}
.page-casa .info {
    padding-left: 4px;
    padding-right: 4px;
}
.page-casa .text-wrap {
    color: #858585;
    font-size: 12px;
}
.page-casa .text-title,
.cooper-title {
    margin-bottom: 20px;
    line-height: 60px;
    font-family: "fzzhj";
    font-size: 20px;
    color: #fff;
}
.page-case .cooper-partner .cooper-title {
    width: 100%;
}
.page-casa .text-title .s-icon-title,
.cooper-title {
    background: url("/resource/img/act.vote/audio-new/title_bg.png") no-repeat;
    background-size: contain;
}
.page-casa .headimg-wrap {
    position: relative;
}
.page-casa .s-logo {
    display: none;
    position: absolute;
    left: 50%;
    top: 3%;
    margin-left: -92px;
}
.page-casa .s-btn-join {
    position: absolute;
    left: 50%;
    bottom: 8%;
    margin-left: -85px;
    width: 170px;
    height: 55px;
    line-height: 55px;
    font-size: 21px;
    font-family: "fzzhj";
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(top, #d781ea, #6736e6);
    background: -webkit-linear-gradient(top, #d781ea, #6736e6);
    background: -o-linear-gradient(top, #d781ea, #6736e6);
    background: -ms-linear-gradient(top, #d781ea, #6736e6);
    background: -moz-linear-gradient(top, #d781ea, #6736e6);
    background-size: contain;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.page-casa .s-btn-quarter-final {
    background-image: url("/resource/img/act.vote/audio/btn-quarter-final.png");
}
.page-casa .text {
    position: absolute;
    left: 50%;
    bottom: 2%;
    margin-left: -76px;
    width: 152px;
    font-size: 16px;
    font-family: "fzzhj";
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}
.page-casa .match-btns {
    position: absolute;
    width: 100%;
    bottom: 6%;
    text-align: center;
}
.page-casa .match-btns .btn {
    display: inline-block;
    width: 95px;
    height: 26px;
    line-height: 26px;
    color: #fff;
}
.page-casa .match-btns .btn-1 {
    width: 94px;
    background: url("/resource/img/act.vote/audio/css_sprites.png") 0 -139px no-repeat;
    background-size: 314px 164px;
}
.page-casa .match-btns .btn-2 {
    background: url("/resource/img/act.vote/audio/css_sprites.png") -105px -139px no-repeat;
    background-size: 314px 164px;
}
.page-casa .match-btns .btn-3 {
    background: url("/resource/img/act.vote/audio/css_sprites.png") -210px -139px no-repeat;
    background-size: 314px 164px;
}
.page-casa .sponsor-wrap {
    /* margin: 35px 0; */
}
.form_audio_form {
    display: none;
}
.on-rule,
.on-protocol,
.on-applicant,
.on-competition,
.on-player,
.on-audio,
.on-rank {
    background: #5f1caa;
}
.page-competition,
.page-player,
.page-audio,
.on-rank {
    background: #5f1caa;
}
.page-competition h2,
.page-player h2,
.page-audio h2
.on-rank h2 {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #ffffff;
}
.page-rule,
.page-protocol,
.page-applicant,
.page-audio,
.page-rank {
    background: #5f1caa;
    color: #ffffff;
    width: 100%;
}
.page-rule h2,
.page-protocol h2,
.page-applicant h2,
.page-audio h2,
.page-rank h2 {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
}
.page-rule h3,
.page-protocol h3,
.page-applicant h3 {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
}
.page-rule li,
.page-protocol li,
.page-applicant li {
    border-bottom: 1px solid #fff;
}
.page-rule li + li,
.page-protocol li + li,
.page-applicant li + li {
    margin-top: 25px;
}
.page-rule p,
.page-protocol p,
.page-applicant p {
    line-height: 25px;
}
.page-rule p + p,
.page-protocol p + p,
.page-applicant p + p {
    padding-bottom: 30px;
}
.page-rule .inner,
.page-protocol .inner,
.page-applicant .inner,
.page-audio .inner,
.page-rank .inner {
    margin: 0 30px;
}
.page-rule .s-icon-home,
.page-protocol .s-icon-home,
.page-applicant .s-icon-home {
    margin-top: 3px;
}
.page-rule .s-icon-traingle,
.page-protocol .s-icon-traingle,
.page-applicant .s-icon-traingle {
    margin-top: 7px;
    transition: transform .2s;
    -webkit-transition: transform .2s;
}
.page-rule .s-icon-traingle.active,
.page-protocol .s-icon-traingle.active,
.page-applicant .s-icon-traingle.active {
    transform: rotate(-180deg);
    -webkit-tranform: rotate(-180deg);
}
.page-rule p + P,
.page-protocol p + P {
    padding-bottom: 0px;
}
.page-applicant a {
    color: #fff;
}
.page-applicant .i-wrap {
    overflow: hidden;
}
.page-applicant .line {
    *zoom: 1;
    position: relative;
    padding-top: 20px;
    padding-bottom: 7px;
    font-size: 12px;
}
.page-applicant .line:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.page-applicant .line:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.page-applicant .line + .line {
    border-top: 1px solid;
}
.page-applicant .tc {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    color: #fff;
    font-size: 12px;
}
.page-applicant .text-protocol {
    color: #f6f153;
}
.page-applicant .s-icon-circle {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.page-applicant .circle-wrap.active .s-icon-circle {
    width: 14px;
    height: 14px;
    background-position: -645px -233px;
}
.page-applicant .btn {
    color: #fff;
    font-size: 12px;
    width: 170px;
    line-height: 60px;
    background: linear-gradient(top, #d781ea, #6736e6);
    background: -webkit-linear-gradient(top, #d781ea, #6736e6);
    background: -o-linear-gradient(top, #d781ea, #6736e6);
    background: -ms-linear-gradient(top, #d781ea, #6736e6);
    background: -moz-linear-gradient(top, #d781ea, #6736e6);
    border-radius: 30px;
    font-size: 19px;
    color: #ffffff;
}
.page-applicant .btn-step-1,
.page-applicant .btn-step-2 {
    margin-top: 20px;
}
.page-applicant .tip-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    line-height: 20px;
}
.page-applicant .text-training {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-bottom: 1px solid;
}
.page-applicant .file-audio {
    position: absolute;
    clip: rect(0 0 0 0);
}
.page-applicant .btn-audio {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    width: 3.8667rem;
    line-height: 1.3334rem;
    background: #f24d69;
}
.page-applicant .join-success,
.page-applicant .update-box {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    padding-top: 0.5333rem;
    margin-top: -5rem;
    margin-left: -4rem;
    text-align: center;
    width: 8rem;
    background: #fff;
    z-index: 3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.page-applicant .join-success .title,
.page-applicant .update-box .title {
    margin-bottom: 0.4rem;
    font-size: 0.5rem;
    font-family: "fzzhj";
    color: #5f1caa;
}
.page-applicant .join-success .content {
    font-size: 0.4rem;
    color: #4b4b4b;
}
.page-applicant .join-success .ensure-btn,
.page-applicant .update-box .ensure-btn {
    margin: 0 auto 1rem;
    cursor: pointer;
}
.page-applicant .css-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index:2;
}
.page-applicant .update-box .text-area {
    margin-bottom: 0.5rem;
    padding: 0.2rem;
    background-color: #e3e3e3;
    border: none;
    outline: none;
    resize: none;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.page-competition h3 {
    padding-top: 10px;
    color: #333;
}
.page-competition h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
}
.page-competition form {
    margin-bottom: 15px;
}
.page-competition input {
    height: 47px;
    width: 100%;
    padding-left: 20px;
    border: none;
}
.page-competition li {
    margin-bottom: 20px;
}
.page-competition .wrap-search {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    width: 60px;
    height: 47px;
    background: #f24d69;
}
.page-competition i {
    margin-left: 6px;
    vertical-align: middle;
    color: #ffffff;
}
.page-competition .wrap-type {
    overflow: hidden;
}
.page-competition .inner {
    margin: 0 5%;
}
.page-competition .intro {
    background: #ffffff;
}
.page-competition .info {
    padding-left: 4px;
    padding-right: 4px;
}
.page-competition .line {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    overflow: hidden;
    width: 260px;
    height: 47px;
    border-radius: 25px;
}
.page-competition .s-icon-search {
    margin: 12px 0 0 14px;
}
.page-competition .btn-more-wrap {
    margin: 20px 0 30px 0;
}
.page-competition .btn-more-wrap .btn-more {
    font-size: 15px;
}
.page-competition .tab_switch {
    margin: 0 auto 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 250px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.page-competition .tab_switch .item {
    padding: 0 24px;
    height: 35px;
    line-height: 35px;
    color: #5f1caa;
    background: #fff;
    font-family: "fzzhj";
    font-size: 14px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.page-competition .tab_switch .active {
    color: #fff;
    background: linear-gradient(top, #d781ea, #6736e6);
    background: -webkit-linear-gradient(top, #d781ea, #6736e6);
    background: -o-linear-gradient(top, #d781ea, #6736e6);
    background: -ms-linear-gradient(top, #d781ea, #6736e6);
    background: -moz-linear-gradient(top, #d781ea, #6736e6);
}
.page-player .inner {
    margin: 0 8%;
}
.page-player .playback-info {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.page-player .img {
    padding-top: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.page-player .text {
    color: #ffffff;
}
.page-player .headpic {
    padding: 0;
    position: absolute;
    background-size: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page-player .s-icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -49px;
    margin-left: -49px;
}
.page-player .on-pause .s-icon-play {
    width: 98px;
    height: 98px;
    background-position: -539px -293px;
}
.page-player .wrap-text {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 20px;
}
.page-player .wrap-text {
    margin: 0;
    line-height: 24px;
}
.page-player .s-icon-star-small {
    *display: inline;
    *zoom: 1 ;
    display: inline-block;
    vertical-align: middle;
}
.page-player .star-num {
    margin-left: 5px;
    vertical-align: middle;
}
.page-player .progress-wrap {
    margin-top: 27px;
    margin-bottom: 10px;
}
.page-player .progress {
    position: relative;
    background-color: #fff;
    height: 2px;
    width: 100%;
}
.page-player .progress-pos {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 2px;
    background-color: #45f4ff;
}
.page-player .btn-pos {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 55px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.page-player .s-btn-pos {
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -6px;
}
.page-player .time-wrap {
    *zoom: 1;
    color: #fff;
}
.page-player .time-wrap:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.page-player .time-wrap:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.page-player .present-box {
    width: 100%;
}
.page-player .present-box .gift {
    margin-right: 2px;
    width: 41px;
    height: 65px;
    background: url("/resource/img/act.vote/audio/budi-pic.png") no-repeat;
    background-size: contain;
}
.page-player .present-box .list {
    margin: 0 auto 23px;
    padding-top: 29px;
    width: 240px;
    text-align: center;
}
.page-player .present-box .list .item {
    display: inline-block;
    width: 70px;
    height: 30px;
}
.page-player .present-box .list .item a {
    width: 100%;
    height: 100%;
}
.page-player .present-box .list .item img {
    width: 100%;
    height: 100%;
}
.step-1 form em {
    font-size: 15px;
    font-weight: normal;
}
.step-1 label {
    _display: inline;
    float: left;
    font-size: 15px;
    width: 75px;
    margin-left: 5px;
}
.step-1 input {
    font-size: 15px;
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    color: #ffffff;
    outline: none;
    height: 21px;
    line-height: 21px;
}
.step-1 textarea {
    box-sizing: border-box;
    font-size: 15px;
    padding: 4px;
    width: 100%;
    background: #fff;
    border: none;
    resize: none;
    outline: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.step-2 .text-pic {
    text-align: center;
}
.step-2 .text-headimg {
    margin: 10px 0 0;
    color: #fff;
    font-size: 15px;
}
.step-2 .btn-audio-wrap {
    margin: 15px 0 23px 0;
}
.step-3 label {
    _display: inline;
    float: left;
}
.step-3 .headpic-wrap {
    width: 50%;
    margin: 0 auto;
}
.step-3 .headpic {
    padding-top: 100%;
    border-radius: 4px;
}
.step-3 .action-wrap {
    margin-top: 19px;
    margin-bottom: 45px;
}
.step-3 .action-wrap .action {
    *zoom: 1;
    width: 55%;
    margin: 0 auto;
}
.step-3 .action-wrap .action:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.step-3 .action-wrap .action:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.step-3 .action-wrap form {
    _display: inline;
    float: left;
}
.step-4 label {
    *zoom: 1;
    display: block;
}
.step-4 label:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.step-4 label:after {
    content: "\0020";
    display: block ;
    height: 0;
    clear: both;
}
.step-4 em {
    color: #ff5b7e;
}
.step-4 input:checked + label .select {
    width: 13px;
    height: 13px;
    background-position: -645px -233px;
}
.step-4 .inner {
    background: #ffffff;
    color: #3c3c3c;
    border-radius: 4px;
}
.step-4 .intro {
    padding: 20px 15px 35px 15px;
    margin-bottom: 25px;
}
.step-4 .intro h2 {
    padding-bottom: 38px;
    font-size: 12px;
    line-height: 20px;
}
.step-4 .title {
    padding-bottom: 9px;
    border-bottom: 1px solid #c0c0c0;
}
.step-4 .line + .line {
    border-top: none;
}
.step-4 .select {
    background-image: url('/resource/img/act.vote/s/audio.png');
    background-repeat: no-repeat;
    background-size: 663px 510px;
    width: 13px;
    height: 13px;
    background-position: -645px -212px;
    margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2) {
    .step-4 .select {
        background-image: url('/resource/img/act.vote/s/audio@2x.png');
    }
}
.file-wrap {
    position: relative;
}
.upload-wrap {
    position: relative;
    width: 45px;
    height: 45px;
}
.ui-uploader {
    margin-left: auto;
    margin-right: auto;
    width: 44%;
    height: 100%;
    color: #AEAEAE;
}
.ui-uploader form {
    position: relative;
    padding-top: 100%;
    height: 0;
    border-radius: 20px;
}
.ui-uploader input[type=file] {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.ui-uploader .start {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-image: url(https://p4.ssl.qhimg.com/t015a044d91d5208571.png);
}
.ui-uploader .loading {
    background: #eeeeee;
}
.ui-uploader .ui-error .text {
    background: #eeeeee;
}
.ui-uploader .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #AEAEAE;
    font-size: 0;
    white-space: nowrap;
}
.ui-uploader .text:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}
.ui-uploader .text .inner {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
}
.ui-uploader .preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-position: 50% 50%;
    background-size: cover;
}
.ui-uploader .remove {
    width: 31px;
    height: 31px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOEM1QkQ2NzFDQ0IxMUU2OEMyN0ZCNzQ3NTg1NjlDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOEM1QkQ2ODFDQ0IxMUU2OEMyN0ZCNzQ3NTg1NjlDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QzVCRDY1MUNDQjExRTY4QzI3RkI3NDc1ODU2OUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4QzVCRDY2MUNDQjExRTY4QzI3RkI3NDc1ODU2OUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u3xJ+QAABEhJREFUeNrsm81PE0EYxqd8aoxRPqJBUQJcQDgZilGiomJSDrQGlcQzXjx69F/w5M2Td0MlETggsRGVFGOEeOLjYgHBGI18BINSwdb3TWdxWWaX3dmZ2S7lSZ6kJWV2fp3pzDsz7wTS6TTJReWRHFWB9iIQCMgoPx9cSV0GLgcfAR8AF9PPJMHr4FXwMvg7eB68AP4rukJaDw9svRAHjlAN4HpwFbiQs5wN8Bx4CjwJ/p2t4MfAFyh0oeCGwi9hAjxKe0RWgB8FXwefwWIk/zTTtPVfgle8As+nLXxJQgvb6QEj4LjTccAtOA5UN8EnPB6cv4KfgRdVgOOgdUM3KnstnBWe00FQGngQ3J6F838KPAj+IAP8MvhKlsclw+A3dsDttlzQB9CE1jEoKmStp93bL2qnU6sr8FJwxGcxfR6tcykvOMbxt2kI6jcV07oX8ICfB1f4eAFWQQMsR+AlNCLzuy5SFtvgVz0IQ2UIGa7ZBS+jKyxHqqurOzQ7O3u3t7dX+LQXjUZboexufAbHvzdQpm1iBTBh8FmnpScSie7q6mrccCD9/f3xSCQSEwHd19fXFg6HW/D1zMzMQk1NzROOYj5iUVYBDI6GjTwVHBsb+7T1zUFFscIioY3P4Gj1YquujsFKEU/JXV1drwcGBuKi4I3QWDY+g7O4IspmCt7opoWgojER8CxoLNtlB2o0A8eNhSq33dMtvCRoQtkKWOCVoqYwXniJ0NrUdpIFfkrkFOQUXjK0vnF3gB8XPf/ahVcEjSpngZfICJ12g1cITfSBjD6AuU8ypxxSBEFNW0dHR4vufVz7IhRBo1aA95ER/AGRvIFohNdLATTqF/A+NHZ16bumxm6vGHobo/KdFdaxtBdH1XrwpOyHGQcy0bG9DSVZ4OsqobF7i4ztbeoPC/ynSmj8TYuK7R1olQW+rBJa9MLGphZZ4N9UQ+vhtXldMvwPFvi8F9CacMdGAfwCCxz/uOEFtCJ4ZPvCAscD9jmvoBXAI9umWQAz5SW0ZPgpq62nSd7u3tPT06qHxoq7CUNZ8PgMF9180gocU6omeEpuamqq1UOL2F42wjc3N9dyFrUjXYy1r45pW/eIwwwm3OwfGhq6Mz4+nujs7HwlcijGA4VgMFgbCoWeTk9PrzldHoAfE5omtltGBJ40NpC9IezBUeOCyGx1FhM1tXmsDcpiuTojhvD17R4AHzELxa3W4+9IJo/Mr8K6j9pZjxu1SX8bSR9CJ2ndN3nAUUskc8qY8hF0itZ5ye4OjNUcOOgj8EFjsMILjsKMwWEfQA8TG9mNVvO4mc6BQ0R+erZTIcQL8PtdP7ifxMuftn2LeJ8OpjRtWxOep+NqDFOqciZRXy8vrmbECOfm6P5lHAnXrw6S/9evThN3168+00FrgmTx9SuzcUC7cFdOB8XDJJMYrGVX4ekGnuKs0e6L29zqLtzlmnL2buk/AQYAJ9SA30Dr+LsAAAAASUVORK5CYII=") no-repeat 50% 50%;
    background-size: cover;
    top: 0;
    right: 0;
    position: absolute;
}
.ui-uploader .ui-start,
.ui-uploader .ui-loading,
.ui-uploader .ui-error,
.ui-uploader .ui-success {
    display: none;
}
.ui-uploader.on-start .ui-start,
.ui-uploader.on-loading .ui-loading,
.ui-uploader.on-error .ui-error,
.ui-uploader.on-success .ui-success {
    display: block;
}
.on-phone .ui-uploader .preview {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.hold {
    -webkit-animation: zoom-emphasis 2s linear both infinite;
    animation: zoom-emphasis 2s linear both infinite;
}
@-webkit-keyframes zoom-emphasis {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes zoom-emphasis {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.budi-btn {
    position: fixed;
    right: 2%;
    top: 30%;
    width: 50px;
    height: 65px;
}

.page-activity {
    background: #5f1caa;
}

.page-player .btn-i-join {
    margin-top: 10px;
    text-align: center; 
    font-size: 16px;
}
.page-player .btn-i-join a {
    color: #fff;
}

.page-casa .bottomimg-wrap {
    margin-top: -1px;
    padding-top: 0;
    width: 100%;
    padding-bottom: 90px;
}

.over_hidden {
    position: relative;
    overflow: hidden;
}

.page_mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    text-align: center;
    z-index: 10;
}

.page_mask .share_pic {
    margin: 0 auto;
    width: 80%;
}

.page_mask .qrcode {
    margin: 0 auto;
    padding-top: 40px;
    width: 120px;
    height: 120px;
}

.page_mask .qrcode img {
    width: 100%;
    height: 100%;
}

.check_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: url("/resource/img/act.vote/audio-new/wait_check.png") center center no-repeat;
    background-color: rgba(0,0,0,.6);
}

.top-nav {
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    height: 30px;
    z-index: 10;
}

.top-nav .back-btn {
    position: absolute;
    left: 30px;
    top: 0;
    width: 10px;
    height: 17px;
    background-image: url('/resource/img/act.vote/s/audio.png');
    background-position: -645px -187px;
}

.top-nav .share-btn {
    position: absolute;
    right: 30px;
    top: 0;
    width: 22px;
    height: 22px;
    background-image: url('/resource/img/act.vote/s/audio.png');
    background-position: -637px -399px;
}

@media (max-width: 375px) {
    .page-casa .inner .com_area_tab,
    .page-competition .inner .com_area_tab {
        padding: 0 0.15rem;
    }
    .page-casa .inner .com_area_tab .item,
    .page-competition .inner .com_area_tab .item {
        padding: 0 0.1rem;
    }
}
@media (max-width: 320px) {
    .page-casa .inner .com_area_tab,
    .page-competition .inner .com_area_tab {
        padding: 0 0.15rem;
    }
    .page-casa .inner .com_area_tab .item,
    .page-competition .inner .com_area_tab .item {
        padding: 0;
    }
}