@charset "gb2312";

.login_top {
    height: auto;
    text-align: center;
    padding: .24rem;
    background: #fff;
    background-size: 30px auto
}

.login_top p {
    height: .62rem;
    line-height: .62rem;
    display: -webkit-box;
    -webkit-box-align: center
}

.login_top span {
    font-size: .34rem;
    display: block;
    -webkit-box-flex: 1
}

.login_top p a {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #333
}

.login_top p a.l_back {
    font-size: .5rem;
    width: 0.4rem;
    display: block;
    text-align: left
}

.login_top p a.t_back {
    background-position: 0 -5.27rem
}

.login_top p a.l_text {
    font-size: .30rem
}

.login_top img {
    width: 1.1rem;
    height: 1.08rem
}

.about_logo {
    padding: 1.0rem 0
}

.about_logo img {
    width: 1.92rem
}

.zhuce_top {
    line-height: .9rem;
    background: none;
    background: #fff
}

.login_from ul {
    margin-bottom: 0
}

.login_from ul li {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #ececec;
    position: relative
}

.login_from ul li:first-child {}

.login_from ul li input {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    margin: 0.24rem;
    padding: 0 .24rem;
    border: none;
    box-sizing: border-box
}

.login_from ul span {
    padding: 0 .1rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: .5rem;
    background: #4fbcf5;
    position: absolute;
    right: .24rem;
    top: .23rem
}

.login_from p {
    margin-top: .5rem
}

.login_from p.forget_mm {
    height: .66rem;
    line-height: .66rem;
    margin: 0;
    text-align: right
}

.log_way {
    width: 100%;
    text-align: center;
    color: #999;
    position: absolute;
    bottom: 20px
}

.log_way .log_way_icon {
    width: 80%;
    margin: 20px auto 0
}

.log_way .log_way_icon a {
    width: 33.3%;
    line-height: 26px;
    float: left
}

.log_way .log_way_icon a em {
    width: 50px;
    height: 50px;
    display: block;
    background: url(../images/log_icon.png) no-repeat;
    background-size: 50px auto;
    margin: 0 auto
}

.log_way .log_way_icon a.log_wx em {
    background-position: 0 -50px
}

.log_way .log_way_icon a.log_xl em {
    background-position: 0 -100px
}

.choose_item ul li:first-child {
    border: none
}

.choose_item ul li span {
    display: block;
    -webkit-box-flex: 1
}

.choose_sex em {
    width: .44rem;
    height: .44rem;
    display: block;
    background: url(../images/right.png) no-repeat;
    background-size: .44rem;
    margin-top: .28rem
}

.succeed_cont {
    padding: 40px 0
}

.succeed_cont em {
    width: 2.1rem;
    height: 2.1rem;
    display: block;
    background: url(../images/right.png) no-repeat;
    background-size: 2.1rem;
    margin: 0 auto
}

.erro_fk em {
    background-position: 0 -2.1rem
}

.change_name {
    position: relative
}

.change_name input {
    width: 100%;
    border: none;
    box-sizing: border-box
}

.change_name em {
    width: .28rem;
    height: .28rem;
    line-height: .28rem;
    border-radius: .5rem;
    color: #fff;
    display: block;
    text-align: center;
    background: #a1a1a1;
    position: absolute;
    right: .24rem;
    top: .31rem
}

.user_ch ul li {
    width: 50%
}

.user_sz li:first-child {
    border: none
}

.user_sz li a,
.choose_item ul li,
.change_name input,
.user_nav_list li a {
    height: 0.90rem;
    line-height: 0.90rem;
    border-top: 1px solid #eee;
    padding: 0 0.24rem;
    display: -webkit-box;
    font-size: 0.32rem
}

.user_sz li p {
    display: block;
    font-size: 0.32rem;
    -webkit-box-flex: 1
}

.user_sz li p span {
    width: 0.50rem;
    height: 0.50rem;
    display: inline-block;
    background: url(../images/nav.png) no-repeat;
    background-size: 0.50rem auto;
    padding-right: 0.15rem;
    vertical-align: middle
}

.user_sz li p.zzjh span {
    background-position: 0 -4.28rem
}

.user_sz li p.stxf span {
    background-position: 0 -4.82rem
}

.user_sz li p.yjfk span {
    background-position: 0 -6.37rem
}

.user_sz li p.lxwm span {
    background-position: 0 -11.57rem;
    position: relative;
    bottom: 0.03rem;
}

.user_sz li p.wdcz span {
    background-position: -.01rem -12.55rem;
    background-size: 0.52rem auto !important;
}

