@charset "UTF-8";.header-wrap{width:100%;height:100px;background:#cf5954}.header-wrap .header-main{width:1060px;margin:0 auto;display:flex;align-items:center;height:100%}.header-wrap .site-logo{width:500px;height:36px;background:url(/static/img/logo.png) no-repeat}.header-wrap .header-operate{flex:1 1;display:flex;height:100%;align-items:center;justify-content:space-between}.header-wrap .header-operate .header-btn{height:100px;color:#fff;line-height:100px;display:inline-block;padding:0 20px;position:relative;cursor:pointer}.header-wrap .header-operate .header-btn.active,.header-wrap .header-operate .header-btn:hover{background:#bd4e4a}.header-wrap .header-operate .header-btn.active #login-back,.header-wrap .header-operate .header-btn:hover #login-back{display:block}.header-wrap .header-operate .header-btn .p-icon{margin-right:10px}.header-wrap .header-operate #login-back{display:none;line-height:40px;color:#333;text-align:center;position:absolute;width:100%;height:40px;background:#fff;top:100px;left:0;z-index:2;box-shadow:0 0 15px 1px rgba(0,0,0,.2)}.header-wrap .header-operate #login-back:hover{background:#F9EFEE}.login-wrap{position:relative;width:100%;height:768px;background:url(/static/img/login-bg.png) no-repeat center top}.login-wrap .login-wrap-box{position:absolute;top:50%;left:50%;margin-left:-225px;margin-top:-200px;height:350px;width:375px;background:#fff;border-radius:5px}.login-wrap .login-head{height:65px;line-height:65px;border-bottom:1px solid #f4f4f4;display:flex;justify-content:space-between;align-items:center}.login-wrap .login-head .login-title{font-size:18px;color:#1A1A1A;font-weight:700;line-height:18px;width:50%;text-align:center;cursor:pointer}.login-wrap .login-head .login-title:first-child{border-right:1px solid #DCDCDC}.login-wrap .login-head .login-title.active{color:#BF6058}.p-icon{width:22px;height:26px;background-size:22px;display:inline-block;vertical-align:middle;background-repeat:no-repeat}.p-icon.wdtj{background-image:url(/static/img/wdtj.png)}.p-icon.sqtj{background-image:url(/static/img/sqtj.png)}.p-icon.next{height:12px;background-size:12px;background-image:url(/static/img/next.png)}.content{min-height:600px}.left,.right{display:inline-block;background:#fff;padding:20px;position:absolute;right:100%;top:0}.right{left:100%;right:unset;margin-left:20px}.main-wrap{position:relative}.code-box{display:flex;flex-direction:column;width:110px;align-items:center}.code-box .code-img{width:100%}.code-box .title{margin:15px 0;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#000}.code-box .line-row{width:40px;height:1px;background:#DDD;border-radius:1px}.code-box .info{margin-top:15px;font-size:12px}.title-nav{font-size:16px;font-weight:700;color:#313131;line-height:18px;height:18px;border-left:4px solid #C16058;padding:0 10px;margin-bottom:20px}.mediation-header{background:#fff;border-bottom:1px solid #f1f1f1;height:50px;line-height:50px;padding:0 20px}.mediation-header .back{background:url(/static/img/go-back.png) no-repeat left center;background-size:6px;padding-left:15px}.line{display:inline-block;width:1px;height:1em;background:#f1f1f1;vertical-align:middle;margin:0 20px}.mediation-box{background:#fff;margin-bottom:20px;padding:20px}.mediation-box .title{font-size:18px;font-weight:700;color:#111;line-height:26px}.mediation-box .info{display:flex;margin:10px 0}.mediation-box .info .caseNo{width:300px}.mediation-box .info .time{width:190px}.mediation-box .info .mediator{width:190px;margin-right:20px}.mediation-box .info .partys{flex:1 1;margin:0 20px}.mediation-box .step{height:100px;background:#F4F4F4;display:flex;align-items:center;padding:0 30px}.mediation-box .step .step-box{flex:1 1;display:flex;align-items:baseline}.mediation-box .step .step-box:first-child{flex:0 0;white-space:nowrap}.mediation-box .step .step-box .step-item{display:flex;flex-direction:column;align-items:center}.mediation-box .step .step-box .line-row{flex:1 1;height:1px;border-bottom:1px solid #ccc}.mediation-box .step .step-box .step-icon{background:#999;width:22px;height:22px;text-align:center;border-radius:50%;color:#fff}.mediation-box .step .step-box.active .step-text{color:#C16058}.mediation-box .step .step-box.active .line-row{border-color:#C16058}.mediation-box .step .step-box.active .step-icon{background:#C16058}.mediation-box .step-info{margin-top:10px}.mediation-box .step-info .step-info-text{width:790px;vertical-align:middle;display:inline-block}.mediation-box .step-info .step-info-item{height:30px;line-height:30px}.mediation-box .step-info .step-info-icon{margin:0 20px;display:inline-block;position:relative}.mediation-box .step-info .step-oprate{color:#C16058;margin-left:10px;cursor:pointer}.mediation-box .step-info .circle{background:url(/static/img/circle.png) no-repeat;display:inline-block;width:8px;height:8px;background-size:8px}.mediation-box .step-info .line-col{height:20px;position:absolute;left:3px;top:-9px;border-left:2px solid #ccc}