@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    height: 100%
}

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

body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
ol,
p,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button:focus,
input:focus,
textarea:focus {
    outline: 0
}

a {
    text-decoration: none
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%
}

body {
    font: 12px/1.5 FZLTXIHJW--GB1-0, "hiragino sans gb", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif
}

.mod_wrap {
    width: 980px;
    margin: 0 auto
}

.mod_wrap a:hover {
    text-decoration: none
}

.mod_footer,
.mod_footer a {
    color: #6a6a6a
}

.ui_fl_l {
    float: left
}

.ui_fl_r {
    float: right
}

.ui_c_primary {
    color: #000
}

.ui_c_dark {
    color: #666
}

.ui_c_gray {
    color: grey
}

.ui_c_high {
    color: #ff4222
}

.ui_c_strong {
    color: #ff8444
}

.ui_c_link {
    color: #189d50
}

.ui_hide {
    display: none
}

.corner,
.icon {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.icon_gray_right {
    background-position: -314px -236px;
    width: 20px;
    height: 28px;
    vertical-align: -1px
}

.btn_strong {
    display: inline-block;
    height: 34px;
    padding: 0 30px;
    line-height: 34px;
    font-size: 16px;
    background-color: #e95f55;
    border: 1px solid #e95f55;
    border-radius: 5px;
    color: #fff
}

.btn_common {
    display: inline-block;
    height: 34px;
    padding: 0 30px;
    line-height: 34px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    color: #333
}

.single_line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn_app {
    display: none;
    width: 290px;
    height: 40px;
    margin: 0 auto 20px;
    border: 1px solid #f04f43;
    color: #f04f43;
    border-radius: 99px;
    font-size: 18px;
    line-height: 40px;
    text-align: center
}

.mod_title {
    margin-bottom: 15px
}

.mod_title__name {
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #000
}

.mod_title__bar {
    display: inline-block;
    width: 5px;
    height: 22px;
    margin-right: 5px;
    background-color: #f05549;
    font-size: 0;
    line-height: 0;
    vertical-align: -4px
}

.mod_title__more {
    float: right;
    font-size: 14px;
    color: #808081;
    line-height: 30px
}

.mod_title__info {
    font-size: 14px;
    color: grey;
    font-style: normal;
    padding-left: 2px
}

.mod_title__page {
    float: right;
    color: grey;
    font-size: 14px
}

.mod_up {
    position: fixed;
    _position: absolute;
    z-index: 100;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 50px
}

.mod_up .icon_up {
    display: block;
    overflow: hidden;
    line-height: 300px
}

.mod_more {
    clear: both;
    text-align: center;
    padding-bottom: 20px
}

.btn_more {
    font-size: 14px;
    color: #a3a3a3
}

.btn_more__loading {
    position: relative
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

.avatar_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    display: block \0;
    width: 100%;
    height: 100%
}

.avatar_mask_img {
    display: block;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .mod_wrap {
        width: 100%;
        zoom: 1
    }

    .mod_footer {
        display: none
    }

    .mod_up {
        display: none
    }

    .mod_title {
        margin: 10px 0 10px 10px
    }

    .mod_title__name {
        font-size: 16px;
        line-height: 1.5
    }

    .mod_title__bar {
        display: none
    }

    .mod_title__more {
        display: none
    }

    .mod_more {
        margin-top: -50px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .mod_wrap {
        width: 740px
    }

    body .mod_footer {
        min-width: 740px
    }
}

@media only screen and (min-width: 1280px) {
    .mod_wrap {
        width: 1200px
    }
}

@media only screen and (max-width: 767px) {
    .mod_bar,
    .mod_down,
    .mod_guide {
        display: none
    }

    .mod_header {
        width: 100%;
        height: 100%;
        background-image: url(img/h5/bg.jpg?max_age=2592000&v=098015e6feccaa7e753e856aae328bc2);
        background-size: cover
    }

    .mod_nav {
        height: 47px
    }

    .mod_nav .mod_wrap {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 300;
        width: 100%;
        height: 50px;
        background-color: #fff
    }

    .mod_nav .mod_wrap:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        height: 1px;
        background-color: #e7e1e1
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2) {
        .mod_nav .mod_wrap:after {
            -webkit-transform: scaleY(.5)
        }
    }
    .mod_nav__logo {
        position: absolute;
        left: 10px;
        top: 5px
    }

    .mod_nav__search {
        position: absolute;
        z-index: 1;
        width: 40px;
        height: 40px;
        border-radius: 5px;
    }

    .mod_nav__down {
        position: absolute;
        top: 13px;
        display: block;
        height: 26px;
        right: 10px;
        line-height: 26px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 100px;
        background-color: #f04f43
    }

    .mod_nav__content {
        display: block;
        font-size: 14px;
        color: #ffffff;
        top: 5px;
        position: absolute;
        left: 55px
    }

    .mod_nav__toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px 15px 25px 25px
    }

    .mod_nav__list {
        position: absolute;
        z-index: 3;
        right: 10px;
        top: 40px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        -webkit-box-sizing: border-box;
        border-radius: 3px
    }

    .mod_nav__list:before {
        content: "";
        position: absolute;
        z-index: 2;
        right: 10px;
        top: -12px;
        overflow: hidden;
        border: 6px solid;
        border-color: transparent transparent #fff transparent;
        font: 0/0 SimSun
    }

    .mod_nav__list:after {
        content: "";
        position: absolute;
        z-index: 1;
        right: 10px;
        top: -13px;
        overflow: hidden;
        border: 6px solid;
        border-color: transparent transparent rgba(0, 0, 0, .2) transparent;
        font: 0/0 SimSun
    }

    .mod_nav__list li {
        margin: 0 15px;
        border-bottom: 1px solid #d9d9d9
    }

    .mod_nav__list li:last-child {
        border-bottom: 0
    }

    .mod_nav__item {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 42px;
        color: #000
    }

    .mod_header .mod_nav .mod_wrap {
        position: relative;
        background-color: transparent
    }

    .mod_header .mod_nav .mod_wrap:after {
        display: none
    }

    /*.mod_header .mod_nav__down {
        display: none
    }*/
    .mod_nav__light .mod_wrap {
        background-color: rgba(62, 57, 54, .9)
    }

    .mod_nav__light .mod_wrap:after {
        display: none
    }

    .mod_intro .mod_wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        -webkit-box-align: center
    }

    .mod_intro__top {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 100%
    }

    .mod_intro__phone1 {
        position: absolute;
        z-index: 2;
        top: 0;
        width: 100%;
        -webkit-animation: bounceInLeft 1.2s
    }

    .mod_intro__phone2 {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        -webkit-animation: bounceInLeft 1.2s
    }

    @-webkit-keyframes bounceInLeft {
        0%,
        100%,
        60%,
        75%,
        90% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            -ms-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            -ms-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            -ms-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            -ms-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }
    .mod_intro__down {
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 5%;
        width: 100%;
        text-align: center;
        color: #fff
    }

    .mod_intro__btn {
        display: block;
        width: 56%;
        height: 45px;
        background-color: rgba(0, 0, 0, .2);
        margin: 0 auto;
        border: 1px solid #fff;
        border-radius: 45px;
        font-size: 24px;
        line-height: 45px;
        text-align: center;
        color: #fff
    }

    .mod_intro__follow {
        padding: 10px 0
    }

    .mod_intro__follow input {
        vertical-align: text-bottom;
        margin-right: 3px
    }

    .mod_intro__myapp {
        display: inline-block;
        color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .mod_header {
        height: 574px;
        background: url(img/index_banner.jpg) no-repeat center bottom;
        margin-bottom: 40px
    }

    .mod_bar {
        position: relative;
        z-index: 30;
        height: 30px;
        text-align: right;
        color: #b5b5b5
    }

    .mod_bar__bg {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 30px;
        background-color: #000;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .mod_bar .mod_wrap {
        position: relative;
        z-index: 2;
        _margin-top: 3px
    }

    .mod_bar a {
        color: #b5b5b5
    }

    .mod_bar a:hover {
        color: #fff
    }

    .mod_bar__list,
    .mod_bar__list li,
    .mod_bar__user {
        display: inline
    }

    .mod_bar__list li {
        padding-right: 15px;
        line-height: 30px
    }

    .mod_bar__list li a {
        zoom: 1
    }

    .mod_bar__user {
        border-width: 0 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .2);
        padding: 0 10px
    }

    .mod_bar__user a {
        padding-left: 6px;
        zoom: 1
    }

    .j_header_user span img {
        vertical-align: -5px;
        _vertical-align: middle
    }

    .mod_drop__show {
        position: absolute;
        z-index: 20;
        top: 30px;
        right: -10px;
        width: 124px;
        background-color: #000;
        opacity: .9;
        filter: alpha(opacity=90);
        border-radius: 3px
    }

    .mod_drop__show .arrow_top {
        position: absolute;
        top: -12px;
        right: 21px;
        display: block;
        overflow: hidden;
        border: 6px solid;
        border-color: transparent transparent #000 transparent;
        font: 0/0 SimSun
    }

    .mod_drop__item {
        display: block;
        height: 41px;
        padding: 1px 0;
        line-height: 43px;
        text-align: center
    }

    .mod_guide {
        position: relative;
        z-index: 10;
        padding: 0 50px;
        height: 40px;
        border-bottom: 1px solid #333;
        background-color: #131418;
        color: #b5b5b5
    }

    .mod_guide__logo {
        position: relative;
        float: left
    }

    .mod_guide__search {
        position: absolute;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .mod_guide__list {
        float: left;
        margin-left: 20px;
        _display: inline
    }

    .mod_guide__list li {
        float: left
    }

    .mod_guide__item {
        display: inline-block;
        padding: 0 20px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        color: #fff
    }

    .mod_guide__item:hover {
        color: #e95f55
    }

    .mod_guide .mod_bar__list li {
        line-height: 40px
    }

    .mod_nav {
        height: 102px
    }

    .mod_nav__logo {
        position: relative;
    }

    .mod_nav__title {
        position: relative;
        z-index: 2;
        /*background: url(img/logo_dark.png) no-repeat;*/
        width: 218px;
        height: 60px;
        margin-top: 20px;
        overflow: hidden;
        text-indent: -999px
    }

    .mod_nav__list {
        float: left;
        margin-left: 45px;
        _display: inline
    }

    .mod_nav__list li {
        float: left
    }

    .mod_nav__item {
        position: relative;
        display: inline-block;
        overflow: hidden;
        zoom: 1;
        height: 35px;
        padding: 40px 20px 0;
        font-size: 18px;
        color: #898989;
        text-align: center
    }

    .mod_nav__item:hover {
        color: #f05549
    }

    .mod_nav__item span {
        position: relative;
        z-index: 2
    }

    .mod_nav__item em {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 75px;
        background-color: #f05549;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .mod_nav__item--current,
    .mod_nav__item--current:hover {
        color: #fff
    }

    .mod_nav__item--current em {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .mod_nav__light .mod_nav__item {
        color: #fff
    }

    .mod_nav__light .mod_nav__item em {
        background-color: #fff
    }

    .mod_nav__light .mod_nav__item--current em {
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .mod_down .mod_wrap {
        position: relative;
        height: 442px;
        overflow: hidden
    }

    .mod_down__show {
        position: absolute;
        left: 0;
        bottom: -26px
    }

    .mod_down__photo img {
        display: block;
        width: 592px
    }

    .mod_down__con {
        position: absolute;
        right: 0;
        bottom: 60px
    }

    .mod_down__title {
        margin-bottom: 10px
    }

    .mod_down__title .logo {
        overflow: hidden;
        text-indent: -999px;
        font-size: 0;
        line-height: 0;
        margin-bottom: 5px
    }

    .mod_down__title h3 {
        font-size: 31px;
        color: #fff
    }

    .mod_down__con .mod_down__title {
        width: 268px
    }

    .mod_down__btn {
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
        text-indent: -999px
    }

    .btn_down {
        height: 48px
    }

    .btn_service {
        height: 20px
    }

    .mod_intro,
        /*.mod_nav__down,*/
    .mod_nav__toggle {
        display: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .mod_down__show {
        bottom: 50px
    }

    .mod_down__photo img {
        width: 460px
    }
}

@media only screen and (min-width: 1280px) {
    .mod_down__show {
        left: 50px
    }

    .mod_down__con {
        right: 50px
    }
}

.icon_lv0 {
    width: 37px;
    background-position: 0 0
}

.icon_lv1 {
    width: 37px;
    background-position: -50px 0
}

.icon_lv2 {
    width: 37px;
    background-position: -100px 0
}

.icon_lv3 {
    width: 37px;
    background-position: -150px 0
}

.icon_lv4 {
    width: 37px;
    background-position: -200px 0
}

.icon_lv5 {
    width: 37px;
    background-position: -250px 0
}

.icon_lv6 {
    width: 37px;
    background-position: -300px 0
}

.icon_lv7 {
    width: 40px;
    background-position: -350px 0
}

.icon_lv8 {
    width: 40px;
    background-position: 0 -17px
}

.icon_lv9 {
    width: 42px;
    background-position: -50px -17px
}

.icon_lv10 {
    width: 42px;
    background-position: -100px -17px
}

.icon_lv11 {
    width: 42px;
    background-position: -150px -17px
}

.icon_lv12 {
    width: 42px;
    background-position: -200px -17px
}

.icon_lv13 {
    width: 45px;
    background-position: -250px -17px
}

.icon_lv14 {
    width: 45px;
    background-position: -300px -17px
}

.icon_lv15 {
    width: 45px;
    background-position: -350px -17px
}

.icon_lv16 {
    width: 47px;
    background-position: 0 -34px
}

.icon_lv17 {
    width: 47px;
    background-position: -50px -34px
}

.icon_lv18 {
    width: 47px;
    background-position: -100px -34px
}

.icon_lv19 {
    width: 47px;
    background-position: -150px -34px
}

.icon_lv20 {
    width: 48px;
    background-position: -200px -34px
}

.icon_lv21 {
    width: 48px;
    background-position: -250px -34px
}

.icon_lvvr {
    width: 38px;
    background-position: -300px -34px
}

.icon_lvvy {
    width: 38px;
    background-position: -350px -34px
}

.icon_lb0 {
    width: 52px;
    background-position: 0 0
}

.icon_lb1 {
    width: 52px;
    background-position: -70px 0
}

.icon_lb2 {
    width: 52px;
    background-position: -140px 0
}

.icon_lb3 {
    width: 52px;
    background-position: -210px 0
}

.icon_lb4 {
    width: 52px;
    background-position: -280px 0
}

.icon_lb5 {
    width: 52px;
    background-position: -350px 0
}

.icon_lb6 {
    width: 52px;
    background-position: -420px 0
}

.icon_lb7 {
    width: 56px;
    background-position: -490px 0
}

.icon_lb8 {
    width: 56px;
    background-position: 0 -24px
}

.icon_lb9 {
    width: 56px;
    background-position: -70px -24px
}

.icon_lb10 {
    width: 60px;
    background-position: -140px -24px
}

.icon_lb11 {
    width: 60px;
    background-position: -210px -24px
}

.icon_lb12 {
    width: 60px;
    background-position: -280px -24px
}

.icon_lb13 {
    width: 64px;
    background-position: -350px -24px
}

.icon_lb14 {
    width: 64px;
    background-position: -420px -24px
}

.icon_lb15 {
    width: 64px;
    background-position: -490px -24px
}

.icon_lb16 {
    width: 66px;
    background-position: 0 -48px
}

.icon_lb17 {
    width: 66px;
    background-position: -70px -48px
}

.icon_lb18 {
    width: 66px;
    background-position: -140px -48px
}

.icon_lb19 {
    width: 66px;
    background-position: -210px -48px
}

.icon_lb20 {
    width: 68px;
    background-position: -280px -48px
}

.icon_lb21 {
    width: 68px;
    background-position: -350px -48px
}

.icon_lbvr {
    width: 56px;
    background-position: -420px -48px
}

.icon_lbvy {
    width: 56px;
    background-position: -490px -48px
}

.mod_dialog {
    padding: 40px 60px;
    background: #FFF;
    position: absolute
}

.mod_dialog .close_dialog,
.mod_popup .close_dialog {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 20px;
    text-indent: -999em;
    overflow: hidden;
    background: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png) no-repeat -70px -70px;
    z-index: 2
}

.mod_dialog .close_dialog:hover,
.mod_popup .close_dialog:hover {
    background: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png) no-repeat -90px -70px
}

.mod_msg,
.popup_move {
    border: 2px solid #E5E5E5
}

.mod_msg .close_dialog,
.popup_move .close_dialog {
    top: -2px
}

.mod_dialog .mod_dialog_content {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.mod_dialog .iframe_mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.mod_dialog .mod_dialog_content i {
    float: left;
    width: 53px;
    height: 53px;
    background-image: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png?max_age=2592000);
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
    position: relative
}

.mod_dialog .mod_dialog_content .icon_succeed {
    background-position: 0 -229px
}

.mod_dialog .mod_dialog_content .icon_warning {
    background-position: 0 -285px
}

.mod_dialog .mod_dialog_content .warning_tip {
    color: #333;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-family: 'Segoe UI Light', 'Segoe UI', 'Microsoft YaHei', Arial, Helvetica
}

.mod_dialog .mod_dialog_content .other_tip {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 4px
}

.mod_dialog .dialog_info {
    color: #8B8B8B;
    line-height: 20px;
    margin-left: 73px
}

.mod_dialog .dialog_info a {
    color: #0c8f44;
    font-family: Simsun
}

.mod_dialog .dialog_info a:hover {
    color: #05B600
}

.mod_dialog .dialog_btn {
    margin-top: 10px;
    margin-left: 73px
}

.mod_dialog .dialog_btn a {
    display: inline-block;
    line-height: 20px;
    line-height: 21px \0;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    padding: 0 8px;
    border-radius: 3px
}

.mod_dialog .dialog_btn .btn_cancel,
.mod_dialog .dialog_btn .btn_normal {
    color: #8b8b8b;
    border: 1px solid #DDD;
    box-shadow: 1px 2px 0 #F2F2F2
}

.mod_dialog .dialog_btn .btn_cancel:hover,
.mod_dialog .dialog_btn .btn_confirm,
.mod_dialog .dialog_btn .btn_highlight {
    color: #fff;
    border: 1px solid #0dad51;
    box-shadow: 1px 2px 0 #c5dcc4;
    background: #0dad51;
    margin-right: 6px
}

.popup_mask {
    background: #000;
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50)
}

.popup_dialog {
    background: #FFF
}

.popup_dialog_hd {
    width: 100%;
    height: 30px;
    position: absolute;
    _float: left
}

.popup_dialog_hd h3 {
    display: none
}

.popup_dialog .popup_dialog_close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 20px;
    text-indent: -999em;
    overflow: hidden;
    background: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png) no-repeat -70px -70px;
    z-index: 3
}