.user_sz li p.wdxx span {
    background-position: 0px -6.9rem;
    position: relative;
    bottom: 0.05rem;
}

.user_sz li p.share span {
    background-position: 0 -7.48rem
}

.user_sz li p.lib span {
    background-position: 0 -8.49rem
}

.user_sz li p.mygifticon span {
    background-position: 0 -10.62rem
}

.user_sz em,
.user_sz .morel {
    text-align: right;
    color: #999;
    font-size: 0.28rem;
    display: block
}

.user_sz .morel:after {
    width: 0.18rem;
    height: 0.18rem;
    content: '';
    border-width: 1px;
    border-style: solid;
    border-color: #999 #999 transparent transparent;
    transform: rotate(45deg);
    display: inline-block
}

.user_sz li.user_sz_img a {
    height: 1.48rem;
    line-height: 1.48rem
}

.user_sz li.user_sz_img a img {
    width: 1.0rem;
    height: 1.0rem;
    margin-top: .24rem;
    border-radius: 1rem
}

.username {
    width: 100%;
    height: 4.2rem;
    text-align: center;
    background: url("../images/user_banner.jpg") no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
}

.username p {
    margin-top: 0.4rem;
}

.pageshow {
    -webkit-box-flex: 1;
    height: 1.5rem;
    line-height: 1.5rem
}

.username .login_btn a {
    width: 2.2rem;
    height: .68rem;
    line-height: .68rem;
    color: #fad534;
    text-align: center;
    padding: 0 5px;
    border-radius: .4rem;
    display: block;
    background: #fff;
    margin: .4rem auto 0
}

.username .login_user_g a,
.username .login_user_b a {
    display: block;
    text-align: center;
    color: #fff;
    margin: .5rem auto 0
}

.username .login_user_g a span,
.username .login_user_b a span {}

.username .login_user_g em,
.username .login_user_b em {
    width: .32rem;
    height: .32rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/gryicon.png) no-repeat;
    background-size: .32rem auto
}

.username .login_user_g em.em0 {
    background-position: 0 -1.53rem
}

.username .login_user_g em.em1 {
    background-position: 0 -1.16rem
}

.username .login_user_g em {
    background-position: 0 -1.16rem
}

.username .login_user_b em {
    background-position: 0 -1.53rem
}

.mygift ul li {
    height: auto;
    border-top: 2px solid #ffdc46;
    background: url(../images/line_q.png) repeat-x #fff left bottom;
    margin-top: .24rem;
    padding: .24rem;
    position: relative
}

.mygift ul li a {
    width: 100%;
    height: 1.4rem;
    margin: 12px 0;
    display: -webkit-box
}

.mygift ul li a img {
    width: 1.4rem;
    padding-right: .23rem;
    display: block
}

.mygift ul li a .list_cont {
    -webkit-box-flex: 1;
    display: block
}

