.box_38{
  background: url("../images/footer-bg.png");
}
.page-div{
  background-image: url("../images/page-banner.png"), url("../images/zj-bg.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center 188px;
  padding-top: 48px;
}
.page-div.jjr{
  background-image: url("../images/page-banner.png");
  background-color: #f8f8f8;
  min-height: calc(100vh - 60px);
}
.page-main{
  width: 1200px;
  margin: 0 auto;
}
.dh-div{
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.dh-div span{
  color: #ccc;
  margin-right: 8px;
}
.dh-div span.active{
  color: #fff;
}
.dh-div .icon-home{
  margin-right: 8px;
  background: url("../images/home.png");
  width: 18px;
  display: inline-block;
  height: 18px;
}
.page-main .content-div{
  display: flex;
  justify-content: space-between;
  padding-bottom: 64px;
}
.page-main .content-div .left-content{
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  width: 894px;
  padding: 20px 20px 40px;
}
.page-main .content-div .left-content .zj-title{
  line-height: 28px;
  font-size: 20px;
  color: rgba(0,0,0,0.85);
  margin-bottom: 16px;
}
.page-main .content-div .left-content .tips-div{
  height: 40px;
  background: #FFF5ED;
  border: 1px solid #F1924E;
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: rgba(0,0,0,0.65);
  font-size: 12px;
  margin-bottom: 32px;
}
.page-main .content-div .left-content .tips-div .icon-warm{
  background: url("../images/warm.png");
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
}
.page-main .content-div .left-content .tips-div a{
  color: #0055FF;
}
.page-main .content-div .left-content .info-div{
  display: flex;
  margin-bottom: 24px;
}
.page-main .content-div .left-content .info-div .icon-info{
  background: url("../images/info.png");
  width: 126px;
  height: 102px;
  margin-right: 52px;
}
.page-main .content-div .left-content .info-div .text-div{
  padding-top: 5px;
  width: 405px;
  margin-right: 82px;
}
.page-main .content-div .left-content .info-div .text-div .title{
  line-height: 31px;
  font-size: 20px;
  color: rgba(0,0,0,0.85);
  margin-bottom: 10px;
}
.page-main .content-div .left-content .info-div .text-div .p{
  line-height: 26px;
  font-size: 14px;
  color: #848484;
}
.page-main .content-div .left-content .info-div .btn-div{
  width: 112px;
  height: 32px;
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  cursor: pointer;
}
.page-main .content-div .left-content .mess-div{
  background: #F9FBFF;
  display: flex;
  padding: 16px;
  margin-bottom: 16px;
}
.page-main .content-div .left-content .mess-div .icon-mess1{
  background: url("../images/mess1.png");
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.page-main .content-div .left-content .mess-div .icon-mess2{
  background: url("../images/mess2.png");
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.page-main .content-div .left-content .mess-div .text-div{
  flex: 1;
}
.page-main .content-div .left-content .mess-div .text-div .title{
  color: #333333;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 7px;
}
.page-main .content-div .left-content .mess-div .text-div .p{
  color: #848484;
  line-height: 20px;
  font-size: 12px;
}
.page-main .content-div .left-content .form-title{
  padding-top: 20px;
  color: rgba(0,0,0,0.85);
  line-height: 28px;
  font-size: 20px;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
}
.page-main .content-div .left-content .form-title:before{
  content: '';
  width: 4px;
  height: 22px;
  background: #0055FF;
  position: absolute;
  left: 0;
  bottom: 22px;
}
.page-main .content-div .left-content .steps-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
  margin-bottom: 40px;
}
.page-main .content-div .left-content .steps-div .item{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #848484;
  position: relative;
}
.page-main .content-div .left-content .steps-div .item:before{
  content: '';
  width: 180px;
  height: 1px;
  border-top: 1px dashed #E8E8E8;
  position: absolute;
  top: 50%;
  left: -200px;
}
.page-main .content-div .left-content .steps-div .item.active:before{
  border-top: 1px dashed #0055FF;
}
.page-main .content-div .left-content .steps-div .item:first-child:before{
  display: none;
}
.page-main .content-div .left-content .steps-div .item .idx{
  width: 32px;
  height: 32px;
  border: 1px solid #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #848484;
  font-size: 16px;
  margin-right: 8px;
  border-radius: 50%;
}
.page-main .content-div .left-content .steps-div .item.active{
  color: #333333;
}
.page-main .content-div .left-content .steps-div .item.active .idx{
  border-color: #0055FF;
  background: #0055FF;
  color: #fff;
}
.form-div .form-item{
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.form-div .form-item .form-opt-item{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding-bottom: 15px;
}
.form-div .form-item .form-label{
  width: 106px;
  flex-shrink: 0;
  text-align: right;
  padding-right: 16px;
  color: #333;
  font-size: 14px;
  line-height: 32px;
  margin-bottom: 24px;
  white-space: nowrap;
}
.form-div .form-item .form-label span{
  color: #FF0000;
}
.form-div .form-item .link{
  color: #0055FF;
  cursor: pointer;
}
.form-div .form-item .form-select,
.form-div .form-item .form-control{
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 2px;
  width: 384px;
}
.form-div .form-item .tips-text{
  position: absolute;
  left: 106px;
  bottom: 8px;
  color: rgba(51,51,51,0.4);
  font-size: 14px;
}
.form-div .form-item .tips-text1{
  position: absolute;
  left: 106px;
  bottom: -15px;
  color:#FF3A00;
  font-size: 14px;
}
.form-div .form-item .form-check{
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  display: flex;
  align-items: center;
  min-height: 32px;
  margin-right: 32px;
}
.form-div .form-item .form-check .form-check-input{
  margin-top: 0;
  margin-right: 8px;
}
.form-div .form-item .textarea{
  height: 148px;
}
.form-div .form-btn{
  padding-left: 106px;
}
.form-div .form-item .tag{
  height: 32px;
  background: #F4F8FF;
  border-radius: 2px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: rgba(51,51,51,0.4);
  margin-right: 12px;
}
.form-div .form-btn .submit-btn{
  width: 100px;
  height: 32px;
  background: #0055FF;
  border-radius: 2px;
  color: #fff;
  margin-right: 12px;
}
.form-div .form-btn .def-btn{
  width: 100px;
  height: 32px;
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 2px;
  color: #848484;
  margin-right: 12px;
}
.form-div .jg-box{
  border-top: 1px solid #E9E9E9;
  padding-top: 40px;
  margin-bottom: 32px;
}
.form-div .jg-box .item-main,
.form-div .jg-box .item{
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.form-div .jg-box .item-main{
  align-items: flex-end;
  margin-bottom: 24px;
}
.form-div .jg-box .item .label{
  width: 106px;
  text-align: right;
  padding-right: 16px;
  color: rgba(51,51,51,0.4);
}
.form-div .jg-box .item .val{
  font-size: 18px;
  color: #333333;
}
.form-div .jg-box .item-main .label{
  width: 106px;
  text-align: right;
  padding-right: 16px;
  color: #333333;
}
.form-div .jg-box .item-main .val{
  font-size: 56px;
  color: #FF3A00;
}
.form-div .unit{
  line-height: 32px;
  padding-left: 16px;
  color: #333333;
}
.form-div .success-div{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  flex-direction: column;
}
.form-div .success-div .icon-success{
  background: url("../images/success.png");
  width: 110px;
  height: 110px;
  margin-bottom: 9px;
}
.form-div .success-div .title{
  color: #333333;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 8px;
}
.form-div .success-div .p{
  color: #848484;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 24px;
}











.page-main .content-div .right-content{
  width: 290px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  padding: 0 20px;
  overflow: hidden;
}
.page-main .content-div .right-content .panel-title{
  height: 64px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E9E9E9;
  color: rgba(0,0,0,0.85);
  font-size: 20px;
}
.page-main .content-div .right-content .list-div .item{
  padding: 32px 0;
  border-bottom: 1px solid #E9E9E9;
}
.page-main .content-div .right-content .list-div .item:last-child{
  border-bottom: none;
}
.page-main .content-div .right-content .list-div .item .icon-item1{
  background: url("../images/zjf.png");
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
}
.page-main .content-div .right-content .list-div .item .icon-item2{
  background: url("../images/sxf.png");
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
}
.page-main .content-div .right-content .list-div .item .icon-item3{
  background: url("../images/lxfs.png");
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
}
.page-main .content-div .right-content .list-div .item .title{
  color: rgba(0,0,0,0.85);
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 6px;
}
.page-main .content-div .right-content .list-div .item .p{
  color: #848484;
  font-size: 14px;
  line-height: 24px;
}



.login-box{
  background: url("../images/logo-bg.png");
  width: 100vw;
  height: 100vh;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
.login-box .logo{
  background: url("../images/head-logo.png");
  width: 114px;
  height: 46px;
  position: absolute;
  left: 30px;
  top: 30px;
}
.login-box .page-content{
  width: 11.70rem;
  height: 6.26rem;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  position: absolute;
  left: 50%;
  margin-left: -5.85rem;
  top: 50%;
  margin-top: -3.13rem;
  display: flex;
  justify-content: space-between;
}
.login-box .page-content.zc{
    display: block;
}
.login-box .page-content .bg{
  width: 5.60rem;
  height: 100%;
  background: url("../images/login-content-bg.png?v=1") no-repeat;
    background-size: 5.6rem 100%;
  background-position: right center;
  padding: .42rem 0 0 .50rem;
}
.login-box .page-content .bg *{
  display: none !important;
}
.login-box .page-content .bg .h3:first-child{
  margin-bottom: .18rem;
}
.login-box .page-content .bg .h3{
  font-size: .40rem;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: .32rem;
  font-weight: bold;
}
.login-box .page-content .bg .line{
  width: .24rem;
  height: .04rem;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin-bottom: .32rem;
}
.login-box .page-content .bg .p{
  font-size: .16rem;
  line-height: .32rem;
  color: rgba(255,255,255,0.7);
}
.login-box .page-content .content {
  padding: .72rem .64rem 0
}
.login-box .page-content .content.czmm{
  position: absolute;
  left: 0;
  background: #fff;
  bottom: 0;
  top: 0;
}
.login-box .page-content .content .link-div{
  text-align: center;
  color: #848484;
  width: 100%;
  margin-top: .47rem;
}
.login-box .page-content .content .link-div span{
  color: #0055FF;
  cursor: pointer;
}
.login-box .page-content .content .icon-close{
  background: url("../images/close.png");
    background-size: .24rem .24rem;
  width: .24rem;
  height:.24rem;
  position: absolute;
  right: .24rem;
  top: .24rem;
  cursor: pointer;
}
.login-box .page-content .content .form-title{
  color: #333333;
  line-height: .34rem;
  font-size: .24rem;
  margin-bottom: .52rem;
  text-align: center;
}
.login-box .page-content .content .tab-div{
  display: flex;
  justify-content: center;
  margin-bottom: .52rem;
}
.login-box .page-content .content .tab-div .item{
  font-size: .24rem;
  color: #9E9E9E;
  line-height: .34rem;
  cursor: pointer;
  position: relative;
  margin: 0 .60rem;
}
.login-box .page-content .content .tab-div .item.active{
  color: #0055FF;
}
.login-box .page-content .content .tab-div .item.active:before{
  height: 0.1rem;
  background: #ECF3FE;
  opacity: 1;
  content: '';
  position: absolute;
  bottom: -.10rem;
  left: 0;
  right: 0;
}
.login-box .page-content .content .form-div .item{
  margin-bottom: .24rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.login-box .page-content .content .form-div .item .input-btn{
  color: #4E89F7;
  cursor: pointer;
  line-height: .20rem;
  position: absolute;
  right: .16rem;
  top: .18rem;
}
.login-box .page-content .content .form-div .item .input{
  height: .56rem;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #EFEFEF;
  display: block;
  padding: 0 1rem 0 .56rem;
  font-size: .14rem;
  width: 100%;
}
.login-box .page-content .content .form-div .item .input:focus{
  border: 1px solid #0055FF;
}
.login-box .page-content .content .form-div .item .icon-user{
  background: url("../images/icon_1.png");
    background-size: .24rem .24rem;
  width: .24rem;
  height: .24rem;
  position: absolute;
  left: .16rem;
  top: .16rem;
}
.login-box .page-content .content .form-div .item .icon-password{
  background: url("../images/icon_2.png");
    background-size: .24rem .24rem;
  width: .24rem;
  height: .24rem;
  position: absolute;
    left: .16rem;
    top: .16rem;
}
.login-box .page-content .content .form-div .item .icon-password1{
  background: url("../images/icon_3.png");
    background-size: .24rem .24rem;
    width: .24rem;
    height: .24rem;
    position: absolute;
    left: .16rem;
    top: .16rem;
}
.login-box .page-content .content .form-div .item .icon-qq{
  background: url("../images/qq.png");
    background-size: .24rem .24rem;
    width: .24rem;
    height: .24rem;
    position: absolute;
    left: .16rem;
    top: .16rem;
}
.login-box .page-content .content .form-div .item .icon-phone{
  background: url("../images/icon_4.png");
    background-size: .24rem .24rem;
    width: .24rem;
    height: .24rem;
    position: absolute;
    left: .16rem;
    top: .16rem;
}
.login-box .page-content .content .form-div .item .icon-yzm{
  background: url("../images/icon_5.png");
    background-size: .24rem .24rem;
    width: .24rem;
    height: .24rem;
    position: absolute;
    left: .16rem;
    top: .16rem;
}
.login-box .page-content .content .form-div .item .line{
  width: 1px;
  height: .16rem;
  background: #D8D8D8;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  content: '';
  top: .20rem;
  left: .48rem;
  position: absolute;
}
.login-box .page-content .content .form-div .item .check{
  color: #848484;
}
.login-box .page-content .content .form-div .item .link{
  color: #848484;
  cursor: pointer;
}
.login-box .page-content .content .form-div .item .link:hover{
  color: #0055FF;
}
.login-box .page-content .content .form-div .item .btn{
  width: 4.80rem;
  height: .56rem;
  background: rgba(0,85,255,0.56);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  color: #FFFFFF;
  font-size: .16rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-box .page-content .content .form-div .item .btn:hover{
  background: #0055FF;
}
.login-box .page-content .content .form-div .check-div{
  color: #848484;
  margin-bottom: .48rem;
}
.login-box .page-content .content .form-div .check-div span{
  color: #0055FF;
  cursor: pointer;
}
.login-box .page-content .content .form-div .zc-div{
  color: #9E9E9E;
  text-align: center;
  margin-bottom: .47rem;
}
.login-box .page-content .content .form-div .zc-div span{
  color: #0055FF;
  cursor: pointer;
}
.login-box .page-content .header-div{
  height: 1.04rem;
  background: url("../images/bg_1.png");
  background-position: center center;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: .24rem;
  width: 100%;
}
.login-box .page-content .zc-div{
  display: flex;
  flex-wrap: wrap;
}
.login-box .page-content .zc-div .item{
  width: 4.92rem;
  margin-right: .32rem;
}
.login-box .page-content .zc-div .item:nth-child(2n){
  margin-right: 0;
}
.login-box .footer-div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: .23rem;
  text-align: center;
}
.login-box .footer-div .link{
  color: #333333;
  line-height: .20rem;
  font-size: .14rem;
  margin-bottom: .16rem;
}
.login-box .footer-div .link span{
  margin: 0 .12rem;
  cursor: pointer;
}
.login-box .footer-div .link span:hover{
  color: #0055FF;
}
.login-box .footer-div .txt{
  color: #9E9E9E;
  line-height: .20rem;
  font-size: .14rem;
}
.login-box .page-content .content .form-div .item-btn{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .21rem;
}
.login-box .page-content .content .form-div .zc-div .check-div{
  width: 100%;
  margin-bottom: 0;
}
.login-box .page-content .header-div .icon-close{
  background: url("../images/close.png");
    background-size: .24rem .24rem;
  width: .24rem;
  height: .24rem;
  position: absolute;
  right: .24rem;
  top: .24rem;
  cursor: pointer;
}


.index-header{
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px rgba(0,21,41,0.12);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.index-header .header-div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 100;
}
.index-header .header-div .logo{
  background: url("../images/page-logo.png");
  width: 114px;
  height: 46px;
  background-size: contain;
  margin-right: 120px;
}
.index-header .header-div .menu-div {
  display: flex;
  height: 100%;
  flex: 1;
}
.index-header .header-div .menu-div .item{
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 16px;
  margin-right: 64px;
  position: relative;
}
.index-header .header-div .menu-div .item:hover,
.index-header .header-div .menu-div .item.active{
  color: #0055FF;
}
.index-header .header-div .menu-div .item.active:before{
  content: '';
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  background: #0055FF;
  position: absolute;
}
.index-header .header-div .user-div {
  display: flex;
  align-items: center;
  height: 100%;
}
.index-header .header-div .user-div .mess-div{
  background: url("../images/mess-icon.png");
  width: 30px;
  height: 30px;
  background-size: contain;
  position: relative;
  margin-right: 28px;
}
.index-header .header-div .user-div .mess-div span{
  width: 6px;
  height: 6px;
  background: #FF0000;
  position: absolute;
  right: 8px;
  top: 4px;
  border-radius: 50%;
}
.index-header .header-div .user-div .user-main{
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.index-header .header-div .user-div .user-main .menu{
  height: 39px;
  border-radius: 6px;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.index-header .header-div .user-div .user-main .list{
  position: absolute;
  top: 60px;
  width: 140px;
  left: 50%;
  background: linear-gradient(180deg, #EAF2FF 0%, #FEFEFF 27%, #FFFFFF 100%);
  box-shadow: 0px 2px 8px 0px rgba(200,201,204,0.5);
  border-radius: 2px;
  margin-left: -70px;
  display: none;
}
.index-header .header-div .user-div .user-main .list .item-title{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  color: #333333;
}
.index-header .header-div .user-div .user-main .list .item{
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 22px;
  color: #333333;
}
.index-header .header-div .user-div .user-main .list .item:hover{
  background: #F2F6FF;
}
.index-header .header-div .user-div .user-main:hover .list{
  display: block;
}
.index-header .header-div .user-div .user-main .list .item .num{
  min-width: 16px;
  height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  margin-left: 8px;
  background: #f00;
}
.index-header .header-div .user-div .user-main .list .item .icon-user1{
  background-image: url("../images/user-icon1.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 10px;
}
.index-header .header-div .user-div .user-main .list .item .icon-user2{
  background-image: url("../images/user-icon2.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 10px;
}
.index-header .header-div .user-div .user-main .list .item .icon-user3{
  background-image: url("../images/user-icon3.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 10px;
}
.index-header .header-div .user-div .user-main .list .item .icon-user4{
  background-image: url("../images/user-icon4.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-right: 10px;
}
.index-header .header-div .user-div .user-main .list .out-btn{
  height: 32px;
  color: #0055FF;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.index-header .header-div .user-div .user-main:hover .menu{
  background: #F1F6FF;
}
.index-header .header-div .user-div .img{
  width: 24px;
  height: 24px;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 10px;
}
.index-header .header-div .user-div .img img{
  width: 24px;
  height: 24px;
}
.index-header .header-div .user-div .name{
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  margin-right: 10px;
}
.index-header .header-div .user-div .arrow{
  background-image: url("../images/arrow-down.png");
  width: 12px;
  height: 12px;
  background-size: contain;
}
.index-header .header-div .user-div .user-main:hover .arrow{
  background-image: url("../images/arrow-up.png");
}


.index-page-content{
  margin-top: 60px;
  background: url("../images/index-page-bg.png") no-repeat;
  background-size: 100% auto;
  background-color: #FAFAFA;
  min-height: calc(100vh - 60px);
}
.index-page-content .content-main{
  padding-top: 32px;
  padding-bottom: 50px;
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.index-page-content .content-main .left-menu{
  width: 208px;
  min-height: 720px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-right: 24px;
}
.index-page-content .content-main .left-menu .menu-div .page-item{
  height: 48px;
  background: linear-gradient(270deg, #FFFFFF 0%, #CCDDFF 100%);
  display: flex;
  align-items: center;
  padding-left: 42px;
  font-size: 16px;
  color: #0055FF;
  position: relative;
  margin-bottom: 8px;
}
.index-page-content .content-main .left-menu .menu-div .page-item.no{
  color: #333333;
  background: none;
}
.index-page-content .content-main .left-menu .menu-div .page-item.no:before{
  display: none;
}
.index-page-content .content-main .left-menu .menu-div .page-item:before{
  width: 4px;
  height: 48px;
  background: #0055FF;
  position: absolute;
  left: 0;
  top: 0;
  content:'';
}
.index-page-content .content-main .left-menu .menu-div .menu-item .title-item{
  height: 40px;
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0 16px;
  cursor: pointer;
}
.left-menu .menu-div .menu-item .title-item .name{
  flex: 1;
}
.left-menu .menu-div .menu-item.active .title-item .name{
  color: #0055FF;
}
.left-menu .menu-div .menu-item .title-item .item-menu1{
  background-image: url("../images/menu-icon1-on.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.left-menu .menu-div .menu-item.active .title-item .item-menu1{
  background-image: url("../images/menu-icon1-on1.png");
}
.left-menu .menu-div .menu-item .title-item .item-menu2{
  background-image: url("../images/menu-icon2-on.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.left-menu .menu-div .menu-item.active .item{
  display: block !important;
}
.left-menu .menu-div .menu-item.active .title-item .item-menu2{
  background-image: url("../images/menu-icon2-on1.png");
}
.left-menu .menu-div .menu-item .title-item .item-menu3{
  background-image: url("../images/menu-icon3-on.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.left-menu .menu-div .menu-item.active .title-item .item-menu3{
  background-image: url("../images/menu-icon3-on1.png");
}
.left-menu .menu-div .menu-item .title-item .item-menu4{
  background-image: url("../images/menu-icon4-on.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.left-menu .menu-div .menu-item.active .title-item .item-menu4{
  background-image: url("../images/menu-icon4-on1.png");
}
.left-menu .menu-div .menu-item .title-item .item-menu5{
  background-image: url("../images/menu-icon5-on.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.left-menu .menu-div .menu-item.active .title-item .item-menu5{
  background-image: url("../images/menu-icon5-on1.png");
}
.left-menu .menu-div .menu-item .title-item .arrow{
  background-image: url("../images/menu-arrow.png");
  width: 12px;
  height: 12px;
  background-size: contain;
}
.left-menu .menu-div .menu-item.active .title-item .arrow{
  background-image: url("../images/menu-arrow1.png");
}
.index-page-content .content-main .left-menu .menu-div .menu-item .item{
  height: 40px;
  padding-left: 42px;
  line-height: 40px;
  color: #848484;
  display: none;
}
.index-page-content .content-main .left-menu .menu-div .menu-item .item:hover{
  background: rgba(188,210,255,0.16);
}
.index-page-content .content-main .left-menu .menu-div .menu-item .item.active{
  background: linear-gradient(270deg, #FFFFFF 0%, #CCDDFF 100%);
  position: relative;
  color: #0055FF;
}
.index-page-content .content-main .left-menu .menu-div .menu-item .item.active:before{
  width: 4px;
  height: 40px;
  background: #0055FF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: '';
}
.index-page-content .content-main .right-content{
  flex: 1;
}
.index-page-content .content-main .right-content .dh-div{
  color: #848484;;
}
.index-page-content .content-main .right-content .dh-div .icon-sd{
  background: url("../images/dp.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 5px;
}
.index-page-content .content-main .right-content .dh-div .active{
  color: #333333;
}
.index-page-content .content-main .right-content .user-info-div{
  width: 310px;
  height: 720px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-right: 16px;
  background-image: url("../images/user-item-bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 70px 20px 0;
  float: left;
}
.index-page-content .content-main .right-content .user-info-div .avatar-div{
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  border-radius: 50%;
  overflow: hidden;
}
.index-page-content .content-main .right-content .user-info-div .avatar-div img{
  width: 80px;
  height: 80px;
}
.index-page-content .content-main .right-content .user-info-div .user-name{
  color: #333333;
  line-height: 28px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 12px;
}
.index-page-content .content-main .right-content .user-info-div .tags-div{
  width: 116px;
  height: 28px;
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: 0 auto 35px;
}
.index-page-content .content-main .right-content .user-info-div .tags-div .icon-xy{
  background: url("../images/xy-icon.png");
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-right: 6px;
}
.index-page-content .content-main .right-content .user-info-div .info-item{
  color: #8A8A8A;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.user-info-div .info-item .info-icon1{
  background: url("../images/info-icon1.png");
  width: 22px;
  height: 22px;
  background-size: contain;
  margin-right: 9px;
}
.user-info-div .info-item .info-icon2{
  background: url("../images/info-icon2.png");
  width: 22px;
  height: 22px;
  background-size: contain;
  margin-right: 9px;
}
.index-page-content .content-main .right-content .user-info-div .mess-list{
  margin-top: 35px;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  padding-top: 32px;
  overflow: hidden;
  margin-bottom: 22px;
}
.index-page-content .content-main .right-content .user-info-div .mess-list .item{
  display: flex;
  padding-left: 24px;
  align-items: center;
  margin-bottom: 26px;
}
.mess-list .item .icon-fz{
  background: url("../images/fz.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  margin-left: 6px;
}
.mess-list .item .mess-icon1{
  background: url("../images/zh.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 8px;
}
.mess-list .item .mess-icon2{
  background: url("../images/sj.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 8px;
}
.mess-list .item .mess-icon3{
  background: url("../images/qqh.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 8px;
}
.index-page-content .content-main .right-content .user-info-div .mess-list .item .name{
  color: #333333;
  margin-right: 8px;
}
.index-page-content .content-main .right-content .user-info-div .mess-list .item .name{
  color: #848484;
  margin-right: 7px;
}
.index-page-content .content-main .right-content .user-info-div .btn-ground .btn-fq{
  width: 240px;
  height: 36px;
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  border-radius: 2px;
  color: #FFFFFF;
  margin:0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.index-page-content .content-main .right-content .user-info-div .btn-ground .btn-fb{
  width: 240px;
  height: 36px;
  border-radius: 2px;
  margin:0 auto;
  border: 1px solid #0055FF;
  color: #0055FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.index-page-content .content-main .right-content .user-info-div .btn-ground .btn-fb:hover{
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  color: #FFFFFF;
}
.index-page-content .content-main .right-content .user-opt-div{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.index-page-content .content-main .right-content .user-opt-div .wdqb-div{
  height: 149px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  width: 100%;
  margin-bottom: 14px;
  padding: 0 16px;
}
.user-opt-div .wdqb-div .qb-div{
  display: flex;
}
.user-opt-div .wdqb-div .qb-div .item{
  width: 130px;
  text-align: center;
  padding-top: 26px;
  position: relative;
}
.user-opt-div .wdqb-div .qb-div .item .name{
  color: #848484;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 7px;
}
.user-opt-div .wdqb-div .qb-div .item .val{
  font-weight: bold;
  color: #333333;
  font-size: 22px;
  line-height: 26px;
}
.user-opt-div .wdqb-div .qb-div .item:before{
  width: 1px;
  height: 30px;
  background: #E9E9E9;
  position: absolute;
  right: 0;
  top: 36px;
  content: '';
}
.user-opt-div .wdqb-div .qb-div .item:nth-child(3):before{
  display: none;
}
.user-opt-div .wdqb-div .qb-div .btn-item {
  display: flex;
  padding-top: 46px;
}
.user-opt-div .wdqb-div .qb-div .btn-item .btn1{
  cursor: pointer;
  width: 90px;
  height: 28px;
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  border-radius: 2px;
  color: #FFFFFF;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.user-opt-div .wdqb-div .qb-div .btn-item .btn2{
  cursor: pointer;
  width: 90px;
  height: 28px;
  color: #0055FF;
  border-radius: 2px;
  border: 1px solid #0055FF;
  background: #FFFFFF;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-opt-div .wdqb-div .qb-div .btn-item .btn2:hover{
  background: #0055FF;
  box-shadow: 0px 5px 6px 0px rgba(0,85,255,0.19);
  color: #FFFFFF;
}
.index-page-content .content-main .right-content .user-opt-div .wddd-div{
  width: 351px;
  height: 237px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-bottom: 14px;
  margin-right: 16px;
  padding: 0 16px;
}
.user-opt-div .wddd-div .dd-div{
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}
.user-opt-div .wddd-div .dd-div .item{
  width: 50%;
  flex-shrink: 0;
  margin-bottom: 16px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.user-opt-div .wddd-div .dd-div .item:before{
  content: '';
  width: 1px;
  height: 20px;
  background: #E9E9E9;
  position: absolute;
  right: 0;
  top: 13px;
}
.dd-div .item .item-icon1{
  background: url("../images/dsh.png");
  width: 46px;
  height: 46px;
  background-size: contain;
  margin-right: 12px;
}
.dd-div .item .item-icon2{
  background: url("../images/dfk.png");
  width: 46px;
  height: 46px;
  background-size: contain;
  margin-right: 12px;
}
.dd-div .item .item-icon3{
  background: url("../images/dpj.png");
  width: 46px;
  height: 46px;
  background-size: contain;
  margin-right: 12px;
}
.dd-div .item .item-icon4{
  background: url("../images/tk.png");
  width: 46px;
  height: 46px;
  background-size: contain;
  margin-right: 12px;
}
.user-opt-div .wddd-div .dd-div .item:nth-child(2n){
  padding-left: 32px;
}
.user-opt-div .wddd-div .dd-div .item:nth-child(2n):before{
  display: none;
}
.user-opt-div .wddd-div .dd-div .item .txt .num{
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  font-size: 14px;
}
.user-opt-div .wddd-div .dd-div .item .txt .name{
  font-weight: 400;
  color: #848484;
  line-height: 17px;
  font-size: 12px;
}
.index-page-content .content-main .right-content .user-opt-div .ggtz-div{
  width: 274px;
  height: 237px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-bottom: 16px;
  padding: 0 16px;
}
.user-opt-div .ggtz-div .list-div{
  padding-top: 20px;
}
.user-opt-div .ggtz-div .list-div .item{
  align-items: center;
  margin-bottom: 12px;
  display: flex;
  cursor: pointer;
}
.user-opt-div .ggtz-div .list-div .item .tag1{
  width: 40px;
  height: 20px;
  background: #FFF3E8;
  border-radius: 2px;
  color: #F77234;
  font-size: 12px;
  margin-right: 4px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.user-opt-div .ggtz-div .list-div .item .tag2{
  width: 40px;
  height: 20px;
  background: #E8FFFB;
  border-radius: 2px;
  color: #0FC6C2;
  font-size: 12px;
  margin-right: 4px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.user-opt-div .ggtz-div .list-div .item .tag3{
  width: 40px;
  height: 20px;
  background: #E8F3FF;
  border-radius: 2px;
  color: #0055FF;
  font-size: 12px;
  margin-right: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0;
}
.user-opt-div .ggtz-div .list-div .item .txt{
  color: #848484;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.index-page-content .content-main .right-content .user-opt-div .zjjy-div{
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-bottom: 16px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.user-opt-div .zjjy-div .name{
  color: rgba(0,0,0,0.85);
  font-size: 16px;
  font-weight: 500;
  margin-right: 14px;
}
.user-opt-div .zjjy-div .icon-warm{
  background: url("../images/icon-warm.png");
  width: 24px;
  height: 24px;
  background-size: contain;
}
.user-opt-div .zjjy-div .txt {
  color: #ED6A0C;
  font-size: 12px;
  flex: 1;
}
.user-opt-div .zjjy-div a{
  color: #0055FF;
}
.index-page-content .content-main .right-content .user-opt-div .wtjy-div{
  width: 100%;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  padding: 0 16px;
}
.user-opt-div .wtjy-div table{
  width: 100%;
}
.user-opt-div .wtjy-div table th,
.user-opt-div .wtjy-div table td{
  height: 40px;
  text-align: center;
  color: #333333;
  font-size: 12px;
}
.user-opt-div .wtjy-div table td span{
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
}
.user-opt-div .wtjy-div table th{
  font-weight: 500;
  background: #F4F8FF;
}
.user-opt-div .wtjy-div table td{
 border-bottom: 1px solid #E8E8E8;
  font-weight: 400;
}
.user-opt-div .wtjy-div table td .tag{
  width: 6px;
  height: 6px;
  background: #FF0000;
  border-radius: 50%;
  margin-right: 4px;
  display: inline-block;
}
.user-opt-div .wtjy-div table td .btn{
  cursor: pointer;
  color: #0055FF;
}
.user-opt-div .wtjy-div table td .btn:hover{
  text-decoration: underline;
}
.index-page-content .content-main .right-content .user-opt-div .xmgl-title{
  border-bottom: 1px solid #E9E9E9;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(0,0,0,0.85);
  font-size: 16px;
}
.index-page-content .content-main .right-content .user-opt-div .xmgl-title a{
  color: #0055FF;
  font-size: 14px;
}

.right-content-main{
  display: flex;
}
.right-content-main .member_right{
  flex: 1;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  padding: 0 20px 40px;
  height: 1023px;
}
.right-content-main .member_right .member_rnav ul{
  display: flex;
  border-bottom: 1px solid #E9E9E9;
}
.right-content-main .member_right .member_rnav ul li{
  color: #848484;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 0 15px;
  min-width: 64px;
  margin-right: 20px;
}
.right-content-main .member_right .member_rnav ul li:hover,
.member_right .member_rnav ul li.cur,
.member_right .member_rnav ul li.current{
  font-weight: 500;
  color: rgba(0,0,0,0.85);
  font-size: 16px;
}
.right-content-main .member_right .member_rnav ul li.cur:before,
.right-content-main .member_right .member_rnav ul li.current:before{
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: 2px;
  background: #0055FF;
}
.right-content-main .member_right .form-content{
  padding-top: 24px;
}
.right-content .rules-div{
  min-height: 1023px;
  width: 216px;
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  margin-left: 16px;
  padding: 0 20px;
}
.right-content .rules-div .title{
  height: 52px;
  border-bottom: 1px solid #E9E9E9;
  font-weight: 500;
  color: rgba(0,0,0,0.85);
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.right-content .rules-div .p{
  font-size: 12px;
  font-weight: 400;
  color: #848484;
  line-height: 18px;
  margin-bottom: 10px;
}
.right-content .rules-div .p1{
  font-size: 12px;
  font-weight: 400;
  color: #FF0000;
  line-height: 18px;
  margin-bottom: 10px;
}
.right-content .rules-div .p2{
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  margin-bottom: 10px;
}
.right-content-main .member_inner .search-form{
  display: flex;
  padding-top: 20px;
  flex-wrap: wrap;
}
.member_inner .search-form .form-item{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 30px;
}
.member_inner .search-form .form-item .form-label{
  margin-bottom: 0;
  width: 80px;
  color: #333333;
}
.member_inner .search-form .form-item .line{
  width: 16px;
  color: rgba(51,51,51,0.22);
  text-align: center;
}
.member_inner .search-form .form-item .btn1{
  width: 108px;
  height: 32px;
  background: #0055FF;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
}
.member_inner .search-form .form-item .btn2{
  width: 108px;
  height: 32px;
  background: #F4F8FF;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #848484;
}
.member_inner .search-form .form-item .btn2:hover{
  background: #0055FF;
  color: #fff;
}
.sp-list{
  display: flex;
  flex-wrap: wrap;
}
.sp-list .item{
  width: 220px;
  height: 222px;
  background: #FFFFFF;
  box-shadow: 0px 1px 8px 0px rgba(0,85,255,0.05);
  border-radius: 2px;
  border: 1px solid;
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(240, 248, 255, 1)) 1 1;
  margin: 0 16px 16px 0;
  padding: 10px;
  position: relative;
  cursor: pointer;
}
.sp-list .item:hover{
  border: 1px solid #0055FF;
  background: rgba(0,85,255,0.03);
  box-shadow: 0px 1px 8px 0px rgba(0,85,255,0.05);
}
.sp-list .item:nth-child(4n){
  margin-right: 0;
}
.sp-list .item .i{
  position: absolute;
  right: 10px;
  top: 20px;
  cursor: pointer;
}
.sp-list .item .i .more{
  background: url("../images/more.png");
  width: 16px;
  height: 16px;
  background-size: contain;
}
.sp-list .item .i:hover .more{
  background: url("../images/more-on.png");
  background-size: contain;
}
.sp-list .item .i .sel-div{
  width: 62px;
  position: absolute;
  right: 0;
  top: 16px;
  box-shadow: 0px 1px 8px 0px rgba(0,85,255,0.05);
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
  display: none;
}
.sp-list .item .i:hover .sel-div{
  display: block;
}
.sp-list .item .i .sel-div .name{
  line-height: 32px;
  text-align: center;
  height: 32px;
  color: #323233;
  font-size: 12px;
}
.sp-list .item .i .sel-div .name:hover{
  background: #F2F6FF;
}
.sp-list .item .img{
  background: url("../images/dn.png");
  width: 50px;
  height: 51px;
  background-size: contain;
  margin-bottom: 16px;
}
.sp-list .item .title{
  color: #333333;
  font-size: 16px;
  line-height: 23px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  margin-bottom: 6px;
}
.sp-list .item .p{
  color: #333333;
  font-size: 12px;
  line-height: 23px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.sp-list .item .tag-div{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.sp-list .item .tag-div .tag1{
  height: 18px;
  border-radius: 1px;
  border: 1px solid rgba(255,0,0,0.38);
  padding: 0 6px;
  text-align: center;
  line-height: 16px;
  color: #FF0000;
  font-size: 10px;
  margin-right: 6px;
}
.sp-list .item .tag-div .tag3{
  height: 18px;
  border-radius: 1px;
  border: 1px solid rgba(1,216,167,0.38);
  padding: 0 6px;
  text-align: center;
  line-height: 16px;
  color: #01D8A7;
  font-size: 10px;
  margin-right: 6px;
}
.sp-list .item .tag-div .tag2{
  height: 18px;
  border-radius: 1px;
  border: 1px solid rgba(0,85,255,0.38);
  padding: 0 6px;
  text-align: center;
  line-height: 16px;
  color: #0055FF;
  font-size: 10px;
  margin-right: 6px;
}
.sp-list .item .tag-div .tag4{
  height: 18px;
  border-radius: 1px;
  border: 1px solid rgba(132,132,132,0.38);
  padding: 0 6px;
  text-align: center;
  line-height: 16px;
  color: #848484;
  font-size: 10px;
  margin-right: 6px;
}
.sp-list .item .tag-div .tag5{
  height: 18px;
  border-radius: 1px;
  border: 1px solid #F77234;
  padding: 0 6px;
  text-align: center;
  line-height: 16px;
  color: #F77234;
  font-size: 10px;
  margin-right: 6px;
}
.sp-list .item .jg{
  border-top: 1px dashed #D4D4D4;
  height: 53px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #848484;
}
.sp-list .item .jg span{
  color: #FF0000;
  font-size: 16px;
  margin-left: 4px;
}
.pagination-div{
  overflow: hidden;
}
.pagination-div .main{
  float: right;
  display: flex;
}
.pagination-div .main .item{
  min-width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
  padding: 0 10px;
  margin-right: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-div .main .item:hover{
  background: #F4F8FF;
}
.pagination-div .main .item.active{
  background: #0055FF;
  border: 1px solid #0055FF;
  color: #fff;
}
.pagination-div .main .txt {
  height: 32px;
  line-height: 32px;
  color: #848484;
}
.pagination-div .main input{
  width: 48px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
  margin: 0 8px;
  padding: 0 12px;
}
.jjr-title{
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: 40px;
}
.jjr-div{
  display: flex;
  flex-wrap: wrap;
  width: 1136px;
  margin: 0 auto;
  padding-bottom: 24px;
}
.jjr-div .item{
  background: #fff;
  border: 1px solid #F1F1F1;
  width: 272px;
  height: 278px;
  margin-right: 16px;
  margin-bottom: 24px;
  padding: 14px;
  position: relative;
}
.jjr-div .item:nth-child(4n){
  margin-right: 0;
}
.jjr-div .item .header{
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 16px;
}
.jjr-div .item .header .img{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}
.jjr-div .item .header .img img{
  width: 100%;
  height: 100%;
}
.jjr-div .item .header .txt{
  padding-top: 4px;
}
.jjr-div .item .header .txt .name{
  color: #222222;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 4px;
}
.jjr-div .item .header .txt .tag{
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}
.jjr-div .item .info .li{
  display: flex;
  line-height: 20px;
  margin-bottom: 8px;
}
.jjr-div .item .info .li .name{
  color: #848484;
  margin-right: 16px;
}
.jjr-div .item .info .li .val{
  color: #333333;
}
.jjr-div .item .info{
  margin-bottom: 16px;
}
.jjr-div .item .btn-div{
  display: flex;
  justify-content: space-between;
}
.jjr-div .item .btn-div .btn1{
  cursor: pointer;
  width: 113px;
  height: 40px;
  background: #0055FF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jjr-div .item .btn-div .btn2{
  cursor: pointer;
  width: 113px;
  height: 40px;
  background: #06D049;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jjr-div .item .evm-div{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 200px;
  background: #fff;
  z-index: 1;
  display: none;
  text-align: center;
  line-height: 200px;
}
.jjr-div .item .evm-div img{
  width: 180px;
  height: 180px;
}
.wzxq-box{
  width: 1200px;
  margin: 0 auto 66px;
  padding-top: 24px;
  display: flex;
}
.wzxq-box .left-page{
  flex: 1;
}
.wzxq-mess-box{
  background: #fff;
  margin-bottom: 20px;
}
.wzxq-mess-box .dh-div{
  height: 62px;
  padding-left: 25px;
  border-bottom: 1px solid #E9E9E9;
}
.wzxq-mess-box .dh-div span{
  color: #999;
}
.wzxq-mess-box .dh-div span.active{
  color: #333;
}
.wzxq-mess-box .mess-div{
  padding: 24px;
}
.wzxq-mess-box .mess-div .title{
  display: flex;
  margin-bottom: 8px;
}
.wzxq-mess-box .mess-div .title .tag{
  width: 46px;
  height: 24px;
  border-radius: 1px 1px 1px 1px;
  opacity: 1;
  border: 1px solid rgba(1,216,167,0.38);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #01D8A7;
  font-size: 10px;
  margin-right: 8px;
}
.wzxq-mess-box .mess-div .title .tag i{
  margin-right: 2px;
  background: url("../images/rz-icon.png");
  width: 9px;
  height: 10px;
  background-size: contain;
  display: inline-block;
}
.wzxq-mess-box .mess-div .title .txt{
  color: #333333;
  font-size: 18px;
  line-height: 25px;
  height: 25px;
  font-weight: bold;
}
.wzxq-mess-box .mess-div .p{
  color: #333333;
  line-height: 17px;
  font-size: 12px;
  margin-bottom: 24px;
}
.wzxq-mess-box .mess-div .jg-div{
  height: 64px;
  background: #FDF3EE;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  padding: 0 44px 0 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.wzxq-mess-box .mess-div .jg-div .jg{
  color: #333333;
  margin-right: 6px;
  font-size: 12px;
  padding-top: 19px;
}
.wzxq-mess-box .mess-div .jg-div .jg span{
  color: #FF7200;
  font-size: 16px;
  font-weight: 700;
}
.wzxq-mess-box .mess-div .jg-div .jg span i{
  font-size: 28px;
}
.wzxq-mess-box .mess-div .jg-div .sc-div{
  border-left: 1px solid #E9D9D1;
  padding-left: 30px;
  color: #333333;
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 32px;
  margin-top: 16px;
}
.wzxq-mess-box .mess-div .jg-div .sc-div .icon-sc{
  background: url("../images/sc.png") no-repeat;
  width: 16px;
  height: 14px;
  background-size: contain;
  display: inline-block;
  margin-right: 13px;
  cursor: pointer;
}
.wzxq-mess-box .mess-div .jg-div .sc-div .icon-ysc{
  background: url("../images/ysc.png") no-repeat;
  width: 16px;
  height: 14px;
  background-size: contain;
  display: inline-block;
  margin-right: 13px;
  cursor: pointer;
}
.wzxq-mess-box .mess-div .ul{
  margin-bottom: 24px;
}
.wzxq-mess-box .mess-div .ul .li{
  display: flex;
  margin-bottom: 16px;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
}
.wzxq-mess-box .mess-div .ul .li .name{
  color: #848484;
  margin-right: 9px;
}
.wzxq-mess-box .mess-div .btn-div{
  display: flex;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 24px;
}
.wzxq-mess-box .mess-div .btn-div .btn1{
  width: 158px;
  height: 40px;
  background: #0055FF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  margin-right: 13px;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wzxq-mess-box .mess-div .btn-div .btn2{
  width: 140px;
  height: 40px;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #0055FF;
  color: #0055FF;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.wzxq-mess-box .mess-div .btn-div .btn2:hover{
  background: #0055FF;
  color: #fff;
}
.wzxq-mess-box .mess-div .info-div{
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
.wzxq-mess-box .mess-div .info-div .li{
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 14px;
}
.wzxq-mess-box .mess-div .info-div .li .icon1{
  background: url("../images/li-icon1.png");
  width: 44px;
  height: 44px;
  background-size: contain;
  margin-right: 12px;
}
.wzxq-mess-box .mess-div .info-div .li .icon2{
  background: url("../images/li-icon2.png");
  width: 44px;
  height: 44px;
  background-size: contain;
  margin-right: 12px;
}
.wzxq-mess-box .mess-div .info-div .li .icon3{
  background: url("../images/li-icon3.png");
  width: 44px;
  height: 44px;
  background-size: contain;
  margin-right: 12px;
}
.wzxq-mess-box .mess-div .info-div .li .icon4{
  background: url("../images/li-icon4.png");
  width: 44px;
  height: 44px;
  background-size: contain;
  margin-right: 12px;
}
.wzxq-tab-box{
  background: #FFFFFF;
}
.tabCopy{
  width: 1200px;
  position: fixed;
  left: 50%;
  margin-left: -600px;
  z-index: 100;
  display: none;
}
.tabCopy .tab-header{
  width: 864px;
  background: #fff;
}
.wzxq-tab-box .tab-header,
.tabCopy .tab-header{
  display: flex;
  border-bottom: 1px solid #F4F4F4;
  padding: 0 30px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.wzxq-tab-box .tab-header .item,
.tabCopy .tab-header .item{
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  color: #333333;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.wzxq-tab-box .tab-header .item.active:before,
.tabCopy .tab-header .item.active:before{
  content: '';
  width: 80px;
  height: 2px;
  background: #0055FF;
  position: absolute;
  left: 0;
  bottom: 0;
}
.wzxq-tab-box .tab-item{
  padding: 24px;
  display: block;
  cursor: auto;
}
.wzxq-tab-box .tab-item .title{
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 16px;
}
.wzxq-tab-box .tab-item table{
  width: 100%;
}
.wzxq-tab-box .tab-item table tr{
  border-bottom: 1px dashed #E9E9E9;
}
.wzxq-tab-box .tab-item table th{
  height: 56px;
  font-size: 12px;
  color: #848484;
  width: 100px;
  text-align: right;
}
.wzxq-tab-box .tab-item table td{
  height: 56px;
  font-size: 12px;
  color: #333333;
  padding-left: 10px;
}
.wzxq-tab-box .tab-item .p{
  color: #848484;
  font-size: 12px;
  line-height: 17px;
}
.wzxq-tab-box .tab-item .h4{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
}
.wzxq-tab-box .tab-item .h4:before{
  content: '';
  width: 4px;
  height: 16px;
  background: #0055FF;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 3px;
}
.wzxq-tab-box .tab-item .flow-div{
  margin-bottom: 10px;
}
.wzxq-tab-box .tab-item .flow-div .row{
  display: flex;
  margin-bottom: 4px;
}
.wzxq-tab-box .tab-item .flow-div .item{
  height: 30px;
  background: #F4F9FF;
  opacity: 1;
  border-top: 1px solid #0055FF;
  border-bottom: 1px solid #0055FF;
  padding: 0 12px;
  color: #333333;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 8px;
}
.wzxq-tab-box .tab-item .flow-div .item .idx{
  color: #0055FF;
  font-size: 16px;
  margin-right: 4px;
  font-weight: bold;
}
.wzxq-tab-box .tab-item .flow-div .item .arrow1{
  border-left: 8px solid #0055FF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  left: 0;
  top: -1px;
}
.wzxq-tab-box .tab-item .flow-div .item .arrow1:before{
  content: '';
  border-left: 7px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  position: absolute;
  left: -8px;
  top: -14px;
}
.wzxq-tab-box .tab-item .flow-div .item .arrow2{
  border-left: 8px solid #0055FF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: -8px;
  top: -1px;
}
.wzxq-tab-box .tab-item .flow-div .item .arrow2:before{
  content: '';
  border-left: 7px solid #F4F9FF;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  position: absolute;
  left: -8px;
  top: -14px;
}






.wzxq-box .jjr-list{
  width: 320px;
  margin-left: 16px;
}
.wzxq-box .jjr-list .item{
  background: #fff;
  width: 100%;
  height: 354px;
  margin-bottom: 24px;
  position: relative;
}
.wzxq-box .jjr-list .item .top{
  border-bottom: 1px solid #E9E9E9;
  height: 68px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  font-size: 20px;
}
.wzxq-box .jjr-list .item .item-div{
  padding: 24px;
  position: relative;
}
.wzxq-box .jjr-list .item .header{
  display: flex;
  margin-bottom: 22px;
}
.wzxq-box .jjr-list .item .header .img{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}
.wzxq-box .jjr-list .item .header .img img{
  width: 100%;
  height: 100%;
}
.wzxq-box .jjr-list .item .header .txt{
  padding-top: 4px;
}
.wzxq-box .jjr-list .item .header .txt .name{
  color: #222222;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 4px;
}
.wzxq-box .jjr-list .item .header .txt .tag{
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}
.wzxq-box .jjr-list .item .info .li{
  display: flex;
  line-height: 20px;
  margin-bottom: 8px;
}
.wzxq-box .jjr-list .item .info .li .name{
  color: #848484;
  margin-right: 16px;
}
.wzxq-box .jjr-list .item .info .li .val{
  color: #333333;
}
.wzxq-box .jjr-list .item .info{
  margin-bottom: 16px;
}
.wzxq-box .jjr-list .item .btn-div{
  display: flex;
  justify-content: space-between;
}
.wzxq-box .jjr-list .item .btn-div .btn1{
  cursor: pointer;
  width: 113px;
  height: 40px;
  background: #0055FF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wzxq-box .jjr-list .item .btn-div .btn2{
  cursor: pointer;
  width: 113px;
  height: 40px;
  background: #06D049;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wzxq-box .jjr-list .item .evm-div{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 200px;
  background: #fff;
  z-index: 1;
  display: none;
  text-align: center;
  line-height: 200px;
}
.wzxq-box .jjr-list .item .evm-div img{
  width: 180px;
  height: 180px;
}
.form-select:focus,
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #0055FF;
  outline: 0;
  box-shadow: none;
}
.form-check-input:focus{
  box-shadow: none;
}
.ddxq-box{
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 0px rgba(0,21,41,0.07);
  width: 100%;
  padding: 0 20px 40px;
}
.ddxq-title{
  height: 62px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E9E9E9;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.dd-header{
  height: 64px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.dd-header.dfh-bg{
  background-image: url("../images/dfh-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.dfk-bg{
  background-image: url("../images/ddfk-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.jygb-bg{
  background-image: url("../images/jygb-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.jywc-bg{
  background-image: url("../images/jywc-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.qsht-bg{
  background-image: url("../images/qsht-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.qrsh-bg{
  background-image: url("../images/qrsh-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dd-header.jjtk-bg{
  background-image: url("../images/jjtk-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: flex-start;
  padding-left: 22px;
  height: 100px;
}
.dd-header.jjtk-bg .warm{
  background: url("../images/jjtk.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  margin-right: 8px;
}
.dd-header.jjtk-bg .txt{
  margin-right: 80px;
}
.dd-header.jjtk-bg .txt .h4{
  color: #FFFFFF;
  font-size: 18px;
  position: relative;
  margin-bottom: 2px;
  line-height: 17px;
}
.dd-header.jjtk-bg .txt .p{
  font-size: 12px;
  color: rgba(255,255,255,0.4);
}
.dd-header.jjtk-bg .btn-div{
  display: flex;
}
.dd-header.jjtk-bg .btn-div .btn1{
  width: 100px;
  height: 32px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px #0046D3;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #0055FF;
  margin-right: 12px;
}
.dd-header.jjtk-bg .btn-div .btn2{
  width: 100px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFFFFF;
}
.dd-header.jjtk-bg .btn-div .btn2:hover{
  color: #0055FF;
  background: #FFFFFF;
}
.dd-header.jygb-bg .title{
  color: #0055FF;
}
.dd-header.jygb-bg .title span{
  color: rgba(0, 85, 255, 0.4);
}
.dd-header .title{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 25px;
  position: relative;
}
.dd-header .title .icon-dfh{
  background: url("../images/dfh.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title .icon-dfk{
  background: url("../images/ddfk.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title .icon-jygb{
  background: url("../images/jygb.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title .icon-jywc{
  background: url("../images/jywc.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title .icon-qsht{
  background: url("../images/qsht.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title .icon-qrsh{
  background: url("../images/qrsh.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  position: absolute;
  right: calc(100% + 8px);
  top: -8px;
}
.dd-header .title span{
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  position: absolute;
  top: 3px;
  left: calc(100% + 8px);
  white-space: nowrap;
}

.ddxq-box .steps-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 0;
  margin-bottom: 44px;
}
.ddxq-box .steps-div .item{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #848484;
  position: relative;
}
.ddxq-box .steps-div.type1 .item:before{
  width: 36px;
  left: -44px;
}
.ddxq-box .steps-div .item:before{
  content: '';
  width: 68px;
  height: 1px;
  border-top: 1px dashed #E8E8E8;
  position: absolute;
  top: 50%;
  left: -80px;
}
.ddxq-box .steps-div .item.active:before,
.ddxq-box .steps-div .item.finish:before{
  border-top: 1px dashed #0055FF;
}
.ddxq-box .steps-div .item:first-child:before{
  display: none;
}
.ddxq-box .steps-div .item .idx{
  width: 32px;
  height: 32px;
  border: 1px solid #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #848484;
  font-size: 16px;
  margin-right: 8px;
  border-radius: 50%;
}
.ddxq-box .steps-div .item.active{
  color: #333333;
}
.ddxq-box .steps-div .item.finish .idx{
  border: none;
  background: rgba(0,85,255,0.16);
  color: #fff;
  font-size: 0;
}
.ddxq-box .steps-div .item.finish .idx:before{
  content: '';
  background: rgba(0,85,255,0.16);
  background: url("../images/gou.png") no-repeat;
  width: 32px;
  height: 32px;
  background-size: 20px 20px;
  background-position: center center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.ddxq-box .steps-div .item.active .idx{
  border-color: #0055FF;
  background: #0055FF;
  color: #fff;
  font-size: 16px;
}
.step-title{
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  padding-left: 10px;
  margin-bottom: 16px;
}
.step-title:before{
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 20px;
  background: #0055FF;
}
.ddxq-box .dd-list{
  display: flex;
  justify-content: space-between;
  padding-right: 44px;
  margin-bottom: 30px;
}
.ddxq-box .dd-list .item .title{
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 12px;
}
.ddxq-box .dd-list .item .li{
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
  display: flex;
}
.ddxq-box .dd-list .item .li .val{
  color: #848484;
  display: flex;
  align-items: center;
}
.ddxq-box .dd-list .item .li .val .link{
  color: #0055FF;
  cursor: pointer;
  margin-left: 8px;
  font-size: 12px;
}
.ddxq-box .dd-list .item .li .val .p{
  color: #0055FF;
}
.ddxq-box .dd-list .item .li .val .icon-fz{
  background: url("../images/fz.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  display: inline-block;
}
.dd-table {
  width: 100%;
  border: 1px solid #F6F6F6;
  margin-bottom: 16px;
}
.dd-table th{
  height: 50px;
  background: #F6F6F6;
  color: #333333;
  font-weight: bold;
  padding: 0 20px;
}
.dd-table th:first-child,
.dd-table td:first-child{
  padding-left: 40px;
}
.dd-table th:last-child,
.dd-table td:last-child{
  padding-right: 40px;
}
.dd-table td{
  height: 72px;
  color: #333333;
  padding: 0 20px;
}
.dd-table td .tag1{
  color: #0055FF;
}
.dd-table td .txt{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ddxq-box .jg-div{
  display: flex;
  justify-content: flex-end;
  line-height: 24px;
  color: #848484;
  padding-right: 54px;
}
.ddxq-box .jg-div .val{
  color: #333333;
  width: 120px;
  text-align: right;
}
.ddxq-box .jg-main{
  display: flex;
  justify-content: flex-end;
  line-height: 24px;
  color: #333333;
  padding-right: 54px;
  margin-top: 20px;
  margin-bottom: 32px;
}
.ddxq-box .jg-main .val{
  color: #FF0000;
  width: 120px;
  font-size: 18px;
  text-align: right;
}
.ddxq-box .footer-btn-div{
  display: flex;
  justify-content: flex-end;
}
.index-btn1{
  width: 100px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
  color: #848484;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.index-btn1:hover{
  background: #0055FF;
  color: #fff;
}
.index-btn2{
  width: 100px;
  height: 32px;
  background: #0055FF;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ddxq-box .warm-div{
  height: 40px;
  background: #FFF5ED;
  border: 1px solid #F1924E;
  display: flex;
  align-items: center;
  color: rgba(0,0,0,0.65);
  padding: 0 8px;
  margin-right: 8px;
  margin-bottom: 20px;
}
.ddxq-box .warm-div .icon-warm{
  display: inline-block;
  background: url("../images/icon-warm.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 8px;
}
.ddxq-box .warm-div span i{
  color: #ED6A0C;
}
.index-shadow{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(51,51,51,0.4);
  z-index: 1000;
}
.fh-pop{
  width: 800px;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(0,21,41,0.07);
  border-radius: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 20px 32px;
}
.fh-pop .title-div{
  display: flex;
  justify-content: space-between;
  color: #333333;
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 21px;
}
.fh-pop .title-div .close{
  background: url("../images/pop-close.png");
  width: 22px;
  height: 22px;
  background-size: contain;
  cursor: pointer;
}
.fh-pop .warm-div{
  height: 40px;
  background: #FFF5ED;
  border: 1px solid #F1924E;
  display: flex;
  align-items: center;
  color: rgba(0,0,0,0.65);
  padding: 0 8px;
  margin-right: 8px;
  margin-bottom: 20px;
}
.fh-pop .warm-div .icon-warm{
  display: inline-block;
  background: url("../images/icon-warm.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 8px;
}
.fh-pop .dd-table th:first-child,
.fh-pop .dd-table td:first-child{
  padding-left: 20px;
}
.fh-pop .dd-table th:last-child,
.fh-pop .dd-table td:last-child{
  padding-right: 20px;
}
.fh-pop .info-div .title{
  padding-left: 20px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.fh-pop .tkje-div{
  margin-bottom: 32px;
  color: #333333;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 20px;
}
.fh-pop .tkje-div span{
  color: #FF0000;
}
.fh-pop .info-div .info{
  display: flex;
  color: #848484;
  line-height: 22px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.fh-pop .info-div .info .item{
  width: 25%;
}
.fh-pop .pop-btn{
  display: flex;
  justify-content: flex-end;
}
.fh-pop .fh-div{
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.fh-pop .fh-div .icon-cg{
  background: url("../images/fbcg.png");
  width: 86px;
  height: 86px;
  background-size: contain;
  margin-bottom: 7px;
}
.fh-pop .fh-div .h4{
  color: #333333;
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fh-pop .fh-div .p{
  color: #848484;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 32px;
}
.fh-pop .fh-div .p span{
  cursor: pointer;
  color: #0055FF;
}
.tkxx-div{
  display: flex;
  margin-bottom: 40px;
}
.tkxx-div .item{
  width: 25%;
  color: #333333;
  line-height: 22px;
  display: flex;
}
.tkxx-div .item .val{
  color: #848484;
}
.tkxx-div .item .val span{
  color: #FF0000;
}
.qr-pop{
  width: 400px;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(0,21,41,0.07);
  border-radius: 9px;
  padding: 20px 20px 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.qr-pop .title-div{
  display: flex;
  justify-content: space-between;
  color: #333333;
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 21px;
}
.qr-pop .title-div .close{
  background: url("../images/pop-close.png");
  width: 22px;
  height: 22px;
  background-size: contain;
  cursor: pointer;
}
.qr-pop .pop-btn{
  display: flex;
  justify-content: flex-end;
}
.qr-pop .pop-mess{
  display: flex;
  align-items: center;
  color: #333333;
  line-height: 22px;
  margin-bottom: 32px;
}
.qr-pop .pop-mess .icon-warm{
  background: url("../images/pop-warm.png");
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  margin-right: 12px;
}
.ddxq-box .ht-div{
  margin-bottom: 40px;
}
.ddxq-box .ht-div .title-div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  background: #F4F8FF;
  padding: 0 14px;
}
.ddxq-box .ht-div .title-div .title{
  font-weight: bold;
}
.ddxq-box .ht-div .title-div .title .tips1{
  color: #FF0000;
}
.ddxq-box .ht-div .title-div .title .tips2{
  color: #00B42A;
}
.ddxq-box .ht-div .title-div .link-div{
  display: flex;
}
.ddxq-box .ht-div .title-div .link-div .link{
  color: #0055FF;
  cursor: pointer;
  margin-left: 16px;
}
.ddxq-box .ht-div .man-table{
  width: 100%;
}
.ddxq-box .ht-div .man-table td{
  border-bottom: 1px solid #E9E9E9;
  height: 50px;
  color: #333333;
  padding: 0 14px;
}
.ddxq-box .ht-div .man-table td .me{
  color: #FF0000;
}
.ddxq-box .ht-div .man-table td .no{
  color: #848484;
}
.ddxq-box .ht-div .man-table td .qd-div{
  display: flex;
  align-items: center;
}
.ddxq-box .ht-div .man-table td .icon-gou{
  background: url("../images/icon-gou.png");
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  margin-right: 6px;
}