#txmenu{
    position: fixed;
    z-index: 11;
    width: 40px;
    right: 40px;
    top: 15px;
}
.xuzhiBox{
    width: 700px;
    margin: 0 auto;
    margin-top: 40px;
}
.xuzhiBox p {
    text-align: justify;
}
.xuzhiBox .mainhuiseBtn{
   text-align: center;
   margin: 0 auto;
   margin-top: 50px;
   margin-bottom: 70px;
   max-width: 140px;
}
.w800{
    width: 800px;
    margin: 0 auto;
}

.xuzhi.appealBox{
    margin:40px 0 0 0;
}
#txmenu  img {
    width: 40px;
    height: 40px;
    object-fit: contain!important;
    }
.bodyf4f4f4{
    background-color: #f6f6f6;
}
.myAppeal .td a:last-child{
    margin-right: 0!important;
}
.gotoEnd {
    position: absolute;
    right: 40px;
    top:10px;
    font-size: 16px;
    width: 206px;
}
.login_view .showMessageTip{
    margin-top: 0;
    margin-bottom: -40px;
    height: 50px;
    line-height: 50px;
    color:#e70012;
    font-size: 14px;
}
#appealbox{
    background-color: #fff;
    min-height: calc(100vh - 40px);
    box-sizing: border-box;
    margin-right: 40px;
    padding-top: 1px;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 100px;
    margin-bottom: 30px;
    width: calc(100% - 40px);
}
.logotitle {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    position: absolute;
    left: 140px;
    top: 22px;
    z-index: 20;
}
.appealBox {
    margin: 0 auto;
   
}
.appeal .center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.upImg .el-icon-plus {
    font-size: 30px;
    color: #999;
}
.appealbody .newFooter {
    margin-left: 0;
    margin-top: 30px;
}

/* el-container {
    display: block !important;
} */

.appealBox p {
    margin-bottom: 1em;
    line-height: 1.5;
    text-align: justify;
}
.appealBox .tips p{
    margin: 0;
}

#appealbox h1 {
    text-align: left;
}
#appealbox .el-input__inner{
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
 }
 #appealbox .el-input__inner:hover{
    border: 1px solid rgba(0,0,0,.9)!important;
 }
