@charset "UTF-8";
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 12px;
    -webkit-text-size-adjust: 100% !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
    user-select: none
}

article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, input, legend, li, menu, nav, ol, optgroup, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, menu, nav, optgroup, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    a:active {
        background-color: transparent
    }
}

b, cite, code, em, i, small, th {
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button, input, select, textarea {
    font-size: 1em;
    outline: 0
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

button, input[type=button], input[type=submit] {
    cursor: pointer
}

button[disabled], input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

fieldset, iframe, img {
    border: 0 none
}

img {
    display: inline-block;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
    border: none
}

iframe {
    display: block
}

ol, ul {
    list-style: none
}

li {
    vertical-align: top
}

q:after, q:before {
    content: ''
}

.cf:after, .cf:before {
    content: '';
    display: table
}

.cf:after {
    clear: both
}

a {
    color: #222;
    text-decoration: none;
    outline: 0
}

.flex, .flex_h_avg, .flex_hc, .flex_justify, .flex_v_h, .flex_v_justify, .flex_vc, .ipt_conflict, .ui_pop, [class*=" btn_"], [class^=btn_] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.flex_hc, .flex_v_justify, .ipt_conflict {
    -webkit-align-items: center;
    align-items: center
}

.flex_vc {
    -webkit-justify-content: center;
    justify-content: center
}

.flex_v_h, .ui_pop, [class*=" btn_"], [class^=btn_] {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.flex_justify, .flex_v_justify {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.flex_h_avg {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.g_max, .mod_user .thumb_pic, .svg_icon svg, .user_banner .banner_link, .user_banner img {
    width: 100%;
    height: 100%
}

.g_img {
    width: 100%;
    background-color: #ebebeb
}

.g_v_mid, .mod_user .info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.g_c_mid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.g_v_c_mid, .global_loading, .icon_qq .svg_icon_qq, .icon_qq_bg .svg_icon_qq, .icon_qq_bg_white .svg_icon_qq, .icon_wechat_bg .svg_icon_qq, .icon_wechat_bg .svg_icon_wechat, .icon_wechat_bg_white .svg_icon_qq, .icon_wechat_bg_white .svg_icon_wechat, .icon_wx .svg_icon_wx, .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0)
}

.g_bg_img {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: center center
}

.t_main {
    color: #d6ab56
}

[class*=" btn_"], [class^=btn_] {
    -webkit-tap-highlight-color: transparent
}

.ui_logo, .ui_logo_gold {
    display: inline-block;
    background-image: url(//vm.gtimg.cn/tencentvideo/vstyle/newvip/style/h5/imgs/common/logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 104px;
    height: 19px
}

.ui_logo_gold {
    background-image: url(//vm.gtimg.cn/tencentvideo/vstyle/newvip/style/h5/imgs/common/logo_gold.svg)
}

.ui_pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1000
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 999
}

.global_loading {
    position: fixed
}

.svg_icon {
    display: inline-block
}

.svg_none {
    position: absolute;
    width: 0;
    height: 0
}

.none {
    display: none !important
}

.hide {
    visibility: hidden !important
}

.ui_grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.icon, .svg_icon {
    display: inline-block;
    color: inherit
}

.svg_icon {
    width: 16px;
    height: 16px
}

.svg_icon path, .svg_icon use {
    fill: currentColor
}

.icon_qq_bg, .icon_qq_bg_white, .icon_wechat_bg, .icon_wechat_bg_white {
    width: 12px;
    height: 12px;
    background-color: #4baef4;
    border-radius: 100%;
    text-align: center
}

.icon_qq_bg .svg_icon_qq, .icon_qq_bg_white .svg_icon_qq, .icon_wechat_bg .svg_icon_qq, .icon_wechat_bg_white .svg_icon_qq {
    width: 8px;
    height: 8px;
    color: #fff
}

.icon_wechat_bg, .icon_wechat_bg_white {
    background-color: #51c332
}

.icon_wechat_bg .svg_icon_wechat, .icon_wechat_bg_white .svg_icon_wechat {
    width: 8px;
    height: 8px;
    color: #fff
}

.svg_icon.icon_back {
    width: 24px;
    height: 24px
}

.svg_icon.icon_arrow_down {
    transform: rotate(90deg)
}

.icon_vip {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../imgs/common/sprite_icon_vip_lv.svg) 0 0 no-repeat;
    -webkit-background-size: 240px auto;
    background-size: 240px auto
}

.icon_vip_l {
    width: 33px;
    background-position: -22px 0
}

.icon_vipyear {
    width: 41px;
    background-position: -60px 0
}

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

.icon_vip_num {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 10px;
    height: 10px;
    background: url(../../imgs/common/sprite_icon_vip_lv.svg) 0 -46px no-repeat;
    -webkit-background-size: 240px auto;
    background-size: 240px auto
}

.icon_vip_l .icon_vip_num, .icon_vipyear .icon_vip_num {
    top: 8px;
    left: 24px;
    width: 5px;
    height: 6px;
    background-position: 0 -66px
}

.icon_vip_lv2 .icon_vip_num {
    background-position: -10px -46px
}

.icon_vip_lv3 .icon_vip_num {
    background-position: -20px -46px
}

.icon_vip_lv4 .icon_vip_num {
    background-position: -30px -46px
}

.icon_vip_lv5 .icon_vip_num {
    background-position: -40px -46px
}

.icon_vip_lv6 .icon_vip_num {
    background-position: -50px -46px
}

.icon_vip_lv7 .icon_vip_num {
    background-position: -60px -46px
}

.icon_vip_l .icon_vip_num, .icon_vipyear .icon_vip_num {
    background-position-y: -66px
}

.icon_vipyear_lv2 .icon_vip_num {
    background-position: -10px -66px
}

.icon_vipyear_lv3 .icon_vip_num {
    background-position: -20px -66px
}

.icon_vipyear_lv4 .icon_vip_num {
    background-position: -30px -66px
}

.icon_vipyear_lv5 .icon_vip_num {
    background-position: -40px -66px
}

.icon_vipyear_lv6 .icon_vip_num {
    background-position: -50px -66px
}

.icon_vip_lv7 {
    background-position: -105px 0
}

.icon_vip_grey.icon_vip_lv7 {
    background-position: -105px -22px
}

.icon_vip_l.icon_vip_lv7 {
    background-position: -130px 0
}

.icon_vipyear.icon_vip_grey.icon_vip_lv7 {
    background-position: -170px -22px
}

.icon_vip_l.icon_vip_lv7 {
    background-position: -130px 0
}

.icon_vip_grey.icon_vip_l.icon_vip_lv7 {
    background-position: -130px -22px
}

.icon_vipyear.icon_vip_lv7, .icon_vipyear.icon_vipyear_lv7 {
    background-position: -170px 0
}

.icon_vip_l.icon_vip_lv7 .icon_vip_num, .icon_vipyear.icon_vip_lv7 .icon_vip_num, .icon_vipyear_lv7 .icon_vip_num {
    background: 0 0
}

.icon_svip {
    background-position: -102px -42px
}

.icon_svip .icon_vip_num {
    display: none
}

.icon_yearvip_grey {
    width: 41px;
    background-position: -125px -44px
}

.icon_vip_lv7.icon_yearvip_grey {
    background-position: -170px -44px
}

.icon_vip_grey {
    background-position: 0 -22px
}

.icon_vip_grey .icon_vip_num {
    background-position-y: -56px
}

.icon_vip_l.icon_vip_grey {
    background-position: -22px -22px
}

.icon_vipyear.icon_vip_grey {
    background-position: -60px -22px
}

.icon_vip_grey.icon_vip_l .icon_vip_num, .icon_vip_grey.icon_vipyear .icon_vip_num {
    background-position-y: -76px
}

.lte_ie8 .icon_vip, .lte_ie8 .icon_vip_lv1 .icon_vip_num, .lte_ie8 .icon_vip_lv2 .icon_vip_num, .lte_ie8 .icon_vip_lv3 .icon_vip_num, .lte_ie8 .icon_vip_lv4 .icon_vip_num, .lte_ie8 .icon_vip_lv5 .icon_vip_num, .lte_ie8 .icon_vip_lv6 .icon_vip_num, .lte_ie8 .icon_vip_lv7 .icon_vip_num, .lte_ie8 .icon_vip_num {
    background-image: url(../../imgs/common/sprite_icon_vip_lv.png)
}

.icon_qq_bg, .icon_qq_bg_white, .icon_wechat_bg, .icon_wechat_bg_white {
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #4baef4;
    border-radius: 100%
}

.icon_qq_bg .svg_icon_qq, .icon_qq_bg_white .svg_icon_qq, .icon_wechat_bg .svg_icon_qq, .icon_wechat_bg_white .svg_icon_qq {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 8px;
    color: #fff
}

.icon_qq_bg_white {
    background-color: #fff
}

.icon_qq_bg_white .svg_icon_qq {
    color: #4baef4
}

.icon_wechat_bg, .icon_wechat_bg_white {
    background-color: #51c332
}

.icon_wechat_bg .svg_icon_wechat, .icon_wechat_bg_white .svg_icon_wechat {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 8px;
    color: #fff
}

.icon_wechat_bg_white {
    background-color: #fff
}

.icon_wechat_bg_white .svg_icon_wechat {
    color: #51c332
}

.icon_loading {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background-image: url(../../imgs/common/loading.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.icon_loading_v2 {
    display: block;
    width: 27px;
    height: 10px;
    margin: 0 auto;
    background: url(http://imgcache.gtimg.cn/tencentvideo_v1/vstyle/mobile/v2/style/img/common/loading.png) 0 0 no-repeat;
    -webkit-background-size: 27px 300px;
    background-size: 27px 300px;
    -webkit-animation: loading 1s steps(30) infinite
}

@-webkit-keyframes loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -300px
    }
}

.btn, .icon {
    display: inline-block
}

.icon_qq, .icon_wx {
    width: .427rem;
    height: .427rem;
    border-radius: 100%;
    text-align: center
}

.icon_qq {
    background-color: #4baef4
}

.icon_qq .svg_icon_qq {
    width: 8px;
    height: 8px;
    color: #fff
}

.icon_wx {
    background-color: #51c332
}

.icon_wx .svg_icon_wx {
    width: 8px;
    height: 8px;
    color: #fff
}

.mod_banner {
    height: 4rem
}

.mod_banner .banner_link, .mod_banner .banner_pic {
    display: block;
    height: 100%
}

.mod_content {
    padding: 0 .4rem
}

.mod_user {
    position: relative;
    margin: .4rem 0 .587rem
}

.mod_user .thumb {
    position: relative;
    width: 1.333rem;
    height: 1.333rem
}

.mod_user .thumb .icon {
    position: absolute;
    right: 0;
    bottom: 0
}

.mod_user .thumb_pic {
    border-radius: 50%
}

.mod_user .info {
    left: 1.653rem
}

.mod_user .info .title {
    font-size: 0
}

.mod_user .info .title .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: .427rem;
    font-weight: 600;
    line-height: .587rem;
    color: #222;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 4.267rem;
    line-height: 1.2
}

.mod_user .info .title > i {
    vertical-align: middle;
    margin-left: .133rem
}

.mod_user .info .desc {
    line-height: .48rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.2;
    font-size: .347rem;
    color: #999
}

.mod_user .info .desc .switch {
    margin-left: .133rem;
    color: #cc9629;
    font-weight: 600
}

.mod_user .info .desc_secondly {
    line-height: .48rem;
    color: #979797
}

.mod_user .info .desc_secondly .account {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 3.733rem;
    line-height: 1.2;
    line-height: .48rem;
    vertical-align: top
}

.mod_user .action {
    position: absolute;
    top: .427rem;
    right: 0
}

.mod_user .action.location {
    top: -1px
}

.mod_user .action .txt {
    color: #e3b356;
    font-size: .373rem
}

.mark_free_limit, .mark_vip_coupon, .mark_vip_free, .mark_vod {
    width: 68px;
    -webkit-transform: rotate(-45deg) translate(-20px, -4px);
    transform: rotate(-45deg) translate(-20px, -4px)
}

html {
    background: #fff
}

body, html {
    width: 100%;
    height: 100%
}

.main_container {
    position: relative;
    width: 100%;
    min-height: 100%
}

.icon_refresh {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../../imgs/vip_cdkey/icon_refresh.png) no-repeat 0 0;
    background-size: 100%
}

.user_banner {
    position: relative;
    height: 4rem
}

.user_banner .banner_link, .user_banner img {
    display: block
}

.user_banner .banner_mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../../imgs/vip_cdkey/bg_banner_mask.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom
}

.cf:after, .cf:before {
    content: '';
    display: table
}

.cf:after {
    clear: both
}

.user_info {
    padding: 15px 15px 15px 20px;
    position: relative
}

.user_info .user_detail, .user_info .user_img {
    float: left
}

.user_info .user_detail {
    margin-left: 11px;
    margin-top: 8px
}

.user_img .pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.user_img .pic {
    display: inline-block;
    width: 51px;
    height: 51px
}

.user_detail .tips {
    font-size: 16px;
    line-height: 18px;
    color: #042222
}

.user_detail .detail_btn {
    font-size: 13px;
    line-height: 18px;
    color: #8d8d8d
}

.user_detail .btn_login {
    color: #8d8d8d
}

.user_img .pic {
    position: relative
}

.user_detail .tips .name {
    float: left;
    max-width: 100px;
    line-height: 18px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 3px
}

.exchange_succ {
    margin: -.16rem 0 .667rem;
    text-align: center
}

.exchange_succ .succ_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../../imgs/vip_cdkey/icon_succeed_lg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.exchange_succ .succ_titl {
    text-align: center;
    font-size: .4rem;
    color: #e3b05d;
    margin: .293rem 0 .16rem
}

.exchange_succ .succ_mess {
    font-size: .347rem;
    line-height: .587rem;
    color: #222;
    text-align: center
}

.exchange_succ .succ_mess .mess_day {
    color: #e3b356;
    font-weight: 700
}

.exchange_succ .succ_mess .link {
    color: #e3b356
}

.user_img .pic .u_icon {
    position: absolute;
    right: -4px;
    bottom: 0
}

.mod_select_btn .btn_cont {
    display: block;
    text-align: center
}

.mod_select_btn .btn_exchange {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #e3b356;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    position: relative
}

.mod_select_btn .btn_exchange:before {
    content: "";
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-radius: 40px;
    border: 1px solid #e3b356;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform: scale(.5);
    transform-origin: 0 0
}

.mod_select_btn .btn_open {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e3b356;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 15px
}

.mod_select_btn .link {
    color: #e3b356;
    font-size: 16px
}

.user_pic {
    position: relative;
    z-index: 2;
    height: .32rem
}

.user_pic .pic {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: .55rem;
    height: .55rem;
    margin: -.3rem 0 0 -.275rem;
    background: #fff;
    border-radius: 50%
}

.user_pic .pic .u_icon_qq, .user_pic .pic .u_icon_wx {
    position: absolute;
    right: -3px;
    bottom: -3px
}

.user_pic .pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.user_tips {
    position: relative;
    padding: 0 15px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #222;
    margin-bottom: 24px
}

.user_tips .btn_login {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #222;
    text-align: center
}

.user_tips .user_info {
    display: inline-block;
    position: relative
}

.user_info .btn_change {
    position: absolute;
    right: 18px;
    top: 18px;
    font-size: 14px;
    line-height: 21px;
    color: #e3b356
}

.user_info.not_vip_info .detail_btn {
    display: none
}

.user_info.not_vip_info .user_detail {
    margin-top: 15px
}

.user_info.not_vip_info .btn_change {
    top: 28px
}

.cdk_warning {
    font-size: .347rem;
    color: #222;
    margin-bottom: .373rem
}

.cdk_warning .warning_desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.2;
    line-height: .48rem
}

