body {
    background-color: #f8f8f8;
}

input:disabled,
input[disabled] {
    color: #292929;
    -webkit-text-fill-color: #292929;
}

.mod-text-tip {
    background-color: #FFFAEE;
    font-size: .24rem;
    color: #FF882E;
    border: 1px solid #FFDEAB;
    padding: .2rem;
}

.mod-agreement {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: .24rem;
    color: #a1a1a1;
    margin: .6rem 0 .36rem;
}

.mod-agreement i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAHlBMVEUAAADS0tLS0tLS0tLS0tLS0tLAwMDS0tLQ0NDS0tKw0fLkAAAACXRSTlMA4fmrW1UHk5SlcrkyAAAAWUlEQVQI12NgYGBzFlI0SWAAgcCZQCAKYrHPBIMCILMSwpzOwMA6EwoCGBJhTDEGTxhzCoMljDmZQRLGnMigCWNOQmYiFCBrQxiGbAXCYoRzEI5sQHE6wkMAsntaP+rUCbAAAAAASUVORK5CYII=);
    width: .2rem;
    height: .2rem;
    background-size: .2rem .2rem;
    display: block;
    margin-right: .1rem;
}

.mod-agreement i.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAqFBMVEUAAAD5ZlL6ZlL5ZVH1ZEv5ZlL5ZlL5ZlH4ZlL5ZlL6ZVH6ZVH4ZlH5ZVD/VVX6ZVD3Z1H5ZVH5ZVP/bUn5ZlL5ZVL5ZlL3ZVL4ZVD6ZVL6ZFD0YEr5ZVL5Y1H/SUn5ZlL5ZE/5Yk3//f36dGL5alb+6+n7l4n5aFT+4d77npH+8e/+6OX+5eH93dn92tX7oZX6i3z5bVr6jn7////8rKH8q6D7p5v6iXozMikpAAAAH3RSTlMA/u3mEfn0tnPhyMKFKQbvYV4rB9uxjIZuYBkY4CwH7fTk7QAAAOpJREFUGNNl0edugzAUBWDbBA/CyJ5tvSAho7Sk6/3frDe+joSU8ws+Hcm+1+Set2KzfOHVYrkp5iRmNB2zVENSNp6O0PZ5QnUMTfJ96OVMD8Jy6JaTZEDG2mRbkllGB3b0nmYzIhl8m4cd2s5Xkog0/Ea7uKu3gihq6tutN9Eup6NRhGvr2+ant2BX15xqozmpADt3/u41mtWAC2r057s7/x5a7Gmq7gcZ8wfauOYDejCsCFcK3a9omkm8PGjXRqPZK44J6n2NIySTEhayZjg0GluH5e1Ww9Wtds9L3kIPMy+kUJwrIfE5/gF+dyUNbQcQKQAAAABJRU5ErkJggg==);
    background-size: .2rem .2rem;
}

.mod-agreement a {
    color: #F46060;
}


/* 选择游戏 */

.opt-game li {
    background-color: #fff;
    padding: .3rem .25rem;
    margin-bottom: .2rem;
}

.opt-game li a {
    display: -webkit-box;
}

.opt-game .game-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .8em;
    margin-right: .2rem;
}

.opt-game .content {
    -webkit-box-flex: 1;
    flex: 1;
}

.opt-game .content h2 {
    font-size: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: .1rem 0 .2rem;
}

.opt-game .btn {
    width: .9rem;
    height: .34rem;
    line-height: .32rem;
    text-align: center;
    font-size: .24rem;
    background-color: #48D2BD;
    color: #fff;
    border-radius: .2em;
    display: block;
    box-sizing: border-box;
}


/* 选择服务器 */

.mod-horizontal-list li {
    height: 1.02rem;
    line-height: 1.02rem;
    padding: 0 .28rem;
    background-color: #fff;
    margin-bottom: .2rem;
}

.mod-horizontal-list li a {
    display: block;
    background: url(../images/arrows_right.png) no-repeat right center;
    background-size: .17rem .29rem;
    font-size: .3rem;
    color: #010101;
}

.opt-server-div .mod-search {
    margin-bottom: 0;
    border-bottom: 1px solid #ededed;
}


/* 填写商品详情 */

.goods-body {
    padding-bottom: 3rem;
}

.goods-upload .tit {
    color: #000;
    font-size: .3rem;
    padding: .4rem .24rem .1rem;
    font-weight: bold;
}

.goods-upload .tit span {
    color: #FF882E;
    font-size: .24rem;
    font-weight: normal;
}

.upload-choose {
    overflow: hidden;
    padding-bottom: .37rem;
    border-bottom: 1px solid #ededed;
}

.upload-item {
    width: 20%;
    margin-top: .37rem;
    float: left;
}

.upload-img {
    width: 1.04rem;
    height: .8rem;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-position: auto .8rem;
    background-repeat: no-repeat;
    border: 1px solid #dadadb;
    box-sizing: border-box;
}

.upload-img i {
    background: url(../images/close.png) no-repeat;
    width: .28rem;
    height: 0.28rem;
    background-size: 100%;
    position: absolute;
    right: -.07rem;
    top: -.07rem;
}