.closeBtn{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 5;
}
.closeBtn .iconfont{
    font-size: 16px;
    right: 10px;
    position: absolute;
    top: 10px;
    color: rgba(0,0,0,.6);
    line-height: 1em;
}
.closeBtn .iconfont:hover{
 
    color: rgba(0,0,0,.9);
}
.closeAppealBox span{
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 15px!important;
    margin-bottom: 15px!important;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.closeAppealBox span.on{
    background-color: #000;
    color: #fff;
}
.el-message-box__btns {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 10px;
}
.el-card__body {
    padding: 10px 20px;
    text-align: left;
    line-height: 30px;
}
.messagebox  .el-card {
    margin-top: 12px;
}
.el-card {
    display: inline-block;
    margin-top: 5px;
}
.kongzhitai{
    position: fixed;
    right: 295px;
    top: 28px;
    cursor: pointer;
    font-size: 16px;
}
.gotoWorkend{
    background: #eee;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 80px;
    top: 10px;
    width: 75px;
    justify-content: center;
    height: 30px;
    cursor: pointer;
    display: none;
}
.gotoWorkend i{
    margin-right: 2px;
    font-size: 13px;
}
.massageRight{
    padding-right: 20px;
    font-size: 14px;
}
.massageRight .el-card {
    display: block;

}
.el-card__body .text{
    padding:5px 0 ;
}
.messagebox{
    padding: 20px 70px;
    background-color: #f8f8f8;
    min-height: calc(100vh - 200px);
    overflow-y: scroll;
    margin:0 20px;
    position: relative;
    padding-bottom: 140px;
    margin-left: 0;
}
.massageRight .el-card__header{
    padding: 20px;
}
.message{
    position: relative;
    margin-bottom: 2em;
    font-size: 14px;
    margin-top: 10px;
}
.message .tx1{
    position: absolute;
    left: -50px;

}
.message .iconfont{
    font-size: 28px;
}
.message2 {
    text-align: right;
}
.message2 .tx1{
    position: absolute;
    right: -50px;
    left:auto;

}
.textbox{
    width: 100%;
    min-height: 100px;
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding-bottom: 40px;
}
.textbox .el-textarea__inner{
    border: none !important;
}
.appealmessagetip {
    background-color: #f8f8f8;
    line-height: 25px;
    font-size: 14px;
    color: #999;
    margin: 20px;
    text-align: left;
    padding: 10px;
    margin-left: 0;
    margin-top: 0;
}
.textbox .smallBtn{
     position: absolute;
     left: 10px;
     bottom: 10px;
     height: 30px;
     line-height: 30px;
     color: #333;
     background-color: #fff;
     padding: 0 20px;
     text-align: center;
     border: 1px solid #eee;
     font-size: 12px;
     cursor: pointer;
     display: flex;
}
.textbox .submitBtn{
     position: absolute;
     right: 10px;
     bottom: 10px;
     height: 30px;
     line-height: 30px;
     color: #fff;
     background-color: #e70012;
     padding: 0 20px;
     text-align: center;
     font-size: 12px;
     cursor: pointer;
}

.textbox .smallBtn:hover{
    border:1px solid #e70012;
    
}
#appealbox  .el-select-dropdown__list{
  border:1px solid #eee;  
  padding:0;
}
.el-aside .mainnav{
   background-color:#f6f6f6;
}
.mt50{
    margin-top: 50px;
}
.flexCenter{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexCenter .checkbox,.flexCenter .checkbox1{
    font-size: 13px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0;
}
.num{
    position: absolute;
    right: 90px;
    bottom: 10px;
    font-size: 12px;
    
}
.appealtip{
    line-height: 25px;
    font-size: 14px;
    color:rgba(0,0,0,.6);
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
    margin-bottom: 30px;
}

#appealbox {
    min-height: 600px;
}
#appealbox .verifybox{
    width: 700px;
    margin-bottom: 0;
}
.el-radio__label{
    font-size: 14px;
    padding-left: 5px;
}
#appealbox .el-radio__label{
    font-size: 14px;
}
.endApp #appealbox .breadnav{
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 1em;
   position: absolute;
   left: 200px;
   top: 91px;
   color: rgba(0,0,0,0.6);
   display: flex;
   align-items: center;
}
.endApp #appealbox .breadnav i:last-child{
   
   color: rgba(0,0,0,0.9);
}
.appealMainnav {
  margin-top: 42px;
}
.appealH1 {
  position: fixed;
  left: 40px;
  top:90px;
  font-weight: bold;
  font-size: 16px;
  color: rgba(0,0,0,0.9);
}

.appealMainnav li:first-child{
    border-top: 1px solid #ddd;
}
.fuwurexian  li:first-child{
    border-top: none
}
.AwardEndBody .appeal .el-row {
    line-height: 1em;
    margin-bottom: 1rem;
    font-size: 0;
    margin-bottom: 30px;
}
.AwardEndBody .appeal .el-row .el-col-5 {
    line-height: 50px!important;
   
}
#appealbox .breadnav{
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
}
.appealbody .newFooter{
        margin-top: 0px;
        padding-bottom: 20px;
        margin-left: 200px;
        background: #fff;
        padding-top: 20px;
}
.tiptitle{
    font-size: 16px;
    font-weight: bold;
    padding:20px 0;
}
.weui-desktop-table{
   width: calc(100% - 20px);
   min-width: 760px;
}
.secondnav{
    margin-top: -10px;
}
.el-aside .mainnav{
    min-height: 0;
}
.successTitle{
    
    color: rgb(0, 0, 0);
    font-size: 30px;
    margin-bottom: 30px;
}
.successContent{
    font-size: 18px;
    margin-bottom: 70px;
}
#appealbox h1{
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1.5em;
}
#appealbox .el-col-16{
    width:calc(100% - 150px);
    line-height: 50px;
}
 
 
.el-message-box__message p{
    margin: 0;
    line-height: 24px;
    font-size: 14px;
}
.el-dialog__footer{
    text-align: center;
}
.pop_ul li{
    margin-bottom: 7px;
}
.el-icon-more .el-popover__reference{
    font-size: 15px;
}
 