.cdk_warning .warning_txt {
    font-size: 15px;
    line-height: 16px
}

.user_tips .tit {
    line-height: 20px;
    color: #222;
    font-size: 16px;
    vertical-align: middle;
    overflow: hidden;
    zoom: 1
}

.user_tips .tit .name {
    float: left;
    max-width: 100px;
    line-height: 18px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 3px
}

.user_tips .tit .u_icon_vip, .user_tips .tit .u_icon_vip_lost, .user_tips .tit .u_icon_vip_year, .user_tips .tit .u_icon_vip_year_lost, .user_tips .tit .u_icon_vip_year_past {
    float: left;
    display: block
}

@media screen and (width: 320px) {
    .mod_user .info .desc_secondly .account {
        max-width: 75px
    }
}

@media only screen and (max-width: 360px) and (min-width: 321px) {
    .user_tips .tit .name {
        max-width: 100px
    }

    .user_detail .tips .name {
        max-width: 100px
    }
}

@media only screen and (max-width: 375px) and (min-width: 361px) {
    .user_tips .tit .name {
        max-width: 130px
    }

    .user_detail .tips .name {
        max-width: 130px
    }
}

@media only screen and (max-width: 384px) and (min-width: 376px) {
    .user_tips .tit .name {
        max-width: 130px
    }

    .user_detail .tips .name {
        max-width: 130px
    }
}