.upload-fileImage {
    width: 1.04rem;
    height: .8rem;
    margin: 0 auto;
    position: relative;
}

.upload-fileImage input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.upload-img-btn {
    background: url(../images/upload_bg.png) no-repeat;
    width: 1.04rem;
    height: .8rem;
    background-size: 100%;
    display: block;
}

.goods-form .tit,
.order-info .tit {
    height: 1rem;
    line-height: 1rem;
    padding-left: .24rem;
    color: #000;
    font-size: .3rem;
    border-bottom: 1px solid #ededed;
    font-weight: bold;
}

.goods-form .item {
    height: 1rem;
    padding: 0 .24rem 0 .56rem;
    display: -webkit-box;
    -webkit-box-align: center;
    border-bottom: 1px solid #ededed;
    color: #000;
    font-size: .3rem;
    box-sizing: border-box;
    position: relative;
}

.goods-form .item::before {
    content: '';
    background: url(../images/start.png) no-repeat;
    width: .08rem;
    height: .08rem;
    background-size: 100%;
    position: absolute;
    left: .24rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.goods-form .item .cff5 {
    color: #FF5454;
}

.goods-form .item-price::before,
.goods-form .item-nores::before {
    display: none;
}

.goods-form .item input {
    display: block;
    border: none;
    text-align: right;
    flex: 1;
    -webkit-box-flex: 1;
    height: 100%;
    color: #898989;
    font-size: .24rem;
    background: transparent;
}

.goods-form .item .text {
    text-align: right;
    flex: 1;
    -webkit-box-flex: 1;
}

.goods-form .amount_box {
    -webkit-box-flex: 1;
    text-align: right;
    height: .6rem;
    font-size: 0;
    box-sizing: border-box;
}

.goods-form .amount_box a {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background-color: #F4F4F4;
    text-align: center;
    line-height: .6rem;
    color: #000;
    font-size: .28rem;
}

.goods-form .amount_box input {
    height: .6rem;
    width: .6rem;
    display: inline-block;
    text-align: center;
    line-height: .6rem;
    color: #000;
    font-size: .28rem;
    border: none;
    border-radius: 0;
    background: transparent;
}

.goods-bottom {
    padding: .3rem .3rem;
    text-align: center;
}

.goods-bottom .mod-agreement {
    margin: .4rem 0 .3rem;
}

.goods-publish-btn {
    width: 4.9rem;
    height: .94rem;
    line-height: .94rem;
    text-align: center;
    background-color: #F96652;
    color: #fff;
    font-size: .36rem;
    border-radius: 2em;
    display: inline-block;
    border: none;
}

.goods-publish .goods-bottom {
    padding: .3rem .33rem;
}

.goods-publish .goods-form {
    background-color: #fff;
}

.goods-detail-fixed {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 7.5rem;
    margin-left: -3.75rem;
    background-color: #fff;
    border-top: 1px solid #ededed;
    height: .96rem;
    display: -webkit-box;
}

.goods-detail-fixed .fixed-left {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    width: 2.4rem;
    padding: 0 .5rem 0 .35rem;
    box-sizing: border-box;
}

.goods-detail-fixed a {
    display: block;
    font-size: .24rem;
}

.goods-detail-fixed a i {
    width: .34rem;
    height: .34rem;
    display: block;
    margin: 0 auto .06rem;
}

.goods-detail-fixed .share-btn i {
    background: url(../images/ic_share.png) no-repeat;
    background-size: .34rem .34rem;
}

.goods-detail-fixed .collect-btn i {
    background: url(../images/collect.png) no-repeat;
    background-size: .34rem .34rem;
}

.goods-detail-fixed .collect-btn.on i {
    background: url(../images/collect_selected.png) no-repeat;
    background-size: .34rem .34rem;
}

.goods-detail-fixed .fixed-btn {
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    -webkit-box-flex: 1;
    font-size: .38rem;
    color: #fff;
    display: block;
}

.goods-detail-fixed .buy-btn {
    background-color: #F96652;
}

.goods-detail-fixed .unload-btn {
    background-color: #A1A1A1;
}

.publish-banner-swiper {
    background-color: #000;
}

.publish-banner-swiper .swiper-slide a {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 3.4rem;
    background-size: cover;
    display: block;
}

.publish-banner-swiper .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: .2rem;
    left: 0;
    z-index: 5;
    text-align: right;
    padding-right: .2rem;
    font-size: 0;
    transition: all .3s;
    box-sizing: border-box;
}

.publish-banner-swiper .swiper-pagination span {
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 .04rem;
}

.publish-banner-swiper .swiper-pagination span.swiper-pagination-bullet-active {
    width: .16rem;
    background-color: #f43f3f;
    border-radius: .2rem;
}


/* 发布成功 */

.success-page {
    padding: 2rem .7rem 0;
    text-align: center;
}

.success-page img {
    width: 1.34rem;
    height: 1.34rem;
    margin-bottom: .4rem;
}

.success-page p {
    font-size: .38rem;
    margin-bottom: .1rem;
}

.success-page span {
    font-size: .3rem;
    color: #898989;
}