.appeal .center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.infoBox .el-col{
    line-height: 2em;
    color: rgba(0,0,0,.6);
}
.infoBox .el-col.td{
    line-height: 2em;
    color: rgba(0,0,0,.9);
}
.infoBox h1{
   margin-top: 2em!important;
   margin-bottom: 1.5em!important;
}
.infoBox{
    padding-left: 0;
}
.appeal .getCode{
    right: 20px!important;
    top: 21px!important;
    height: 1em;
    line-height: 1em;
}
.tipBoxs dl{
    display: flex;
    align-items: flex-start;
    color:rgba(0,0,0,.6);
    margin-bottom: 1em;
}

#appealbox .el-col-5{
    width: 150px;
    line-height: 50px;
}
#appealbox .el-col-16 .block{
    font-size: 0;
}
#appealbox .el-col-16>div:first-child{
    font-size: 0;
}
#appealbox .showInfoBox .el-col-16>div:first-child{
    font-size: 16px;
}
.AwardEndBody #appealbox .el-row{
  font-size: 0;
  margin-bottom: 30px;
}
.AwardEndBody #appealbox .el-col-5{
    width: 150px;
    line-height: 50px;
}

.tipBoxs dl dt{
    font-weight: normal;
}
.tipBoxs dl dd{
    line-height: 1.5;
    text-align: justify;
    color: rgba(0,0,0,.6);
}
.tipBoxs p {
    margin-bottom: 1em;
}
.agree{
    margin-top: 50px;
}
.process-container{
    position: relative;
z-index: 0;
    
}
.logo img {
    height: 40px;
}
.topright{
    position: absolute;
    height: 50px;
    right:40px;
    top: 15px;
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    z-index: 20;
  }
 .appealbody .login-container {
    padding-bottom: 15px !important;
    min-height:410px !important;
    padding: 0;
    padding-top: 0px;
    position: fixed;
    left:50%!important;
    top: 50%;
    margin-top: -205px !important;
    margin-left: -200px!important;
    z-index: 3;
    width: 400px!important;
}
.tx{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f6f6f6;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border:1px solid #f6f6f6;
    overflow: hidden;
    position: absolute;
        right: 0px;
        top: 0;
        cursor: pointer;
    }
.logo {
    height: 50px;
        position: absolute;
    left: 60px;
    top: 15px;
}
.topright .tx i{
    font-size: 30px;
 color: rgba(0,0,0,0.9);
}
.zhedie .iconfont{
    font-size: 18px; 
    color: rgba(0,0,0,0.9);
}
.zhedie .icon-close-bold-copy{
    font-size: 20px;color: #e70012;
}
.zhedie{
    width: 60px;
    height: 70px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
}
 
.zhedie .ul {
    position: absolute;
    position: fixed;
    left: 0;
    top: 87px;
    background: #fff;
    display: none;
    width: 140px;
    padding-bottom: 1rem;
  }
  .zhedie .ul dl {
    padding: 10px;
    border-bottom: 1px solid #eee;
  }
  .zhedie .icon-guanbi{
      /* display: none; */
    font-size: 28px;color: #777;margin-left:-5px;
    margin-top:-5px
  }
  .zhedie .icon{
      background: none;
  }
  .zhedie:hover .icon-icon_daohang-xian{
      color: #f00;
  }