.mygift ul li a h6 {
    font-size: .3rem;
    padding-right: 5px;
    line-height: .47rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mygift ul li a p {
    font-size: 0.24rem;
    line-height: .47rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.mygift ul li a p.list_l_tx {
    color: #999
}

.user_gift_art li {
    font-size: .26rem;
    padding: .18rem .24rem .18rem .48rem;
    line-height: .5rem;
    border-bottom: 1px solid #ececec;
    position: relative
}

.user_gift_art li:before {
    width: .1rem;
    height: .1rem;
    background: #ffdc46;
    border-radius: .2rem;
    content: '';
    position: absolute;
    left: .24rem;
    top: .38rem
}

.user_gift_art li p {
    font-size: .28rem
}

.install_game {
    width: 100%;
    max-width: 750px;
    height: 1.0rem;
    line-height: 1.0rem;
    text-align: center;
    background: #ffdc46;
    position: fixed;
    bottom: 0;
    font-size: 0.32rem;
}

.user_fkui {
    position: relative;
    color: #999
}

.user_fkui textarea {
    width: 100%;
    height: 2.18rem;
    font-size: .28rem;
    border: none;
    line-height: .36rem
}

.user_fkui li {
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    float: left
}

.user_fkui .add_photo {
    border: 1px dashed #999;
    font-size: 50px
}

.fkui_list {}

.fkui_list li {
    width: 100%;
    height: auto;
    line-height: .46rem;
    padding: 0.24rem;
    box-sizing: border-box;
    border-top: 1px solid #ececec
}

.fkui_list li:first-child {
    border: none
}

.fkui_list li a {
    padding: 8px 0;
    font-size: .3rem;
    display: block;
    word-break: break-all;
    overflow: hidden;
}

.fkui_list li p i {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/s_icon.png) no-repeat;
    background-size: 22px auto;
    vertical-align: middle
}

.fkui_list li p em {
    height: .32rem;
    line-height: .3rem;
    padding: 0 .1rem;
    font-size: .2rem;
    text-align: center;
    display: inline-block;
    background: #f46956;
    color: #fff;
    border-radius: .05rem;
    margin-left: .14rem;
    vertical-align: middle
}

.fkui_list li p em.has_solve {
    background: #dcdcdc
}

.my_fkui li {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: .3rem;
    padding: .24rem;
    background: #fff;
    box-sizing: border-box;
    display: -webkit-box
}

.my_fkui li .my_fkui_tx {
    width: .9rem;
    height: .9rem;
    padding-right: .2rem;
    display: block
}

.my_fkui li .fkui_cont {
    display: block;
    -webkit-box-flex: 1
}

.my_fkui li p.til {
    text-align: right
}

.my_fkui li p.til span {
    font-size: .3rem;
    float: left;
    color: #333
}

.jdt-container {
    width: 100%;
    height: 0.1rem;
    position: relative;
    margin: 0.2rem 0 0.1rem 0;
    display: -webkit-box
}

.jdt-container .outer-therm {
    -webkit-box-flex: 1;
    background: #ddd;
    height: 0.1rem;
    border-radius: 1rem
}

.jdt-container span {
    display: block
}

.inner-therm span {
    color: #f00 !important;
    font-size: 14px !important;
    padding: 0 !important;
    font-weight: normal !important
}

.outer-therm {}

.bj {
    height: 0.1rem;
    background-color: none;
    background: -webkit-linear-gradient(left, #ffcb61, #f87561);
    border-radius: 1rem
}

.zhuce_top p a.l_back {
    -webkit-box-flex: initial
}

.morenpic {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 1.8rem;
    margin-top: 0.098rem;
}

.gift_login_tips p {
    padding: 0.5rem 0;
    text-align: center
}

.gift_login_tips .login_btn a {
    width: 2.2rem;
    height: .68rem;
    line-height: .68rem;
    color: #fad534;
    text-align: center;
    padding: 0 5px;
    border-radius: .4rem;
    display: block;
    background: #fff;
    margin: 0 auto
}

.qqinput {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0.2rem 0.1rem
}

.upload_add_photo {
    width: 1.6rem;
    height: 1.6rem;
    float: left
}

.add_p {
    height: 1.6rem;
    line-height: 1.6rem;
    float: left
}

.add_p span {
    padding-left: 0.1rem
}

.clear {
    clear: both
}

.feedbtn {
    background: none;
    border: none;
    font-size: 0.28rem
}

.login_login img {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0 auto;
    padding: 0.65rem 0;
    display: block
}

.more2 {
    text-align: right;
    color: #999;
    font-size: 0.28rem;
    display: block
}

.more2:after {
    width: 0.25rem;
    height: 0.25rem;
    content: '';
    border-width: 2px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    display: inline-block
}

#usernamebox {
    display: -webkit-box;
}

#pageshow {
    -webkit-box-flex: 1;
    margin-left: 0.24rem
}

.login_register {
    width: 3rem;
    height: .9rem;
    line-height: .9rem;
    display: inline-block;
    font-size: 0.28rem;
    background: #fff;
    border-radius: 0.45rem;
    margin-top: 0.35rem;
    color: #fad534;
}

.user_name_styles {
    display: inline-block;
    font-size: 0.48rem;
    margin-top: 0.5rem;
    color: #fff;
}

.more2box {
    height: 1.5rem;
    line-height: 1.5rem;
    position: absolute;
    right: 7%;
    top: 7%;
}

.user_nav_list {
    background: #fff;
    padding: 0.2rem 0 0.3rem;
}

.user_nav_list li {
    width: 49.5%;
    float: left
}

.user_nav_list li a {
    border-top: none;
    padding: 0;
    height: 1.3rem;
    line-height: .7rem;
}

.user_nav_list li p span {
    width: .8rem;
    height: .8rem;
    display: block;
    background: url(../images/nav.png) no-repeat;
    background-size: 0.8rem auto;
    position: relative;
    left: 110%
}

.user_nav_list li p i {
    font-style: normal;
    position: relative;
    left: 92%;
}

.user_nav_list li.bdl {
    border-left: 1px solid #ccc;
    height: .8rem;
    width: 1px;
    margin-top: 0.1rem;
}

.user_nav_list li p.wdsc span {
    background-position: 0 -20.8rem;
}

.user_nav_list li p.wdtz span {
    background-position: 0 -20rem;
}