.success-bottom a {
    width: 1.9rem;
    height: .64rem;
    text-align: center;
    line-height: .64rem;
    border: 1px solid #000;
    color: #000;
    font-size: .3rem;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .4rem;
}

.success-page .mod-text-tip {
    margin: .4rem 0 .7rem;
}


/* 全部商品 */

.goods-all {
    padding-bottom: .2rem;
}

.goods-tab {
    height: .84rem;
    line-height: .84rem;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    display: -webkit-box;
}

.goods-tab li {
    width: 25%;
    text-align: center;
    font-size: .3rem;
    color: #000;
}

.goods-tab li.on {
    color: #E5474A;
}

.goods-list li {
    margin-bottom: .2rem;
    background-color: #fff;
}

.goods-list li:last-child {
    margin-bottom: 0;
}

.goods-list .time {
    display: -webkit-box;
    -webkit-box-pack: justify;
    padding: 0 .27rem;
    height: .54rem;
    line-height: .54rem;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
}

.goods-list .time span {
    display: block;
    font-size: .24rem;
    color: #000;
}

.goods-list .time .fail {
    color: #9A9A9A;
}

.goods-list .content {
    display: block;
    padding: .2rem .25rem;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.goods-list .content .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .3rem;
    color: #000;
}

.goods-list .content .tit strong {
    width: .8rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    background-color: #48d2bd;
    border-radius: .2em;
    color: #fff;
    font-size: .24rem;
    display: block;
    margin-right: .15rem;
}

.goods-list .content .info {
    font-size: .24rem;
    color: #898989;
    margin: .1rem 0;
    display: -webkit-box;
    -webkit-box-align: center;
}

.goods-list .content .info i {
    display: block;
    margin-left: .1rem;
}

.goods-list .content .info .is-card {
    background: url(../images/ic_card.png) no-repeat;
    width: .4rem;
    height: .3rem;
    background-size: 100%;
}

.goods-list .content .info .is-dang {
    background: url(../images/ic_dang.png) no-repeat;
    width: .37rem;
    height: .3rem;
    background-size: 100%;
}

.goods-list .content .count {
    display: -webkit-box;
}

.goods-list .content .count span {
    width: 50%;
    display: block;
    text-align: left;
    font-size: .28rem;
    color: #000;
}

.goods-list .content .count em {
    color: #FE5239;
}

.goods-list .bottom {
    height: .86rem;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    padding: 0 .24rem;
}

.goods-list .bottom .number,
.goods-list .bottom .total {
    display: -webkit-box;
}

.goods-list .bottom .total {
    font-size: .3rem;
    color: #333;
}

.goods-list .bottom .total em {
    color: #FE5239;
}

.goods-list .bottom .number span {
    display: -webkit-box;
    -webkit-box-align: center;
    margin-right: .9rem;
    font-size: .24rem;
    color: #000;
}

.goods-list .bottom span::before {
    content: '';
    width: .4rem;
    height: .4rem;
    display: block;
    margin-right: .12rem;
}

.goods-list .bottom .collect-num::before {
    background: url(../images/start_icon.png) no-repeat;
    background-size: .4rem .4rem;
}

.goods-list .bottom .view-num::before {
    background: url(../images/view_icon.png) no-repeat;
    background-size: .4rem .4rem;
}

.goods-list .btns {
    font-size: 0;
    text-align: right;
}

.goods-list .btns a {
    width: 1.46rem;
    height: .54rem;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
    box-sizing: border-box;
    display: inline-block;
    margin-left: .1rem;
    border-radius: .2em;
}

.goods-list .btns a.cff8 {
    color: #FF8338;
    border: .02rem solid #FF8338;
}

.goods-list .btns a.c9a9 {
    color: #9A9A9A;
    border: .02rem solid #9A9A9A;
}

.goods-list .btns a.c4fa {
    color: #4FA6E3;
    border: .02rem solid #4FA6E3;
}

.goods-list .btns a.ce9e {
    background-color: #E9E7E9;
    color: #bbb;
    border: .02rem solid #E9E7E9;
}

.goods-list .tip {
    padding: .1rem .24rem;
    border-top: 1px solid #ededed
}

.goods-list .tip p {
    color: #F68B15;
    font-size: .24rem;
}

.goods-list .sum {
    font-size: .3rem;
    color: #000302;
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.goods-list .time span.cff8 {
    color: #FE553C
}

.goods-list .time span.ca1a {
    color: #A1A1A1
}

.goods-swiper-tab {
    height: .84rem;
    line-height: .84rem;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
}

.goods-swiper-tab .swiper-slide {
    width: auto;
}

.goods-swiper-tab .swiper-slide span {
    display: block;
    padding: 0 .3rem;
    font-size: .3rem;
    color: #000;
    -webkit-transition: color .43;
    transition: color .43;
}

.goods-swiper-tab .swiper-slide.on span {
    color: #E5474A;
}


/* 商品详情 */

.goods-header {
    background-color: #fff;
    margin-bottom: .2rem;
}

.goods-header-box {
    padding: .2rem .24rem .1rem;
}

.goods-header .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .3rem;
    color: #000;
    margin-bottom: .15rem;
}

