@charset "utf-8";
@import url('iconfont.css');

* {
    margin: 0;
    padding: 0
}

ol,
ul,
li,
dd,
dl,
dt {
    list-style: none
}

*:focus {
    outline: 0
}

em,
i {
    font-style: normal
}

html {
    max-width: 800px;
    margin: 0 auto;
    background-color: #f5f5f5;
    font-size: 14px
}

body {
    color: #4c4c4c;
    background: #fff;
    max-width: 800px;
    margin: 0 auto 45px auto
}

img {
    margin: 0;
    padding: 0;
    max-width: 100%
}

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

.cover img {
    border-radius: 15px
}

input,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0
}

.tyagree {
    appearance: checkbox;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: checkbox;
    -ms-appearance: checkbox
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #4c4c4c
}

a:visited {
    color: #000
}

a:hover,
a:active {
    text-decoration: none;
    color: #00b3ff
}

.flex {
    display: flex;
}

a.a_register {
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0px;
    right: 17px;
    color: #fff;
}

.submit-btn {
    background-color: #00b3ff;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    width: 30%;
    height: 40px;
    border-radius: 5px;
}

.mask {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    background-color: #000;
    opacity: .8;
    z-index: 10;
}

.v_middle {
    vertical-align: middle;
}


.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.hide {
    display: none !important
}

.block {
    display: block !important
}

.middle {
    vertical-align: middle
}

.middle:before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 0;
    height: 100%
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.fixed-margin {
    margin-top: 60px
}

.header {
    overflow: hidden
}

.display-flex {
    display: flex
}

.head {
    height: 60px;
    padding: 0 15px;
    background: #ff7900;
    justify-content: center;
    align-items: center
}

.logo {
    flex: 1
}

.logo img {
    max-height: 32px
}

.search {
    flex: 1
}

.search-form {
    position: relative
}

.search-input {
    border: 1px solid #fff;
    background: #ff7900;
    border-radius: 20px;
    padding: 6px 12px;
    color: #fff;
    width: 100%
}

.search-input::-webkit-input-placeholder {
    color: #fff
}

.search-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: none;
    margin: 7px 12px
}

.search-button i {
    color: #fff
}

.no_result {
    text-align: center;
    padding: 15px 0;
    line-height: 25px;
    font-size: 14px;
    color: #999
}

.no_result img {
    height: 100px;
    padding-bottom: 10px
}

.foot-nav {
    box-shadow: 0px 0px 30px -10px #000;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

.foot-nav ul {
    margin: 0;
    padding: 0;
    clear: both
}

.foot-nav ul:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both
}

.foot-nav ul li {
    float: left;
    width: 20%
}

.foot-nav .foot-item {
    text-align: center;
    font-size: 15px
}

.foot-nav .foot-item i {
    font-size: 20px
}

.foot-nav .foot-item p {
    margin-top: 3px
}


.foot-item>.active p {
    color: #FF7900
}

.foot-gift {
    display: inline-block;
    margin-top: -20px;
    position: relative;
    z-index: 99;
    border-radius: 50%
}

.foot-gift i {
    font-size: 56px !important;
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0px -10px 30px -15px #000;
    color: #FF7900
}

.gotop {
    position: fixed;
    bottom: 20%;
    z-index: 999;
    right: 5%;
    display: none
}

.gotop i {
    background: #FF7900;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    font-size: 24px;
    box-shadow: 0 5px 15px -3px #ff7900
}

@keyframes fadeinB {
    0% {
        transform: translateY(20px);
        opacity: 0;
        filter: Alpha(opacity=0)
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
        filter: Alpha(opacity=1)
    }
}

.fadeinB {
    animation: fadeinB .6s infinite;
    -moz-animation: fadeinB .6s infinite;
    -webkit-animation: fadeinB .6s infinite;
    -o-animation: fadeinB 1s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1
}

.part_line {
    height: 10px;
    background: #f5f5f5
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    position: relative;
    float: left;
    box-sizing: border-box;
}

.col-1 {
    width: 8.33333333%;
}

.col-2 {
    width: 16.66666666%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333%;
}

.col-5 {
    width: 41.66666666%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%;
}

.col-8 {
    width: 66.66666666%;
}

.col-9 {
    width: 74.99999999%;
}

.col-10 {
    width: 83.33333333%;
}

.col-11 {
    width: 91.66666666%;
}

.col-12 {
    width: 100%;
}

/*margin*/
.mt25 {
    margin-top: 25px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px !important
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px
}

/*padding*/
.p_10 {
    padding: 10px;
}

.p_t_8 {
    padding-top: 8px;
}

.p_b_8 {
    padding-bottom: 8px;
}

.p_l_10 {
    padding-left: 10px;
}

.p_r_10 {
    padding-right: 10px;
}

/*font-size*/
.fsize13 {
    font-size: 13px;
}

.fsize16 {
    font-size: 16px !important;
}

.text_large {
    font-size: 27px;
}

.fsize38 {
    font-size: 38px;
}

/*color*/
.white,
.text_white {
    color: #fff !important;
}

.text_main {
    color: #00b3ff;
}

.text_default {
    color: #cdcdcd;
}

/*顶部固定定位*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.fixed-margin {
    margin-top: 60px;
}

/*topbar*/
.page-top a {
    display: block;
    padding: 20px
}

.page-top a i {
    font-size: 22px
}

.page-top>.title {
    flex: 1;
    font-size: 18px;
    text-align: center
}

.app_show {
    display: none;
}



/*头部*/
.my_head {
    background: #00b3ff;
    width: 100%;
    height: 45px;
    line-height: 45px;
    top: 0;
    z-index: 100;
    color: #fff;
    font-size: 16px;
    text-align: center;
    max-width: 800px;
    position: fixed;
}

.my_head a.back {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url(../images/arrow_ico1.png) no-repeat center 50%;
    background-size: 17px auto;
}

.my_head a.modify_paw {
    position: absolute;
    right: 20px;
    top: 0;
    color: #fff;
}

/*小号管理*/
.new_my_game_list .item {
    background: #fff;
    position: relative;
    padding: 10px 10px 10px 90px;
    border-bottom: 1px solid #eeeeee;
}

.new_my_game_list .item .pic_box {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 12px;
}

.new_my_game_list .item .pic_box img {
    width: 70px;
}

.new_my_game_list .item .text_box {
    min-height: 70px;
}

.new_my_game_list .item .text_box .name {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0 10px;
    font-weight: bold;
}

.new_my_game_list .item .label {
    display: inline-block;
    color: #fff;
    background: #00b3ff;
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 5px;
}

.my_sub_account .item {
    background: #fff;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.my_sub_account .item .name {
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
    padding-bottom: 10px;
}

.my_sub_account .item .btn_sell {
    color: #00b3ff;
    border-radius: 2em;
    padding: 4px 10px;
    border: 1px solid #00b3ff;
    margin-left: 10px;
}

.my_sub_account .item .btn_remove {
    color: #f9ba42;
    border-radius: 2em;
    padding: 4px 10px;
    border: 1px solid #f9ba42;
    margin-left: 10px;
}

.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.alt_box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
    width: 80%;
    max-width: 400px;
    z-index: 101;
    overflow: hidden;
    display: none;
}

.alt_box .alt_head {
    font-size: 18px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.alt_box .alt_body {
    padding: 10px;
}

.alt_box .alt_footer {
    display: flex;
    display: -webkit-flex;
    border-top: 1px solid #eeeeee
}

.alt_box .alt_footer .btn {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
    line-height: 40px;
    border-right: 1px solid #eeeeee
}