.header,.footer {
    /* opacity:0; */
}

.sell-area .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #eaeff4
}

.sell-area .item .label {
    width: 12%;
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    flex-shrink: 0
}

.sell-area .item .label i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 4px;
    background: url("../img/sprite_icon.png") no-repeat
}

.sell-area .item .label .s1 {
    background-position: -186px 0
}

.sell-area .item .label .s2 {
    background-position: -209px 1px
}

.sell-area .item .label .s3 {
    background-position: -231px 0
}

.sell-area .item .label .s4 {
    background-position: -253px 0
}

.sell-area .item .label .s5 {
    background-position: -275px 0
}

.sell-area .item .label .s6 {
    background-position: -308px -114px
}

.sell-area .item .label .s7 {
    background: url("../img/store_icon.png") center no-repeat;
    background-size: cover
}

.sell-area .options {
    flex-grow: 1;
    flex-shrink: 1
}

.sell-area .type li {
    width: 16.66%;
    height: 80px;
    float: left;
    overflow: hidden;
    text-align: center;
    position: relative
}

.sell-area .type li a {
    display: block;
    width: 95%;
    height: 100%;
    border-radius: 10px;
    line-height: 80px;
    color: #fff;
    font-size: 16px
}

.sell-area .type li:nth-last-child(1) {
    margin-right: 0
}

.sell-area .type li .sel {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 5%;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .type li:hover {
    opacity: .9
}

.sell-area .type li:hover .sel,.sell-area .type li.cur .sel {
    background-position: -181px -53px
}

.sell-area .type li.t1 a {
    background-color: #fd804d
}

.sell-area .type li.t2 a {
    background-color: #4bb2fa
}

.sell-area .type li.t3 a {
    background-color: #40de97
}

.sell-area .type li.t4 a {
    background-color: #2bf1f4
}

.sell-area .type li.t5 a {
    background-color: #fdc830
}

.sell-area .type li.t6 a {
    background-color: #d596fe
}

.sell-area .type li i.icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
    background: url("../img/sprite_icategory.png") -999px -999px no-repeat
}

.sell-area .type li i.cost {
    background-position: 1px -3px
}

.sell-area .type li i.game {
    background-position: -4px -47px
}

.sell-area .type li i.fuel {
    background-position: -3px -88px
}

.sell-area .type li i.ecshop {
    background-position: -1px -175px
}

.sell-area .type li i.food {
    background-position: -3px -132px
}

.sell-area .type li i.video {
    background-position: -3px -212px
}

.sell-area .type li:hover i.cost {
    background-position: -44px -3px
}

.sell-area .type li:hover i.game {
    background-position: -49px -47px
}

.sell-area .type li:hover i.fuel {
    background-position: -48px -88px
}

.sell-area .type li:hover i.ecshop {
    background-position: -46px -175px
}

.sell-area .type li:hover i.food {
    background-position: -48px -132px
}

.sell-area .type li:hover i.video {
    background-position: -48px -212px
}

.sell-area .category li {
    width: 16.66%;
    height: 80px;
    float: left;
    margin-bottom: 15px;
    position: relative
}

.sell-area .category li a {
    display: block;
    width: 95%;
    height: 100%;
    border: 2px solid #dfe5f0;
    background: #f8fafc;
    text-align: center;
    color: #8e98a8;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.sell-area .category li.cur a.whbg {
    background: #bdbdbd
}

.sell-area .category li img {
    display: block;
    height: 32px;
    max-width: 90%;
    margin: 10px auto 0 auto
}