.goods-header .tit strong {
    width: .8rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    background-color: #48d2bd;
    border-radius: .2em;
    color: #fff;
    font-size: .24rem;
    display: block;
    margin-right: .15rem;
}

.goods-header .goods-count {
    display: -webkit-box;
    -webkit-box-pack: justify;
}

.goods-header .goods-count span {
    display: block;
}

.goods-header .goods-count span:first-child {
    font-size: .36rem;
    color: #FF5454;
}

.goods-header .goods-count span:last-child {
    font-size: .24rem;
    color: #A1A1A1;
}

.goods-detail {
    padding-bottom: 1.74rem;
}

.goods-assure {
    display: -webkit-box;
    -webkit-box-align: center;
    height: .74rem;
    font-size: .24rem;
    color: #000;
    padding: 0 .24rem;
    border-top: 1px solid #ededed;
    box-sizing: border-box;
}

.goods-assure::before {
    content: '';
    background: url(../images/assure_icon.png) no-repeat;
    width: .33rem;
    height: .38rem;
    background-size: .33rem .38rem;
    display: block;
    margin-right: .15rem;
}

.goods-content {
    background-color: #fff;
}

.goods-content .mod-tabcon {
    padding: .2rem .24rem;
}

.goods-content .mod-tab span {
    height: .9rem;
}

.goods-info {
    padding-bottom: .3rem;
}

.goods-info p {
    font-size: .3rem;
    color: #000;
    line-height: .48rem;
}

.goods-info p strong {
    color: #898989;
    min-width: 1.6rem;
    display: inline-block;
}

.goods-info .intro {
    display: -webkit-box;
    margin-top: .2rem;
}

.goods-info .intro strong {
    font-size: .3rem;
    color: #666;
    min-width: 1.6rem;
    display: inline-block;
}

.goods-info .intro p {
    -webkit-box-flex: 1;
    padding: .1rem .18rem;
    background-color: #F4F4F4;
    color: #000;
    font-size: .24rem;
    border-radius: .1rem;
    line-height: 1.5;
}

.goods-flow dt {
    display: -webkit-box;
    -webkit-box-align: center;
    color: #000;
    font-size: .28rem;
    font-weight: bold;
}

.goods-flow dt em {
    width: .38rem;
    height: .38rem;
    text-align: center;
    line-height: .38rem;
    background-color: #E4393C;
    border-radius: 50%;
    color: #fff;
    font-size: .24rem;
    display: block;
    margin-right: .15rem;
}

.goods-flow dd {
    padding: .05rem 0 .35rem .53rem;
    color: #0B0000;
    font-size: .28rem;
    position: relative;
}

.goods-flow dd::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #E4393C;
    position: absolute;
    left: .19rem;
    top: 0;
}

.goods-flow dd:last-child::before {
    display: none;
}

.goods-sold {
    display: -webkit-box;
    -webkit-box-align: center;
    padding: .12rem .24rem;
    border-top: 1px solid #ededed;
}

.goods-sold img {
    width: .63rem;
    height: .63rem;
    display: block;
    margin-right: .1rem;
}

.goods-sold .box {
    -webkit-box-flex: 1;
}

.goods-sold .box h3 {
    font-size: .24rem;
    color: #010101;
}

.goods-sold .box .count {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .24rem;
}

.goods-sold .box .count span {
    color: #F96652;
}

.goods-sold .box .is-card {
    background: url(../images/v_card.png) no-repeat;
    width: 1.33rem;
    height: .35rem;
    background-size: 100%;
    display: block;
    margin-left: .2rem;
}

.goods-sold .box .official-card {
    background: url(../images/official_icon.png) no-repeat;
    width: 1.33rem;
    height: .35rem;
    background-size: 100%;
    display: block;
    margin-left: .2rem;
}

.detail-body .goods-sold,
.detail-body .goods-statement {
    padding-left: 0;
}


.goods-statement {
    padding: .15rem .24rem;
    font-size: .24rem;
    color: #898989;
    line-height: .46rem;
    border-top: 1px solid #ededed;
}

.goods-detail-bottom {
    background-color: #fff;
    height: 1.54rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    position: fixed;
    width: 7.5rem;
    left: 50%;
    bottom: 0;
    margin-left: -3.75rem;
    padding: 0 .38rem;
    box-sizing: border-box;
}

.goods-detail-bottom a {
    width: 2.9rem;
    height: .78rem;
    text-align: center;
    line-height: .78rem;
    font-size: .24rem;
    box-sizing: border-box;
    display: block;
    margin-left: .1rem;
    border-radius: .2em;
    font-size: .28rem
}

.goods-detail-bottom a.cff8 {
    color: #FF8338;
    border: 1px solid #FF8338;
}

.goods-detail-bottom a.ce9e {
    color: #bbb;
    border: 1px solid #E9E7E9;
    background-color: #E9E7E9;
}

.goods-detail-bottom a.c9a9 {
    color: #9A9A9A;
    border: 1px solid #9A9A9A;
}


/* 我的收入 */

.income-header {
    background-color: #fff;
    text-align: center;
    padding: 1.2rem 0 .58rem;
    margin-bottom: .2rem;
    border: 1px solid #ededed;
}

