/* CSS Document */
/* header */
.header { width: 100%; min-width: 1240px; }
.head { line-height: 42px; font-size: 22px; }
.top-bar { width: 100%; height: 52px; background: #3471b0; }
.top-bar .logo { margin-top: 2px; }
.wrap { width: 100%; /*padding-bottom: 60px;*/ }
.to-phone { margin-top: 24px; text-align: center; }
.to-phone .phone-tit { font-size: 18px; line-height: 24px; }
.to-phone .phone { font-family: "Arial"; font-size: 30px; line-height: 50px; }

.select { padding: 32px 16px; background: #fff; border-radius: 20px; border: 1px solid #eaeaea; }
.select .selector { width: 910px; }
.select .sel-box { margin-right: 24px; }
.select .sel { position: relative; width: 188px; height: 36px; padding: 0 6px; line-height: 36px; color: #333; font-size: 14px; background: #fff; border: 1px solid #eaeaea; border-radius: 2px; cursor: pointer; }
.select .sel-box p { color: #999; }
.select .arrow { position: relative; width: 10px; height: 6px; margin-top: 15px; overflow: hidden; }
.select .arrow-down::after { position: absolute; top: -6px; left: 0; content: ''; width: 6px; height: 6px; border: 2px solid #999; transform: rotateZ(45deg); }
.select .arrow-top::after { position: absolute; top: 2px; left: 0; content: ''; width: 6px; height: 6px; border: 2px solid #999; transform: rotateZ(45deg); }
.select .options { display: none; position: absolute; top: 35px; left: -1px; z-index: 99; width: 200px; max-height: 204px; overflow-y: scroll; background: #fff; border: 1px solid #eaeaea; }
.select .options p { height: 34px; padding: 0 6px; line-height: 34px; padding: 0 6px; cursor: pointer; }
.select .options p:hover { background: #f0f0f0; }
.select .sel-line { padding: 15px 0; }
.select .sel-line ul { width: 820px; }
.select .sel-line-s { padding: 0; margin-bottom: 15px; }
.select .sel-line-s .tit { height: 34px; line-height: 34px; }
.select li { float: left; height: 20px; border: 1px solid transparent; margin-bottom: 4px; line-height: 20px; padding: 0 6px; margin-right: 14px; cursor: pointer; vertical-align: middle; }
.select li:hover { color: #5f9deb; }
.select .cur { color: #5f9deb; border: 1px dashed #5f9deb; }
.select .tit { height: 18px; line-height: 18px; font-size: 16px; font-weight: bold; }
.select .complain div { width: 250px; line-height: 86px; text-align: center; border-radius: 12px; }
.select .to-complain { width: 256px; margin-top: 46px; }
.complain span { color: #fff; font-size: 22px; }
.complain span.icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; }
.complain .text { margin-top: -8px; background: url('../img/text.png') no-repeat center; }
.complain .phone { background: url('../img/phone.png') no-repeat center; }
.flow-chart { width: 100%; height: 160px; margin-top: 40px;}
.list { width: 1200px; }
.list .list-content { width: 1200px; border-top: 2px solid #5f9deb; }
.list thead { height: 44px; line-height: 44px; background: #f7f7f7; border-bottom: 1px solid #eaeaea; }
.list thead th { font-size: 18px; }
.list thead th:nth-child(1) { width: 10%; }
.list thead th:nth-child(2) { width: 10%; }
.list thead th:nth-child(3) { width: 10%; }
.list thead th:nth-child(4) { width: 16%; }
.list thead th:nth-child(5) { width: 22%; }
.list thead th:nth-child(6) { width: 20%; }
.list thead th:nth-child(7) { width: 10%; }
.list tbody tr:hover { background: #fafafa; }
.list tr td { box-sizing: border-box; line-height: 26px; padding: 15px 4px; text-align: center; border-bottom: 1px solid #eaeaea; }
.list tr td:nth-child(5) { text-align: left; }
.list .issue { float: left; margin-bottom: 2px; margin-right: 2px; padding: 0px 4px; border-radius: 2px; color: #fff; line-height: 20px; color: #117ee3; border: 1px solid #117ee3; }
.list .issue:nth-child(3n-1) { color: #ff971c; border: 1px solid #ff971c; }
.list .issue:nth-child(3n) { color: #f43e50; border: 1px solid #f43e50; }
.list .empty { color: #ccc; text-align: left; padding-left: 20px; }
/* .list a:hover { color: #5f9deb; } */
.hide { display: none; }

/* 投诉须知 */
.com-notes { margin-top: 40px; padding: 0 12px; }
.com-notes p { line-height: 20px; font-size: 12px; color: #999999; }
.com-notes .tit { line-height: 30px; }


/* 详情页 */
.det { width: 874px;clear: both;}
.det-title h1 { text-align: center; padding: 15px 0; font-size: 28px; }
.det-intro { padding: 20px 30px; background: #eef3f7; }
.det-intro p { display: inline-block; vertical-align: top; width: 380px; padding: 10px 0; }
.det-intro i { vertical-align: top; }
.det-intro span.classify { display: inline-block; width:300px;padding:0; }
.det-intro p:first-child { margin-right: 30px; }
.det-intro .info { margin-right: 10px; color: #79899c; }
.det-cont { text-align: center; margin-top: 20px; }
.det-cont .head { text-align: left; float: left;}
.det-cont p { text-indent: 32px; text-align: left; font-size: 16px; line-height: 28px; margin: 5px 0; }
.det-cont img { max-width: 90%; margin: 5px 0;width: 787px; }
.det-reply .reply { min-height: 120px; background: #eef3f7; padding: 12px 24px; line-height: 28px; }
.right-bar { width: 300px; }


.headtop .toptitle::after{clear: both;content:'';display: block;}
.headtop{width: 874px;position: relative;}
.wx-code-ab{width: 153px;position: absolute;background: #fff;right: 0;display: none;}
.wx-code-com{width:153px;border: 1px solid #d9d9d9;border-radius: 4px;padding: 4px 10px;box-sizing: border-box;}
.wx-code-com img{max-width: 100%;}
/* .wx-code-com::before{width:0;height:0;content:'';border-top: 10px solid transparent;border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #d9d9d9;position: absolute;top: -19px;left: 45%;}
.wx-code-com::after{width:0;height:0;content:'';border-top: 10px solid transparent;border-left: 10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ffffff;position: absolute;top: -17px;left: 45%;} */
.det-cont .wx-code-des{text-align: center;text-indent: 0;}

/* 我要投诉页面 */
.tips { margin-top: 20px; margin-bottom: 30px; color: #666; clear: both;}
.item-header { height: 40px; line-height: 40px; margin-top: 20px; padding-left: 4px; border-left: 4px solid #5f9deb; background: #f4f4f4; }
.item-header span { color: #666; }
.item-header .header-text { font-size: 18px; color: #333; }
.item { height: 70px; line-height: 70px; font-size: 16px; }
.item input[type="text"], .item input[type="number"] { width: 220px; height: 40px; padding: 0 10px; line-height: 40px; border-radius: 6px; border: 1px solid #d5e1f1; }
.item #gender2 { margin-left: 20px; }
.item input:focus { box-shadow: 0px 0px 10px #d5e1f1; }
label.error, label.tip { display: none; position: relative; display: inline-block; min-width: 240px; height: 40px; margin-left: 40px; line-height: 40px; padding-left: 36px; padding-right: 6px; border: 1px solid #d5e1f1; border-radius: 6px; }
label.tip { background: #e4f0ff url('../img/tips.png') no-repeat 10px; }
label.error { background: #ffe3e3 url('../img/error.png') no-repeat 10px; }
label.error::before, label.error::after, label.tip::before, label.tip::after { content: ""; display: block;    /* border-width:20px; */ position: absolute; top: 12px; left: -17px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; font-size: 0; line-height: 0; }
label.error::after, label.tip::after { left: -16px; }
label.tip::before { border-right: 8px solid #d5e1f1; }
label.tip::after { border-right: 8px solid #e4f0ff; }
label.error::before { border-right: 8px solid #d5e1f1; }
label.error::after { border-right: 8px solid #ffe3e3; }
.required { color: #ff1d28; }
.item .sel-box { display: inline-block; }
.block .title { line-height: 70px; font-size: 16px; }
.com-cont .type { margin-top: 20px; border-right: 1px solid #d5e1f1; }
.com-cont .type li { position: relative; float: left; height: 34px; line-height: 34px; padding: 0 20px; color: #79899c; font-size: 16px; border-top: 1px solid #d5e1f1; border-bottom: 1px solid #d5e1f1; border-left: 1px solid #d5e1f1; cursor: pointer; }
.com-cont .type li.cur { background: #5f9deb; color: #fff; }
.com-cont .type li.cur::after, .com-cont .type li.cur::before { content: ""; display: block; position: absolute; bottom: -20px; left: 46px; border-bottom: 8px solid #d5e1f1; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; font-size: 0; line-height: 0; }
.com-cont .type li.cur::after { bottom: -21px; border-bottom: 8px solid #f4f4f4; }
.com-cont .type-cont { margin-top: 5px; padding: 20px 30px; border: 1px solid #d5e1f1; background: #f4f4f4; }
.com-cont .type-cont li { line-height: 30px; }
.com-cont .type-cont label, .appeal label { margin-right: 24px; }
.sketch { margin-top: 20px; }
.sketch input { width: 736px; height: 40px; line-height: 40px; padding-left: 10px; border: 1px solid #d5e1f1; border-radius: 6px; }
.sketch input:focus, .code input:focus { box-shadow: 0px 0px 10px #d5e1f1; }
.detail { margin-top: 10px; }
.detail .title { vertical-align: top; }
.detail textarea { width: 1080px; padding: 10px; height: 336px; font-size: 16px; overflow-y: scroll; border: 1px solid #d5e1f1; }
.upload { position: relative; display: inline-block; width: 126px; height: 126px; line-height: 40px; text-align: center; color: #fff; border:1px dashed #d6d6d6; border-radius: 4px; overflow: hidden;}
.upload a { display: inline-block; width: 100%; height: 100%;font-size: 78px;line-height: 118px;color: #d6d6d6;font-weight: lighter;}
.upload input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; width: 126px; height: 126px; }
/* .upload:hover { background: #67aaff; } */
.img-upload-item {  margin-bottom: 20px; display: inline-block;}
.show-file-tip { margin-left: 20px; line-height: 40px; }
.code input { width: 104px; padding: 0 20px; height: 40px; vertical-align: middle; border: 1px solid #d5e1f1; }
.code img { vertical-align: middle; }
.submit-tips { text-align: center; color: #ff1d28; }
.submit { display: inline-block; width: 160px; margin-top: 10px; margin-left: 526px; line-height: 40px; border: none; border-radius: 4px; text-align: center; background: #e55a0b; color: #fff; font-size: 16px; cursor: pointer; }
.submit:hover { background: #f55900; }
#showTipsWin { position: fixed; top: 50%; left: 50%; margin-left: -100px; width: 200px; padding: 20px 0; text-align: center; background: rgba(0, 0, 0, .6); border-radius: 20px; color: #fff; }
.block select { width: 220px; height: 42px; padding: 0 10px; line-height: 40px; border-radius: 6px; font-size: 14px; background-color: #fff; border: 1px solid #d5e1f1; }
.s-sel select { width: 242px; }
.dist select:focus { box-shadow: 0px 0px 10px #d5e1f1; }
.dist .distpicker { margin-right: 20px; margin-left: 7px; }
div.tncode { display: inline-block; width: 140px; height: 40px;background: #5f9deb; color: #fff; border-radius: 4px; text-align: center; border: none; }
/* 弹窗 */
.dialog_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); opacity: 0.3; filter: alpha(opacity=30); background-color: #000;}
.dialog { position: fixed; top: 50%; left: 50%; z-index: 1001; width: 390px; height: 310px;transform: translate(-50%,-50%); background: #fff; border-radius: 6px; }
.dialog .icon { padding: 10px; height: 125px; text-align: center; background: #5f9cea; border-radius: 6px 6px 0 0; }
.dialog .icon .file { margin-top: 20px; margin-left: 12px; }
.dialog .icon .close { cursor: pointer; }
.dialog .message { padding-top: 30px; text-align: center; }
.dialog .text { height: 30px; line-height: 30px; color: #012e67; }
.dialog .btn { display: inline-block; width: 200px; height: 36px; margin: 20px 0; line-height: 36px; background: #5f9deb; border-radius: 4px; font-size: 16px; color: #fff; }
.minh{min-height:800px}
.replay_item:not(:last-child)::after {    content: '';width: 18px; height: 8px;position: absolute;left: 22px;top: 63px;background: url(../img/1.png) no-repeat;
    background-color: #fff;}
.replay_item {position:relative;}
.replay_item img {vertical-align: -webkit-baseline-middle; margin-bottom: 10px;}
.re_name {font-size:22px;vertical-align:middle;margin-left:22px;}
.re_status {color:#107ee3;font-size:22px;vertical-align:middle;margin-left:22px;}
.re_time {color:#999999;font-size:14px;vertical-align:middle;margin-left:22px;}
.re_conent p {font-size:14px;color:#666;line-height:26px;width:796px}
.re_conent {padding-left:58px;margin-top:0px;border-left:3px solid #fff;margin-left:31px;}
.replay_item:not(:last-child) .re_conent {border-left:3px solid #f6f6f6;}
.show_img img{margin-right: 30px;margin-bottom: 20px;}
.img-upload{box-sizing: border-box;padding: 0 84px;width: 958px;}
.del_img{font-size: 20px;background-color: rgba(0, 0, 0, .6);width: 26px;height: 26px;text-align: center;line-height: 26px;color: #fff;border-radius: 50%;position: absolute;top: -12px;right: 14px;z-index: 100;cursor: pointer;display: none;}
.show_img{position: relative;}
.business_img{border-radius: 50%;border:4px solid #efefef;display: inline-block;width: 56px;height: 56px;overflow: hidden;}
/* 绿色通道商户协议 */
.alert{width: 690px;height: 480px;background: #ffffff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:900;border-radius: 5px;}
.alert .titleall{width: 660px;height: 66px;position: relative;}
.alert .alerttitle{color: #ffffff;font-size: 28px;background: #5f9deb;width: 660px;height: 66px;text-align: center;line-height: 66px;margin: 15px;border-radius: 5px;}
.alert .shut{position: absolute;right: 0;top: 23px;color: #fff;width: 15px;height: 16px;background: url(../img/X.png) no-repeat;}
.alert .alertinner{width: 660px;height: 369px;margin: 15px;}
.alert .alertinner p{font-size: 14px;text-align: justify;line-height: 23px;padding-right: 10px;box-sizing: border-box;}


/* 我要投诉页面*/
.showvideo{padding: 0 84px;width: 958px;box-sizing: border-box;}
.showvideo::after{clear: both;content:'';display: block;}
.showvideo-one{position: relative;width: 126px;height: 126px;margin-right: 10px;margin-right: 30px;margin-bottom: 20px;float: left;}
.showvideo-one video{width: 126px;height: 126px;object-fit: fill;position: relative;}
.showvideo-one img{width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.showvideo-one .del-video{position: absolute;top: 0;right: 0;cursor: pointer;font-size: 20px;background-color: rgba(0, 0, 0, .6);width: 26px;height: 26px;text-align: center;line-height: 26px;color: #fff;border-radius: 50%;top: -12px;right: -11px;z-index: 100;}
.addmore{width: 126px;height: 126px;border: 1px dashed #d6d6d6;position: relative;text-align: center;vertical-align: middle;display: inline-block;border-radius: 4px;}
.addmore input{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;}
.addmore a{font-size: 78px;display: block;color: #d6d6d6;font-weight: lighter;}
.show{width: 126px;height: 126px;border: 1px dashed #d6d6d6;vertical-align: middle;display: inline-block;}
.box {width: 124px;height: 10px;border: 1px solid #d6d6d6;text-align: center;border-radius: 5px;margin-top: 55px;}
.show p{width: 0px;height: 10px;background: #5f9deb;}
.progress-bar {background-color:#f3f7fd;border-radius:3px;width:126px;height:24px;}
.progress-bar span {display:block;width:126px;height:24px;border-radius:2px;}
.purple span{background-color:#0950cc;background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(25%,rgba(255,255,255,0.3)),color-stop(25%,transparent),color-stop(50%,transparent),color-stop(50%,rgba(255,255,255,0.3)),color-stop(75%,rgba(255,255,255,0.3)),color-stop(75%,transparent));background-size:30px 30px;}

/* 2024-1-15我的投诉详情页 */
.explain{border-top: 1px solid #eaeaea;margin-top: 20px;}
.explain p{color: #999;line-height: 32px;}



.goodsCtab{font-size: 20px; display: inline-block; width: 100px; text-align: center; cursor: pointer;}
.goodsCcur{background-color: #117ee3;color: #fff;}