.main{width:980px;}
.main-left{float:left;width:200px;margin-top:1em;}
.main-right{float:right;width:760px;}

/*左侧菜单*/
.left-home{background: #FFF;border-radius:0.5em;}
.left-home .lists{padding-bottom:1em;}
.left-home .lists .item{padding:2em 1em 0 1em;position: relative;color:#999;font-size:1em;cursor: pointer;text-align:center;}
.left-home .lists .item.hover{color:#14B665;font-weight:900;}

/*订单状态*/
.menu-box{border-bottom:1px solid #ddd;padding:0 0 5px 0;}
.menu-box .item{font-size:16px;display: inline-block;color:#999;margin-right:20px;cursor: pointer;}
.menu-box .hover{font-size:20px;font-weight:900;color:#000;}


.bind-lists .item{margin-top:20px;}
.bind-lists .title{font-size:16px;color:#666;}
.bind-lists .con{margin-right:20px;}
.bind-lists .avatar-uploader{width:50px;height:50px;border-radius:50%;overflow: hidden;background: #eee;text-align:center;line-height:50px;}
.bind-lists img{max-width:100%;max-height:100%;}

/*收款账号信息*/
.bank-lists .item{margin:20px 0 0 0 ;border-bottom:1px dashed #ddd;padding-bottom:10px;}
.bank-lists .flex_row{margin-top:10px;color:#999;font-size:14px;}
.bank-lists .title{position: relative;}
.bank-lists .deleted{position: absolute;right:0;top:0;color:#14B665;font-size:12px;}


.my-auth{cursor: pointer;}
.my-auth span{color:#14B665;display: inline-block;margin-left:20px;}

.auth-box .img{border:1px solid #14B665;border-radius:10px;width:200px;height:125px;}

.auth-box .status-1 i{color:#02c18d;}
.auth-box .status-2 i{color:#14B665;}
.auth-box .status-3 i{color:#da8a00;}


/*提现金额展示*/
.cash-info-box{margin:20px 0 0 0;background:linear-gradient(to right bottom,#14B665, #14B665);border-radius:10px;position: relative;padding:20px 0 20px 0;color:#fff;position: relative;}
.cash-info-box .total-cash{font-size:20px;font-weight:900;text-align:center;}
.cash-info-box .revenue-label{text-align:center;font-size:12px;margin-top:10px;}

/*选择付款方式*/

.cash-bank-select{line-height:1;cursor: pointer;width:300px;text-align:left;}
.cash-bank-select .flex_row{margin-top:10px;color:#999;font-size:14px;}
.cash-bank-select .title{position: relative;}
.cash-bank-select .hover{border-color:#14B665;background: rgba(103, 194, 58, 0.11);}


.cash-bank-lists .item{margin:20px 0 0 0 ;border-radius:10px;padding:20px 20px 20px 20px;border:1px solid #f0f0f0;line-height:1;cursor: pointer;}
.cash-bank-lists .item:first-child{margin-top:0;}
.cash-bank-lists .flex_row{margin-top:10px;color:#999;font-size:14px;}
.cash-bank-lists .title{position: relative;}
.cash-bank-lists .hover{border-color:#14B665;background: rgba(103, 194, 58, 0.11);}


/*提现记录*/
.cash-lists .item{margin:20px 0 0 0 ;border-bottom:1px dashed #ddd;padding-bottom:10px;}
.cash-lists .flex_row{margin-top:10px;color:#999;font-size:14px;}
.cash-lists .title{position: relative;}
.cash-lists .status{position: absolute;right:0;top:0;font-size:12px;color:#fff;background:#ff9d02;border-radius:5px;padding:5px 10px;}
.cash-lists  .status-1{background:#14B665;}
.cash-lists  .status-2{background: #d1d0d0;}
.cash-lists  .status-3{background:#ff9d02;}
.cash-lists .c{margin-right:20px;}
.cash-lists .amount{font-size:20px;color:#ff9d02;}

/*订单记录*/
.order-lists .item{margin:20px 0 0 0 ;border-bottom:1px dashed #ddd;padding-bottom:10px;}
.order-lists .no{font-weight: 900;}
.order-lists .flex_row{margin-top:15px;}
.order-lists .info{color:#999;font-size:14px;}
.order-lists .litpic{width:50px;height:50px;}
.order-lists .litpic img{width:100%;height:100%;}
.order-lists .title{position: relative;margin:0 0 0 15px;}
.order-lists .price{margin:0 0 0 15px;color:#999;}
.order-lists .num{margin:0 0 0 35px;color:#999;}
.order-lists .total{margin:0 0 0 35px;color:#000;}
.order-lists .total-fee{margin:0 0 0 35px;color:#14B665;font-size:20px;}

.order-lists .status{font-size:12px;color:#14B665;padding:5px 10px;}
.order-lists  .status-1{color:#14B665;}
.order-lists  .status-2{color: #d1d0d0;}
.order-lists  .status-3{color:#ff9d02;}
.order-lists .created_at{color:#999;font-size:14px;}
.order-lists .button{font-size:12px;color:#fff;background:#14B665;border-radius:5px;padding:8px 15px;cursor: pointer;}


.user-box-info{margin-top:20px;}
.user-box-info .avatar-uploader{width:50px;height:50px;border-radius:50%;overflow: hidden;background: #eee;text-align:center;line-height:50px;}
.user-box-info .avatar-uploader img{width:100%;height:100%;}

.code-button{border-radius:5px;background:#14B665;color:#fff;font-size:14px;text-align:center;margin-left:20px;padding:0 20px;cursor: pointer; }
.code-button.hover{background:#ddd;color:#fff; }


/*登录*/
.login-back-image{background-image: url('./image/login_back_2.jpg');background-size: cover; width: 100%;
    height: 608px;background-size: 100% 100%;
    position: relative;}
.login-body{position: relative;padding-top:2em;}
.login-page-box{background: #fff;padding:20px;width:396px;margin:0 auto;}
.login-page-box .title{text-align:center;margin-top:20px;cursor: pointer;padding:0 5px;color:#999;}
.login-page-box .title.hover{font-weight:900;color:#000;}
.login-page-box .a{color:#14B665;}
.login-page-box button{width:330px;}
.login-page-box .more{font-size:14px;color:#999;}
.login-main .login-box{display: none;}
.login-page-box .button{cursor:pointer;width:330px;background: linear-gradient(to bottom, #14B665,#14B665,#14B665);line-height:2.5em;text-align: center;color:#FFF;font-size:1.2em;}


.quit{cursor: pointer;}

.el-form-item__label{width:100px;}

/*屏幕宽大大于750*/
@media (max-width:750px) {
    .main-left{float:none;width:auto;}
    .main-right{float:none;width:auto;}

    /*左侧菜单*/
    .left-home .lists{padding:0 0 1em 1em; white-space: nowrap;overflow-x: scroll;}
    .left-home .lists::-webkit-scrollbar {display: none;}
    .left-home .lists .item{padding:1em 1em 0 0;font-size:1em;display: inline-block;}
    .left-home .lists .item .iconfont{display: none;}
    .left-home .lists .item.hover{font-weight:900;}

    /*订单状态*/
    .menu-box{padding:0 0 0.2em 0;white-space: nowrap;overflow-x: scroll;}
    .menu-box::-webkit-scrollbar {display: none;}
    .menu-box .item{font-size:1em;margin-right:1em;}
    .menu-box .hover{font-size:1em;}


    /*订单记录*/
    .order-lists .item{margin:1em 0 0 0 ;padding-bottom:0.5em;}
    .order-lists .no {font-weight: 900;font-size:0.9em;}
    .order-lists .flex_row{margin-top:1em;}
    .order-lists .info{font-size:0.8em;}
    .order-lists .litpic{width:3em;height:3em;}
    .order-lists .title{position: relative;margin:0 0 0 1em;}
    .order-lists .price{margin:0 0 0 1em;}
    .order-lists .num{margin:0 0 0 35px;}
    .order-lists .total{margin:0 0 0 35px;}
    .order-lists .total-fee{margin:0 0 0 1em;font-size:1em;}

    .order-lists .status{font-size:0.8em;padding:0.2em 0.5em;}

    .order-lists .created_at{font-size:0.7em;}
    .order-lists .button{font-size:0.8em;border-radius:0.2em;padding:0.3em 1em;}


    .el-input{font-size:1em;}
    .el-input__inner{line-height:2em;height:2em;}
    .el-form-item__label{width:5em;line-height:2em;height:2em;}
    .code-button{line-height:2em;height:2em;padding:0 1em;margin:0.5em 0 0 1em;}
    .el-form-item{margin-bottom:1em;}
    .el-button--primary{padding:0.5em 1em;}
}