.popup_dialog .popup_dialog_close:hover {
    background: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png) no-repeat -90px -70px
}

.popup_system {
    border: 2px solid #E5E5E5;
    _float: left
}

.popup_dialog .popup_dialog_cont {
    width: 100%
}

.popup_event {
    border: 2px solid #E5E5E5;
    _float: left
}

.popup_event .popup_dialog_hd {
    height: 74px
}

.popup_event .popup_dialog_hd h3 {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 74px;
    color: #333;
    font-family: 'Segoe UI Light', 'Segoe UI', 'Microsoft YaHei', Tahoma, Helvetica;
    text-indent: 25px;
    *font-family: 黑体
}

.popup_event .popup_dialog_cont {
    width: 100%;
    padding: 74px 0 0 0
}

.popup_dialog .popup_dialog_cont .popup_system_type {
    padding: 40px 60px;
    _zoom: 1;
    _float: left
}

.popup_dialog .popup_dialog_cont .popup_system_type i {
    float: left;
    width: 53px;
    height: 53px;
    background-image: url(http://imgcache.qq.com/mediastyle/musicprotal/img/icon_sprite.png?max_age=2592000);
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
    position: relative
}

.popup_dialog .popup_dialog_cont .popup_system_type .icon_succeed {
    background-position: 0 -229px
}

.popup_dialog .popup_dialog_cont .popup_system_type .icon_warning {
    background-position: 0 -285px
}

.popup_dialog .popup_dialog_cont .popup_system_type .warning_tip {
    color: #333;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-family: "Microsoft YaHei", Arial, Helvetica;
    margin: 0 0 0 73px;
    white-space: nowrap;
    _float: left;
    _margin: 0
}

.popup_dialog .popup_dialog_cont .popup_system_type .other_tip {
    color: #333;
    font-size: 14px;
    line-height: 26px;
    font-family: "Microsoft YaHei", Arial, Helvetica;
    margin: 0 0 4px 73px;
    _width: 180px
}

.popup_dialog .dialog_info {
    color: #8B8B8B;
    line-height: 20px;
    margin: 0 0 0 73px;
    _width: 180px
}

.popup_dialog .dialog_info a {
    color: #0c8f44;
    font-family: Simsun
}

.popup_dialog .dialog_info a:hover {
    color: #05B600
}

.popup_dialog .dialog_btn {
    margin-top: 10px;
    margin-left: 73px
}

.popup_dialog .dialog_btn a {
    display: inline-block;
    line-height: 20px;
    line-height: 21px \0;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    padding: 0 8px;
    border-radius: 3px
}

.popup_dialog .dialog_btn a:hover,
.popup_dialog .dialog_btn a:visited {
    text-decoration: none
}

.popup_dialog .dialog_btn .btn_cancel,
.popup_dialog .dialog_btn .btn_normal {
    color: #8b8b8b;
    border: 1px solid #DDD;
    box-shadow: 1px 2px 0 #F2F2F2
}

.popup_dialog .dialog_btn .btn_cancel:hover,
.popup_dialog .dialog_btn .btn_confirm,
.popup_dialog .dialog_btn .btn_highlight {
    color: #fff;
    border: 1px solid #f05549;
    box-shadow: 1px 2px 0 #ddd;
    background: #f05549;
    margin-right: 6px
}

.mod_browser_open {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .8)
}

