.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("../image/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("../image/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("../image/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("../image/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("../image/sprite_icon.png") -999px -999px no-repeat}
.sell-area .category li .act{width:93px;height:22px;position:absolute;top:-7px;right:0;background:url("../image/acting_icon.png") center 100%/100% 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("../image/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 .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("../image/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 .category li .tj-btn .img{background-position:5px -165px}

.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 .category li:hover .img,.sell-area .category li.cur .img{background-position:-30px -165px}

.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("../image/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("../image/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-wrap2{display:inline-block;vertical-align:middle}
.self-rate input{vertical-align:middle;font-size:32px;font-family:"Microsoft Yahei";color:#329afa;letter-spacing:20px}
.self-rate .input-wrap2 input{font-size:24px;letter-spacing:4px;padding:5px 10px;border:2px solid #ddd;border-radius:6px}
.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:4px;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("../image/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("../image/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("../image/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}
.icon3{
	display: inline-block;
    padding: 10px 16px;
    border: 2px solid #f39b12;
    color: #f39b12;
    font-size: 30px;
    border-radius: 50%;
}
