/*客服公共背景*/
.bg-col{background: #f4f4f4;}
/*公共*/
.con-mt{margin-top: .88rem; margin-bottom: .9rem; }
/*头部*/
.news-subject-header{display: flex;
    justify-content: center;
    align-items: center; height: .88rem;text-align: center;position: fixed;left:50%;top: 0;width: 100%;z-index: 999;max-width: 750px; transform: translate(-50%);background: #fff; }
.news-subject-header div{display: inline-block;cursor: pointer;position: relative;}
.news-subject-header div+div{margin-left: .6rem;}
.news-subject-header div a{color: #333;font-size: .32rem;}
.news-subject-header div.on a{color: #f68121; font-size:.36rem; position: relative;}
.news-subject-header div.on:after{ content: '';border-radius:5px; position: absolute;  bottom: -.08rem; left: 50%; transform: translate(-50%);  height: .05rem;  width: .27rem; background: #f68121;}
.news-subject-header .back-icon{position: absolute;top: .22rem;left: .32rem;width: .26rem;cursor: pointer;z-index: 99;}

/*被盗申述-客服标题*/
.kf-con .kf-tit{color: #333333;font-size: .28rem; padding-top: .19rem;padding-bottom: .16rem;position: relative;background: #f4f4f4;}
.kf-con .kf-tit .icon{display: inline-block;}
.kf-con .kf-tit span{  font-weight: bold;  display: inline-block;   vertical-align: middle;}
.kf-con .kf-tit span.s2{font-weight: normal;font-size: .24rem;color: #999999;margin-left: .1rem;}
.kf-con .kf-tit a{float: right;padding-top: .20rem;box-sizing: border-box;}

/*被盗申述-内容*/
.kf-ul{background: #fff;}
.kf-ul li {margin: 0 .32rem;box-sizing: border-box;height: .93rem;border-bottom: 1px solid #f0f0f0;display: flex;align-items: center;justify-content: space-between; position: relative;}
.kf-ul li:last-child{border: none;}
.kf-ul li .kf-li-tit{font-size: .28rem;color: #999999;}
.kf-ul li input,.kf-ul li select{width: 100%;border: none;font-size: .28rem;}
.kf-ul li select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
.kf-ul li select { color: #ccc;font-size: .24rem; }
.kf-ul li input::-webkit-input-placeholder,.xjms::-webkit-input-placeholder{
    color:#ccc;
    font-size: .24rem;
}
.kf-ul li input::-moz-placeholder,.xjms::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
    font-size: .24rem;
}
.kf-ul li input:-moz-placeholder,.xjms:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
    font-size: .24rem;
}
.kf-ul li input:-ms-input-placeholder,.xjms::-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#ccc;
    font-size: .24rem;
}
.kf-ul li.textarea-li{height: 100%;align-items: baseline;}
.kf-ul li .xjms{width: 100%;padding: .3rem 0;resize: none;height: 1.9rem;box-sizing: border-box;border: none;}
.kf-ul li .kf-div{position: relative;height: 100%;display: flex;align-items: center;width: 4.4rem;}

.kf-ul li .close2{display: none; position: absolute;top: .32rem;right: 0rem; width: .24rem;cursor: pointer;}
.kf-ul li .tip-err{ color: #f54336;font-size: .28rem;position: absolute;left: 0rem;top: 0;height: 100%;width: 100%; line-height: .93rem;background: #fff;}
.kf-ul li .tip-err img{display: inline-block;vertical-align: middle;width: .24rem;height: .24rem;}

.kf-ul li .double-select{width: 100%;}
.kf-ul li .double-select select{width: 28%!important;}

.delete-kf-ul{width: 100%; color: #f68121;text-align: center;box-sizing: border-box;height: .93rem;display: flex;align-items: center; justify-content: center; position: relative;cursor: pointer;}
.add-kf-ul{height: 1.6rem;align-items: center;justify-content: center;display: flex;}
.add-kf-ul img{width: 1rem;height: 1rem;cursor: pointer;}

.kf-btn{display: flex;font-size: .28rem;position: fixed;width: 100%;max-width: 750px;margin: 0 auto;left: 50%;transform: translate(-50%); bottom: 0;}
.kf-btn div{display: flex;align-items: center;justify-content: center;height: .9rem;color: #fff;}
.kf-btn .record-btn{background: #323232;width: 30%;}
.kf-btn .record-btn a{color: #fff;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.kf-btn .submit-btn{background: #f68121;width: 70%;}

/*充值记录*/
.kf-recharge-ul{margin: .3rem .32rem;margin-bottom: 0;}
.kf-recharge-ul .kf-ul{border: 1px dashed #f0f0f0;border-radius: 4px;margin-bottom: .2rem;}
.kf-recharge-ul .kf-ul.noMb{margin-bottom: 0;}
.kf-recharge-ul .kf-ul li{margin: 0; padding-left: .3rem;  box-sizing: border-box;}


/*申请记录*/
.kf-ul li.search-li{height: auto;}
.query-list{padding: .3rem .32rem;}
.query-list .kf-ul{background: transparent;border: 1px dashed #d9d9d9;border-radius: 6px;margin-bottom: .2rem;}
.query-list .kf-ul li{height: auto;min-height: .93rem;border-top: 1px solid #e6e6e6;margin: 0;padding: 0 .32rem;}
.query-list .kf-ul li .kf-div{font-size: .28rem;color: #333333;}
.query-list .kf-ul li.kf-reply{align-items: baseline;}
.query-list .kf-ul li.kf-reply .kf-div{margin: .3rem 0;}
.search-btn{font-size: .28rem; margin: .3rem auto; color: #fff; height: .72rem;width: 1.95rem;display: flex;justify-content: center;align-items: center;border-radius: 4px;background: #f68121;}

.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden; bottom: 52px;}
.emailist li{padding:2px 11px; cursor:pointer;}
.emailist .on, .emailist li:hover{background-color:#eee;}



/*2020.09.12*/
.mp-cz-file{padding-bottom: .4rem;}
.mp-cz-file .file{display: flex;justify-content: space-between;margin: 0 .4rem;padding: .4rem 0;}
.mp-cz-file .file li{ overflow: hidden; position:relative;height:2rem;width:2rem;background:#EEE;border-radius:3px}
.mp-cz-file .img-up1{margin: 0 auto; background: #f68121;color: #fff;width: 3rem;text-align: center;display: block;height: .7rem;line-height: .7rem;}



.agree-box{ color: #999999;text-align: center;
    padding-bottom: .4rem; }
.agree-box a{color: #999999;}
.agree-box input{display: inline-block;vertical-align: middle;  margin-right: 5px;  top: -2.5px;}

input[type="checkbox"]{width:14px;height:14px;display: inline-block;text-align: center;vertical-align: middle; line-height: 12px;position: relative;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #f68121;color:#f68121;font-size: 14px;font-weight: bold;}