.income-header .money {
    font-size: .5rem;
    color: #FF5454;
    font-weight: bold;
}

.income-header p {
    font-size: .3rem;
    color: #898989;
    padding: 0 .6rem;
}

.income-header .btns {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    padding-top: .7rem;
}

.income-header .btns a {
    width: 2.7rem;
    height: .64rem;
    text-align: center;
    line-height: .62rem;
    border: 1px solid #000;
    color: #000;
    font-size: .3rem;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .4rem;
}

.income-list {
    background-color: #fff;
    border-top: 1px solid #ededed;
}

.income-list .item {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    padding: 0 .25rem;
    height: 1.28rem;
    border-bottom: 1px solid #ededed;
}

.income-list .info span {
    display: block;
}

.income-list .info span:last-child {
    font-size: .3rem;
    color: #FF5454;
    margin-top: .05rem;
}

.income-list .text {
    color: #898989;
}


/* 充值 */

.recharge-box {
    background-color: #fff;
}

.recharge-tit {
    padding: .35rem 0 .25rem .25rem;
    border-bottom: 1px solid #ededed;
}

.recharge-tit h2 {
    font-size: .3rem;
    margin-bottom: .15rem;
}

.recharge-money {
    display: -webkit-box;
    -webkit-box-align: center;
}

.recharge-money label {
    font-size: .4rem;
    color: #000;
    display: block;
}

.recharge-money input {
    -webkit-box-flex: 1;
    display: block;
    border: none;
    padding-left: .1rem;
    font-size: .32rem;
}

.recharge-plat .item {
    height: .94rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    padding: 0 .25rem;
    border-bottom: 1px solid #ededed;
}

.recharge-plat .plat-block {
    height: .94rem;
    display: -webkit-box;
    -webkit-box-align: center;
}

.recharge-plat .plat-block img {
    width: .64rem;
    height: .64rem;
    display: block;
    margin-right: .14rem;
}

.recharge-plat .selected {
    height: .94rem;
    display: -webkit-box;
    -webkit-box-align: center;
}

.recharge-plat .selected::before {
    content: '';
    background-color: #E2E2E2;
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.recharge-plat .selected.on::before {
    background-color: #F96652;
}

.recharge-btn {
    width: 4.9rem;
    line-height: .94rem;
    text-align: center;
    background-color: #F96652;
    border-radius: 2em;
    font-size: .38rem;
    color: #fff;
    display: block;
    margin: 1.4rem auto 0;
    border: none;
}

.recharge-page table {
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.recharge-page table tr {
    height: 1rem;
}

.recharge-page table th,
.recharge-page table td {
    border-bottom: 1px solid #dadada;
    color: #333;
    line-height: 1.3;
}

.recharge-page table th {
    font-size: .3rem;
    color: #000;
}

.recharge-page .c3ab {
    color: #3AB896;
}

.recharge-page .cff8 {
    color: #FF882E;
}

.recharge-succes {
    padding: 1.7rem 1.5rem 0;
    text-align: center;
}

.recharge-succes .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: .38rem;
}

.recharge-succes .tit img {
    width: .58rem;
    height: .58rem;
    display: block;
    margin-right: .1rem;
}

.recharge-succes p {
    font-size: .62rem;
    color: #000;
    padding: .2rem 0 .4rem;
}

.recharge-succes .check-money {
    border-top: 1px solid #ededed;
    padding-top: .4rem;
}

.recharge-succes .check-money a {
    color: #000;
    border: 1px solid #000;
    width: 3rem;
    height: .84rem;
    text-align: center;
    line-height: .82rem;
    font-size: .3rem;
    box-sizing: border-box;
    display: block;
    border-radius: .2em;
    font-size: .3rem;
    display: inline-block;
}


/* 提现申请 */

.withdraw-box {
    background-color: #fff;
}

.withdraw-box .tit {
    line-height: .88rem;
    color: #291B10;
    padding: 0 .24rem;
    font-size: .3rem;
}

.withdraw-box .account {
    display: -webkit-box;
    -webkit-box-align: center;
    height: 1.04rem;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    font-size: .3rem;
    color: #000;
    padding: 0 .25rem;
    position: relative;
}

.withdraw-box .account img {
    width: .64rem;
    height: .64rem;
    display: block;
    margin-right: .3rem;
}

.withdraw-box .account::after {
    content: '';
    width: .17rem;
    height: .29rem;
    background: url(../images/arrows_right.png) no-repeat right center;
    background-size: .17rem .29rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: block;
}

.withdraw-money {
    display: -webkit-box;
    height: .74rem;
    -webkit-box-align: center;
    padding: 0 .3rem 0 .15rem;
    border-bottom: 1px solid #ededed;
}

.withdraw-money strong {
    font-size: .55rem;
    color: #000;
    display: block;
}

.withdraw-money input {
    display: block;
    -webkit-box-flex: 1;
    border: none;
    line-height: .74rem;
    padding-left: .1rem;
    color: #000;
    font-size: .32rem;
}

.withdraw-money span {
    color: #000;
}

.withdraw-count {
    padding: .2rem .25rem;
}

.withdraw-count p {
    color: #000;
    line-height: .6rem;
}

.withdraw-count p span {
    color: #E4393C;
}

.withdraw-btn {
    width: 4.9rem;
    line-height: .94rem;
    text-align: center;
    background-color: #F96652;
    border-radius: 2em;
    font-size: .38rem;
    color: #fff;
    display: block;
    margin: 1.4rem auto 0;
    border: none;
}

.withdraw-set-success {
    padding: 1.4rem .6rem 0;
    text-align: center;
}

.withdraw-set-success img {
    width: 1.34rem;
    height: 1.34rem;
    margin-bottom: .4rem;
}

.withdraw-set-success p {
    font-size: .38rem;
    margin-bottom: .1rem;
}

.withdraw-set-success .mod-text-tip {
    margin: .3rem 0 .6rem;
}

.withdraw-set-success .mod-text-tip p {
    line-height: .6rem;
    text-align: left;
    font-size: .24rem;
}

.withdraw-apply-success {
    padding: 1.7rem 0 0;
    text-align: center;
}

.withdraw-apply-success .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: .38rem;
}