@media only screen and (max-width: 400px) and (min-width: 385px) {
    .user_tips .tit .name {
        max-width: 130px
    }

    .user_detail .tips .name {
        max-width: 130px
    }
}

@media only screen and (min-width: 401px) {
    .user_tips .tit .name {
        max-width: 175px
    }

    .user_detail .tips .name {
        max-width: 175px
    }
}

.user_tips .btn_change {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 13px;
    line-height: 20px;
    color: #979797
}

.code_list .ipt_btn, .code_list .ipt_text, .ipt_conflict {
    position: relative;
    background: #fff;
    margin-bottom: 15px
}

.ipt_conflict {
    height: 40px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: .347rem
}

.ipt_conflict .desc {
    color: #222
}

.ipt_conflict .action {
    color: #e3b356
}

.code_list .ipt_error {
    font-size: 0;
    margin: .453rem 0
}

.code_list .ipt_error .icon_error_txt {
    font-size: .347rem;
    display: inline-block;
    vertical-align: middle;
    color: #e60012
}

.code_list .ipt_error .icon_error {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../imgs/vip_cdkey/icon_error.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: .187rem
}

.code_list .ipt_code {
    width: 100%;
    height: 40px;
    line-height: 20px;
    background: #fff;
    color: #000;
    border: 1px solid #cacaca;
    outline: 0;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none
}

.code_list .ipt_code:focus {
    border-color: #e3b356
}

.code_list .ipt_text .disabled_mark {
    background: #f0f0f2;
    color: #a0a0a0
}

.code_list .ipt_code.error {
    border: 1px solid #f7463c;
    color: #000 !important
}

.code_list .ipt_btn .ipt_code {
    padding: 0 125px 0 15px
}

.code_list .ipt_code::-webkit-input-placeholder {
    color: #cacaca
}

.code_list .btn_code {
    position: absolute;
    right: -1px;
    top: 0;
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: #cacaca;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 0 20px 20px 0
}

.code_list .ipt_checkcode_out {
    width: 100%;
    padding: 0 115px 0 0
}

.code_list .ipt_checkcode_out .ipt_code {
    width: 100%;
    padding: 0 15px 0 15px
}

.code_list .check_img {
    position: absolute;
    right: 35px;
    top: 0;
    width: 70px;
    height: 40px
}

.code_list .link_refresh {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px
}

.code_list .enter_code .ipt_code {
    color: #000
}

.code_list .enter_code .ipt_code:focus {
    border-color: #e3b356
}

.code_list .enter_code .btn_code {
    background: #e3b356
}

.code_list .get_code .ipt_code {
    color: #000
}

.code_list .get_code .btn_code {
    background: #cacaca
}