.browser_open__box {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center
}

.browser_open__img {
    display: block;
    width: 140px;
    margin: 15px 15px 10px auto
}

.browser_open__tip {
    display: block;
    width: 154px;
    margin: 15px 15px 10px auto
}

.browser_open__desc {
    display: block;
    width: 280px;
    margin: 0 10px 0 auto;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.icon_play_m {
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -40px 0;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: background-image .2s ease-in
}

.icon_ear {
    /*display: inline-block;
    width: 20px;
    height: 20px;*/
    /*background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);*/
    /*background-position: -80px 0;
    overflow: hidden;
    line-height: 9em;
    margin-right: 3px;
    vertical-align: text-bottom*/
}

.icon_talk {
    display: inline-block;
    width: 18px;
    height: 19px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -40px -40px;
    overflow: hidden;
    line-height: 9em;
    margin-right: 3px;
    vertical-align: text-bottom
}

.icon_cup {
    display: inline-block;
    width: 18px;
    height: 19px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: 0 -40px;
    overflow: hidden;
    line-height: 9em;
    margin-right: 3px;
    vertical-align: text-bottom
}

.icon_song {
    display: inline-block;
    width: 18px;
    height: 19px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -20px -40px;
    overflow: hidden;
    line-height: 9em;
    margin-right: 3px;
    vertical-align: middle
}

.icon_gift {
    display: inline-block;
    width: 18px;
    height: 19px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -60px -40px;
    overflow: hidden;
    line-height: 9em;
    margin-right: 3px;
    vertical-align: middle
}

.icon_s {
    display: inline-block;
    width: 9px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -50px -61px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.icon_ss {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -80px -21px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.icon_sss {
    display: inline-block;
    width: 21px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: 0 -61px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.icon_a {
    display: inline-block;
    width: 13px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -80px -37px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.icon_b {
    display: inline-block;
    width: 11px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -37px -61px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.icon_c {
    display: inline-block;
    width: 12px;
    height: 14px;
    background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
    background-position: -23px -61px;
    vertical-align: top;
    position: relative;
    top: 3px
}

.black_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    overflow: hidden;
    transition: opacity .2s ease-in
}

.play_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cd_cover {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    zoom: 1
}

.cd_cover img {
    display: block;
    width: 100%;
    height: 100%
}

.corner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.btn_main {
    display: inline-block;
    background-color: #e16054;
    border-radius: 2px;
    font-size: 8px;
    color: #fff;
    padding: 0 2px;
    line-height: 1.1
}

.avatar_img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.mod_playlist {
    margin-bottom: 20px;
    overflow: hidden
}

.mod_playlist__show {
    margin: 0 -20px;
    overflow: hidden;
    zoom: 1
}

.mod_playlist__item {
    float: left;
    width: 25%;
    margin-bottom: 20px
}

.mod_playlist__box {
    position: relative;
    margin: 0 20px;
    background-color: #f5f5f5
}

.mod_playlist__user {
    position: relative;
    height: 30px;
    padding: 10px 0;
    margin: 0 10px 0 50px
}

.mod_playlist__photo {
    position: absolute;
    left: -40px;
    top: 10px;
    width: 30px;
    height: 30px
}

.mod_playlist__name {
    float: left;
    width: 100%;
    margin-top: 3px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod_playlist__cover {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding-top: 100%;
    zoom: 1;
    height: 0
}

.mod_playlist__cover .icon_pause_m,
.mod_playlist__cover .icon_play_m {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.mod_playlist__title {
    height: 48px;
    padding: 5px 10px
}

.mod_playlist__title .mod_playlist__name {
    margin-top: 0
}

.mod_playlist__title p {
    overflow: hidden;
    zoom: 1
}

.mod_playlist__work {
    float: left;
    max-width: 74%;
    _width: 74%;
    font-size: 14px;
    margin-right: 5px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

a.mod_playlist__work:hover {
    color: #f04f43
}

.mod_playlist__record {
    float: left;
    font-size: 14px;
    color: #999;
    margin-right: 10px
}

.mod_playlist__cd {
    position: relative;
    margin: 0 20px
}

.mod_playlist__cd .mod_playlist__title {
    padding: 5px 0
}

.mod_playlist__cd .mod_playlist__record {
    margin-right: 6px
}

.mod_playlist__info {
    display: -webkit-box;
    -webkit-box-align: center
}

.mod_playlist__info .mod_playlist__work {
    -webkit-box-flex: 1;
    float: none;
    display: block;
    color: #999
}

.mod_playlist__info .mod_playlist__record {
    float: none;
    display: block;
    margin-right: 0
}

@media only screen and (max-width: 640px) {
    .icon_ear {
        /*position: absolute;*/
        width: 14px;
        height: 12px;
        background-position: -127px -106px;
        background-size: 147px;
        position: relative;
        top: -1px;
    }

    .icon_talk {
        width: 14px;
        height: 12px;
        background-position: -127px -80px;
        background-size: 147px;
        position: relative;
        top: -2px
    }

    .icon_cup {
        width: 14px;
        height: 12px;
        background-position: -127px -93px;
        background-size: 147px;
        position: relative;
        top: -2px
    }

    .icon_s {
        width: 11px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -87px 0;
        background-size: 99px auto
    }

    .icon_ss {
        width: 13px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -15px 0;
        background-size: 99px auto
    }

    .icon_sss {
        width: 18px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -29px 0;
        background-size: 99px auto
    }

    .icon_a {
        width: 11px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -48px 0;
        background-size: 99px auto
    }

    .icon_b {
        width: 11px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -61px 0;
        background-size: 99px auto
    }

    .icon_c {
        width: 11px;
        height: 12px;
        background: url(img/spirte_score@2x.png) -74px 0;
        background-size: 99px auto
    }

    .mod_playlist {
        padding-bottom: 50px
    }

    .mod_playlist__show {
        margin: 0 5px
    }

    .mod_playlist__box {
        margin: 0 5px;
        background-color: #fff
    }

    .mod_playlist__cd {
        margin: 0 5px
    }

    .mod_playlist {
        margin-bottom: 0;
        overflow: hidden
    }

    .mod_playlist__item {
        width: 50%
    }

    .mod_playlist__work {
        max-width: 70%
    }

    .mod_playlist__title {
        padding: 5px
    }

    .mod_playlist__record {
        margin-right: 0;
        font-size: 12px
    }

    .mod_playlist__record:first-child {
        margin-right: 5px
    }
}

@media only screen and (min-width: 768px) {
    a:hover .icon_play_m {
        background-image: url(sprite/playlist.png?max_age=2592000&v=12e64a3532edffbc6f97ec88b665f856);
        background-position: 0 0
    }

    a:hover .black_mask {
        filter: alpha(opacity=40);
        opacity: .4
    }

    .mod_playlist__box:hover {
        background-color: #f0f0f0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .mod_playlist__title {
        padding: 5px
    }

    .mod_playlist__record {
        margin-right: 0;
        font-size: 12px
    }

    .mod_playlist__record:first-child {
        margin-right: 5px
    }
}

@media only screen and (min-width: 1280px) {
    .mod_playlist__show {
        margin: 0 -35px
    }

    .mod_playlist__box {
        margin: 0 35px
    }

    .mod_playlist__cd {
        margin: 0 35px
    }
}

.icon_point {
    width: 30px;
    height: 30px
}

.icon_code {
    background-position: -28px -236px;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 5px
}

.arrow_white_up {
    background-position: -269px -218px;
    width: 17px;
    height: 10px
}

.arrow_white_down {
    background-position: -250px -218px;
    width: 17px;
    height: 10px
}

.jp-play {
    background-position: -232px -144px;
    width: 40px;
    height: 40px
}

.jp-pause {
    background-position: -274px -144px;
    width: 40px;
    height: 40px
}

.icon_delete {
    background-position: -218px -236px;
    width: 14px;
    height: 14px;
    margin-right: 1px;
    vertical-align: text-top
}

.icon_barrage_off {
    background-position: 0 -50px;
    width: 40px;
    height: 40px
}

.icon_barrage_on {
    background-position: 0 0;
    width: 40px;
    height: 40px
}

.icon_download {
    background-image: url(img/spirte_play.png?max_age=2592000&v=259130b756a458dc6807dd8230339d06);
    background-position: 0 -100px;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.icon_person {
    background-image: url(img/spirte_play.png?max_age=2592000&v=259130b756a458dc6807dd8230339d06);
    background-position: 0 -140px;
    width: 17px;
    height: 16px;
    vertical-align: middle
}

.mod_app__down {
    position: relative;
    float: right;
    margin-top: 30px
}

.mod_app__down .btn_strong {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    margin-left: 5px;
    _vertical-align: middle
}

.mod_app__down .btn_strong .icon_code {
    _top: 8px;
    _vertical-align: 5px
}

.mod_app__code {
    position: absolute;
    z-index: 30;
    right: 0;
    top: 45px;
    background: url(img/app_code.png) no-repeat;
    width: 231px;
    height: 162px;
    padding-top: 10px;
    overflow: hidden
}

.app_code__down {
    float: left;
    width: 99px;
    margin: 0 10px 0 5px
}

.mod_app__btn {
    display: block;
    width: 99px;
    height: 30px;
    padding-top: 51px;
    text-align: center;
    color: #000;
    line-height: 1.1
}

.app_code__scan {
    float: left;
    width: 110px;
    text-align: center;
    line-height: 1.1
}

.app_code__scan img {
    display: block;
    width: 86px;
    height: 86px;
    margin: 25px auto 5px
}

.mod_content {
    float: left;
    width: 490px
}

.mod_sidebar {
    float: right;
    width: 440px
}

.scroll_area {
    display: none
}

.play_name {
    font-size: 28px;
    margin-bottom: 10px
}

.play_edit {
    float: right;
    margin-top: -30px
}

.play_edit__item {
    color: grey;
    padding-left: 10px
}

.play_info {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
    overflow: hidden
}

.play_photo {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.play_photo img {
    display: block;
    width: 100%;
    height: 100%
}

.play_swf,
.play_video {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.swiper-container {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.swiper-container img {
    display: block;
    width: 100%;
    height: 100%
}

.play_mask {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

.play_lrc__one {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 132px;
    background-image: url("/img/app/various_img_downbg.png");
    /*background: #f04f43;*/
    text-align: center
}

.play_lrc__arrow {
    position: relative;
    z-index: 5;
    display: block;
    padding: 10px 10px 0
}

.play_lrc__one .play_lrc__arrow {
    margin-top: 60px
}

.play_lrc__list--current {
    color: #e96055
}

.hover {
    color: #ec6d65;
}

.play_lrc__full {
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: bottom .5s ease-in-out
}

.play_lrc__full .play_lrc__arrow {
    padding-bottom: 10px
}

.play_lrc__cut {
    position: relative;
    z-index: 5;
    overflow: hidden;
    zoom: 1;
    height: 36em
}

.play_lrc__list,
.play_lrc__one p {
    position: relative;
    z-index: 4;
    font-size: 18px;
    color: #fff;
    line-height: 2.2
}

.play_lrc__one .play_lrc__arrow {
    -webkit-animation: ani_btn_lrc 1.6s ease-in-out infinite;
    animation: ani_btn_lrc 1.6s ease-in-out infinite
}

@-webkit-keyframes ani_btn_lrc {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        opacity: 0
    }
}

.play_barrage {
    position: absolute;
    z-index: 10;
    left: 100%;
    top: 8%;
    width: 200%;
    height: 75%
}

.play_barrage__para {
    position: absolute;
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #666;
    border-radius: 27px;
    background: url(img/dot_bl5.png) repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

:root .play_barrage__para {
    border: solid 1px rgba(255, 255, 255, .6)
}

.play_control {
    height: 107px;
    border: solid 1px #dfe3e6;
    border-top: none
}

.btn_control {
    display: inline-block;
    float: left;
    margin: 32px 15px 0 15px
}

.btn_control .jp-play,
.btn_control .jp-pause {
    display: block;
    font-size: 0;
    line-height: 0
}

.jp-progress {
    position: relative;
    float: left;
    margin-top: 30px;
    height: 48px;
    width: 288px;
    zoom: 1
}

.jp-seek-bar {
    position: absolute;
    top: 16px;
    width: 100%;
    height: 15px;
    overflow: hidden;
    background-color: #1f1c1c;
    border-radius: 9px
}

.play_progress__load,
.jp-play-bar {
    position: absolute;
    width: 0;
    height: 15px;
    border-radius: 9px
}

.play_progress__load {
    top: 0;
    background-color: #5a4747
}

.jp-play-bar {
    top: 16px;
    background-color: #ec6d65
}

.play_progress__point {
    position: absolute;
    top: -16px;
    right: -25px;
    display: block;
    padding: 8px
}

.play_progress__point .icon {
    display: block
}

.jp-current-time {
    color: #000;
    float: left;
    margin: 44px 0 0 20px
}

.btn_barrage {
    float: left;
    display: block;
    margin: 32px 0 0 10px;
    width: 40px;
    height: 40px
}

.btn_barrage .icon {
    display: block;
    font-size: 0;
    line-height: 0
}

.play_show {
    position: relative
}

.mod_share {
    position: relative;
    z-index: 20;
    padding-top: 25px;
    float: right
}

.mod_share__txt {
    color: #000;
    float: left;
    margin: 5px 10px 0 0
}

.mod_share__icon {
    float: left;
    margin-right: 10px
}

.mod_share__icon .icon {
    display: block
}

.mod_share__code {
    position: absolute;
    z-index: 30;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px
}

.mod_share__code img {
    display: block;
    width: 128px;
    height: 128px
}

.mod_share__code p {
    font-size: 13px;
    text-align: center;
    width: 128px
}

.mod_share__code .arrow {
    overflow: hidden;
    position: absolute;
    bottom: -20px;
    right: 8px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #ccc
}

.mod_share__code .arrow span {
    position: absolute;
    top: -2px;
    left: 0;
    color: #fff
}

.singer_show {
    padding-bottom: 15px
}

.singer_con {
    padding: 52px 0 10px;
    overflow: hidden;
    zoom: 1
}

.singer_person {
    padding-left: 70px;
    overflow: hidden;
    zoom: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.singer_img {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    margin-left: -70px
}

.singer_img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.singer_img .icon_level {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -22px
}

.singer_user {
    position: relative;
    margin-top: 8px;
    zoom: 1;
    _margin-top: -50px
}

.singer_user__name {
    display: block;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0
}

.singer_user__info {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: grey
}

.singer_user__info .icon {
    /*margin: 0 3px 0 5px;
    top: 4px*/
}

.singer_user__info .icon_cup,
.singer_user__info .icon_ear,
.singer_user__info .icon_talk {
    /*position: absolute;
    top: 4.5px;
    left: 2px;*/
    /*bottom: 3.5px;*/
    top: -1px;
}

.singer_user__info strong {
    color: #f90;
    padding-left: 5px
}

.singer_say {
    margin-bottom: 10px
}

.singer_say_content {
    font-size: 14px;
    color: #666666;
}

.singer_say__cut {
    font-size: 14px
}

.singer_say__more {
    display: none
}

.singer_more {
    overflow: hidden;
    zoom: 1;
    color: grey
}

.singer_more .singer_user__info {
    float: left;
    white-space: nowrap
}

.singer_more .singer_more__time {
    float: right
}

.singer_time {
    display: inline;
    /*position: absolute;*/
    /*color: #999999;*/
    /*margin-left: 5px;*/
    /*left: 20px;*/
}

.singer_user__info .singer_time {
    display: inline;
    margin-left: 5px;
}

.singer_sang {
    float: right;
    margin-top: 10px;
    text-align: right;
    color: grey
}

a.singer_sang:visited {
    color: #808088
}

.singer_sang em {
    font-style: normal;
    zoom: 1
}

.singer_sang .icon {
    margin-left: 3px
}

.singer_follow {
    display: none;
    width: 74px;
    height: 25px;
    /*background-color: #f04f43;
    border-radius: 99px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #fff*/
}

.singer_show--solo .singer_coupe,
.singer_show--solo .singer_more,
.singer_show--solo .singer_sang {
    display: none
}

/*.singer_show--solo .singer_user__name {*/
/*_width: 150px*/
/*}*/

.singer_show--coupe .singer_person {
    float: left;
    width: 50%;
    *width: 33%
}

.singer_show--coupe .singer_sang,
.singer_show--coupe .singer_time,
.singer_show--coupe .singer_user .singer_user__info {
    display: none
}

.singer_show--coupe .singer_user__name {
    _width: 150px
}

.singer_show--sang .singer_coupe,
.singer_show--sang .singer_time,
.singer_show--sang .singer_user .singer_user__info {
    display: none
}

.singer_show--sang .singer_person {
    float: left;
    width: 65%;
    *width: 55%
}

.singer_show--sang .singer_user {
    _margin-top: 0
}

.singer_show--sang .singer_user__name {
    _width: 235px
}

.play_gift {
    padding: 5px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.play_gift__title {
    display: none
}

.play_gift__empty {
    overflow: hidden;
    zoom: 1
}

.play_empty__img {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px;
    _display: inline
}

.play_empty__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.play_empty__info {
    float: left;
    line-height: 50px;
    color: grey
}

.play_gift__more {
    display: none
}

.play_gift__rank {
    position: relative;
    height: 80px;
    overflow: hidden;
    color: grey;
    padding-top: 10px;
}

.play_rank__item {
    position: relative;
    float: left;
    width: 16.5%;
    padding: 10px 0;
    text-align: center
}

.play_rank__img {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.play_rank__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.play_rank__img .icon {
    position: absolute;
    top: -10px;
    left: 15px
}

.play_rank__count {
    text-align: center;
    padding-top: 5px
}

.mod_comment .mod_title {
    display: none
}

.mod_comment__show {
    position: relative;
    height: 349px;
    overflow-y: auto;
    border-bottom: 1px solid #efefef
}

.mod_comment__item {
    overflow: hidden;
    padding: 10px 0
}

.mod_comment__img {
    float: left;
    width: 50px;
    height: 50px
}

.mod_comment__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.mod_comment__con {
    margin: 0 10px 0 60px;
    _margin-top: -18px;
    overflow: hidden;
    zoom: 1
}

.mod_comment__name {
    float: left;
    width: 72%;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #000
}

.mod_comment__time {
    float: right;
    color: grey;
    line-height: 21px
}

.mod_comment__info {
    font-size: 14px;
    color: #000;
    clear: both
}

.mod_comment__none {
    margin-top: 40px;
    overflow: hidden
}

.mod_comment__none_img {
    float: left;
    margin: 0 40px 0 16px;
    width: 60px
}

.mod_comment__none_img img {
    display: block;
    width: 100%
}

.mod_comment__none_info {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    color: #000
}

.play_view {
    position: relative;
    margin-top: 20px;
    float: left
}

.play_view .btn_common {
    padding: 0 10px;
    font-size: 14px
}

.play_view .btn_common .icon_code {
    _top: 6px;
    _vertical-align: 3px
}

.play_view .mod_share__code .arrow {
    right: 60px
}

.mod_wrap--album {
    margin-bottom: 22px;
    overflow: hidden
}

.mod_wrap--album .play_gift {
    margin: 0 0 22px
}

.mod_wrap--album .play_gift__title {
    margin-bottom: 4px;
    display: block;
    font-size: 18px;
    color: #000
}

.mod_wrap--album .singer_user {
    _margin-top: 8px
}

.icon_play_white,
.icon_stop_white {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%
}

.icon_play_white {
    background-image: url(img/play_off.png?max_age=2592000&v=10980a952d574e16f512840c06b9e4ba)
}

.icon_stop_white {
    background-image: url(img/pause_off.png?max_age=2592000&v=08bfde8c1f39680386e4c0a8541971ce)
}

.mod_wrap--album .mod_title {
    display: block;
    margin-bottom: 0
}

.mod_title .mod_title__bar {
    display: none
}

.mod_wrap--album .mod_content {
    width: 300px
}

.mod_wrap--album .mod_sidebar {
    width: 630px
}

.mod_wrap--album .mod_comment__show {
    height: auto;
    max-height: 632px;
    _height: 632px
}

.mod_wrap--album .singer_user__info {
    margin-left: 0
}

.single {
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    background-color: #fff
}

.single .mod_title {
    margin-bottom: 0
}

.mod_song_list__item {
    padding: 12px 0;
    overflow: hidden;
    border-bottom: solid 1px #efefef;
    zoom: 1
}

.mod_song_list__avatar {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 4px
}

.mod_song_list__avatar img {
    display: block;
    width: 100%;
    -webkit-border-radius: 4px
}

.mod_song_list__body {
    _float: left;
    display: block;
    overflow: hidden
}

.mod_song_list__tit {
    margin-top: 3px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000
}

.mod_song_list__desc {
    font-size: 14px;
    color: grey
}

.mod_song_list__desc strong {
    margin-right: 6px;
    color: #f90
}

.mod_song_list__desc .icon_ear {
    margin: 0 4px
}

.play_intro,
.play_more {
    display: none
}

@media only screen and (max-width: 767px) {
    .mod_nav {
        height: 0
    }

    .icon_point {
        background-position: -127px -33px;
        background-size: 147px;
        width: 15px;
        height: 15px
    }

    .jp-play {
        background-position: -66px -65px;
        background-size: 147px;
        width: 30px;
        height: 30px
    }

    .jp-pause {
        background-position: -35px -65px;
        background-size: 147px;
        width: 30px;
        height: 30px
    }

    .btn_control .jp-play {
        background-position: -46px 0;
        background-size: 147px;
        width: 45px;
        height: 45px
    }

    .btn_control .jp-pause {
        background-position: 0 0;
        background-size: 147px;
        width: 45px;
        height: 45px
    }

    .icon_barrage_off {
        background-position: -92px 0;
        background-size: 147px;
        width: 34px;
        height: 34px
    }

    .icon_barrage_on {
        position: absolute;
        left: 15px;
        top: 5px;
        /*background-position: 0 -65px;
        background-size: 100px;*/
        width: 20px;
        height: 20px
    }

    .txt_barrage_on {
        position: absolute;
        left: 7px;
        top: 28px;
        font-size: 12px;
        color: #ffffff;
    }

    .icon_crown2 {
        background-image: url(/img/app/giftrank_num2.png);
        /*background-position: -91px -100px;
        background-size: 147px;*/
        width: 20px;
        height: 15px
    }

    .icon_crown3 {
        background-image: url(/img/app/giftrank_num3.png);
        /*background-position: -70px -100px;
        background-size: 147px;*/
        width: 20px;
        height: 15px
    }

    .icon_person {
        background: url(img/app/logo_icon.png) no-repeat 0 0;
        background-size: 99px auto;
        width: 14px;
        height: 13px;
        position: relative;
        top: -1px
    }

    .mod_content,
    .mod_sidebar {
        float: none;
        width: auto
    }

    .mod_sidebar {
        background-color: #fff
    }

    .mod_app__down,
    .mod_share,
    .play_edit,
    .play_name,
    .play_view {
        display: none
    }

    .play_lrc__cut {
        height: 73%
    }

    .play_lrc__list,
    .play_lrc__one p {
        font-size: 16px
    }

    .play_lrc__one p {
        width: 64%;
        position: absolute;
        bottom: 25px;
        left: 18%
    }

    .play_lrc__arrow {
        visibility: hidden
    }

    .play_lrc__nav {
        position: absolute;
        bottom: 10px;
        display: block;
        width: 100%;
        text-align: center;
        z-index: 100
    }

    .play_lrc__point {
        display: inline-block;
        width: 6px;
        height: 6px;
        -webkit-border-radius: 6px;
        background-color: rgba(255, 255, 255, .6)
    }

    .play_lrc__point--current {
        background-color: rgba(255, 255, 255, 1)
    }

    .play_control {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        border: 0
    }

    .jp-current-time,
    .btn_barrage,
    .btn_control,
    .jp-progress {
        position: absolute;
        float: none;
        margin: 0
    }

    .btn_control {
        left: 10px;
        bottom: 20px
    }

    .jp-progress {
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 30px;
        padding-right: 5%;
        -webkit-box-sizing: border-box;
        overflow: hidden
    }

    .jp-seek-bar {
        top: auto;
        bottom: 0;
        height: 30px;
        border-radius: 0;
        background-color: transparent
    }

    .play_progress__load {
        top: 16px;
        height: 4px;
        border-radius: 0
    }

    .jp-play-bar {
        top: auto;
        bottom: 0;
        height: 30px;
        border-radius: 0;
        background-color: transparent
    }

    .jp-seek-bar:after,
    .jp-play-bar:after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        margin-top: 16px
    }

    .jp-seek-bar:after {
        background-color: #cccccc
    }

    .jp-play-bar:after {
        background-color: #e75c56
    }

    .play_progress__point {
        position: absolute;
        top: -10px;
        right: -30px;
        display: block;
        padding: 20px
    }

    .jp-current-time {
        right: 13px;
        bottom: 13px;
        color: #fff
    }

    .btn_barrage {
        bottom: 35px;
        right: 5px;
        width: 50px;
        height: 50px;
    }

    .play_barrage {
        top: 50px
    }

    .singer_con {
        padding: 10px 0;
        display: -webkit-box;
        -webkit-box-align: center
    }

    /*.singer_show {*/
    /*margin: 0 10px*/
    /*}*/
    .singer_person {
        padding-left: 0;
        -webkit-box-flex: 1;
        display: -webkit-box;
        -webkit-box-align: center
    }

    .singer_user {
        margin-top: 0;
        -webkit-box-flex: 1
    }

    .singer_img {
        width: 50px;
        height: 50px;
        margin-left: 0;
        margin-right: 10px
    }

    .singer_show--sang .singer_sang {
        margin-top: 0;
        float: none
    }

    .singer_show--coupe .singer_person,
    .singer_show--sang .singer_person {
        float: none
    }

    .singer_show--solo .singer_follow {
        display: block
    }

    /*.singer_user__name {*/
    /*padding-right: 10px;*/
    /*-webkit-box-sizing: border-box*/
    /*}*/
    .singer_say {
        padding-top: 10px;
        border-top: 1px solid #efefef
    }

    .opus_list_title {
        position: relative;
        background: #efeff4;
        width: 100%;
        height: 30px;
        line-height: 30px
    }

    /*.opus_list_title:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: -12px;*/
    /*width: 100%;*/
    /*height: 10px;*/
    /*background-color: #f6f6f6;*/
    /*border-top: 1px solid #efefef;*/
    /*border-bottom: 1px solid #efefef*/
    /*}*/
    .gift_list_title {
        position: relative;
        background: #efeff4;
        width: 100%;
        height: 30px;
        line-height: 30px
    }

    /*.gift_list_title:before{*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: -12px;*/
    /*width: 100%;*/
    /*height: 10px;*/
    /*background-color: #f6f6f6;*/
    /*border-top: 1px solid #efefef;*/
    /*border-bottom: 1px solid #efefef*/
    /*}*/
    /*.opus_list_title:after{*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 1px;*/
    /*background-color: #f6f6f6;*/
    /*border-top: 1px solid #efefef;*/
    /*border-bottom: 1px solid #efefef*/
    /*}*/
    .search_icon {
        position: absolute;
        width: 18px;
        height: 20px;
        right: 15px;
        top: 11px;
    }

    .see_more {
        display: block;
        position: absolute;
        right: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #999999;
    }

    .opus_list__item {
        position: relative;
        background: #f8f8f8;
        border-radius: 5px;
        margin-bottom: 5px;
        /*margin: 10px;*/
        width: 100%;
        height: 50px;
        line-height: 50px
    }

    .opus_name {
        position: absolute;
        font-size: 14px;
        color: #666666;
        left: 13px;
        top: -10px;
        /*margin-bottom: 5px;*/
        font-style: normal;
    }
    /*更多作品省略号规则*/
    .opus_names{
        display: inline-block;
        margin-right: 10px;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .opus_writr{
        display: inline-block;
        width: 80px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 12px;
        color: #666666;
    }
    /*15秒节点弹窗*/
    #jp_container_1{
        position: relative;
    }
    .warm_prompt{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        color: #ffffff;
        letter-spacing: 2px;
    }
    .sweet_words{
        text-align: center;
        margin-top: 132px;
        color: #F2F2F2;
        font-size: 18px;
        padding-bottom:20px;
    }
    .sweet_btn{
        display: flex;
        justify-content: center;
        color: #F2F2F2;
        font-size: 16px;
    }
    .sweet_btn .cancel_btn{
        border: 1px solid #f04f43;
        font-size: 16px;
        padding: 10px 40px;
        border-radius: 5px;
        margin-right: 10px;
    }
    .sweet_btn .yes_btn{
        font-size: 16px;
        padding: 10px 40px;
        background-color: #f04f43;
        border-radius: 5px;
        margin-left: 10px;
    }
    /*end*/
    .opus_writer {
        position: absolute;
        left: 150px;
        top: -10px;
        font-size: 12px;
        color: #999999;
    }

    .opus_data {
        position: absolute;
        left: 13px;
        bottom: -15px;
        font-size: 10px;
        color: #999999;
    }

    .opus_addtime {
        position: absolute;
        font-size: 10px;
        bottom: 10px;
        right: 15px;
        color: #999999;
    }

    .play_gift {
        position: relative;
        border: 0;
        /*margin-top: 10px;*/
        padding-bottom: 10px;
        padding-top: 10px;
    }

    /*.play_more:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 10px;*/
    /*background-color: #f6f6f6;*/
    /*border-top: 1px solid #efefef;*/
    /*border-bottom: 1px solid #efefef*/
    /*}*/
    /*.play_gift:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 10px;*/
    /*background-color: #f6f6f6;*/
    /*border-top: 1px solid #efefef;*/
    /*border-bottom: 1px solid #efefef*/
    /*}*/
    .play_gift__title {
        display: block;
        font-size: 16px;
        padding: 0 13px 5px
    }

    .play_empty__img {
        width: 40px;
        height: 40px
    }

    .play_empty__info {
        line-height: 40px
    }

    .play_gift__rank {
        height: 70px
    }

    .play_rank__item {
        position: relative;
        float: left;
        width: auto;
        margin: 0 7px 0 15px;
        padding: 10px 0;
        text-align: center
    }

    .play_rank__img {
        width: 40px;
        height: 40px
    }

    .play_rank__img .icon {
        left: 10px
    }

    .play_gift__more {
        display: block;
        position: absolute;
        right: 2px;
        top: 26px;
        /*padding: 22px 12px*/
    }

    .mod_comment .mod_title {
        display: block
    }

    .mod_title__info {
        font-size: 14px
    }

    .mod_comment__show {
        height: auto;
        margin-bottom: 20px
    }

    .mod_comment__list {
        margin: 0 10px
    }

    .mod_comment__item {
        border-bottom: 1px solid #efefef
    }

    .mod_comment__item:last-child {
        border-bottom: 0
    }

    .mod_comment__img {
        width: 40px;
        height: 40px
    }

    .mod_comment__con {
        margin-left: 50px
    }

    .mod_comment__play {
        padding-left: 45px
    }

    .mod_comment__icon {
        margin-left: -35px
    }

    .btn_app {
        display: block
    }

    .play_more {
        position: relative;
        display: block;
        padding: 30px 15px 18px 15px;
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
        /*padding-top: 30px;*/
        /*padding-bottom: 18px;*/
    }

    .play_more:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 10px;
        background-color: #f6f6f6;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef
    }

    .play_more:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 10px;
        background-color: #f6f6f6;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef
    }

    .play_more .btn_app {
        margin-bottom: 0
    }

    .play_more__title {
        font-size: 16px;
        color: #000;
        padding: 0 10px 10px
    }

    .mod_playlist {
        padding-bottom: 0;
        overflow: auto;
        white-space: nowrap
    }

    .mod_playlist__show {
        overflow: visible;
        margin-left: 10px
    }

    .mod_playlist__item {
        float: none;
        display: inline-block;
        width: 32.5%;
        margin-bottom: 0;
        margin-left: -3px
    }

    .mod_playlist__work {
        max-width: 100%
    }

    .mod_playlist__title p {
        margin-right: -5px
    }

    .mod_wrap--album {
        margin-bottom: 0;
        overflow: visible
    }

    .mod_wrap--album .play_gift {
        margin-bottom: 0
    }

    .mod_wrap--album .play_gift__title {
        font-size: 16px
    }

    .mod_wrap--album .mod_content,
    .mod_wrap--album .mod_sidebar {
        width: auto
    }

    .single:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #efefef
    }

    .mod_song_list__item {
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        margin-left: 10px
    }

    .mod_song_list__item:last-child {
        border-bottom: none
    }

    .mod_song_list__tit {
        margin-top: 0
    }

    .mod_song_list__avatar {
        display: block;
        float: none
    }

    .mod_song_list__body {
        display: block;
        -webkit-box-flex: 1
    }

    .mod_song_list__desc .icon_ear {
        vertical-align: middle
    }

    .play_intro {
        position: absolute;
        z-index: 20;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        background-color: rgba(0, 0, 0, .7)
    }

    .play_intro__con {
        font-size: 16px;
        color: #fff;
        text-align: center
    }

    .play_intro__btn {
        display: inline-block;
        height: 35px;
        padding: 0 20px;
        margin: 25px 10px 0;
        border: 1px solid #e7e1e1;
        border-radius: 35px;
        font-size: 16px;
        color: #fff;
        line-height: 35px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .mod_content {
        width: 350px
    }

    .jp-progress {
        width: 148px
    }

    .mod_sidebar {
        width: 350px
    }

    .mod_wrap--album .mod_content {
        width: 300px
    }

    .mod_wrap--album .mod_sidebar {
        width: 400px
    }

    .mod_comment__show {
        height: 209px
    }

    .singer_more .singer_more__time,
    .singer_more .singer_user__info {
        float: none
    }

    .mod_app__down {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .mod_content {
        width: 600px
    }

    .mod_wrap--album .mod_content {
        width: 300px
    }

    .jp-progress {
        width: 398px
    }

    .mod_sidebar {
        width: 550px
    }

    .mod_wrap--album .mod_sidebar {
        width: 850px
    }

    .mod_comment__show {
        height: 459px
    }

    .play_lrc__cut {
        overflow: hidden;
        height: 43em
    }

    .mod_app__down .btn_strong {
        padding: 0 15px;
        margin-left: 15px
    }
}

.face {
    width: 20px;
    height: 20px;
    vertical-align: -3px;
}

.mask {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.mask img {
    width: 295px;
    height: 310px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.soft_statement {
    display: block;
    font-size: 12px;
    height: 40px;
    color: #999999;
    line-height: 40px;
    text-align: center
}

.more_icon {
    width: 20px;
    height: 20px;
}

/* 礼物样式start*/
/*@keyframes show_spare {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -310px;
    }
}

@-moz-keyframes show_spare
    !* Firefox *!

{
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -310px;
    }
}

@-webkit-keyframes show_spare
    !* Safari 和 Chrome *!

{
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -310px;
    }
}

@-o-keyframes show_spare
    !* Opera *!

{
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -310px;
    }
}

.giftBGC {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 100;
    display: none;
}

.giftList {
    width: 100%;
    height: 280px;
    position: fixed;
    top: 100%;
    margin-top: -310px;
    background-color: white;
    z-index: 111;
    animation: show_spare 1s;
    -webkit-animation: show_spare 1s;
    overflow: scroll;
}

.gift_title {
    z-index: 10;
    position: fixed;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    height: 50px;
    background-color: #f04f43;
}

.gift_table {
    margin-top: 50px;
    width: 100%;
}

.gift_table td {
    width: 25%;
}

.count_container {
    font-size: 12px;
    height: 110px;
    text-align: center;
}

.class_img {
    margin-top: 10px;
    width: 50px;
    height: 50px;
}

.count_container p {
    height: 14px;
    line-height: 14px;
    margin-top: 5px;
}

.count_container .kcoin {
    width: 10px;
    height: 10px;
    !*margin-bottom: 3px;*!
}

.count_container .hook {
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    width: 15px;
    height: 15px;
}

.gift_num {
    position: fixed;
    height: 29px;
    width: 100%;
    bottom: 0;
    color: #636363;
    background-color: #ffffff;
    font-size: 14px;
    border-top: 1px solid #e0e0e0;
}

.gift_num .num_name {
    background-color: #ffffff;
    position: absolute;
    height: 100%;
    max-width: 70px;
    line-height: 29px;
    padding-left: 15px;
}

.gift_num .num_s {
    color: #676767;
    position: absolute;
    left: 70px;
    right: 130px;
}

.num_s div {
    display: inline-table;
    width: 17%;
    line-height: 29px;
    text-align: center;
    border-left: 1px solid #e0e0e0;
}

.num_s div:last-child {
    border-right: 1px solid #e0e0e0;
}

.btn {
    position: absolute;
    right: 10px;
    min-width: 120px;
}

.button {
    display: inline-table;
    text-align: center;
}

.custom {
    line-height: 29px;
    width: 46%;
    color: #303030;
}

.confirm {
    !*margin-top: 3px;*!
    width: 46%;
    height: 24px;
    line-height: 24px;
    background-color: #f05042;
    color: #ffffff;
    border-radius: 5px;
}*/
/* 礼物样式end*/

.click_btu {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.click_btu .gift_button_opus {
    display: none;
}

.click_btu .gift_button_poem {
    display: none;
}

.click_btu_child {
    display: inline-table;
    border-radius: 15px;
    border: 1px solid #ec6d65;
    color: #ec6d65;
    padding: 0 14px;
}

.gift_button {
    display: none;
    position: absolute;
    right: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -22px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #ec6d65;
    color: #ec6d65;
    padding: 0 15px;
}

.gift_rank_crown {
    width: 20px;
    height: 9px;
    position: absolute;
    top: -8px;
    left: 10px
}

.reward {
    position: fixed;
    top: 55px;
    right: 10px;
    z-index: 100;
}

.reward img {
    width: 50px;
    height: 50px;
}

.cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 15;
    display: none;
}

.spare_container {
    width: 100%;
    height: 230px;
    position: fixed;
    top: 100%;
    margin-top: -230px;
    background-color: white;
    z-index: 12;
    animation: show_spare 0.5s;
    -webkit-animation: show_spare 0.5s;
}

.share_title {
    text-align: center;
    font-size: 15px;
    color: white;
    width: 100%;
    height: 44px;
    background-color: #f04f43;
    line-height: 44px;
}

.custom_count_container {
    width: 80px;
    height: 30px;
    border-width: 2px;
    border-radius: 3px;
    border-color: #f04f43;
    border-style: solid;
    margin: 10px;
}

.count_number {
    width: 100%;
    height: 30px;
    font-size: 20px;
    color: #f04f43;
    line-height: 30px;
    text-align: center;
    float: left;
}

.count_number a {
    color: #f04f43;
}

.count_label {
    width: 30%;
    height: 60%;
    font-size: 10px;
    color: #f04f43;
    float: left;
    margin-top: 15%;
    margin-left: -30%
}

.random_count_container {
    width: 120px;
    height: 30px;
    border-width: 2px;
    border-radius: 3px;
    border-color: #f04f43;
    border-style: solid;
    margin: auto;
}

.center_p {
    line-height: 30px;
    height: 30px;
    width: 100%;
    text-align: center;
    color: #f04f43;
    font-size: 18px;
}

.random_popup_container {
    width: 240px;
    height: 150px;
    background-color: white;
    position: relative;
    top: 40%;
    left: 50%;
    margin-left: -120px;
    margin-top: -75px;
    border-radius: 5px;
}

.random_input_header {
    width: 100%;
    height: 40px;
}

.random_header_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: rgb(82, 83, 84);
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
}

.button_spare_cancel {
    width: 30px;
    height: 30px;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.button_spare_cancelV2 {
    width: 8px;
    height: 15px;
    padding: 5px;
    top: 8px;
    left: 5px;
    position: absolute;
}

.random_input_acc_container {
    width: 192px;
    height: 30px;
    border-radius: 3px;
    border-color: rgb(220, 220, 220);
    border-width: 1px;
    left: 23px;
    position: relative;
    border-style: solid;
    margin-top: 15px;
}

.random_input {
    border-style: none;
    height: 30px;
    width: 120px;
    float: left;
    margin-left: 5px;
    font-size: 15px;
}

.random_flower_icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin: 5px;
    float: left;
}

.random_flower_iconV2 {
    width: 12px;
    margin-left: 5px;
    margin: 5px;
    float: left;
}

.dice {
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 5px;
    margin-top: 3px;
}

.custom_input {
    position: absolute;
    margin-top: 15px;
    left: 24px;
    width: 192px;
    height: 30px;
    color: white;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    border-color: #f04f43;
    border-style: solid;
    background-color: #f04f43;
}

.looper_img {
    height: 23px;
    width: 20px;
    position: absolute;
    left: 15px;
    top: 5px;
    /*background-position: 0 -65px;
    background-size: 100px;*/
}

.btn_looper {
    position: absolute;
    bottom: 90px;
    right: 5px;
    width: 50px;
    height: 50px;
}

.txt_looper {
    position: absolute;
    left: 7px;
    top: 30px;
    color: #ffffff;
}

.ovfHiden {
    overflow: hidden;
    height: 100%;
}

/* 礼物样式V2start*/
@keyframes show_spare {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -210px;
    }
}

@-moz-keyframes show_spare
    /* Firefox */

{
    from {
        margin-top: 0;
    }
    to {
        margin-top: -210px;
    }
}

@-webkit-keyframes show_spare
    /* Safari 和 Chrome */

{
    from {
        margin-top: 0;
    }
    to {
        margin-top: -210px;
    }
}

@-o-keyframes show_spare
    /* Opera */

{
    from {
        margin-top: 0;
    }
    to {
        margin-top: -210px;
    }
}

.giftBGCV2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 100;
    display: none;
}

.giftListV2 {
    width: 100%;
    height: 180px;
    position: fixed;
    top: 100%;
    margin-top: -210px;
    background-color: white;
    z-index: 111;
    animation: show_spare 1s;
    -webkit-animation: show_spare 1s;
    /*overflow: scroll;*/
}

.gift_titleV2 {
    z-index: 10;
    position: fixed;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    height: 45px;
    background-color: #f04f43;
}

.glist {
    top: 45px;
    width: 100%;
    height: 145px;
    margin: 0 auto;
    position: absolute;
}

.count_containerV2 {
    top: 22px;
    width: 75px;
    height: 35px;
    color: #f04f43;
    border-radius: 5px;
    border: 1px solid #f04f43;
    position: relative;
    margin: 0 auto;
    /*display: inline-block;*/
    background-color: #f1f1f1;
}

.count_container {
    width: 80px;
    height: 30px;
    border-width: 2px;
    border-radius: 3px;
    border-color: #f04f43;
    border-style: solid;
    margin: 10px;
}

.count_containerV2 > img {
    top: 5px;
    left: 10px;
    right: 0;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    position: relative;
}

.gift_name {
    top: 6px;
    left: 10px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

.remark {
    left: 0;
    right: 0;
    top: 60px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.gift_numV2 {
    position: fixed;
    height: 29px;
    width: 100%;
    bottom: 0;
    color: #636363;
    background-color: #ffffff;
    font-size: 14px;
    border-top: 1px solid #e0e0e0;
}

.gift_numV2 .num_name {
    background-color: #ffffff;
    position: absolute;
    height: 100%;
    max-width: 70px;
    line-height: 29px;
    padding-left: 20px;
}

.gift_numV2 .num_sV2 {
    color: #676767;
    position: absolute;
    left: 70px;
    right: 130px;
}

.num_sV2 div {
    display: inline-table;
    width: 17%;
    line-height: 29px;
    text-align: center;
    border-left: 1px solid #e0e0e0;
}

.num_sV2 div:last-child {
    border-right: 1px solid #e0e0e0;
}

.btnV2 {
    position: absolute;
    right: 10px;
    min-width: 120px;
}

.buttonV2 {
    display: inline-table;
    text-align: center;
}

.customV2 {
    line-height: 29px;
    width: 46%;
    color: #303030;
}

.confirmV2 {
    /*margin-top: 3px;*/
    width: 46%;
    height: 24px;
    line-height: 24px;
    background-color: #f05042;
    color: #ffffff;
    border-radius: 5px;
}

/* 礼物样式V2end*/