.sell-area .category li .name {
    display: block;
    margin: 0 auto;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.sell-area .category li .sel {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 2.5%;
    right: 5.75%;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .category li .dis {
    display: none;
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 0 2px;
    line-height: 18px;
    background: #399eff;
    color: #fff;
    font-size: 12px;
    border-radius: 0 0 6px 0
}

.sell-area .category li .wh {
    position: absolute;
    right: 5.75%;
    top: 2.5%;
    padding: 0 2%;
    line-height: 1.3;
    background: #ffe8a1;
    color: #f40;
    border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0
}

.sell-area .category li:hover a,.sell-area .category li.cur a {
    border-color: #399eff;
    background: #fff;
    transition: .3s
}

.sell-area .category li:hover a.whbg {
    background: #bdbdbd
}

.sell-area .category li:hover .sel,.sell-area .category li.cur .sel {
    background-position: -146px -52px
}

.sell-area .category li:hover .dis,.sell-area .category li.cur .dis {
    display: block
}

.sell-area .faces li {
    width: 19.2%;
    height: 80px;
    background: #fff;
    overflow: hidden;
    float: left;
    position: relative;
    text-align: center;
    border: 2px solid #dfe5f0;
    border-radius: 6px;
    margin: 0 0.8% 0.8% 0;
    box-sizing: border-box
}

.sell-area .faces li.whbg {
    background: #bdbdbd
}

.sell-area .faces li .wh {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 2%;
    line-height: 1.3;
    background: #ffe8a1;
    color: #f40;
    border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0
}

.sell-area .faces li .value {
    display: block;
    margin: 8px 0 5px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sell-area .faces li .sel {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .faces li:hover,.sell-area .faces li.cur {
    border-color: #399eff;
    background: #fff;
    cursor: pointer
}
.sell-area .faces li:hover .value,.sell-area .faces li.cur .value {
    color: #f97373;
    font-weight: bold;
}

.sell-area .faces li:hover .sel,.sell-area .faces li.cur .sel {
    background-position: -146px -52px
}

.sell-area .faces li.whbg:hover {
    background: #bdbdbd;
    cursor: not-allowed
}

.sell-area .category a.card-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 20px;
    background: #FFA837;
    background: linear-gradient(to right,#FFC551,#FFA837);
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 56px;
    border-radius: 30px
}

.sell-area .category li .tj-btn {
    display: block;
    font-size: 18px;
    line-height: 50px
}

.sell-area .category li .tj-btn i {
    display: inline-block;
    width: 33px;
    height: 26px;
    vertical-align: middle;
    margin-right: 8px;
    background: url("../img/sprite_icon.png") no-repeat;
    transition: .3s
}

.sell-area .category li .tj-btn .group {
    background-position: -102px -53px
}

.sell-area .category li .tj-btn .single {
    background-position: -64px -53px
}

.sell-area .category li .tj-btn .scode {
    background-position: -65px -111px
}

.sell-area .stores {
    border: 2px solid #dfe5f0;
    padding: 1px;
    border-radius: 6px
}

.sell-area .stores td {
    border-bottom: 2px solid #dfe5f0;
    border-right: 2px solid #dfe5f0;
    padding: 12px;
    text-align: center
}

.sell-area .stores tr:nth-last-child(1) td {
    border-bottom-color: transparent
}

.sell-area .stores tr td:nth-child(1) {
    background: #f8fafc
}

.sell-area .stores tr td:nth-last-child(1) {
    border-right-color: transparent
}

.sell-area .stores i.ques {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
    background: #9DA4AC;
    color: #fff
}

.sell-area .stores i.ques:hover {
    background: #399EFF
}

.storetips {
    max-width: 365px;
    box-sizing: border-box;
    position: absolute;
    background: #399EFF;
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    transform: translate3d(-48%, -50px, 0)
}

.storetips:after {
    content: "";
    display: block;
    border: 6px solid transparent;
    border-top-color: #399EFF;
    position: absolute;
    left: 49%;
    bottom: -10px
}

#subtype li {
    height: 56px
}

.sell-area .category li:hover .group,.sell-area .category li.cur .group {
    background-position: -102px -80px
}

.sell-area .category li:hover .single,.sell-area .category li.cur .single {
    background-position: -64px -80px
}

.sell-area .category li:hover .scode,.sell-area .category li.cur .scode {
    background-position: -65px -138px
}

.sell-area .text-area {
    background: #fff;
    margin: 1% 0;
    padding: 1px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.sell-area .text-area textarea {
    width: 63%;
    height: 312px;
    line-height: 35px;
    padding: 0 1%;
    border: 0;
    font-size: 16px;
    resize: none;
    vertical-align: top;
    background: url("../img/textarea_bg.png") repeat;
    border-radius: 10px
}

.sell-area .text-area .tips-area {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 35%;
    height: 312px;
    overflow: hidden;
    pointer-events: none;
    background: #f6fafe;
    border-radius: 0 10px 10px 0;
    text-align: center;
    color: #8e98a8
}

.sell-area .text-area .tips-warn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 110px 15px 0 15px;
    z-index: 3;
    background: url("../img/light-tips.png") center 24px no-repeat
}

.self-rate {
    padding-bottom: 24px
}

.self-rate .input-wrap {
    display: inline-block;
    width: 166px;
    overflow: hidden;
    vertical-align: middle
}

.self-rate input {
    vertical-align: middle;
    font-size: 32px;
    font-family: "Microsoft Yahei";
    color: #329afa;
    letter-spacing: 20px
}

.self-rate .dot {
    position: absolute;
    left: 63px;
    top: 14px;
    color: #329afa;
    font-size: 32px
}

.self-rate .changerate {
    padding: 4px 18px;
    color: #FFF;
    background: linear-gradient(180deg, #FFA100 0%, #FF5722 100%);
    border-radius: 4px
}

.self-rate .btmline {
    width: 142px;
    height: 4px;
    position: absolute;
    left: -4px;
    top: 40px;
    background: linear-gradient(90deg,#329afa 0%,#329afa 28px,transparent 28px,transparent 38px,#329afa 38px,#329afa 66px,transparent 66px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val1 {
    background: linear-gradient(90deg,transparent 0,transparent 38px,#329afa 38px,#329afa 66px,transparent 66px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val2 {
    background: linear-gradient(90deg,transparent 0,transparent 68px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val3 {
    background: linear-gradient(90deg,transparent 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val4 {
    background: none
}

.self-rate .fprice {
    position: absolute;
    left: 30px;
    bottom: 0;
    line-height: 1
}

.self-rate .tip {
    vertical-align: middle;
    margin-left: 10px;
    padding: 2px 5px;
    border: 1px solid #f96868;
    color: #f96868;
    background: #fee;
    border-radius: 4px
}

.input-area .input {
    width: 420px;
    height: 40px;
    padding: 0 10px;
    background: rgba(248,250,255,1);
    border: 2px solid rgba(223,229,240,1);
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.input-area .input:focus {
    box-shadow: 0 0 4px 2px #399EFF
}

.upload-area li {
    float: left;
    margin: 0 12px 12px 0;
    position: relative;
    border: 1px solid #e4ecfa;
    border-radius: 6px
}

.upload-area li.imgitem {
    width: 120px;
    height: 120px;
    overflow: hidden
}

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

.upload-area li.imgitem .del {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 0;
    padding: 8px 5px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    display: none
}

.upload-area li.imgitem:hover .del {
    display: block
}

.upload-area .uploadbtn {
    width: 120px;
    height: 120px;
    background: #f8fafc;
    text-align: center;
    margin-right: 0;
    transition: .3s
}

.upload-area .uploadbtn:hover {
    border-color: #f97373
}

.upload-area .uploadbtn:hover i {
    background: #f97373
}

.upload-area .uploadbtn:hover span {
    color: #f97373
}

.upload-area .uploadbtn i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 30px auto 10px auto;
    font-size: 20px;
    color: #fff;
    background: #399eff;
    border-radius: 50%;
    padding: 6px
}

.upload-area .notloginmask,.upload-area .uploadfile {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.remindstr {
    padding-left: 12%
}

.sell-area .checkbox {
    width: 18px;
    height: 18px;
    vertical-align: -4px
}

.sell-area .sub-btn {
    padding: 0 30px
}

.sell-area .sub-btn.disabled {
    background: #ddd
}

.lowdistips {
    padding: 5px 10px;
    background: #eef8d9;
    color: #458b00;
    border: 1px solid #458b00;
    border-radius: 6px
}

/*loading等待*/
#loadingdiv {
    padding: 80px 0
}

.loading-wrap {
    width: 420px;
    height: 255px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid rgba(234,239,244,1);
    box-shadow: 0 0 10px 0 rgba(0,33,71,0.1);
    border-radius: 10px;
    color: #666
}

.loading-wrap .loadimg {
    width: 129px;
    height: 41px;
    margin: 30px auto 0 auto;
    background: url("../img/logo.png") no-repeat;
    background-size: 100%
}

.loading-wrap p:nth-child(1) {
    margin-top: 60px
}

.loading-wrap h5 {
    font: bold 22px/220% "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400
}

.loading-wrap .refresh {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    padding: 0 16px;
    border: 2px solid #eaeff4;
    border-radius: 20px
}

.loading-wrap .refresh:hover {
    border-color: #5baefe;
    color: #5baefe
}

/*下架唐僧图*/
.data-disabled {
    width: 660px;
    height: 260px;
    margin: 5% auto;
    text-indent: 240px;
    background: url("../img/card_disabled.png") 30px center no-repeat;
    border: 2px solid rgba(234,239,244,1);
    box-shadow: 0 0 10px 0 rgba(0,33,71,0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.data-disabled p:nth-child(1) {
    margin-top: 80px
}

.data-disabled .title {
    font: bold 24px/220% "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif
}

/*提交前确认弹窗*/
.submitsure .cardtype {
    text-align: center;
    font-size: 16px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #eee
}

.submitsure .infos {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.submitsure .infos>div {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee
}

.submitsure .infos .label {
    width: 50%;
    text-align: right
}

.submitsure .infos .values {
    flex-grow: 1;
    flex-shrink: 2
}

/*提交成功带预估结算时间*/
.sub-success-layout .table {
    border: 1px solid #dedede;
    background-color: #fafafa
}

.sub-success-layout .table span {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0
}

.sub-success-layout .table span:nth-child(1) {
    border-right: 1px solid #dedede
}

/*认证弹窗*/
.auth-layout .warning-title {
    font-size: 16px;
    color: #FF9F3E
}

.auth-layout .input {
    width: 48%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 8px
}

.auth-layout .codearea {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.auth-layout .codearea .descimg {
    flex-grow: 1;
    margin-right: 40px
}

.auth-layout .codearea .code {
    width: 245px;
    height: 217px;
    background: url("../img/authcode_bg.png") center no-repeat;
    background-size: cover
}

.auth-layout .codearea .codeimg {
    width: 175px;
    height: 175px;
    margin: 14px 0 0 40px
}

.auth-layout .sbtn {
    width: 64%;
    padding: 10px 50px;
    background: #139DF8;
    color: #fff;
    border-radius: 16px
}
.confirm{
    padding: 30px;
}
.confirm .submit_title{
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.confirm .labels{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.confirm .items{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}