.code_list .btn_exchange {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e3b356;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 15px
}

.code_list .btn_exchange.disabled {
    background: #cacaca;
    color: #fff
}

.mod_result_list {
    position: relative;
    margin: 0 15px;
    text-align: center
}

.mod_result_list .result_tit {
    font-size: 16px;
    line-height: 26px;
    color: #222
}

.mod_result_list .result_txt {
    font-size: 12px;
    line-height: 22px;
    color: #222;
    margin-bottom: 15px
}

.mod_result_list .result_txt .num {
    color: #e3b356;
    margin: 0 5px
}

.mod_result_list .result_link {
    font-size: 16px;
    line-height: 26px
}

.mod_result_list .result_link .link {
    color: #e3b356
}

.mod_result_list .down_list {
    position: relative;
    padding-top: 22px;
    margin: 0 15px
}

.mod_result_list .down_list .btn_down {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e3b356;
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 15px
}

.mod_result_list .down_list .btn_downing {
    margin-bottom: 15px
}

.mod_result_list .down_list .downing_txt {
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #222;
    text-align: center
}

.mod_result_list .down_list .downing_out {
    display: block;
    width: 100%;
    height: 3px;
    background: #dadada;
    border-radius: 2px
}

.mod_result_list .down_list .downing_inner {
    display: block;
    width: 100%;
    height: 3px;
    background: #e3b356;
    border-radius: 2px
}

.mod_cdk_rule {
    padding: 14px 0 15px
}

.mod_cdk_rule .rule_tit {
    font-size: 15px;
    line-height: 24px;
    color: #222;
    margin-bottom: 5px
}

.mod_cdk_rule .rule_txt {
    font-size: 13px;
    color: #979797
}

.mod_cdk_rule .rule_txt .txt {
    line-height: 21px
}

.mod_cdk_ads {
    position: relative;
    padding: 15px 0 25px;
    border-top: 1px solid #cacaca
}

.mod_cdk_ads .cdk_ads {
    position: relative;
    width: 100%
}

.mod_cdk_ads .cdk_ads:before {
    content: '';
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding-bottom: 51.172%
}

.mod_cdk_ads .cdk_ads .pic {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f8fa
}

.mod_cdk_ads .cdk_ads .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.mod_tit_item {
    position: relative;
    line-height: 21px;
    padding-bottom: 8px
}

.mod_tit_item .noborder {
    border-bottom: none
}

.mod_tit_item .tit_info {
    color: #222;
    font-size: 15px;
    line-height: 21px
}

.mod_tit_item .tit_info .tips {
    font-size: 13px;
    margin-left: 5px
}

.mod_tit_item .tit_info .tips_zx {
    font-size: 13px;
    margin-left: 5px
}

.mod_tit_item .link_info {
    position: absolute;
    right: 0;
    top: 0;
    color: #b8b8b8;
    font-size: 13px
}