.topright .tx{
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: #eee;
    display: inline-block;
    text-align: center;
    line-height: 38px;
 
    border: 1px solid #eee;
    overflow: hidden;
    
}
.endTopright{
    position: static;
    right: inherit;
    
}
/* .managerBox .endTopright{
    position: absolute;
    right: 0;
    top: 10px;
} */
.tx .iconfont {
    font-size: 30px;
}
.inputTip{
    position: absolute;
    right: 0;
    font-size: 14px;
    top:25px;
    font-weight:normal;
    color:#e70012!important;
}
.inputCodeTip{
    position: absolute;
    left: 0;
    font-size: 14px;
    top:25px;
    font-weight:normal;
    color:#e70012!important;
    background: #fff;
    min-width: 200px;
}
@media (max-width:1024px){
  
    .registApp .agreement{
        margin-left: 90px!important;
    }
    .registApp .inner{
        width: 100%;
        box-sizing: border-box;
    }
  
    .registApp .Under{
       margin:0;
    }
    .registApp .Inputbox ul{
      margin-left: 0;
      margin-right: 20px;

    }
    .registApp .inner-right{
        padding-left: 20px;
        padding-right: 20px;
    }
    .mg-tab {
        /* margin-left: 20px!important; */
    }
    .footerbox{
        padding:20px!important;
        padding-bottom: 20px!important;
    }
    
    .forgotBox .login-container {
        /* margin-left: 0!important;  
        width: calc(100% - 20px)!important; */
        margin-top: 0;
        margin-bottom: 0;
        position: relative!important;
        top: 0;
    }
    
    #TopBox  .top.mobile .logo{
        top: 10px;
        margin-top: 0;
        display: block;
    position: static;
    margin: 0 auto!important;
    margin-top: 15px!important;
    }
    .top.mobile{
        height: 60px;
        display: block;
        position: fixed;
        z-index: 11;
    }
    .pc{
        display: none;
    }
    .logotitle{
        display: none;
    }
    .zhedie{
        height: 60px;
    }
    .agree{
        margin-top: 50px;
    }
    #appealbox .el-row{
        width: 100%;
    }
    .xuzhi .verifybox{
        margin-bottom: 0;
    }
 
    .appealinfo .el-row{
        padding: 0;
    }
    #appealbox {
        margin-top: 30px;
        min-height: 80vh;
    }
    .gotoEnd{
        display: none;
    }
    #TopBox .mobile .tx{
        position: absolute;
        right: 20px;
        top: 15px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tx .iconfont {
        font-size: 25px;
    }
    #TopBox .mobile .shensudl{
        position: absolute;
        right: 20px;
        top: 22px;
        width: 100px;
        cursor: pointer;
        text-align: right;
    }
    #TopBox .logo {
        width: 40px;
        height: 40px;
        float: none;
        padding-top: 0px;
        position: absolute;
        left: 50%;
        margin-left: -25px!important;
        top:10px;
    }
    #TopBox .logo img {
        width: 30px;
        height: 30px;
    }
  
}
@media (max-width: 700px){
    .accountMenu .tx
    {
        right:-20px;
        width: 30px;
        height: 30px;
    }
    .zhedie .icon-close-bold-copy{
        font-size: 17px;
    }
   
    #TopBox .mobile .shensudl{
        right: 10px;
    }
    .xuzhiBox .mainhuiseBtn{
        margin-bottom: 50px;
     }
    .verifybox {
        padding-bottom: 50px;
    }
    .xuzhiBox{
        width: 100%;
    }
    .xuzhiBox .mainhuiseBtn {
        position: static;
        text-align: center;
        margin: 0 auto;
        margin: 40px auto 50px;
    }
    #txmenu{
        right: 10px;
    }
    .zhedie{
        width: 40px;
    }
    .appeal .center.mt50{
        margin-top: 2em;
    }
    #appealbox.myAppeal{
       padding-top: 0;
    }
    #appealbox h1{
        font-size: 1.2em;
        margin-top: 2em!important;
    }
    .el-message-box {
      width: calc(100% - 40px)!important;
      left: 20px;
      margin-left: 0;
      }
   
    .login-mask {
        z-index: 1!important;
        background: #e70012!important;
    }
    .top {
        z-index: 2!important;;
    }
   #appealbox .login-container{
        top: 40%!important;
      
    }
    .el-dialog{
        width: 80%!important;
        min-width: 350px;
    }
    .agree{
        margin-top: 50px;
    }
    #appealbox {
        width:100%;
        margin-top: 60px;
    }
    #appealbox .el-col-5{
        width: 100%;
        padding: 0;
        line-height: 1em;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    #appealbox .el-col-16 {
        width: 100%;
        padding: 0;
    }
    #appealbox .formRow .el-col-5{
        width: 145px;
       
    }
    #appealbox .formRow .el-col-16 {
        width:calc(100% - 145px)
    }
    #appealbox1 .el-col-5{
        width: 145px;
    }
    #appealbox1 .el-col-16{
        width:calc(100% - 145px)
    }
    .appealBox{
        width: 100%;
    }
    .appealtip{
        /* padding:0 20px; */
        margin-top: 2em;
        margin-bottom: 2em;
    padding-top: 0;
    }
    .process-container{
        position: relative;
    z-index: 0;
        width: 100%!important;
        min-width: 100%!important;
        padding: 0;
    }
  
    .el-steps--horizontal{
        padding: 0!important;
        width: 100%!important;
        min-width: 100%!important;
        padding: 0;
    }
    .verifybox_app{
        margin-left: -20px;
        margin-right: -20px!important;
        margin-top: 60px!important;
        width: calc(100% + 40px)!important;
        padding: 0!important;
        min-width: 100%!important;
        padding-left: 20px!important;
        padding-top: 40px!important;
    }
    .FrontContainer  .verifybox_app{
        margin-top: 0px!important;

    }
    .w800{
        width: 100%;
    }
    #appealbox .process-container{
        position: relative;
        z-index: 0;
        width: 100%!important;
        min-width: 100%!important;
        margin-bottom: 2em;
        margin-top: 3em;
    }
    .verifybox .process-container{
        position: relative;
    z-index: 0;
        width: 100%!important;
        min-width: 100%!important;
        padding: 0;
    }
    #appealbox{
        width: 100%;
        margin-top: 0px!important;
        padding: 0 20px;
        margin-bottom: 0!important;
        overflow: scroll;
        padding-top: 0;
    }
    #appealbox .verifybox{
        margin-bottom: 0;
        margin-top: 50px;
    }
   
    .appealbody  .login-container {
        padding-bottom: 15px !important;
        min-height:410px !important;
        padding: 0;
        padding-top: 1px;
        position: absolute;
        left: 20px!important;
        top: 35%;
        margin-top: -160px !important;
        margin-left: 0px!important;
        z-index: 1;
        width: calc(100% - 40px)!important;
    }
    .forgotBox .login-container {
        margin-left: 0!important;  
        width: calc(100% - 20px)!important;
        margin-top: 0;
        margin-bottom: 0;
        position: relative!important;
        top: 0!important;
    }
}
.AwardEndBody .appealBox .td{
    width: 170px!important;
}
.AwardEndBody .appealBox {
   max-width: 800px;
   margin-left: 0;
}
.AwardEndBody #appealbox .el-col-16{
    width: calc(100% - 170px);
    font-size: 16px;
    line-height: 1.5em!important;
}
.showInfoBox  .el-col-5{
    line-height:1em;
}
.showInfoBox  .el-col-16{
    line-height:1em!important;
}
.el-col-16{
    font-size: 16px;
}
.showInfoBox .el-row{
    display: flex;
    align-items: center;
}