.withdraw-apply-success .tit img {
    width: .58rem;
    height: .58rem;
    display: block;
    margin-right: .1rem;
}

.withdraw-apply-success p {
    margin: .8rem 0 .4rem;
    font-size: .3rem;
    color: #898989;
}

.withdraw-apply-success a {
    color: #000;
    border: 1px solid #000;
    width: 3rem;
    height: .84rem;
    text-align: center;
    line-height: .82rem;
    box-sizing: border-box;
    border-radius: .2em;
    font-size: .3rem;
    display: inline-block;
}

.screenshot-wrap {
    padding-bottom: .3rem;
}

.screenshot-area h3 {
    line-height: .88rem;
    color: #291B10;
    padding: 0 .24rem;
    font-size: .3rem;
    border-bottom: 1px solid #ededed;
}

.screenshot-list .item {
    padding: 0 .24rem;
    border-bottom: 1px solid #ededed;
}

.screenshot-list .upload-tit {
    font-size: .3rem;
    color: #000;
    padding-top: .1rem;
}

.screenshot-list .upload-tit span {
    font-size: .24rem;
    color: #F68B15;
    margin-left: .2rem;
}

.screenshot-list .upload-fileImage {
    margin: 0;
    padding: .2rem 0 .25rem;
}

.screenshot-list .upload-form {
    padding: .3rem 0 .38rem;
}

.screenshot-list .upload-img {
    margin: 0;
    width: 3.17rem;
    height: 1.75rem;
    background-size: cover;
    border: none;
}

.screenshot-list .upload-img img {
    width: 100%;
    height: 100%;
}

.upload-img img {
    width: 100%;
    height: 100%;
}

.screenshot-list .upload-fileImage {
    width: 1.15rem;
    height: 1.13rem;
}

.screenshot-list .upload-img-btn {
    width: 1.15rem;
    height: 1.13rem;
    background-size: 1.15rem 1.13rem;
}

.screenshot-btn {
    margin-top: .3rem;
}

.layui-view {

    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.layui-view img {
    width: 100%;
    display: block;
}


/* 买家订单 */

.bull-order-swiper {
    background-color: #000;
}

.bull-order-swiper .swiper-slide a {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 3.4rem;
    background-size: cover;
    display: block;
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: .2rem;
    left: 0;
    z-index: 5;
    text-align: right;
    padding-right: .2rem;
    font-size: 0;
    transition: all .3s;
    box-sizing: border-box;
}

.swiper-pagination span {
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 .04rem;
}

.swiper-pagination span.swiper-pagination-bullet-active {
    width: .16rem;
    background-color: #f43f3f;
    border-radius: .2rem;
}

.bull-order-detail .goods-header .goods-count span:last-child {
    font-size: .3rem;
    color: #FF5454;
}

.bull-order-info {
    background-color: #fff;
    padding: .1rem .25rem .2rem;
    font-size: .3rem;
    color: #000;
    margin-bottom: .2rem;
}

.bull-order-info .order-number {
    margin-left: -.1rem;
}

.bull-order-info p {
    line-height: .5rem;
}

.bull-order-info p span {
    color: #666;
}

.bull-order-info .intro h3 {
    font-size: .28rem;
    color: #666;
    margin: .2rem 0;
}

.bull-order-info .intro p {
    background-color: #F4F4F4;
    padding: .1rem .2rem;
    border-radius: .1em;
}

.bull-order-form .info {
    padding: 0.2rem .3rem;
    border-bottom: 1px solid #ededed;
    font-size: .3rem;
}

.bull-order-form .info span {
    width: 1.5rem;
    text-align: right;
    display: inline-block;
    color: #666;
}

.bull-order-form {
    padding-bottom: .3rem;
}

.payment-success {
    padding: 2.4rem 1rem 0;
    text-align: center;
}

.payment-success .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: .38rem;
    margin-bottom: .54rem;
}

.payment-success .tit img {
    width: .58rem;
    height: .58rem;
    display: block;
    margin-right: .1rem;
}