.mod_tit_item .link_info .icon_arrow {
    display: inline-block;
    width: 7px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    background: url(../../imgs/vip_cdkey/icon_arrow.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: -1px;
    margin-left: 10px;
    vertical-align: middle
}

.mod_privilege_slide {
    padding: 0 0 15px 0;
    background: #fff
}

.mod_privilege_slide .privilege_slide {
    padding-left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mod_privilege_slide .privilege_slide_inner {
    white-space: nowrap;
    font-size: 0
}

.mod_privilege_slide .privilege_list {
    position: relative;
    font-size: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mod_privilege_slide .item {
    position: relative;
    padding-top: 11px;
    padding-bottom: 12px;
    letter-spacing: normal;
    text-align: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 23.2%;
    height: 83px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 23.2%;
    flex: 0 0 23.2%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000
}

.mod_privilege_slide .item:active {
    background-color: #eaecee
}

.mod_privilege_slide .item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-image: -webkit-linear-gradient(left, transparent, transparent 50%, #f0f0f2 50%, #f0f0f2 100%);
    background-image: linear-gradient(left right, transparent, transparent 50%, #f0f0f2 50%, #f0f0f2 100%);
    background-size: 1px 100%;
    background-repeat: repeat-y;
    background-position: right 0
}

.mod_privilege_slide .item:last-child:before {
    display: none
}

.mod_privilege_slide .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(top, transparent, transparent 50%, #f0f0f2 50%, #f0f0f2 100%);
    background-image: linear-gradient(top bottom, transparent, transparent 50%, #f0f0f2 50%, #f0f0f2 100%);
    background-size: 100% 1px;
    background-repeat: repeat-x;
    background-position: 0 bottom
}

.mod_privilege_slide .privilege_list:last-child .item:after {
    display: none
}

.mod_privilege_slide .a_item {
    display: table;
    width: 100%;
    height: 100%
}

.mod_privilege_slide .item .pic {
    width: 40px;
    height: 40px;
    display: table;
    margin: 0 auto
}

.mod_privilege_slide .item .name {
    display: table;
    width: 100%;
    height: 20px;
    font-size: 13px;
    color: grey;
    line-height: 20px
}

.mod_foot_list {
    padding: 0 15px
}

.mod_foot_list .foot_list {
    position: relative;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e5e5e5
}

.mod_foot_list .icon_logo_v {
    position: relative;
    z-index: 2;
    width: 87px;
    height: 21px;
    background: url(../../project/img/bg_foot_logo.png) no-repeat;
    background-size: 100%
}

.mod_figure {
    font-size: 0;
    display: table;
    width: 100%
}

.mod_figure li {
    position: relative;
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod_figure .figure img {
    display: block;
    width: 100%;
    background: #dddedf url(../../imgs/common/imgholder.png) center center no-repeat;
    background-size: 40px auto
}

.mod_figure .figure {
    padding: 0 5px;
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod_figure .figure .figure_pic {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.mod_figure .figure .figure_pic .num {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.mod_figure .figure_title {
    display: block;
    width: 100%;
    max-height: 28px;
    margin-top: 5px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod_figures_v .figure_title_multirow {
    text-align: center;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mod_figures_v .figure_title_multirow .txt {
    display: inline-block;
    text-align: left
}

.mod_figure .figure_tips {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #e3b356
}

.mod_figures_v .item {
    width: 33.33333%
}

.mod_figure .figure .figure_pic:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%
}

.mod_figure .figure .figure_pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod_figures_v .figure .figure_pic:before {
    padding-bottom: 140.24%
}

.mod_figures_h .figure .figure_pic:before {
    padding-bottom: 56.25%
}

.mod_figures_h .figure .figure_title_multirow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod_figures_slide {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mod_figures_slide_inner {
    white-space: nowrap;
    font-size: 0
}

.mod_figures_slide .mod_figure {
    position: relative;
    font-size: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mod_figures_slide .mod_figure li {
    width: 46.667%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 46.667%;
    flex: 0 0 46.667%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000
}

.mod_figures_slide_2li .mod_figure li {
    width: 50%;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%
}

.mod_figures_slide_1li .mod_figure li {
    width: 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%
}

.mod_figures_slide .mod_figure .figure {
    display: block
}

.g_pop_loading {
    width: 150px
}

.g_pop_mask {
    height: 300%;
    top: -100%
}

.mod_lists {
    margin-bottom: 25px
}

.mark_v {
    position: absolute !important;
    left: auto !important;
    bottom: auto !important;
    right: 5px !important;
    top: 5px !important;
    pointer-events: none !important
}

.mark_v img {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: auto !important;
    height: 18px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    background: 0 0 !important
}

.floating_layer {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 205px;
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-animation: fadeInUp .5s ease;
    animation: fadeInUp .5s ease
}

.floating_layer .layer_title {
    text-align: center;
    padding-top: 19px;
    font-weight: 400
}

.floating_layer .layer_title .txt {
    font-size: 14px;
    color: #999
}

.floating_layer_login .btn_wrapper {
    margin-top: 32px;
    font-size: 0;
    text-align: center
}

.floating_layer_login .btn_wrapper .btn {
    display: inline-block
}

.floating_layer_login .btn_wrapper .btn:nth-child(2) {
    margin-left: 73px
}

.floating_layer_login .btn_wrapper .btn .icon {
    display: block;
    width: 75px;
    height: 75px
}

.floating_layer_login .btn_wrapper .btn .txt {
    display: block;
    font-size: 16px;
    color: #747778;
    margin-top: 15px
}

.floating_layer_login .btn_wrapper .btn_wx .icon {
    background-image: url(../../imgs/vip_cdkey/icon_wx_lg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.floating_layer_login .btn_wrapper .btn_qq .icon {
    background-image: url(../../imgs/vip_cdkey/icon_qq_lg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.popup_mask {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6)
}

.popup {
    width: 290px;
    height: 167px;
    border-radius: 6px;
    background-color: #fdfdff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 0 rgba(255, 255, 255, .004)
}

.popup .popup_title {
    text-align: center;
    font-weight: 400;
    padding-top: 20px
}

.popup .popup_title .txt {
    font-size: 18px;
    color: #222;
    font-weight: 700
}

.popup .popup_ft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.popup_change_num .account_info {
    padding-left: 61px;
    margin-top: 17px
}

.popup_change_num .account_info .desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 13px;
    line-height: 18px
}

.popup_change_num .account_info .desc:nth-child(1) .txt {
    max-width: 150px
}

.popup_change_num .account_info .desc .txt {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 126px;
    line-height: 1.2;
    color: #222;
    font-weight: 700;
    line-height: 18px
}

.popup_change_num .btn_wrapper {
    height: 49px;
    position: relative;
    background: -webkit-linear-gradient(top, transparent, transparent 50%, #cacacc 50%) 0 top no-repeat;
    background-size: 100% 1px;
    text-align: center;
    font-size: 0
}

.popup_change_num .btn_wrapper .btn {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    line-height: 48px;
    font-weight: 700
}

.popup_change_num .btn_wrapper .btn:nth-child(2) {
    background: -webkit-linear-gradient(left, transparent, transparent 50%, #cacacc 50%) left 0 no-repeat;
    background-size: 1px 100%
}

.popup_change_num .btn_wrapper .btn_cancel {
    color: #323233
}

.popup_change_num .btn_wrapper .btn_confirm {
    color: #e3b356
}

.g_container_loading {
    position: relative;
    width: 100%;
    height: 100%
}

@-webkit-keyframes loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -300px
    }
}

@keyframes loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -300px
    }
}

.g_container_loading .loading_con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #333;
    font-size: 14px
}

.g_container_loading .icon_loading {
    display: block;
    width: 27px;
    height: 10px;
    margin: 0 auto 10px;
    width: 27px;
    height: 10px;
    background: url(../../imgs/common/loading.png) 0 0 no-repeat;
    background-size: 27px 300px;
    -webkit-animation: loading 1s steps(30) infinite;
    animation: loading 1s steps(30) infinite
}

.g_pop_mask {
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6)
}

.g_pop {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g_pop_loading {
    width: 120px;
    background: rgba(0, 0, 0, .7);
    border-radius: 5px
}

.g_pop_loading .pop_con {
    padding: 20px 0
}

.g_pop_loading .pop_con .icon_loading {
    display: block;
    margin: 10px auto;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-size: cover
}

.g_pop_loading .pop_con .txt {
    color: #fff;
    text-align: center
}

.g_pop_qq {
    width: 100%;
    max-width: 414px;
    padding: 0 10px
}

.g_pop_qq .pop_wrap {
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 5px
}

.g_pop_qq .pop_title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    word-break: break-all
}

.g_pop_qq .pop_con {
    padding: 0 20px;
    margin-bottom: 20px
}

.g_pop_qq .pop_con .txt {
    font-size: 16px;
    color: #000;
    text-align: center;
    word-break: break-all
}

.g_pop_qq .pop_con .txt .num {
    padding: 0 3px;
    color: #d4a13f
}

.g_pop_qq .pop_con .ipt {
    display: block;
    width: 240px;
    height: 24px;
    line-height: 24px;
    padding: 7px 5px;
    border: 1px solid #a1a1a1;
    border-radius: 4px;
    outline: 0
}

.g_pop_qq .pop_con .ipt:focus {
    border: 1px solid #e62600;
    -webkit-transition: border .3s ease-in-out
}

.g_pop_qq .pop_con .user_pic {
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px auto 0
}

.g_pop_qq .pop_con .user_pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.g_pop_qq .pop_con .rule_list {
    height: 323px;
    overflow-y: scroll
}

@media (device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .g_pop_qq .pop_con .rule_list {
        height: 240px
    }
}

.g_pop_qq .pop_con .rule_txt {
    font-size: 15px;
    line-height: 21px;
    word-break: break-all;
    margin-bottom: 20px
}

.g_pop_qq .btn_wrap {
    position: relative;
    overflow: hidden
}

.g_pop_qq .btn_wrap .btn {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center
}

.g_pop_qq .btn_wrap .btn:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0
}

.g_pop_qq .btn_wrap .btn_em {
    color: #d6ab56
}

.g_pop_qq .btn_wrap .btn_half {
    float: left;
    width: 50%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.g_pop_qq .btn_wrap .btn_half:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #ccc;
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 0 0
}

.g_pop_qq {
    width: 100%;
    max-width: 414px;
    padding: 0 10px
}

.g_pop_qq .pop_wrap {
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 5px
}

.g_pop_qq .pop_title {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    word-break: break-all
}

.g_pop_qq .pop_con {
    padding: 0 20px;
    margin-bottom: 20px
}

.g_pop_qq .pop_con .txt {
    font-size: 16px;
    color: #000;
    text-align: center;
    word-break: break-all
}

.g_pop_qq .pop_con .txt .num {
    padding: 0 3px;
    color: #d4a13f
}

.g_pop_qq .pop_con .ipt {
    display: block;
    width: 240px;
    height: 24px;
    line-height: 24px;
    padding: 7px 5px;
    border: 1px solid #a1a1a1;
    border-radius: 4px;
    outline: 0
}

.g_pop_qq .pop_con .ipt:focus {
    border: 1px solid #e62600;
    -webkit-transition: border .3s ease-in-out
}

.g_pop_qq .pop_con .user_pic {
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px auto 0
}

.g_pop_qq .pop_con .user_pic img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.g_pop_qq .pop_con .rule_list {
    height: 323px;
    overflow-y: scroll
}

@media (device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .g_pop_qq .pop_con .rule_list {
        height: 240px
    }
}

.g_pop_qq .pop_con .rule_txt {
    font-size: 15px;
    line-height: 21px;
    word-break: break-all;
    margin-bottom: 20px
}

.g_pop_qq .btn_wrap {
    position: relative;
    overflow: hidden
}

.g_pop_qq .btn_wrap .btn {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center
}

.g_pop_qq .btn_wrap .btn:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0
}

.g_pop_qq .btn_wrap .btn_em {
    color: #d6ab56
}

.g_pop_qq .btn_wrap .btn_half {
    float: left;
    width: 50%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.g_pop_qq .btn_wrap .btn_half:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #ccc;
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 0 0
}

.mark_v {
    width: 50px;
    height: 27px;
    top: 1px !important;
    right: 2px !important;
    text-align: right
}

.mark_v img {
    width: auto !important;
    height: 100% !important
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (min-width: 667px) {
    html {
        font-size: 41.4px !important;
        background: rgba(0, 0, 0, .6)
    }

    .main_container {
        width: 414px;
        margin: 0 auto;
        background: #fff
    }

    .floating_layer, .g_container_loading, .g_pop_mask, .popup_mask {
        width: 414px;
        left: 50%;
        margin-left: -207px
    }
}

#v_haohyang {
    content: "20180906152843"
}

.vu-scroll-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.vu-scroll-list-wrapper {
    overflow: hidden
}

.vu-scroll-content {
    position: relative;
    z-index: 1
}

.vu-scroll-item {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .48rem;
    padding-left: .533rem
}

.border-bottom-1px {
    position: relative
}

.border-bottom-1px:after, .border-bottom-1px:before {
    content: "";
    display: block;
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.border-bottom-1px:last-child:after {
    display: none
}

.border-bottom-1px:after {
    border-bottom: 1px solid #d7d7d9;
    left: .4rem;
    bottom: 0;
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
    width: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.vu-sticky {
    position: relative;
    height: 100%;
    overflow: hidden
}

.vu-sticky-fixed {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.vu-sticky-fixed-fade-enter, .vu-sticky-fixed-fade-leave-active {
    opacity: 0
}

.vu-sticky-fixed-fade-enter-active, .vu-sticky-fixed-fade-leave-active {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.vu-sticky-ele {
    position: relative
}

.area-code-container[data-v-a6e9a270] {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999
}

.area-code-container .mask[data-v-a6e9a270] {
    height: 100%;
    background: #000;
    z-index: 0
}

.area-code-container.in .sticky-view-container[data-v-a6e9a270] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.area-code-container .sticky-view-container[data-v-a6e9a270] {
    position: absolute;
    background: #fff;
    top: 40%;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.area-code-container .sticky-view-container .sticky-view-header[data-v-a6e9a270] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .373rem;
    color: #222;
    font-size: .453rem;
    font-weight: 500
}

.area-code-container .sticky-view-container .sticky-view-header div[data-v-a6e9a270]:last-child {
    color: #fc6f00
}

.area-code-container .sticky-view-container .sticky-view-scroller[data-v-a6e9a270] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: .4rem;
    text-align: left
}

.area-code-container .sticky-view-container .sticky-empty img[data-v-a6e9a270] {
    width: 100%
}

.area-code-container .sticky-view-container .sticky-empty .detail-desc[data-v-a6e9a270] {
    margin-top: .533rem;
    text-align: center;
    line-height: 1
}

.area-code-container .sticky-view-container .sticky-empty .detail-desc .error[data-v-a6e9a270] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.area-code-container .sticky-view-container .sticky-empty .detail-desc .error span[data-v-a6e9a270] {
    color: #fc6f00
}

.area-code-container .sticky-view-container .sticky-empty .detail-desc .icon_switch[data-v-a6e9a270] {
    display: inline-block;
    width: .373rem;
    height: .32rem;
    margin-left: .08rem;
    background: url(https://puui.qpic.cn/vupload/0/20190330_1553957387822_vskr4vchjfh.png/0) no-repeat;
    background-size: contain
}

.area-code-container .sticky-view-container ul[data-v-a6e9a270] {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

.area-code-container .sticky-view-container li[data-v-a6e9a270] {
    position: relative;
    color: #999;
    list-style: none;
    padding: .4rem;
    line-height: 1
}

.area-code-container .sticky-view-container li.active[data-v-a6e9a270]:before {
    content: "";
    position: absolute;
    width: .533rem;
    height: .347rem;
    right: .56rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(https://puui.qpic.cn/vupload/0/20190330_1553948887401_zau7b79yaz.png/0);
    background-repeat: no-repeat;
    background-size: contain
}

.area-code-container .sticky-view-container .sticky-header[data-v-a6e9a270] {
    background-color: #e4e4e4
}

.area-code-container .sticky-view-container .sticky-header li[data-v-a6e9a270] {
    padding: .24rem .4rem;
    color: #222
}

.vu-sticky-fixed {
    top: -.027rem
}

._pop_mask[data-v-58804ab6] {
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6)
}

._pop[data-v-58804ab6] {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

._pop_qq[data-v-58804ab6] {
    width: 80%;
    max-width: 9.067rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

._pop_qq .pop_wrap[data-v-58804ab6] {
    padding-top: .64rem;
    background: #fff;
    -webkit-box-shadow: 0 0 .08rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 .08rem rgba(0, 0, 0, .3);
    border-radius: 6px
}

._pop_qq .pop_title[data-v-58804ab6] {
    font-size: .48rem;
    color: #000028;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .16rem;
    text-align: center;
    word-break: break-all
}

._pop_qq .pop_con[data-v-58804ab6] {
    padding: 0 .533rem;
    margin-bottom: .667rem;
    border-radius: 12px
}

._pop_qq .pop_con .txt[data-v-58804ab6] {
    font-size: .427rem;
    color: #000028;
    line-height: normal;
    text-align: center;
    word-break: break-all
}

._pop_qq .pop_con .txt .num[data-v-58804ab6] {
    padding: 0 .08rem;
    color: #d6ab56
}

._pop_qq .v_btn_wrap[data-v-58804ab6] {
    position: relative;
    overflow: hidden
}

._pop_qq .v_btn_wrap .v_btn[data-v-58804ab6] {
    color: #000028;
    position: relative;
    display: block;
    height: 5 Fpx;
    line-height: 1.333rem;
    font-size: .427rem;
    text-align: center;
    text-decoration: none
}

._pop_qq .v_btn_wrap .v_btn[data-v-58804ab6]:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ebebeb;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0
}

._pop_qq .v_btn_wrap .v_btn_half[data-v-58804ab6] {
    float: left;
    width: 50%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: 500
}

._pop_qq .v_btn_wrap .v_btn_em[data-v-58804ab6] {
    color: #d6ab56;
    font-weight: 600
}

._pop_qq .v_btn_wrap .v_btn_half[data-v-58804ab6]:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #ebebeb;
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 0 0
}

._pop_qq .v_btn_wrap .v_btn_em.v_btn_half[data-v-58804ab6]:before {
    border-right: 0
}

.g_tips[data-v-4c762594] {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 40%;
    text-align: center
}

.g_tips .txt[data-v-4c762594] {
    display: inline-block;
    margin: 0 .533rem;
    min-width: 2.667rem;
    min-height: .533rem;
    padding: .267rem .533rem;
    color: #fff;
    font-size: .427rem;
    line-height: .8rem;
    border-radius: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.g_pop_share_spm[data-v-28f6adce] {
    position: fixed;
    z-index: 11111;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .8)
}

.g_pop_share_spm .pop_con[data-v-28f6adce] {
    position: absolute;
    right: 0;
    top: .04267rem;
    text-align: center;
    width: 100%
}

.g_pop_share_spm .pop_con img[data-v-28f6adce] {
    height: auto;
    width: 76%
}

.tvl_layer a, .tvl_layer a:hover {
    text-decoration: none !important
}

.tvl_layer div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tvl_layer_mask {
    z-index: 998;
    top: 0;
    height: 100%;
    background: transparent
}

.tvl_layer, .tvl_layer_mask {
    position: fixed;
    left: 0;
    width: 100%
}

.tvl_layer {
    z-index: 999;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.tvl_layer .tvl_bd {
    padding: .427rem .533rem 0
}

.tvl_layer .tvl_login_tit {
    font-size: .4rem;
    line-height: .8rem;
    color: #fff;
    text-align: center;
    margin-bottom: .213rem
}

.tvl_layer .tvl_login_btn {
    padding: 0 1.12rem .08rem
}

.tvl_layer .tvl_login_qq, .tvl_layer .tvl_login_wx {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.013rem;
    font-size: .373rem;
    color: #fff;
    border-radius: 19px;
    margin-bottom: .4rem
}

.tvl_layer .tvl_login_wx {
    background: #2ec637
}

.tvl_layer .tvl_login_qq {
    background: #40a5e5
}

.tvl_layer .tvl_icon_qq, .tvl_layer .tvl_icon_wx {
    display: inline-block;
    width: .667rem;
    height: .56rem;
    background-image: url(//vm.gtimg.cn/tencentvideo/vstyle/mobile/vip/style/app_v2/img/tvl_layer/sprite_icon.png?d=0623&max_age=31104000);
    background-repeat: no-repeat;
    background-position: 9999em 9999em;
    background-size: 1.6rem;
    vertical-align: middle;
    margin-right: .107rem;
    position: relative;
    top: -.053rem
}

.tvl_layer .tvl_icon_wx {
    background-position: 0 0
}

.tvl_layer .tvl_icon_qq {
    background-position: -.8rem 0
}

.tvl_layer .tvl_btn {
    position: relative;
    overflow: hidden
}

.tvl_layer .tvl_btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #3f4041;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0
}

.tvl_layer .tvl_btn_a, .tvl_layer .tvl_btn_b {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    font-size: .4rem;
    line-height: 1.333rem;
    text-align: center
}

.tvl_layer .tvl_btn_a {
    color: #fff
}

.tvl_layer .tvl_btn_b {
    color: #bf954b
}

.tvl_layer .tvl_btn_2 .tvl_btn_a, .tvl_layer .tvl_btn_2 .tvl_btn_b {
    width: 50%
}

.tvl_layer .tvl_btn_2 .tvl_btn_b:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-left: 1px solid #3f4041;
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 0 0
}

.g_pop[data-v-c992ca24] {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.g_pop_loading[data-v-c992ca24] {
    width: 3.2rem;
    background: rgba(0, 0, 0, .7);
    border-radius: 5px
}

.g_pop_loading .pop_con[data-v-c992ca24] {
    padding: .533rem 0
}

.g_pop_loading .pop_con .icon_loading[data-v-c992ca24] {
    display: block;
    margin: .267rem auto;
    width: .853rem;
    height: .853rem;
    background-image: url(//vm.gtimg.cn/tencentvideo/vstyle/mobile/vip/style/app_v2/img/common/loading_64.gif?d=0106&max_age=31104000);
    background-position: 50%;
    background-size: cover
}

.g_pop_loading .pop_con .txt[data-v-c992ca24] {
    color: #fff;
    text-align: center
}

.mod_double_login_mask[data-v-0ddb15ed] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .6)
}

.mod_double_login .login_list.list_horizontal .list_inner[data-v-0ddb15ed], .mod_double_login .login_list.list_horizontal .list_item[data-v-0ddb15ed], .mod_double_login .login_list.list_vertical .list_item .info[data-v-0ddb15ed], .mod_double_login .login_list.list_vertical .list_item .inner[data-v-0ddb15ed], .mod_double_login .login_list.list_vertical[data-v-0ddb15ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mod_double_login .login_list.list_vertical .list_item .info[data-v-0ddb15ed] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod_double_login .login_list.list_horizontal .list_item[data-v-0ddb15ed], .mod_double_login .login_list.list_vertical[data-v-0ddb15ed] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mod_double_login .login__icon_qq_lg .login__svg_icon[data-v-0ddb15ed], .mod_double_login .login__icon_wx_lg .login__svg_icon[data-v-0ddb15ed], .mod_double_login .login__svg_icon_cancel[data-v-0ddb15ed], .mod_double_login[data-v-0ddb15ed] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -webkit-tap-highlight-color: transparent
}

.mod_double_login .login__icon_qq_lg[data-v-0ddb15ed], .mod_double_login .login__icon_wx_lg[data-v-0ddb15ed] {
    width: 1.493rem;
    height: 1.493rem;
    border-radius: 100%;
    text-align: center;
    position: relative;
    background-color: #12a7ed
}

.mod_double_login .login__icon_qq_lg .login__svg_icon[data-v-0ddb15ed], .mod_double_login .login__icon_wx_lg .login__svg_icon[data-v-0ddb15ed] {
    width: .96rem;
    height: .96rem;
    /*! darkmode: ignore next */
    fill: #fff
}

.mod_double_login .login__icon_wx_lg[data-v-0ddb15ed] {
    background-color: #4ab218
}

.mod_double_login .login__icon_wx_lg .login__svg_icon[data-v-0ddb15ed] {
    width: .8rem;
    height: .64rem
}

.mod_double_login .login__icon_gray[data-v-0ddb15ed] {
    background-color: #d1d1d3
}

.mod_double_login .login__txt_highlight[data-v-0ddb15ed] {
    color: #4ab218
}

.mod_double_login[data-v-0ddb15ed] {
    width: 8.267rem;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 .027rem .053rem 0 rgba(0, 0, 0, .1), inset 0 -.027rem 0 0 hsla(0, 0%, 100%, .004);
    box-shadow: 0 .027rem .053rem 0 rgba(0, 0, 0, .1), inset 0 -.027rem 0 0 hsla(0, 0%, 100%, .004);
    font-size: .347rem;
    padding-bottom: .8rem;
    line-height: 1
}

.mod_double_login .login_hd[data-v-0ddb15ed] {
    margin: 0 .72rem;
    padding: .8rem 0 .587rem;
    text-align: center;
    position: relative
}

.mod_double_login .login_hd[data-v-0ddb15ed]:before {
    content: "";
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ebebeb;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform: scale(.5);
    transform-origin: 0 0
}

.mod_double_login .login__icon_cancel[data-v-0ddb15ed] {
    width: 1.067rem;
    height: 1.067rem;
    position: absolute;
    right: .16rem;
    top: .187rem
}

.mod_double_login .login__svg_icon_cancel[data-v-0ddb15ed] {
    width: .747rem;
    height: .747rem;
    fill: #848494
}

.mod_double_login .list_item .title[data-v-0ddb15ed], .mod_double_login .login_title[data-v-0ddb15ed] {
    color: #000028
}

.mod_double_login .list_item .box .login__txt_sub[data-v-0ddb15ed] {
    color: #a2a2b6
}

.mod_double_login .login_title[data-v-0ddb15ed] {
    font-size: .48rem;
    font-weight: 700;
    margin: 0
}

.mod_double_login .login_desc[data-v-0ddb15ed] {
    margin-top: .267rem;
    color: #848494
}

.mod_double_login .login_bd[data-v-0ddb15ed] {
    padding-top: .533rem
}

.mod_double_login .login_list.list_horizontal .list_inner[data-v-0ddb15ed] {
    margin: 0 .693rem
}

.mod_double_login .login_list.list_horizontal .list_item[data-v-0ddb15ed] {
    width: 50%;
    text-align: center
}

.mod_double_login .login_list.list_horizontal .list_item .login__icon[data-v-0ddb15ed] {
    margin: 0 auto
}

.mod_double_login .login_list.list_horizontal .list_item .title[data-v-0ddb15ed] {
    margin-top: .267rem
}

.mod_double_login .login_list.list_vertical .list_item[data-v-0ddb15ed]:nth-child(2) {
    margin-top: .8rem
}

.mod_double_login .login_list.list_vertical .list_item .desc[data-v-0ddb15ed] {
    margin: .16rem 0 0;
    max-width: 5.013rem
}

.mod_double_login .login_list.list_vertical .list_item .info[data-v-0ddb15ed] {
    padding-left: .267rem
}

.mod_double_login .list_item[data-v-0ddb15ed] {
    -webkit-tap-highlight-color: transparent
}

.mod_double_login .list_item .login__icon[data-v-0ddb15ed] {
    display: block
}

.mod_double_login .list_item .title[data-v-0ddb15ed] {
    font-size: .427rem;
    font-weight: 700;
    margin: 0
}

.mod_double_login .list_item .desc[data-v-0ddb15ed] {
    color: #848494;
    line-height: .48rem
}

.mod_double_login .disable_desc[data-v-0ddb15ed] {
    color: #a2a2b6;
    font-size: .373rem;
    line-height: 1.5;
    padding: 0 .667rem
}

.mod_double_login .disable_btn[data-v-0ddb15ed] {
    /*! darkmode: ignore next */
    color: #fff;
    display: block;
    margin: .4rem auto 0;
    font-size: .373rem;
    line-height: 1.5;
    text-align: center;
    background-color: #4ab218;
    border-radius: 20px;
    padding: .133rem .213rem;
    width: 3.467rem
}

@-webkit-keyframes horizontalScreen-data-v-9f6faf10 {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }

    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }

    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }

    to {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

.vft-screen-orientation[data-v-9f6faf10] {
    position: fixed;
    z-index: 10001;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000
}

.vft-screen-orientation .horizontal_screen[data-v-9f6faf10] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%)
}

.vft-screen-orientation .horizontal_screen .icon_phone[data-v-9f6faf10] {
    display: block;
    margin: 0 auto;
    background-image: url(//vm.gtimg.cn/tencentvideo/vstyle/mobile/vip/style/app_v2/img/common/icon_phone.png?d=0202&max_age=31104000);
    background-repeat: repeat;
    background-size: 100%;
    width: 67px;
    height: 109px;
    -webkit-transform: rotate(90deg);
    -webkit-animation: horizontalScreen-data-v-9f6faf10 1.5s ease-in-out infinite
}

.vft-screen-orientation .horizontal_screen .desc_txt[data-v-9f6faf10] {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.area_code[data-v-48b3f653], .js_phonenum[data-v-48b3f653] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.area_code[data-v-48b3f653] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 2.4rem;
    height: 40PX;
    border-radius: .533rem 0 0 .533rem;
    border: 1px solid #cacaca;
    margin-right: -.027rem;
    font-size: .4rem;
    color: #646464
}

.triangle-down[data-v-48b3f653] {
    width: 0;
    height: 0;
    border-left: .133rem solid transparent;
    border-right: .133rem solid transparent;
    border-top: .16rem solid #cacaca;
    margin-left: .133rem
}

.ipx[data-v-48b3f653] {
    border: 1px solid #cacaca;
    position: relative;
    z-index: 10;
    border-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}