.payment-success .tip {
    height: .52rem;
    line-height: .5rem;
    text-align: center;
    border: 1px solid #3E90D8;
    color: #3E90D8;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.payment-success .tip p {
    font-size: .24rem;
}

.payment-success .tip img {
    width: .33rem;
    height: .35rem;
    display: block;
    margin-left: .1rem;
}

/* 商品列表 */

.goods-filter-tab {
    display: -webkit-box;
    height: .92rem;
    background-color: #fff;
    position: relative;
    z-index: 5;
    border-bottom: 1px solid #ededed;
}

.goods-filter-tab li {
    width: 33.333%;
    height: .92rem;
    font-size: .24rem;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.goods-filter-tab li.on,
.goods-filter-tab li.selected {
    color: #FF5454;
}

.goods-filter-tab li::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .07rem .06rem 0 .06rem;
    border-color: #8c8c8c transparent transparent transparent;
    display: block;
    margin-left: .1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.goods-filter-tab li.on::after {
    border-color: #FF5454 transparent transparent transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.goods-filter-tab li.selected::after {
    border-color: #FF5454 transparent transparent transparent;
}

.goods-filter-box {
    position: relative;
}

.goods-filter-wrap {
    display: none;
}

.goods-filter-wrap .mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 2;
    display: none;
}

.goods-filter-drop {
    position: absolute;
    left: 0;
    top: .92rem;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border-top: 1px solid #ededed;
    overflow: hidden;
}

.goods-filter-device,
.goods-filter-category,
.goods-filter-sort {
    padding: .2rem .25rem .2rem;
}

.goods-filter-device li,
.goods-zone-left li,
.goods-search-list li,
.goods-filter-category li,
.goods-filter-sort li {
    line-height: .82rem;
}

.goods-filter-sort li:first-child {
    font-weight: bold;
}


.goods-filter-device li.on,
.goods-zone-left li.on,
.goods-search-list li.on,
.goods-filter-category li.on,
.goods-filter-sort li.on {
    color: #FF5454;
}

.goods-filter-sort li {
    line-height: .6rem;
}

.goods-filter .m-goods-list li {
    border-bottom: none;
    margin-bottom: .2rem;
}

.goods-filter .m-goods-list .price {
    font-size: .34rem;
}

.price_choose {
    padding-top: .3rem;
}

.price_choose_input {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    height: .52rem;
    -webkit-box-align: center;
    font-size: .24rem;
    padding-left: .2rem;
}

.price_choose_input span {
    display: block;
    font-weight: bold;
    font-size: .28rem;
}

.price_choose_input input {
    flex: 1;
    -webkit-box-flex: 1;
    border: none;
    box-sizing: border-box;
    display: block;
    background-color: #f4f4f4;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    margin: 0 .2rem;
}

.price_choose_btn {
    padding: 0 .1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.price_choose .price_item {
    width: 30%;
    background-color: #f4f4f4;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    margin-top: .3rem;
    transition: all .3s;
}

.price_choose .price_item.on {
    background-color: #e4393c;
    color: #fff;
}

.price-bottom {
    padding-bottom: .3rem;
    text-align: center;
}


.price-bottom span {
    width: 30%;
    height: .6rem;
    line-height: .6rem;
    display: inline-block;
    background-color: #e4393c;
    border: 1px solid #e4393c;
    color: #fff;
    margin: 0 .1rem;
}

.price-bottom span:first-child {
    background-color: transparent;
    color: #333;
}

.goods-zone {
    display: -webkit-box;
    padding: .2rem .25rem .2rem 0;
}

.goods-zone-left {
    width: 35%;
    padding-left: .25rem;
    box-sizing: border-box;
}

.goods-zone-left ul {
    max-height: 5rem;
    overflow-y: scroll;
}


.goods-zone-right {
    -webkit-box-flex: 1;
}

.goods-zone-search {
    display: -webkit-box;
    margin-bottom: .2rem;
    display: none;
}

.goods-zone-search input {
    height: .6rem;
    line-height: .6rem;
    background: #f4f4f4;
    display: block;
    -webkit-box-flex: 1;
    border: none;
    border-radius: 1em;
    padding-left: .2rem;
    color: #a1a1a1;
}

.goods-zone-search span {
    display: block;
    line-height: .6rem;
    padding: 0 .1rem;
}

.goods-search-list {
    max-height: 4rem;
    overflow-y: scroll;
}

.goods-filter .mod-search {
    position: relative;
    z-index: 5;
    margin-bottom: 0;
    border-bottom: 1px solid #ededed;
}


.share-guide,
.payment-tip {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    display: none;
}

.payment-tip {
    background-image: url(../images/payment_tip.png);
    background-size: 3.28rem 2.44rem;
    background-position: 90% .5rem;
    background-repeat: no-repeat;
}

.share-guide.bottomshow {
    background-image: url(../images/share_bottom.png);
    background-size: 3.28rem 2.44rem;
    background-position: 60% 90%;
    background-repeat: no-repeat;
}

.share-guide.topshow {
    background-image: url(../images/share_top.png);
    background-size: 3.28rem 2.44rem;
    background-position: 90% .5rem;
    background-repeat: no-repeat;
}

.shut-list {
    width: 100%;
    padding: .2rem .3rem;
    box-sizing: border-box;
    text-align: left;
}

.shut-list .shut-item {
    font-size: .3rem;
    color: #000;
    height: .7rem;
    line-height: .7rem;
}

.shut-list .shut-item.on {
    color: #D82008;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAWCAMAAAAPf7fDAAAAeFBMVEUAAADYHQXYHQXYGwXaGgTYHQbYHQXZHATYHATYGQDZHQTZHATaHATYHAXZGwTZHgXYHgbYHQbYHQbYHgXYHgXZHgbYHQXYHAXZGwXZHQTYHATbGQDUHQDTDADeEwDYHgbZHwbZHQXYGwXYGwTZHADWHwD/AADYHgZSBiRQAAAAJ3RSTlMA7fA1MPv0gHMsfHl3Wkb45d3Vy721lohrYFQjEQsH4KemaUEbGQMSS2qgAAAApUlEQVQoz32RVxKDMAxEKYHQewstPe/+N8wMM8TEYOtPfutZaWXoyrtedLiDWoNjB8tW4yQlTdTYdqFXY98CzXBDBp4av3Jo1XgsoFkzqE4ynkq4r42FKQnmCur5lyGY/hZ/blBOog8lQQPFuP0QsLVoIX//G54RQYeQDQLJgocwkwSLRQ/u4cmiRZA4OE8ZiS1iFyfeEbEF0B0QMQORoanIDfaPX3MLDgnAevxFAAAAAElFTkSuQmCC) no-repeat right center;
    background-size: .31rem .22rem;
}

.m-goods-list li {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}

.m-goods-list li:last-child {
    border-bottom: none;
}

.m-goods-list li a {
    display: block;
    padding: .22rem .25rem;
    position: relative;
}

.m-goods-list .tit {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: .3rem;
    color: #000;
}

.m-goods-list .tit strong {
    width: .8rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    background-color: #48d2bd;
    border-radius: .2em;
    color: #fff;
    font-size: .24rem;
    display: block;
    margin-right: .15rem;
}

.m-goods-list .info {
    display: -webkit-box;
    -webkit-box-align: center;
    margin: .1rem 0;
}

.m-goods-list .info p {
    font-size: .24rem;
    color: #898989;
}

.m-goods-list .info i {
    display: block;
    margin-left: .1rem;
}

.m-goods-list .info .is-card {
    background: url(../images/ic_card.png) no-repeat;
    width: .4rem;
    height: .3rem;
    background-size: 100%;
}

.m-goods-list .info .is-dang {
    background: url(../images/ic_dang.png) no-repeat;
    width: .37rem;
    height: .3rem;
    background-size: 100%;
}

.m-goods-list .price {
    font-size: .3rem;
    color: #FF5454;
}

.layui-m-layer0 .layui-check {
    width: 80%;
    position: relative;
}

.layui-check h3 {
    border-bottom: 1px solid #d7d7d7;
    height: .96rem;
    line-height: .96rem;
    font-size: .38rem;
    color: #000;
}

.layui-check .layui-m-layercont {
    padding: .35rem .22rem;
}

.layui-check .money {
    font-size: .38rem;
    color: #000;
}

.layui-check .tip {
    font-size: .24rem;
    color: #666;
    margin: .2rem 0;
}

.layui-check .mobile-code {
    height: .8rem;
    background-color: #f2f2f2;
    border-radius: .04rem;
    display: -webkit-box;
    font-size: .24rem;
    border-radius: .04rem;
}

.layui-check .mobile-code input {
    display: block;
    height: .8rem;
    -webkit-box-flex: 1;
    font-size: .28rem;
    border: none;
    background: none;
    padding-left: .4rem;
    ;
}

.layui-check .mobile-code input::-webkit-input-placeholder {
    color: #D0CFCF;
}

.layui-check .mobile-code .code-btn {
    height: .8rem;
    line-height: .8rem;
    color: #36ABDC;
    display: block;
    padding: 0 .34rem;
}

.layui-check .confirm-withdrawCheck {
    width: 2.44rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    background-color: #F96652;
    border-radius: 2em;
    font-size: .24rem;
    color: #fff;
    display: block;
    margin: .56rem auto 0;
    border: none;
}

.layui-check .close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEUAAACampqZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiYmJiYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmbm5ubm5uZmZlJKs3nAAAAFnRSTlMAHPKVlPjuP8qgnwrl41VI30syiTMXojCg1QAAAJNJREFUOMvl0kkOwyAQRFGGZrCZbCfp+x813kQVCeoEZoX0nwSINuU9PoYsO65iUj5elnQ58mV6VSd22b3TNm7mfmLud8Bm1b39o6xDsA7BOgTrEKxD0A6BToQV9IWI2xbRJyFRQ9CI50xiD6phJ50CfgS/JAR5Jp8P/+D5EPSlOCv6LNppUm70c6TmZErq/Ht7Kl8tmQl/SByqBgAAAABJRU5ErkJggg==) center no-repeat;
    width: .64rem;
    height: .64rem;
    background-size: .32rem .32rem;
    position: absolute;
    right: .1rem;
    top: .15rem;
}


canvas {
    display: none;
}